@media screen and (min-width: 811px) {
    html,
    body {
        width: 100%;
    }
    #wrapper {
        margin: 0 auto;
    }
    #contents {
    }
    #contents .inner {
        max-width: 780px;
        margin: 0 auto;
        padding: 0 25px;
    }
    .sitetop {
        margin-top: 20px;
        text-align: right;
        position: relative;
        z-index: 10;
    }
    .sitetop_rec {
        margin-top: -20px;
        text-align: right;
        position: relative;
        z-index: 10;
    }
    .sitetop img,
    .sitetop_rec img {
        width: 30px;
        height: auto;
    }
    .pc_hidden {
        display: none;
    }
    /*   header  */
    #header {
        width: 100%;
        background:url(../images/bg.png) no-repeat center center / cover;
        padding: 0;
        position: fixed;
        left: 0;
        z-index: 9999;
        clear: both;
    }
    #headerinner {
        width: 780px;
        height: 95px;
        margin: 0 auto;
        clear: both;
        position: relative;
    }
    #headertop {
        display: flex;
    }

    #logo{
        position: absolute;
        left: 0;
        top: 10px;
    }
    #headertop #date img {
        margin-top: 25px;
        margin-left: 11px;
    }
    #headertop #shinkoukai {
        position: absolute;
        left: 0;
        bottom: 75px;
    }
    #headertop #shinkoukai img {
        width: 301px;
        height: auto;
    }
    #submenu {
        position: absolute;
        left: 305px;
        top: 10px;
        display: flex;
    }
    #top {
        display: block;
        width: 137px;
        height: 21px;
        text-indent: -9999px;
        background: url(../images/btn_top_off.png) top left no-repeat;
        margin-right: 3px;
    }
    #access {
        display: block;
        width: 137px;
        height: 21px;
        text-indent: -9999px;
        background: url(../images/btn_access_off.png) top left no-repeat;
    }

    #headersns {
        clear: both;
        position: absolute;
        top: 15px;
        right: 0;
    }
    #snsarea {
        position: absolute;
        top: -5px;
        right: 0;
        display: flex;
        height: 26px;
    }
    .twitter {
        width: 70px;
    }
    .twitter-share-button {
        width: 100%;
        height: 100%;
        display: inline-block;
        pointer-events: auto;
    }
    .twitter-share-button img {
        width: 100%;
    }
    .fb {
        width: 80px;
        margin-left: 10px;
        margin-bottom: 5px;
        position: relative;
    }
    .fb::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 100%;
        background: url(../images/top_facebook.png) no-repeat center center / contain;
        pointer-events: none;
    }
    .fb-share-button {
        width: 100%;
        height: 100%;
        display: block;
    }
    .line {
        display: inline-block;
    }
    #menuarea {
        clear: both;
        position: absolute;
        left: 0;
        bottom: 3px;
    }
    .corplogo {
        float: left;
    }
    ul#menu {
        display: flex;
        justify-content: space-between;
        list-style-type: none;
    }
    ul#menu li {
        float: left;
        margin-left: 6px;
    }
    ul#menu li:first-child {
        margin-left: 0px;
    }
    /*   slide   */
    #slidearea {
        width: 100%;
        margin: 0 auto;
        padding-top: 95px;
        background: url(../images/bg_main.png) no-repeat center center / cover;
    }
    #slidearea > .inner {
        margin: 0 auto;
        max-width: 780px;
    }
    #slidearea .bx-wrapper {
        margin: 0 auto;
    }

    /*   denpagumi   */

    #denpa {
        border: 2px solid #0074BD;
        border-radius: 26px;
        background: #fff;
        padding: 31px 5px 0;
    }
    #denpa_tit_pc {
        text-align: center;
        margin-bottom: 10px;
    }
    #denpa_tit_pc img {
        width: 88%!important;
    }

    #bt_cont {
        float: right;
        margin-right: 57px;
        margin-bottom: 6px;
    }

    #denpa_ph {
        margin-top: 20px;
    }


    #denpa_line{
    }

    #denpa_line>img{
        width: 100%;
    }

    #denpa_caption {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -0.01em;
        line-height: 1.6;
        color: #000;
        float: left;
        padding-left: 36px;
    }

    #denpa h2#denpa_tit_sp {
        display: none;
    }
    #denpa h3 {
        padding-top: 50px;
        padding-left: 30px;
    }

    #memberarea{
        background-color: #ca497a;
        box-sizing: border-box;
    }

    .mouso_banner{
        padding: 20px 40px;
    }

    .mouso_banner img{
        width: 100%;
        height: auto;
    }
    .mouso_banner_ligts{
        padding: 0 40px;
        color: #ffffff;
        font-size: 13px;
    }
    .mouso_banner_ligts p{
        line-height: 1.5;
        margin-bottom: 1em;
    }
    #denpa ul#member {
        padding: 0 40px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    #denpa ul#member li:first-child {
        float: left;
        margin-left: 0;
    }

    #denpa ul#member li a {
        display: block;
        text-indent: -9999px;
        height: 108px;
        width: 137px;
    }
    #denpa ul li.bt_01 a {
        background: url(../images/mouso_btn01_off.png) no-repeat;
    }
    #denpa ul li.bt_02 a {
        background: url(../images/mouso_btn02_off.png) no-repeat;
    }
    #denpa ul li.bt_03 a {
        background: url(../images/mouso_btn03_off.png) no-repeat;
    }
    #denpa ul li.bt_04 a {
        background: url(../images/mouso_btn04_off.png) no-repeat;
    }
    #denpa ul li.bt_05 a {
        background: url(../images/mouso_btn05_off.png) no-repeat;
    }
    #member li a:hover {
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
    }

    #denpaarea {
        clear: both;
        overflow: hidden;
        padding-bottom: 20px;
        box-sizing: border-box;
        position:relative;
        left: -2px;
        bottom: 0px;
        top:20px;
    }
    #denpaarea ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    #denpaarea ul li {
        position: relative;
        box-sizing: border-box;
    }

    #denpaarea ul li img{
        width: 100%;
        height: auto;
    }


    .memberarea_btns{
        margin-left: 40px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .memberarea_btns>li{
        float: left;
    }
    .memberarea_btns>li:last-child{
        margin-left: 9px;
    }
    .memberarea_btns>li>a{
        text-indent: -9999px;
    }

    .btn_message{
        display: block;
        background: url(../images/mouso_btn_message_off.png);
        width: 345px;
        height: 49px;
    }

    .btn_message:hover{
        background: url(../images/mouso_btn_message_on.png);
    }

    .btn_mousosite{
        display: block;
        background: url(../images/mouso_btn_hp_off.png);
        width: 344px;
        height: 49px;
    }
    .btn_mousosite:hover{
        background: url(../images/mouso_btn_hp_on.png);
    }

    /*   teikyo   */

    .teikyo {
        text-align: center;        
        margin-top: 11px;
    }

    /*   campaign   */

    #campaign {
    }
    .campaign_inner {
        background: url(../images/bg_campaign.png) no-repeat center center / cover;
    }
    #campaign h2 {
    }
    #campaign h2 {
        margin-top: 10px;
    }
    #campaign h2 img {
        display: block;
        width: 100%;
    }
    #cambody {
        padding: 30px 0;
    }

    #campaign_ph01{
    }

    #campaign_ph01>img{
        width: 100%;
    }

    #present_ph01{
        margin-bottom: 40px;
    }

    /*Rounded corners*/
    .demo1{
        width: 780px; 
    }
    .demo1 img{
        height: auto;
    }


    /*   recommended   */
    #recommended {
        margin-top: 0px;
        position: relative;
    }
    #recommended h2 {
    }
    #recommended h2 img {
        display: block;
        width: 100%;
    }
    .recommended_inner {
        background: url(../images/bg_recommended.png) no-repeat center center / cover;
    }
    #recommended h3 {
        text-align: center;
    }
    #recommended #recbody {
    }
    #recbody h3 img {
        width: 100%;
    }
    #recommended #recbody #recommendedpic {
        position: absolute;
        top: -60px;
        right: -70px;
    }
    #recommended #recbody ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        overflow: hidden;
    }    
    #recommended #recbody ul li {
    }
    #recommended #recbody ul li a {
        display: block;
        width: 100%;
        height: 48px;
    }
    /*修正箇所_1*/
    #recommended #recbody ul li a:hover {
    }
    #recommended #recbody ul li img {
        width: 100%;
        aspect-ratio: 187/48;
        object-fit: cover;
    }
    .container_zeroemi {
        margin: 0 0 40px;
    }
    .container_zeroemi .btn {
        text-align: center;
        margin: 30px 0 0;
    }
    /*   map   */
    .map {
    }
    .map h2 {
    }
    .map h2 img {
        display: block;
        width: 100%;
    }
    .map_inner {
        background: url(../images/bg_map.png) no-repeat center center / cover;
    }
    #mapbody {
        text-align: center;
        padding: 24px 0 18px;
    }
    .mapbody_text {
        font-size: 23px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    #btn_mapdl {
        margin-top: 5px;
    }
    #btn_mapdl img {
        width: 100%;
    }

    /*   アキベア   */

    #akibear h2 img {
        display: block;
        width: 100%;
    }
    .akibear_inner {
        background: url(../images/bg_akibear.png) no-repeat center center / cover;
        padding: 30px 0 18px;
    }

    #sword img{
        margin-bottom: 5px;
    }


    #sword_btn{
        text-align: center;
        margin-top: 5px;
    }

    .coupon_title{
        margin-bottom: 20px;
    }

    .wrap_coupon{
        overflow: hidden;
    }

    .wrap_coupon li{
        float: left;
        margin-bottom: 15px;
    }

    .wrap_coupon li:nth-child(odd){
        margin-right: 15px;
    }

    /*   satsueikai   */
    #satsueikai{
        width: 100%;
        margin-top: 20px;
    } 


    /*   mouso   */

    .mouso_head {
        border-top: 1px dashed #ca497a;
        padding: 30px 0 0 40px;
        margin: 40px 0 20px 0;
    }

    .mouso_head>h2{
        margin-bottom: 10px;
    }

    .item_denpa_tit{
        float: left;
        margin: 10px 15px 0 0;
    }
    .item_denpa_video{
        float: left;
    }

    .btn_denpa_video{
        display: block;
        text-indent: -9999px;
        width: 325px;
        height: 65px;
        background: url(../images/denpa_btn_mv_off.png) no-repeat;
    }
    .btn_denpa_video:hover{
        background: url(../images/denpa_btn_mv_on.png) no-repeat;
    }
    .btn_line {
        margin-top: 25px;
    }
    .btn_line img {
        width: 100%;
    }

    /*   download   */
    #download {
        margin-top: 20px;
        padding: 0 40px;
        border-top: 1px dashed #e2456a;
        position: relative;
        clear: both;
    }

    #download h2 {
        margin: 20px 0;
        text-align: center;
    }
    .wrap_wallpaper {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .wrap_wallpaper li{
        width: 49%;
        margin-right: 10px;
    }

    .wrap_wallpaper li:last-child{
        float: left;
        width: 49%;
        margin-right: 0px;
    }

    #download .wallpaper {
        width: 100%;
    }
    #download .wallpaper img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    #download .wallpaper a {
        display: block;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none;
        background: #e2456a;
        width: 159px;
        height: 23px;
        line-height: 23px;
        text-align: center;
        float: left;
        border-radius: 5px;
        margin-left: 10px;
    }
    #download .wallpaper a:hover {
        color: #e2456a;
        background: #fff000;
    }
    #recommendarea {
        position: relative;
    }
    #recommendarea::after {
        content: "";
        position: absolute;
        top: -2px;
        left: 0;
        width: 100%;
        height: 1300px;
        background: url(../images/bg_recommended.png) no-repeat center center / cover;
        z-index: -1;
    }    
    #recommendarea img {
        width: 100%;
        margin-bottom: 30px;
    }
    #recommendarea ul {
        list-style-type: none;
        overflow: visible;
        margin: 0px;
        padding: 0px;
    }
    #recommendarea li {
        float: left;
    }
    #footer {
        font-size: 13px;
        font-weight: bold;
        color: #25458C;
        background-color: #fff;
        border-bottom: 20px solid #0074BD;
        text-align: center;
        padding: 20px 0 15px;
    }
    /*   copyright   */
    #bottomimage {
        text-align: center;
        background: url(../images/bg_footer.png) center bottom repeat-x;
        height: 220px;
    }
    #page-top {
        position: fixed;
        bottom: 0px;
        right: 40px;
        z-index: 120;
        background: url(../images/btn_pagetop.png) no-repeat;
        width: 137px;
        height: 214px;
        text-indent: -9999px;
    }
    .marginR10 {
        margin-right: 10px;
    }
    .marginL10 {
        margin-left: 10px;
    }
    .paddingR30 {
        padding-right: 30px;
    }
    .paddingL30 {
        padding-left: 30px;
    }
    .bx-wrapper .bx-pager.bx-default-pager {
        display: none;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #cacaca !important;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #25458C !important;
    }
}

/* エラー調整 */
.fb_iframe_widget_fluid span {
    vertical-align: inherit!important;
}