@media (max-width: 979px) {
.top_menu{
background:none;pointer-events:none;
}
.top_menu > *{
pointer-events:auto;
}
/*#main_top{
 background-size:180%;
}*/
#main_top{
 background:
 url("../../images/p/top/mimi.webp")no-repeat bottom right 35%,
 url("../../images/p/top/nyami.webp")no-repeat bottom right 35%,
 url("../../images/p/top/bg_left.png")no-repeat bottom left,
 url("../../images/p/top/bg_right.png")no-repeat top right,
 url("../../images/p/top/bg_dot.png")repeat-x bottom right,
 url("../../images/p/top/bg_mark.webp")repeat-x top center,#e9e7da;
 background-size:auto,auto,auto,auto,auto,auto;
}
#main_contents{
 padding-top:0;padding-bottom:0px;
}
#top_main{
  height:44vw;
}

#link_shop, #link_sns{
 display:none;
}
#info_title{
 background:url("../../images/p/top/news_bt2.png") no-repeat;
 background-size:100% auto;
 width:158px;
 height:0;
 padding-top:41px;
 overflow:hidden;
 position: absolute;
 top: -42px;
}
#info_btn{
 position:absolute;
 top:-41px;
 right:0;
}
#info_btn a{
 background:url("../../images/p/top/news_bt.png");
 background-size:100% auto;
 width:176px;
 height:0;
 padding-top:35px;
 display:block;
 overflow:hidden;
}
#info_btn a:hover{
 background-position:0 100%;
}
#top_mdl > #news_box{
padding-top:20px;
}
ul.site_link_list{
 padding:23px 5px;
 text-align:center;

}
ul.site_link_list li{
 display:inline-block;
}

#link_sp{
position:absolute;bottom:20px;right:1%;
animation:2.5s fuwafuwa infinite;
}
#link_sp > a{
 background-image:url("../../images/p/top/event_bt.png");
 background-size:100%;
 width:216px;
 height:0;
 padding-top:99px;
 display:block;
 overflow:hidden;
}
#link_free{
position:absolute;top:-48px;right:150px;z-index:1;
}
#link_free > a{
 background-image:url("../../images/p/top/free_p.png");
 background-size:100%;
 width:34px;
 height:0;
 padding-top:34px;
 display:block;
 overflow:hidden;
}

} /* EOF */
@media (max-width: 849px) {
#main_top{
 background:
 url("../../images/p/top/mimi.webp")no-repeat bottom right 35%,
 url("../../images/p/top/nyami.webp")no-repeat bottom right 35%,
 url("../../images/p/top/bg_left.png")no-repeat bottom left,
 url("../../images/p/top/bg_right.png")no-repeat top right,
 url("../../images/p/top/bg_dot.png")repeat-x bottom -230px right,
 url("../../images/p/top/bg_mark.webp")repeat-x top center,#e9e7da;
background-size:contain,contain,contain,contain,auto,contain;
}
#top_main{
height:33vw;
}
/*スライドバナー*/
#bnr_box{
 width:284px;
 position:absolute; 
 bottom:5%;
 left:calc((100% - 284px)/4 );
}
#bnr_box #bnr_view{
 width:284px;
 overflow:hidden;
 margin:0 auto;
}
#bnr_left,#bnr_right{
 display:none;
}
#bnr_box #bnr_area_bg{
 background:#fd6a7b;
 border:4px solid #31355d;
 border-radius:10px;
 background-size:contain;
 padding:3px 0px 0px 4px;
}
#bnr_box #bnr_area{
 margin:0 auto;
 display:inline-block;
 width:264px;
 height:158px;
 background:#fff;
 text-align:center;
 position:relative;
 overflow:hidden;
 border:4px solid #fff;

}
#bnr_box #bnr_area ul{
 top:0;
 left:0;
 position:absolute;
 font-size:0;
 overflow:hidden;
 padding:0px 0px 0px 0px;
}
#bnr_box #bnr_area ul > li{
 font-size:12px;
 width:255px;
 height:150px;
 display:inline-block;
 overflow:hidden;
}
#bnr_box #icon_area{
 margin:5px auto 0;
 text-align:center;
}
#bnr_box #icon_area ul{
 display:inline-block;
}
#bnr_box #icon_area ul > li{
 display:inline-block;
 cursor: pointer;
 margin:0 5px;
 width:10px;
 height:10px;
}
#bnr_box ul#main_area li > img{
width:100%;
}
.icon{
 width:10px;
 height:10px;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 background-color:#222222;
}

.active{
 background-color:#ff0050;
}
}
@media (max-width: 680px) {
 #link_sp > a{
 width:144px;
 padding-top:66px;
 }
 }

@media (max-width: 640px) {
#window_box > li{
width:100%;margin:10px auto;
}
#top_main{
height:38vw;
}
}

@media (max-width: 569px) {
#main_top{
 background:
 url("../../images/p/top/mimi.webp")no-repeat bottom right -25px,
 url("../../images/p/top/nyami.webp")no-repeat bottom right -25px,
 url("../../images/p/top/bg_left.png")no-repeat bottom left,
 url("../../images/p/top/bg_right.png")no-repeat top right,
 url("../../images/p/top/bg_dot.png")repeat-x bottom -230px right,
 url("../../images/p/top/bg_mark.webp")repeat-x top center,#e9e7da;
 background-size:contain,contain,contain,contain,auto,contain;
}
}

@media (max-width: 499px) {
#main_top{
 background:
 url("../../images/p/top/mimi.webp")no-repeat top left -42vw,
 url("../../images/p/top/nyami.webp")no-repeat top left -40vw,
 url("../../images/p/top/bg_left.png")no-repeat bottom left,
 url("../../images/p/top/bg_right.png")no-repeat top right,
 url("../../images/p/top/bg_dot.png")repeat-x bottom -230px right,
 url("../../images/p/top/bg_mark.webp")repeat-x top center,#e9e7da;
 background-size:120%,120%,contain,contain,auto,contain;
}
#top_main{
height:80vw;
background-position:bottom;
}
#bnr_box{
bottom:0px;left: calc((100% - 284px) / 2);
}
#link_sp{
top:calc((100% - 250px));right:calc((100% - 100px) / 2);
}
#link_sp > a{
width:100px;padding-top:46px;
}
}
@media (max-width: 380px) {
#main_top{
 background:
 url("../../images/p/top/mimi.webp")no-repeat top left -65vw,
 url("../../images/p/top/nyami.webp")no-repeat top left -58vw,
 url("../../images/p/top/bg_left.png")no-repeat bottom left,
 url("../../images/p/top/bg_right.png")no-repeat top right,
 url("../../images/p/top/bg_dot.png")repeat-x bottom -230px right,
 url("../../images/p/top/bg_mark.webp")repeat-x top center,#e9e7da;
 background-size:150%,150%,contain,contain,auto,contain;
}
#top_main{
height:100vw;
background-position:bottom;
}
#info_title {
width:142px;padding-top:36.9px;
}
#info_btn a{
width:158px;padding-top:31.5px;
}
}