@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 {font-size:16px; line-height:160%; font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; overflow-x:hidden; }
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
a{ text-decoration:none; color:inherit;}

.red_cl{ color:#e8380d;}
.red_bucl{ color:#c81815;}
.pink_cl{ color:#ea535e;}
.blue_cl{ color:#3962ad;}
.bluein_cl{ color:#43bff0;}
.c_w{ color:#ffffff;}

.f16{ font-size: 16px; font-size: 0.16rem; line-height:170%;  }
.f18{ font-size: 18px; font-size: 0.18rem; line-height:170%;  }
.f20{ font-size: 20px; font-size: 0.2rem; line-height:170%;  }
.f24{ font-size: 24px; font-size: 0.24rem; line-height:160%;  }

.fws{ font-weight:400;}
.fwb{ font-weight:bold;}

.algcen{text-align: center;}





.inpv{ text-align: center;}
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}



/******************************index************************************************/
html{ font-size:100px;}
body{ position:relative;background: url(../images/inbg.jpg) center top repeat; }
.tpbg{ position: absolute; top: 0; left:0; height:0; width: 100%; padding-bottom: 627px; background: url(../images/bg.jpg) center top repeat-x; background-size: auto 100%; z-index:1; pointer-events:none; }


.header{ text-align: center; width: 1000px; max-width: 100%; margin: 0 auto; position: relative; z-index:10; }
.header img{ width:122%; margin-left: -11%; max-width:1000%;  }
.ban_twi{position: absolute; top:40px;top:0.4rem;right:20px;right:0.2rem; width:40px; height:40px; width:0.4rem; height:0.4rem;background:url(../images/icon_tf.png) 0 0 no-repeat; background-size: 0.8rem;}
.ban_fac{position: absolute; top:40px;top:0.4rem;right:70px;right:0.7rem;  width:40px; height:40px; width:0.4rem; height:0.4rem;background:url(../images/icon_tf.png) 100% 0 no-repeat; background-size: 0.8rem;}
.ban_twi:hover{ background-position: 0 bottom; }
.ban_fac:hover{ background-position: right bottom; }





.warp{ width:1000px; max-width:100%; margin:0 auto;position:relative; z-index:10; min-height:100%; }


.menu{ position: absolute; top: 0; width: 1000px; max-width: 100%; z-index: 50; margin-top: -4%; transition:all 0.5s; }
.menu_bg{ position: fixed;top: 0; left: 0; width: 100%; background: url(../images/menu_bg.jpg) 0 0 repeat-x;height: 0; background-size: auto 100%; z-index: 51; pointer-events:none; transition:all 0.3s; opacity: 0; }
.menu a{ display:block; width: 13%;height: 0; padding-bottom: 11%; float: left; margin-right: 4.6%; background-size: 100% auto!important; z-index: 55; position: relative; }
.menu .menu_01{ background: url(../images/menu_01.png) 0 0 no-repeat; margin-left: 8.6%; }
.menu .menu_02{ background: url(../images/menu_02.png) 0 0 no-repeat; }
.menu .menu_03{ background: url(../images/menu_03.png) 0 0 no-repeat; }
.menu .menu_04{ background: url(../images/menu_04.png) 0 0 no-repeat; }
.menu .menu_05{ background: url(../images/menu_05.png) 0 0 no-repeat; }

.menu .menu_01:hover{ background: url(../images/menu_01_on.png) 0 0 no-repeat;}
.menu .menu_02:hover{ background: url(../images/menu_02_on.png) 0 0 no-repeat; }
.menu .menu_03:hover{ background: url(../images/menu_03_on.png) 0 0 no-repeat; }
.menu .menu_04:hover{ background: url(../images/menu_04_on.png) 0 0 no-repeat; }
.menu .menu_05:hover{ background: url(../images/menu_05_on.png) 0 0 no-repeat; }

.menu.nshow{ position: fixed;margin-top:0%; padding-top:10px; padding-top: 0.1rem;  }
.menu.nshow .menu_bg{ display: block;height:100px; height: 1rem; opacity: 1}

.main{ border-radius:0.46rem;  border:0.1rem solid #1f286f;background:rgba(255,255,255,1); overflow:hidden; padding: 9% 0 0 0; margin-bottom: 8.5%; }
.flym{ position: absolute; top: -130px; top: -1.3rem; }
.main .innermob{ padding:0 4% 7% 4%;  color: #1f286f; position: relative;}
.innermob .title_h{ text-align: center; padding-bottom: 3%; }

.ban_slmob{ display: inline-block; background: #7cd0ff; line-height: 120%; padding:0.25em 0.4em; color: #fff;border: 2px solid #fff; transition:all 0.2s;  }
.ban_slmob:hover{ text-decoration:none!important; color: #7cd0ff; background: #fff; border: 2px solid #7cd0ff; }


/* news */
.news_in{ margin-right:3.3%; position: relative; border:0.04rem solid #1f286f; background: #e6f6ff; padding:2.22% 5.55% 0 2.22%; border-radius: 0.2rem;   }
.news_in .ban_readmore{ display: block; width: 68px; height: 68px;width: 0.68rem; height: 0.68rem; position: absolute; top: 50%; right:-34px; right:-0.34rem; margin-top:-34px; margin-top: -0.34rem; background:url(../images/ban_more_off.png) 0 0 no-repeat; background-size:100%;}
.news_in .ban_readmore:hover{ background:url(../images/ban_more_on.png) 0 0 no-repeat; background-size:100%;}
.news_in .newslist li{ padding: 0 0 0.8em 1.1em; background:url(../images/ic_y.png) 0 0.4em no-repeat; background-size: 0.778em;  }
.news_in .newslist li a:hover{ color: #e60021;}

.news_inners{ padding-bottom: 5%; position: relative; }
.news_inners a{color:#e60021; font-size: 16px; font-size: 0.16rem;}
.news_inners a:hover{ text-decoration: underline; }
.news_inners .news_innerti{ padding-bottom: 0.6em;color: #e60021;  }
.news_inners .news_time{ font-size: 12px; color: #ce9b5b; display: block; }

.ban_back{ text-align: center;  margin-bottom: 40px; }
.ban_back a{ display: inline-block; padding: 0.5em 1.5em; font-size:0.24rem; line-height: 100%; text-decoration: none; background: #006fb7;border:2px solid #fff; border-radius:2000px; font-weight: bold; transition:all 0.1s; color: #fff }
.ban_back a:hover{ background: #fff;border:2px solid #006fb7; color: #006fb7; }



/* news */


/* about */
.tit_ic{ display: inline-block; width:5em; text-align: center;margin-bottom: 0.4em; background:#e60021; color: #fff;   border-radius: 0.4em;}
.abit{ padding-bottom: 1.2em; }
/* .abit a{ color:#e60021; font-size: 16px; font-size: 0.16rem; } */
.abit a:hover{ text-decoration: underline; }
/* about */

/* artist */
.art_mob{ text-align: center; font-size: 0; }
.art_mob .inph{ display: inline-block; letter-spacing: -1em; width:23%;margin:0 2.13% 2.13% 0;}
.art_mob .nopin{ margin:0 0% 2.1% 0;}
.art_mob .lastinf{width:19%;}

/* artist */

.foot{ padding: 4%; }
.banlogo{ display: inline-block; width: 240px; width: 2.4rem; }
.ft_ioc{ font-size: 12px; line-height: 120%; padding: 1% 0; font-weight: bold }




@media screen and (max-width:1000px){
.tpbg{padding-bottom: 62.7%;  }

}

@media screen and (max-width: 750px){
body{ background-size: 0.8rem; }
.tpbg{ display: none; }

.header img{ width:100%; margin-left: 0%; max-width:1000%;}

.menu{margin-top: -12%;}
.menu a{ width: 17.333%;padding-bottom: 14.667%;margin-right:2.26%; background-size: 100% auto!important; }
.menu .menu_01{  margin-left: 2%; }

.main { margin:0 2.66% 8.5% 2.66%; padding: 9% 0 0 0; border-radius: 0.24rem;}


}

@media screen and (max-width: 640px){
/* .f16{font-size: 0.18rem; line-height:160%;  }
.f18{font-size: 0.2rem; line-height:155%;  }
.f20{font-size: 0.22rem; line-height:155%;  }
.f24{font-size: 0.26rem; line-height:155%;  } */


/* artist */
.art_mob{ text-align: center; font-size: 0; }
.art_mob .inph{ display: inline-block; letter-spacing: -1em; width:45%;margin:0 4.13% 4.13% 0;}
.art_mob .inph:nth-child(2n){ margin:0 0% 4.13% 0;}
.art_mob .nopin{ margin:0 0% 4.13% 0;}
.art_mob .lastinf{width:40%;}
/* artist */

.ft_ioc{ font-size: 10px;}

}

@media screen and (max-width: 375px){
.f16{font-size:10px; line-height:160%;  }
.f18{font-size:12px; line-height:155%;  }
.f20{font-size:14px; line-height:155%;  }
.f24{font-size:16px; line-height:155%;  } 
.ft_ioc{ font-size: 8px;}

}