#top_view_area{
 max-width:980px;height:100%;
 margin:0 auto;
 position:relative;
}
#main_top{
 background:
 url("../../images/p/top/mimi.webp")no-repeat bottom center,
 url("../../images/p/top/nyami.webp")no-repeat bottom center,
 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;
}
#top_main{
 height:440px;
 position:relative;
}
#top_mdl{
 border-top:7px solid #00cf20;
 border-bottom:7px solid #00cf20;
 background:#59dd6d;
 padding-top:45px;
 padding-bottom:7px;
}
#top_mdl > #news_box{
 background:#f0f1e3;position:relative;
 padding:35px 0px 0px;
}
#top_mdl > #news_box > .view{
 max-width:980px;max-height:300px;margin:0px auto;overflow:auto;padding:0px 5px 20px 0px;
 scrollbar-color: #fd7468 #f5e7bc;
}
#info_title{
  background: url(../../images/p/top/news_bt2.png) no-repeat;
  width: 239px;
  height: 0;
  padding-top:62px;
  overflow: hidden;
  position: absolute;
  top: -47px;
}
#info_btn{
position:absolute;top:-30px;right:calc((100% - 980px) / 2);
}
#info_btn a {
 background: url(../../images/p/top/news_bt.png);
 background-size: 266px auto;
 width: 266px;
 height: 0;
 padding-top: 54px;
 display: block;
 overflow: hidden;
}
#info_btn a:hover{
background-position:0 100%;
}
#news_box dl > dt{
 margin: 0 0 10px 0;
 padding: 0 0 0 10px;
 color: #A20000;
 font-weight: bold;
}
#news_box dl .info_title{
 font-weight: bold;
 color: #ff0080;
}
#news_box dl > dd{
  margin: 0 5px 15px 5px;
  padding: 0 15px 5px 15px;
  line-height: 160%;
  border-bottom: 1px solid #1f2858;
}
#news_box dl > dd table{
margin-left:10px;
}
#news_box dl > dd th{
border-left:1px solid #1f2858;border-top:1px solid #1f2858;background:#ffede8;
padding:5px;font-weight:bold;
}
#news_box dl > dd td{
border-left:1px solid #1f2858;border-top:1px solid #1f2858;background:#fff;
padding:5px;
}
#news_box dl > dd th:last-of-type,
#news_box dl > dd td:last-of-type{
border-right:1px solid #1f2858;
}
#news_box dl > dd tr:last-of-type td{
border-bottom:1px solid #1f2858;
}

#news_box dl > dd .lv_easy{
background:#d2e9ff;
}
#news_box dl > dd .lv_normal{
background:#ddffbb;
}
#news_box dl > dd .lv_hyper{
background:#ffffcc;
}
#news_box dl > dd .lv_ex{
background:#ffccff;
}

#news_box dl > dd .diff_up{
background:#e9b8b8;
}
#news_box dl > dd .diff_down{
background:#b0d7f3;
}

#window_box > li div.inner .today{
color:#f00;text-align:center;
}
#window_box > li div.inner .not_today{
color: #00f;padding-top:10px;text-align:center;
}
#window_box{
display:flex;flex-wrap:wrap;
max-width:980px;margin:0px auto;padding-top:30px;
}
#window_box > li{
width:calc( 100% / 2 );
}

#window_box > li > div{
background:url("../../images/p/top/window_box_top_img.png") no-repeat right top -20px,url("../../images/p/top/window_box_bottom_img.png") no-repeat left bottom,#77d4ff;
border:4px solid #6561b8;box-shadow:0px 6px #adcae4;border-radius:0px 20px 0px 20px;
width:96%;margin:0px auto;overflow:hidden;padding-bottom:20px;
}
#window_box > li > div > img{
padding:10px;max-width:100%;
}
#window_box > li > div > div.inner{
background:url("../../images/p/common/inner.jpg"),#fff;
height:320px;width:90%;margin:0px auto;padding:20px;overflow:auto;padding:5px;scrollbar-color: #fd7468 #f5e7bc;
border-radius:20px;
}
#window_box > li > div > div.inner #timelineGadgetBox{
background:#fff;
}

#birthday ul{
display:flex;flex-wrap:wrap;align-items:center;padding:10px 5px;
}
#birthday > ul > li:first-of-type > img{
filter:drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.6));
}
#birthday > ul > li:nth-child(2){
width: calc(100% - 32px);padding-left:10px;
}
#birthday > ul > li:nth-child(2) a{
display:block;color:#ff6a7a;text-align:center;background:#fff;
border:1px solid #ff6a7a;border-radius:10px;
margin:5px auto 0px;transition:0.2s;
}

