html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";cdisplay:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/*	Youtube Player
============================== */
#con-body main a{text-decoration:underline;color:#000;}
#con-body main a:hover{text-decoration:underline;color:#ccc;}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#ce4439;}
.cGrn { color:#85b946;}
.cBlu { color:#4081bd;}
.cYel { color:#d2b83d;}
/*text*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}

body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
html, body, div#con-body {color:#000;background:url(../img/bg.png) center top #fff;}
.container{letter-spacing:0.05em;}

/* column */
@media all and (min-width: 768px) {
main{margin-bottom:15px;}
.columnBox{width:980px;margin:0 auto;background:url(../img/inline.png) #fff;}
div.columnL {width:660px;float:left; }
div.columnR {width:320px;float:right}
.pBox{width:570px;margin:0 auto 30px;overflow:hidden;}
.pBox p{line-height:200%;}
}
@media all and (max-width: 767px) {
article{padding:0.5em; }
article:first-child{padding-top:1em; }
.columnBox{max-width:767px;background:#fff;}
div.columnL {width:100%;margin:0 auto;}
div.columnR {width:100%;margin:0 auto;}
.pBox{overflow:hidden;}
.pBox p{width:90%;margin:0 auto;font-size:80%;line-height:200%;}
}

/* main */
@media all and (min-width: 768px) {
.top header{margin:0 auto;height:361px;background:url(../img/main.png) center bottom no-repeat;}
.top .h1Box{margin:0 auto;width:980px;height:361px;}
}
@media all and (max-width: 767px) {
.top .h1Box{position:relative;padding-top:36%;height:0;background:url(../img/main_smp.png) center top no-repeat;background-size: contain;}
.top .h1Box img{position:absolute;top:0;}
}

/* nav */
@media all and (min-width: 768px) {
.menu{margin:20px auto;height:60px;}
 ul.navi{clear:both; width:632px;height:60px;margin:0 auto;}
 ul.navi li{list-style:none;text-indent: -9999px;width:146px;height:60px;padding:0px;margin:0 6px;float:left;}
 ul.navi a{display: block;width:146px;height:60px;}
 ul.navi a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;text-decoration:none;}
    #menu01 a{ background:url(../img/menu.png) no-repeat 0 0;}
    #menu02 a{ background:url(../img/menu.png) no-repeat -146px 0;}
    #menu03 a{ background:url(../img/menu.png) no-repeat -292px 0;}
    #menu04 a{ background:url(../img/menu.png) no-repeat -438px 0;}
}
@media all and (max-width: 767px) {
.menu{margin:0;width:100%;height:auto;}
 ul.navi{clear:both; width:100%;}
 ul.navi li{float:left;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 ul.navi a{display:block; padding:1em 0;font-size:70%; font-weight:bold;color:#fff;text-decoration:none; }
    #menu01 { width:25%;}
    #menu02 { width:25%;}
    #menu03 { width:35%;}
    #menu04 { width:15%;}
    #menu01 a{ background:#ce4439;}
    #menu02 a{ background:#d2b83d;}
    #menu03 a{ background:#85b946}
    #menu04 a{ background:#4081bd;}
}


/* title */
@media all and (min-width: 768px) {
div.columnL h2{width:620px;text-indent: -9999px;margin:0 auto 20px; padding-top:20px;border-top:solid 1px #000;}
div.columnL h2 span{display:block;width:620px;height:40px;}
#spot h2 span{background:url(../img/subtitle.png) no-repeat ;}
#intro h2 span{background:url(../img/subtitle.png) 0 -40px no-repeat ;}
#about h2 span{background:url(../img/subtitle.png) 0 -80px no-repeat ;}
#cast h2 span{background:url(../img/subtitle.png) 0 -120px no-repeat ;}
#sns h2 span{background:url(../img/subtitle.png) 0 -160px no-repeat ;}
}
@media all and (max-width: 767px) {
div.columnL h2{width:100%;margin:0.5em 0 1em;font-size:120%;}
#spot h2 span{color:#000;padding: .25em 0 .25em .75em;border-left: 6px solid #000;}
#intro h2 span{color:#ce4439;padding: .25em 0 .25em .75em;border-left: 6px solid #ce4439;}
#about h2 span{ color:#d2b83d;padding: .25em 0 .25em .75em;border-left: 6px solid #d2b83d;}
#cast h2 span{color:#85b946;padding: .25em 0 .25em .75em;border-left: 6px solid #85b946;}
#sns h2 span{color:#4081bd;padding: .25em 0 .25em .75em;border-left: 6px solid #4081bd;}
}

/* spot */
.player-box{margin:0 auto;}
@media all and (max-width: 767px) {
.player-box {position: relative;height: 0;width:90%;height:0;overflow: hidden;}
.player-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

.lazy {display:block;position:relative;background:center top no-repeat;background-size: contain;margin:0 auto;}
/* about */
#about h3{color:#fff;padding:5px;margin:1em 0; background:url(../img/phbg_y.png);}
#about p{clear:both;}
#about .ph{display:block;width:210px;height:130px;padding:5px;background:url(../img/phbg_y.png) ;}
#about .bt{display:inline-block;width:206px;height:126px;border: 2px solid #fff;}
@media all and (min-width: 768px) {
#about p{margin-top:30px;}
#about .ph{margin-left:20px;float:right;}
}
@media all and (max-width: 767px) {
#about p{margin-top:1em;}
#about .ph{margin:1em auto;}
}

/* cast */
#cast h3{color:#fff;padding:5px;margin:1em 0; background:url(../img/phbg_g.png);}
#cast .ath{display:block;}
#cast small{font-size:80%;}
@media all and (min-width: 768px) {
#cast p{margin:20px 0;}
#cast .ph{display:block;width:470px;height:310px;padding:5px;margin:20px auto;background:url(../img/phbg_g.png) ;}
#cast .photo{display: inline-block;width:466px;height:306px;border: 2px solid #fff;}
}
@media all and (max-width: 767px) {
#cast .ph{display:block;width:250px;height:165px;margin:1em auto;padding:5px;background:url(../img/phbg_g.png) ;}
#cast .photo{display: inline-block;width:246px;height:161px;border: 2px solid #fff;}
#cast .ath small{display:block;}
}

/* SNS*/
#sns small{font-size:70%;}
#sns .sns-tw{height:60px;margin-right:40px;background:url(../img/gf_sns.png)  0 -60px no-repeat; float:left; }
#sns .sns-tw a{padding-left:80px;height:60px;font-size:120%; vertical-align: middle; display: table-cell;}
#sns .sns-fb{height:60px;background:url(../img/gf_sns.png)  0 0 no-repeat;float:left;}
#sns .sns-fb a{padding-left:80px;height:60px;font-size:120%;vertical-align: middle; display: table-cell;}

/* right */
.snsBox{display:block;width:298px; height:480px;  border:solid 1px #000;overflow:hidden;}
.inBox{width:290px;margin:5px auto 0;background:#fff;}
.tw_link a{display:block;width:300px; height:50px;margin-top:8px;background:url(../img/snsbt.png) center 0 no-repeat;}
.fb_link a{display:block;width:300px; height:50px;margin-top:8px;background:url(../img/snsbt.png) center -50px no-repeat;}
#rightBox div.con-rig{padding-bottom:10px;}
.snsBox p{text-align:center;font-size:70%;}

@media all and (min-width: 768px) {
.banner{margin-top:20px;}
.snsBox{margin:20px 0;}
.sns{width:300px;margin:20px 0;}
.tw{float:left;margin-right:20px;}
.fb{float:left;}
.bt_link a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;text-decoration:none; } 
.acv_bt a{display:block;width:300px; height:100px;margin-top:8px;background:url(../img/acv_bt.png)  no-repeat;}
.acv_bt a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;text-decoration:none;}
}

@media all and (max-width: 767px) {
aside{margin:0; padding:0;overflow:hidden;}
#rightBox{position:relative; width:300px;height:1420px;margin:0 auto;}
#rightBox .banner{ position:absolute; top:1110px;}
.snsBox{margin-bottom:1em;}
.sns{position:absolute; top:1380px;width:300px;}
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
.acv_bt a{display:block;width:300px; height:100px;margin-top:1em;background:url(../img/acv_bt.png)  no-repeat;}
.acv_bt a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;text-decoration:none;}
}

/* footer */
footer p.bottom{padding:2em;text-align:center;}
footer p.bottom a{text-decoration:none;color:#ce4439;}
footer p.bottom a:hover{text-decoration:none;color:#000;}

@media all and (min-width: 768px) {
footer .bottom{background:url(../img/bottom.png) center top no-repeat; }
#page_top  {text-align:center;font-weight:bold;font-size:80%;}
#page_top a{position:fixed;color:#fff;text-decoration:none;bottom:80px;right:30px;padding:40px 10px;background:#000; border-radius:50%;}
#page_top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
footer .bottom{font-size:90%;}
}
@media all and (max-width: 767px) {
#page_top  {text-align:center;font-weight:bold;font-size:80%;}
#page_top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;background:#000;line-height:49px;height:49px}
#page_top  a:hover{text-decoration:none;color:#eee;}
footer .bottom{font-size:70%;line-height:200%;}
}