@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#101c6a; font-size:16px; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a { color:inherit; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }
.tuline { text-decoration: underline; }
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}


.align_center{ text-align: center; }

.color_red{ color:#ca0000;}
.color_bu{ color:#6fc4fd;}
.color_Vio{ color:#8c00d4;}

.font_b{ font-weight: bold; }
.font_s{ font-weight: 400!important; }
.font_feature{font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }

.f16{ font-size: 16px; font-size: 1.6rem; line-height: 145%; }
.f18{ font-size: 18px; font-size: 1.8rem; line-height: 145%; }
.f20{ font-size: 20px; font-size: 2rem; line-height: 145%; }
.f21{ font-size: 21px; font-size: 2.1rem; line-height: 145%; }
.f25{ font-size: 25px; font-size: 2.5rem; line-height: 120%; }
.f26{ font-size: 26px; font-size: 2.6rem; line-height: 153%; }
.f30{ font-size: 30px; font-size: 3rem; line-height: 120%; }





/******************************************************************/
html{ font-size:62.5%;text-size-adjust:100%;-webkit-text-size-adjust:100%;}

body{ background:#fff url(../images/body_bg.jpg) center top no-repeat; position:relative; font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt"; }

.menu_mob{ background:#e9cc30; border-bottom:7px solid #6fc4fd; position: relative; z-index: 100;   }
.menu{ width: 1000px; max-width: 100%; margin: 0 auto; box-sizing:border-box; }
.menu li{ float: left; position: relative;}
.menu li a{ display: block; }
.menu li.menu_01{width:7.2%; }
.menu li.menu_02{width:10.2%;}
.menu li.menu_03{width:10.2%;}
.menu li.menu_04{width:10.2%;}
.menu li.menu_05{width:10.2%;}
.menu li.menu_06{width:15.4%;}
.menu li.menu_07{width:22.6%;}
.menu li.menu_08{width:14%;}
.menu li a:hover,.menu li.sel a{ background: #6fc4fd; }
/* .menu li.menu_07 a:hover{ opacity: 1; background:transparent; } */
.menu li .menu_cs{ position: absolute; top: 0; left:50%; left:0%\9; transform: translateX(-50%); }

.wrap{ width: 1000px; max-width: 100%; margin: 0 auto; }
.ytb{position: relative;width: 100%;padding-bottom: 56.25%;}
.ytb iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.index .inner_mob{ background:#fff url(../images/info_bg.jpg) center top no-repeat; }
.index .inner_title{ padding: 12% 5% 7.5% 5%; text-align: center; }
.inner_title .img_ic{ padding: 6% 0% 0% 0%;}

.news_mob{ width: 760px; max-width: 90%; margin: 0 auto; }
.news_mob dt{ color: #6fc4fd; font-size:2rem;line-height: 160%; font-weight: bold;}
.news_mob dd{ font-size:1.8rem; padding-bottom: 2.5em; line-height: 145%;  }


/* page */
.in_smtt{ font-family: "Rounded Mplus 1c"; text-align: center; font-size:4.2rem; position: relative; padding-bottom:1.25em;   }
.in_smtt:after{ content: ""; display: block; position: absolute; bottom: 0; left:0; height:6px; width: 100%; background:#e9cc30;}
.in_smtt:before{ content: ""; display: block; position: absolute; bottom:6px; left:0; height:6px; width: 100%; background:#60aafc;}

.page .inner_title{ padding: 2% 5% 7.5% 5%; text-align: center; }
.intx{ padding: 5% 5% 17% 5%; }
.intx .tit_bg { color: #ca0000; text-shadow: 0 0 5px white; padding: 0.5em 0.7em; background: -webkit-repeating-linear-gradient(-45deg, #ffe769, #ffe769 3px,#fff5c2 3px, #fff5c2 7px); background: repeating-linear-gradient(-45deg, #ffe769, #ffe769 3px,#fff5c2 3px, #fff5c2 7px); }

.intit_is{ padding-bottom:6.6%; font-family: "Rounded Mplus 1c"; }

.artist .con_mob{ margin-bottom: 17%; }
.artist .con_mob .atphM{ float:left; width:30%; position:relative; overflow:hidden; margin:2% 0 0 2.5%;}
.artist .con_mob .atphM .moveup{ position:absolute; top:100%; left:0; transition:all 0.5s linear; -webkit-transition:all 0.4s linear;}
.artist .con_mob .atphM:hover .moveup{ top:0;}

.font_al_0 li{ padding-left:0.5em; text-indent: -0.5em;}
.font_al_1 li{ padding-left:1em;  text-indent: -1em;}


.tb_tab{ width:100%; margin:6% auto 1% auto; border-top:1px solid #60aafc; border-left:1px solid #60aafc;}
.tb_tab td{ border-bottom:1px solid #60aafc; border-right:1px solid #60aafc; padding:3px;}
.tb_tab tr td.tab_fst{ background:rgba(233,204,48,0.9);}

.g_tab{ display: table; width: 100%; }
.g_tab .g_tabin{ display: table-cell; width: 50%; padding: 0 1%; vertical-align: top;}


.backin{ text-align: center; font-family: "Rounded Mplus 1c"; }
.backin a{ display: inline-block; font-size: 28px; line-height: 200%; padding: 0 3em; background:#e9cc30; color: #fff; transition: .4s;  }
.backin a:hover{ text-decoration: none; background:#6fc4fd; color: #fff;  }

.ban_listbox{ display:inline-block; padding:0.5em 1em; background:#e9cc30; border-right:4px solid #6fc4fd;  border-left:4px solid #6fc4fd; border-radius:0px; color:#fff; margin:0.8em; transition:all 0.1s;}
.ban_listbox:hover{ text-decoration:none; border-color:#e9cc30;background:#6fc4fd; color:#fff;}

.banlink{ text-align: center;  font-size: 0; line-height: 0;}
.banlink h3{ text-align: center; padding: 10px; }
.linkinner a{ display: inline-block; max-width:24%; padding:0 1% 1% 0; }
.linkinner a:nth-child(5n){ padding-right: 0; }

.linkinner a:hover{ opacity: 0.8 }



.foot{ width: 1000px; max-width: 100%; margin: 0 auto;  }
.footer{text-align: center; padding: 8% 0 12% 0; }

.page-top {position: fixed;bottom:0px;right: 20px; z-index:30; display: none;}
.page-top a{ display:block; width:100px; height:100px; background:url(../images/backtp.png) 0 0 no-repeat;}



@media screen and (max-width:1150px) {
.menu{ max-width: 100%;}

}

@media screen and (max-width:1000px) {

.wrap .main{width:96%; padding: 0 2%;}

.g_tab{ display: block; width: 100%; }
.g_tab .g_tabin{ display:block; width:100%; padding: 0;}

}
@media screen and (max-width:750px) {


.page-top a{ display:block; width:60px; height:60px; background-size: 100%;}

.linkinner a:nth-child(5n){ padding-right:1%; }
.linkinner a:nth-child(4n){ padding-right: 0; }




}






@media screen and (max-width:640px) {
.artist .con_mob .atphM{ float:left; width:47%;margin:3% 0 0 2.5%;}

}