/*アニメーション*/
@keyframes fuwafuwa{
  0%, 100% {
    transform:translateY(0);
  }
  50% {
    transform:translateY(-10px);
  }
}


@media (min-width: 850px) {
/*スライドバナー*/
#bnr_box{
 width:calc( 540px + 40px + 40px );
 position:absolute;
 left:0px;
 top:15px;
}
#bnr_box #bnr_view{
 width:100%;
 overflow:hidden;
}
#bnr_left,#bnr_right{
width: 39px;
height: 50px;
margin: 153px auto 0px auto;
 float:left;
 background-repeat: no-repeat;
 z-index: 2;
 position: relative;
 cursor:pointer;
}
#bnr_left{
background-image: url("../../images/p/top/slide_feed_btn_00.png");
}
#bnr_right{
background-image: url("../../images/p/top/slide_feed_btn_00.png");
 background-position:-39px 0px;
}
#bnr_left:hover{
 opacity:0.8;
}
#bnr_right:hover{
 opacity:0.8;
}

#bnr_box #bnr_area_bg{
 margin:0 auto;
/* width:510px;*/
 float:left;
/* background:url(../../images/p/top/slide_frame.png) no-repeat;*/
 padding:6px 6px;
 border:4px solid #31355d;
 background:#fd6a7b;
 border-radius:10px;
}

#bnr_box #bnr_area{
 margin:0 auto;
 display:inline-block;
 width:518px;
 height:304px;
 background:#fff;
 text-align:center;
 float:left;
 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:510px;
 height:296px;
 display:inline-block;
 overflow:hidden;
}

#bnr_box #icon_area{
 margin:10px auto;
 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:20px;
 height:8px;
}
#bnr_box #bnr_area ul > li > img{
width:100%;
}
.icon{
 background-color:#222222;
}

.active{
 background-color:#ff0050;
}
}

@media (min-width: 980px) {
#link_sns{
position:absolute;top:-20px;right:120px;
animation:2.5s fuwafuwa infinite;
}
#link_sns > a{
 background-image:url("../../images/p/top/x_bt.png");
 background-size:100%;
 width:174px;
 height:0;
 padding-top:83px;
 display:block;
 overflow:hidden;
}

#link_sp{
position:absolute;bottom:20px;right:30px;
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:-20px;right:-30px;
}
#link_free > a{
 background-image:url("../../images/p/top/free_p.png");
 background-size:100%;
 width:68px;
 height:0;
 padding-top:68px;
 display:block;
 overflow:hidden;
}

#link_sp > a:hover,
#link_sns > a:hover,
#link_free > a:hover{
filter:brightness(1.1) blur(.5px) saturate(1.5);
}

#link_shop{
 position:absolute;top:-20px;right:40px;
}
#link_shop > a{
 background-image:url("../../images/p/top/shop_bt.png");
 background-size:100%;
 width:77px;
 height:0;
 padding-top:68px;
 display:block;
 overflow:hidden;
}
#link_shop > a:hover{
 background-position:0 100%;
}
#deco1{
  background:url("../../images/p/top/bg_onpu_bottom.png");
  background-size:100%;width:88px;height:72px;
  position:absolute;bottom:10px;left:-120px;
  animation:2.5s fuwafuwa infinite;pointer-events:none;
}
#deco2{
  background:url("../../images/p/top/bg_onpu_top.png");
  background-size:100%;width:62px;height:70px;
  position:absolute;top:-50px;right:-120px;
  animation:2.5s fuwafuwa infinite;pointer-events:none;
}

#news_box{
background-image:url("../../images/p/top/left_img.png"),
url("../../images/p/top/right_img.png") !important;
background-repeat:no-repeat,no-repeat !important;
background-position-x:calc( (100% - 980px - 282px) / 2),calc( ((100% - 980px + 120px) / 2) + 980px ) !important;
background-position-y:center,center !important;
}
ul.site_link_list{
 padding:23px 5px;
 text-align:center;
 margin-top:20px;
}
ul.site_link_list li{
 display:inline-block;
}
/*スライドバナー*/
#bnr_box{
 width:calc( 648px + 40px + 40px );
}
#bnr_box #bnr_area{
 width:628px;
 height:367.4px;
}
#bnr_box #bnr_area ul > li{
 width:620px;
 height:359.4px;
}
}
 /* EOF */


@media (min-width: 1060px) {
#bnr_box{
 left:-40px;
}
}


 /* EOF */