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:"";clear:both;display: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
============================== */
/*img cover*/
.cover {width:100%;height:100%;}
/*font-color*/
.cRed, .err { color:#c80000;}
.cBlu{ color:#185ca3;}
/*text*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*body*/
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing: antialiased;}
body { font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;}
html, body, div#con-body {color:#000;background:#000}
/*link-color*/
.container a{text-decoration:underline;color:#c80000}
.container a:hover{text-decoration:underline;color:#333;}
/*container*/
.container{letter-spacing:0.05em;overflow:hidden;}
@media all and (min-width: 768px) {
.container{background:url(../img/bg.png) center center repeat-y;}
}
@media all and (max-width: 767px) {
.container{font-size:80%;background:#fff}
}

/*//////////////////// all ////////////////////*/
/* header */
header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent: -9999px;}
.second header{background:url(../img/main2.png) center center no-repeat;}
@media all and (min-width: 768px) {
.top header{height:630px;margin:15px auto 0;}
.top h1{width:960px;height:630px;margin:0 auto;}
.second header{width:960px;height:120px;margin:15px auto;}
.second h1{width:960px;height:120px;}
}
@media all and (max-width: 767px) {
.top header{position:relative;width:95%;padding-top:63%;height:0; margin:1em auto .5em;background-size:contain;}
.top .random{background:center top no-repeat;background-size:contain;}
.top h1{position:absolute;top:0;left:0;width:100%;height:100%;}
.second header{position:relative;width:95%;padding-top:13.5%;height:0;margin:.5em auto;background-size:contain;}
.second h1{position:absolute;top:0;left:0;width:100%;height:100%;}
}

/* nav */
.menu ul a{display: block;}
@media all and (min-width: 768px) {
	.menu ul{position:relative;width:960px;height:190px;}
	.menu a{box-sizing:border-box;border:solid 5px #000;text-indent: -9999px;}
	#menu01 a{ position:absolute; top:0; width:310px;height:90px;background:url(../img/menu/menu.jpg) -5px -5px #000;}
	#menu02 a{ position:absolute; top:100px; width:310px;height:90px;background:url(../img/menu/menu.jpg) -5px -95px #fff;}
	#menu03 a{ position:absolute; top:0;left:320px; width:260px;height:190px;background:url(../img/menu/story.jpg?last) center -5px #fff;}
	#menu04 a{ position:absolute; top:0;left:590px; width:230px;height:110px;background:url(../img/menu/menu.jpg) -315px -5px #fff;}
	#menu05 a{ position:absolute; top:120px;left:590px; width:230px;height:70px;background:url(../img/menu/menu.jpg) -315px -115px #000;}
	#menu06 a{ position:absolute; top:0;left:830px; width:130px;height:190px;background:url(../img/menu/menu.jpg) -545px -5px #000;}
.menu ul a{transition: 1.0s ;}
.menu ul a:hover{background:#000;text-decoration:none;}

}
@media all and (max-width: 767px) {
.menu ul{letter-spacing:-0.5em;}
.menu ul li {box-sizing:border-box;border:solid 2px #000;margin-bottom:1%;}
.menu ul li {display:inline-block;width:49.5%;letter-spacing:0.05em;background:#000;}
.menu ul li:nth-child(odd){margin-right:1%;}
.menu ul li:nth-child(5),.menu ul li:nth-child(6){margin-bottom:0;}
.menu ul li:nth-child(1),.menu ul li:nth-child(4),.menu ul li:nth-child(5){background:#fff;}
.menu ul a{width:100%;padding:.5em 0;margin:.5em auto;text-indent: -9999px;}
	#menu01 a{ background:url(../img/menu/smp_intro.png) center center no-repeat;background-size:contain;}
	#menu02 a{ background:url(../img/menu/smp_news.png) center center no-repeat;background-size:contain;}
	#menu03 a{ background:url(../img/menu/smp_story.png) center center no-repeat;background-size:contain;}
	#menu04 a{ background:url(../img/menu/smp_cast.png) center center no-repeat;background-size:contain;}
	#menu05 a{ background:url(../img/menu/smp_staff.png) center center no-repeat;background-size:contain;}
	#menu06 a{ background:url(../img/menu/smp_bbs.png) center center no-repeat;background-size:contain;}
}


/* MENU Flashing */
.menu ul li:hover {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {
	0% {opacity: .6;}
	100% {opacity: 1;}
}
@keyframes flash {
	0% {opacity: .6;}
	100% {opacity: 1;}
}


/* box */
@media all and (min-width: 768px) {
.box{width:960px;margin:15px auto 0;overflow:hidden;}
aside{width:960px;margin:0 auto;overflow:hidden;}
}
@media all and (max-width: 767px) {
.box{width:95%;margin:0 auto .5em;overflow:hidden;box-sizing:border-box;}
aside{background:#000;padding:1em 0;}
}

/*////////////////////// top //////////////////////*/
/*///----- WHATS NEW -----///*/
#newsArea {background:#000;}
#newsArea h3{text-align:center; background:url(../img/subtitle/new.png) center bottom no-repeat;text-indent: -9999px;}
	/* dl area */
	#newsArea dl a{text-decoration:none;color:#fff;}
	#newsArea dl a:hover{text-decoration:none;color:#c80000;}
	#newsArea dt{word-break:break-all;}
	#newsArea dt{float:left;text-align:left;line-height:100%;}
	#newsArea dd{line-height:130%;}
	#newsArea dd{margin-bottom:12px;word-break: break-all;}
	#newsArea dd:last-child{margin-bottom:0;}
	/* scrollbar */
	#newsArea #js-load::-webkit-scrollbar{background: #c80000;}
	#newsArea #js-load::-webkit-scrollbar-thumb{background: #c80000;}
	#newsArea #js-load::-webkit-scrollbar-track-piece:start{ background: #fff;}
	#newsArea #js-load::-webkit-scrollbar-track-piece:end{ background: #fff;}
	#newsArea #js-load::-webkit-scrollbar-corner{ background: transparent;}
	#newsArea #js-load::-webkit-scrollbar{width:5px;}
@media all and (min-width: 768px) {
#newsArea{float:left;width: 490px;height: 270px;box-sizing:border-box;position: relative;overflow:hidden;background:transparent;}
#newsArea::before {content: "";
    display: block;width: 490px; height: 270px;background:#000;
    -moz-transform-origin: 100% 0;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;
    -moz-transform: skewX(-4deg);-webkit-transform: skewX(-4deg);transform: skewX(-4deg);}
#newsArea .zone{position:absolute;top:0;width: 480px;height: 270px;}
#newsArea h3{height:40px;margin:10px auto 0;}
#newsArea #js-load{width: 390px;height: 200px;margin:0 auto;padding-right:10px;overflow:auto;}
	/* dl area */
	#newsArea dl{padding:5px 0;font-size:80%;color:#fff;}
	#newsArea dt{min-width:70px;padding:2px 0;color:#fff;background:#c80000;text-align:center;}
	#newsArea dd{padding-left:80px;line-height:140%;}
}
@media all and (max-width: 767px) {
#newsArea {border:solid 2px #000; margin-bottom:.5em;}
#newsArea h3{width:95%;height:0;padding-top:10%;margin:0.5em auto;background-size:contain;}
#newsArea #js-load{width:95%;margin:0 auto 1em;overflow:auto;}
	/* dl area */
	#newsArea dl{font-size:90%;color:#fff;}
	#newsArea dt{min-width:60px;padding:0.1em;color:#fff;background:#c80000;text-align:center;}
	#newsArea dd{padding-left:75px;line-height:130%;}
	/* js-load bt */
	#newsArea .js-load {display:none; }
	#newsArea .js-load.active { display:block; }
	#newsArea .is_comp.js-load:after{display:none}
	#newsArea .btn-wrap{display:block;text-align:center;font-weight:bold;}
	#newsArea .btn-wrap a{display:block;width:100px;padding:0.5em 0;background:#fff;color:#000;margin:1em auto 0;text-decoration:none;}
}

/*///----- SPOT -----///*/
#spotArea h3{text-align:center; background:url(../img/subtitle/spot.png) center bottom no-repeat;text-indent: -9999px;}
@media all and (min-width: 768px) {
#spotArea .zone{position:absolute;top:0;width: 470px;height: 270px;}
#spotArea h3{height:40px;margin:10px auto 0;}
#spotArea {float:right;width: 470px;height: 270px;
	box-sizing:border-box;overflow:hidden;position: relative;background:transparent;
	border-bottom:solid 5px #000;border-right:solid 5px #000;}
#spotArea::before {content: "";
    display: block;width: 470px;height: 270px;background: #fff;
    -moz-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;
    -moz-transform: skewX(-4deg); -webkit-transform: skewX(-4deg);transform: skewX(-4deg);border:solid 5px #000;}
#spotArea .zone div{width:400px;height:200px;margin:0 auto;background:url(../img/spot_bg.png) center center no-repeat;text-align:center;overflow:hidden;}
#spotArea .zone iframe{margin:10px auto;}

#spotArea .zone div p{width:320px;height:180px;margin:10px auto;color:#fff;background:#000;}
#spotArea .zone div p span{display:block;padding:21% 0;line-height:140%;}

}
@media all and (max-width: 767px) {
#spotArea {border:solid 2px #000;}
#spotArea h3{width:95%;height:0;padding-top:10%;margin:.5em auto;background-size:contain;}
#spotArea .zone div {position: relative;width:90%;padding-top:51%;height:0;margin:0 auto 1em;overflow: hidden;}
#spotArea .zone div iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}

#spotArea .zone div p{position:absolute;top: 0;left:0;width:100%;height:100%;padding:0;color:#fff;background:#000;text-align:center;}
#spotArea .zone div p span{display:block;padding:22.5% 0;line-height:140%;}

}

/*///----- SPECIAL BT -----///*/
#btArea{letter-spacing:-0.5em;}
#btArea a{display:block;text-indent: -9999px;}
#btArea .bt{display:inline-block;}
@media all and (min-width: 768px) {
#btArea a{width:100%;height:100%;}
#btArea .bt{width:470px;height:120px;margin-bottom:15px;}
#btArea span:nth-child(even){margin-right:20px;}

}
@media all and (max-width: 767px) { 
#btArea span{position:relative;display:block;margin-bottom:0.5em;width:100%;height:0;padding-top:25.5%;background-size:contain;}
#btArea span:last-child{margin-bottom:0;}
#btArea a{position:absolute;top:0;width:100%;height:100%;}
}

/*///----- TBS_gp_banner -----///*/
.banner_box .bn a{display:block;text-indent: -9999px;width:100%;height:100%;}
.banner_box .bn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media all and (min-width: 768px) {
.banner_box{text-align:center;letter-spacing:-0.5em;margin:15px auto;}
.banner_box .bn{display:inline-block;width: 310px;height:110px;border:5px solid #000;}
.banner_box .bn:nth-child(2){margin:0 15px}
}
@media all and (max-width: 767px) { 
.banner_box .bn{width: 300px;height:100px;margin-top:1em;}
}
/* BT Flashing */
#btArea .bt:hover, .banner_box .bn:hover{opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {
	0% {opacity: .6;}
	100% {opacity: 1;}
}
@keyframes flash {
	0% {opacity: .6;}
	100% {opacity: 1;}
}


/*///----- ASIDE -----///*/
@media all and (min-width: 768px) {
.side_box{float:left;}
}

/*///----- INSTAGRAM -----///*/
#insta_box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
#insta_box h3{width:100%;margin:0 auto;background-image:url(../img/sns_bt.png);}
#insta_box h3 a{width:100%;height:100%;display: block;}
	/* inner */
	div.insta {overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	div.insta ul{width:264px;margin:3px auto 0; }
	div.insta ul li {float:left; margin:4px;}
	div.insta ul li a, div.insta ul li a img {display:block;background-position:center center;background-repeat:no-repeat;width:80px;height:80px;}
	div.insta ul li a {background-size:cover;}
	div.insta ul li a:hover img {background-color:hsla(216,82%,13%,0.25);}
	div.insta ul li a img {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	div.insta ul li a img.icon-video {background:url(/um/img/play.png) center center no-repeat;}
@media all and (min-width: 768px) {
#insta_box{width: 310px;height:355px;margin:0 auto;border:5px solid #000;}
#insta_box h3{height: 75px;background-position:-5px -5px;}
}
@media all and (max-width: 767px) {
#insta_box{width: 300px;height:340px;margin:0 auto 1em;border:2px solid #fff;background:#fff}
#insta_box h3{height: 68px;background-position:-7px -7px;}
}

/*///----- TWITTER -----///*/
#tw_box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
#tw_box h3 {width:100%margin:0 auto;background-image:url(../img/sns_bt.png);}
#tw_box h3 a{width:100%;height:100%;display: block;}
@media all and (min-width: 768px) {
#tw_box{width: 310px;height:355px;margin:0 15px;border:5px solid #000;}
#tw_box h3{height: 75px;background-position:-315px -5px;}
}
@media all and (max-width: 767px) {
#tw_box{width: 300px;height:340px;margin:0 auto 1em;border:2px solid #fff;background:#fff}
#tw_box h3{height:68px;background-position:-317px -7px;}
}

/*///----- LINE -----

#line_box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
#line_box h3 {width:100%margin:0 auto;background-image:url(../img/sns_bt.png);}
#line_box h3 a{width:100%;height:100%;display: block;}
@media all and (min-width: 768px) {
#line_box{width: 310px;height:80px;margin-bottom:15px;border:5px solid #000;}
#line_box h3{height: 80px;background-position:-625px -5px;}
}
@media all and (max-width: 767px) {
#line_box{width: 300px;height:70px;margin:0 auto 1em;border:2px solid #fff;background:#fff}
#line_box h3{height:70px;background-position:-627px -7px;}
}

///*/


/*///----- BANNER -----///*/
#bn_box{overflow:hidden;}
#bn_box span{display:block;width: 300px;height:250px;margin:0 auto;}
@media all and (min-width: 768px) {
#bn_box {width: 310px;}
#bn_box span{background:#000;border:solid 5px #000;}
}

/*///----- SNS BT -----///*/
.social {margin:0 auto;text-align:center;}
.social .tw{display:inline-block;height:20px;}
.social .fb{display:inline-block;height:20px;}
@media all and (min-width: 768px) {
.social{margin-top:15px;}
}
@media all and (max-width: 767px) {
.social{margin-top:1.5em;}
}

/*///----- LAZY -----///*/
.lazy {position:relative;display:block;background:center top no-repeat;background-size:cover;margin:0 auto;}
.lazy img{position:absolute;top:0;left:0;}

/*///----- FOOTER -----///*/
footer{margin:0 auto;}
footer .bottom a{text-decoration:none;}
footer .bottom a:hover{text-decoration:none;}
#page_top {z-index:50;}
@media all and (min-width: 768px) {
footer .bottom {color:#000;}
footer .bottom a{color:#000;}
footer .bottom a:hover{color:#666;}
footer .bottom {width:960px;margin:5px auto 10px;display:block;padding:10px 0;text-align:center;font-size:80%;}
#page_top {text-indent: -9999px;position:fixed;bottom:0;right:20px;width:110px;height:110px;background:url(../img/page_top.png) no-repeat;}
#page_top a{display:block;width:110px;height:110px;}
}
@media all and (max-width: 767px) {
footer{width:100%;}
footer .bottom {background:#000;color:#fff;}
footer .bottom a{color:#fff;}
footer .bottom a:hover{color:#ccc;}
footer .bottom{padding:0 1em 60px;font-size:70%;line-height:200%;text-align:center;}
#page_top  {position:fixed;bottom:0;width:100%;text-align:center;font-weight:bold;background:#c80000;}
#page_top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;line-height:50px;height:50px}
}

/*////////////////////// second //////////////////////*/
.mainArea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.mainArea h2{display:block;background:#000;text-indent: -9999px;}

@media all and (min-width: 768px) {
.mainArea{border:solid 5px #000;padding-bottom:40px;}
.mainArea h2{height:100px;margin-bottom:20px;border:solid 5px #fff;}
.mainArea p.txt{width:840px;margin:0 auto;line-height:180%;}
}
@media all and (max-width: 767px) { 
.mainArea{border:solid 2px #000;padding-bottom:1em;}
.mainArea h2{width:100%;height:0;padding:5.35%;margin-bottom:1em;}
.mainArea p.txt{width:90%;margin:0 auto;line-height:160%;}
}

/*///----- INTRO -----///*/
.intro h2{background:url(../img/intro/h2.png)no-repeat ;background-size:contain;}
.intro .catch{display:block;}
.intro .photo{display:block;}
@media all and (min-width: 768px) {
.intro .catch{width:840px; height:450px;}
.intro .photo{width:480px; height:320px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
}
@media all and (max-width: 767px) { 
.intro .catch{width:100%; height:0; padding-top:53.4%;}
.intro .photo{width:80%; height:0; padding-top:53.5%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
}

/* button */
.intro .come_bt{display:block;text-align:center;}
.intro .come_bt a{display:block;margin:0 auto;background-color: #c80000;color: #fff;border-radius: 6px;text-decoration:none;transition: 1.0s ;}
.intro .come_bt a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
@media all and (min-width: 768px) {
.intro .come_bt a{display:block;width:500px; padding:20px 0;font-size:140%; line-height:100%;margin:40px auto 0;}
}
@media all and (max-width: 767px) {
.intro .come_bt a{display:block;width:60%; padding:1em;font-size:100%; line-height:100%;margin:1em auto 0;font-weight:bold;}
}



/*///----- NEWS -----///*/
.news h2{background:url(../img/news/h2.png)no-repeat ;background-size:contain;}
.news .mainArea h3 {position: relative;
	padding: .5em .75em;background-color: #fff;border: 3px solid #000;border-radius: 6px;}
.news .mainArea h3::before,.news .mainArea  h3::after {
	position: absolute;top: 100%;left: 30px;
	content: '';height: 0;width: 0;border: 10px solid transparent;}
.news .mainArea h3::before {border-top: 15px solid #000;}
.news .mainArea h3::after {margin-top: -4px;border-top: 15px solid #fff;}
.news .mainArea h3 span.date{background:#c80000;color:#fff;padding:0 2px;font-size:80%;}
.news .mainArea h3 span.title{display:block;}
.news .txt,.news .txt .tCenter{display:block;}
.news .photo_yoko,.news .photo_tate{display:block;}
.news .oadate,.news .program{display:block;font-weight:bold;}
.news .program{color:#c80000;}
.news #bansen small{font-size:90%;}
.news .txt small{font-size:80%;color:#333;}

.news .txt .bt{text-align:center;font-weight:bold;}
.news .txt .bt a{display: block;background:#c80000;color:#fff;text-decoration:none;}
.news .txt .bt a:hover{background:#990000}
@media all and (min-width: 768px) {
.news .mainArea h3 {width:820px;margin:0 auto;font-size:130%;line-height:140%;}
.news .photo_yoko{width:480px; height:320px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
.news .photo_tate{width:320px; height:480px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
.news .photo_goods{width:480px; height:480px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
.news .mainArea section{margin-bottom:50px;}
.news .mainArea section:last-child{margin-bottom:0;}
.news .txt{padding-top:20px;}
.news .txt .bt a{width:300px;padding:15px 0;margin:0 auto 10px;border-radius:10px;font-size:110%;}
}
@media all and (max-width: 767px) { 
.news .mainArea h3 {width:85%;margin:0 auto;font-size:100%;line-height:140%;}
.news .photo_yoko{width:80%; height:0; padding-top:53.4%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.news .photo_tate{width:60%; height:0; padding-top:90%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.news .photo_goods{width:80%; height:0; padding-top:80%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.news .mainArea section{margin-bottom:1.5em;}
.news .mainArea section:last-child{margin-bottom:0;}
.news .txt .tCenter .break{display:block;}
.news .txt{padding-top:1em;}
.news .txt .bt a{width:50%;padding:.8em 0;margin:0 auto 1em;border-radius:10px;font-size:100%;}
}
/* youtube */
@media all and (min-width: 768px) {
.news .youtube{width:560px;height:315px;margin:40px auto 0;}
}
@media all and (max-width: 767px) {
.news .youtube {position: relative;width:90%;padding-top:51%;height:0;margin:2em auto;overflow: hidden;}
.news .youtube  iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
}



/*///----- STORY -----///*/
.story h2{background:url(../img/story/h2.png)no-repeat ;background-size:contain;}
.story .photo{display:block;}
	.s1 h3{background:url(../img/story/h3_1.png) center center no-repeat;background-size:contain;}
	.s2 h3{background:url(../img/story/h3_2.png) center center no-repeat;background-size:contain;}
	.s3 h3{background:url(../img/story/h3_3.png) center center no-repeat;background-size:contain;}
	.s4 h3{background:url(../img/story/h3_4.png) center center no-repeat;background-size:contain;}
	.s5 h3{background:url(../img/story/h3_5.png) center center no-repeat;background-size:contain;}
	.s6 h3{background:url(../img/story/h3_6.png) center center no-repeat;background-size:contain;}
	.s7 h3{background:url(../img/story/h3_7.png) center center no-repeat;background-size:contain;}
	.s8 h3{background:url(../img/story/h3_8.png) center center no-repeat;background-size:contain;}
	.s9 h3{background:url(../img/story/h3_9.png) center center no-repeat;background-size:contain;}
	.s10 h3{background:url(../img/story/h3_10.png) center center no-repeat;background-size:contain;}

/* bknm */
.story .bknm h4{text-align:center;background:#000;color:#fff;}
.story .bknm ul{margin:0 auto;}
.story .bknm li{text-indent: -9999px;}
/*line */	
.story .line{border:none;height: 10px;
  background-image: linear-gradient(90deg,hsla(0, 0%, 50%, 1),hsla(0, 0%, 50%, 1) 33.33%,hsla(0, 0%, 50%, 0) 33.33%, hsla(0, 0%, 50%, 0) 100%);
  background-size: 3px 100%;}

@media all and (min-width: 768px) {
.story .mainArea h3{width:840px;height:50px;margin:30px auto 20px;}
.story .p_left{float:left;margin:20px 40px 20px 0;}
.story .p_right{float:right;margin:20px 0 20px 40px;}
.story .photo{width:360px; height:240px;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
/* bknm */
	.story .bknm h4{width:835px;padding:20px 0;margin:30px auto 10px;font-size:160%;}
	.story .bknm ul{width:840px;}
	.story .bknm li{float:left;margin:0 4px;}
	.story .bknm li:nth-child(1),.story .bknm li:nth-child(2),.story .bknm li:nth-child(3),.story .bknm li:nth-child(4),.story .bknm li:nth-child(5){margin-bottom:8px;}
	.story .bknm li a{display:block;width:160px;height:106px;}
/* BT Flashing */
.story .bknm li:hover {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
/*line */	
.story .line{margin-top:40px;}
}
@media all and (max-width: 767px) { 
.story .mainArea h3{width:90%;height:0; padding-top:5.36%;margin:0 auto 1.5em;}
.story .photo{width:80%; height:0; padding-top:53.4%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.story .photo:first-child{margin-top:1em;}
/* bknm */
	.story .bknm h4{width:90%;padding:.5em 0;margin:1em auto .5em;font-size:120%;}
	.story .bknm ul{width:92%;text-align:left;letter-spacing:-0.5em;}
	.story .bknm li{display:inline-block;}
	.story .bknm li a{display:block;width:100%; height:0; padding-top:65.25%;}
	.story .bknm li{width:18%;margin:0 1%;}
	.story .bknm li:nth-child(1),.story .bknm li:nth-child(2),.story .bknm li:nth-child(3),.story .bknm li:nth-child(4),.story .bknm li:nth-child(5){margin-bottom:.5em;}
/*line */	
.story .line{margin-top:1em;}
}

/*///----- CAST -----///*/
.cast h2{background:url(../img/cast/h2.png)no-repeat ;background-size:contain;}
.cast dl{overflow:hidden;margin:0 auto;}
.cast dt,.cast dd{display:inline-block;}
.cast dt{text-align:right;font-weight:bold;color:#c80000;}
.cast dd:last-child{margin-bottom:0;}
.cast rt{color:#333;}
@media all and (min-width: 768px) {
.cast dl{width:800px;font-size:120%;margin-top:50px;}
.cast dt{width:390px;margin-bottom:30px;}
.cast dt.bottom_m{margin-bottom:60px;}
.cast dd{width:410px;}
}
@media all and (max-width: 767px) { 
.cast dl{width:100%;font-size:90%;margin-top:2em;}
.cast dt{width:51%;margin-bottom:1em;}
.cast dt.bottom_m{margin-bottom:3em;}
.cast dd{width:49%;}
}

/*///----- STAFF -----///*/
.staff h2{background:url(../img/staff/h2.png)no-repeat ;background-size:contain;}

.staff dl{overflow:hidden;margin:0 auto;line-height:180%;}
.staff dt,.staff dd{display:inline-block;vertical-align:top;}
.staff dt{text-align:right;}
.staff dt span{font-weight:bold;color:#c80000;}
.staff dd:last-child{margin-bottom:0;}
.staff small{font-size:80%;}
@media all and (min-width: 768px) {
.staff dl{width:800px;font-size:120%;margin-top:50px;}
.staff dt{width:400px;margin-bottom:60px;}
.staff dd{width:400px;}
}
@media all and (max-width: 767px) { 
.staff dl{width:100%;font-size:90%;margin-top:2em;}
.staff dt{width:35%;margin-bottom:3em;}
.staff dd{width:65%;}

}
@media all and (max-width: 320px) { 
.staff dt{width:30%;margin-bottom:3em;}
.staff dd{width:70%;}
.staff dl{font-size:70%;}
}

/*///----- CHARACTER -----///*/
.character h2{background:url(../img/character/h2.png)no-repeat ;background-size:contain;}
.character .mainArea h3 {display:block;background:center top no-repeat;background-size:contain}
.character .chara1 h3{background-image:url(../img/character/name1.png);}
.character .chara2 h3{background-image:url(../img/character/name2.png);}
.character .chara3 h3{background-image:url(../img/character/name3.png);}
.character .chara4 h3{background-image:url(../img/character/name4.png);}
.character .chara5 h3{background-image:url(../img/character/name5.png);}
.character .chara6 h3{background-image:url(../img/character/name6.png);}
.character .chara7 h3{background-image:url(../img/character/name7.png);}
.character .chara8 h3{background-image:url(../img/character/name8.png);}
.character .chara9 h3{background-image:url(../img/character/name9.png);}
.character .photo{display:block;}
.character .prof b{display:block;}
.character .line{border:none;height: 10px;
  background-image: linear-gradient(90deg,hsla(0, 0%, 50%, 1),hsla(0, 0%, 50%, 1) 33.33%,hsla(0, 0%, 50%, 0) 33.33%, hsla(0, 0%, 50%, 0) 100%);
  background-size: 3px 100%;}
@media all and (min-width: 768px) {
.character .mainArea h3{width:400px;height:80px;text-indent: -9999px;}
.character .mainArea section{width:800px;margin:0 auto;padding-bottom:40px;border-bottom:solid 5px #000; overflow:hidden;display:block;}
.character .mainArea section:last-child{padding-bottom:0;border:0;}
.character .mainArea section:nth-child(7){border:0;padding-bottom:10px;}
.character .chara9{padding-bottom:20px;}
.character .chara_box{margin:40px auto; overflow:hidden; }
.character .chara_box:last-child{margin-bottom:0;}
.character .photo{float:left;width:360px; height:240px;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;margin:10px;}
.character .prof{float:left;width:400px; margin:0 0 0 20px;line-height:180%;}
.character .prof b{margin:20px 0 10px;}
.character .line{width: 800px;}
}
@media all and (max-width: 767px) { 
.character .mainArea h3{width:90%;height:0;padding-top:18%;margin:0 auto;text-indent: -9999px;}
.character .mainArea section{width:90%; margin:0 auto;padding-bottom:1em;border-bottom:solid 2px #000; }
.character .mainArea section:last-child{padding-bottom:0;border:0;}
.character .mainArea section:nth-child(7){border:0;}
.character .chara9{padding-bottom:2em;}
.character .photo{width:80%; height:0; padding-top:53.4%;margin:2em auto 1em;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.character .prof{width:100%; margin:0 auto;line-height:160%;}
.character .prof b{font-size:120%;text-align:center;margin:1em 0;}
.character .line{width:100%;}
}

/*///----- COMMENT -----///*/
.comment h2{background:url(../img/comment/h2.png)no-repeat ;background-size:contain;}
.comment .mainArea h3 {position: relative;
	padding: .5em .75em;background-color: #fff000;border: 3px solid #fffaa8;border-radius: 6px;}
.comment .mainArea h3::before,.comment .mainArea  h3::after {
	position: absolute;top: 100%;left: 30px;
	content: '';height: 0;width: 0;border: 10px solid transparent;}
.comment .mainArea h3::before {border-top: 15px solid #fffaa8;}
.comment .mainArea h3::after {margin-top: -4px;border-top: 15px solid #fff000;}
.comment .mainArea h3.act {background-color: #c80000;color:#fff;border: 3px solid #d47272;}
.comment .mainArea h3.act::after {margin-top: -4px;border-top: 15px solid #c80000;}
.comment .mainArea h3.act::before {border-top: 15px solid #d47272;}
@media all and (min-width: 768px) {
.comment .mainArea h3 {width:820px;margin:0 auto 30px;font-size:130%;line-height:140%;}
.comment .mainArea section{margin-bottom:50px;}
.comment .mainArea section:last-child{margin-bottom:0;}
}
@media all and (max-width: 767px) { 
.comment .mainArea h3 {width:85%;margin:0 auto 1.5em;font-size:100%;line-height:140%;}
.comment .mainArea section{margin-bottom:1.5em;}
.comment .mainArea section:last-child{margin-bottom:0;}
}

/*///----- BBS -----///*/
.bbs h2{background:url(../img/bbs/h2.png)no-repeat ;background-size:contain;}
.bbs .mainArea h3 {position: relative;
	padding: .5em .75em;background-color: #fff;border: 3px solid #000;border-radius: 6px;}
.bbs .mainArea h3::before,.bbs .mainArea  h3::after {
	position: absolute;top: 100%;left: 30px;
	content: '';height: 0;width: 0;border: 10px solid transparent;}
.bbs .mainArea h3::before {border-top: 15px solid #000;}
.bbs .mainArea h3::after {margin-top: -4px;border-top: 15px solid #fff;}
.bbs iframe#iframe {width:100%;border:none;}
/* next-back */
.bbs #prevnext li span{display:none;}
.bbs #prevnext li a{border-radius: 6px;font-weight:bold;}
.bbs #prevnext p {display:none;}
.bbs li.back { float:left;}
.bbs li.next { float:right}
.bbs li.next a{position: relative;display: inline-block;background-color: #c80000;color: #fff;text-align: center;text-decoration: none;transition: all .3s;}
.bbs li.next a::after {position: absolute;top: 50%;right: .2em;content: '';
	margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #fff;transition: all .3s;}
.bbs li.next a:hover{background-color: #000;color: #fff;}
.bbs li.next a:hover::after{border-left-color: #fff;}
.bbs li.back a{position: relative;display: inline-block;background-color: #c80000;color: #fff;text-align: center;text-decoration: none;transition: all .3s;}
.bbs li.back a::after {position: absolute;top: 50%;left: .2em;content: '';
	margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-right-color: #fff;transition: all .3s;}
.bbs li.back a:hover {background-color: #000;color: #fff;}
.bbs li.back a:hover::after {border-right-color: #fff;}

/* button */
.bbs .button,.bbs .button2{display:block;text-align:center;}
.bbs .button a{display:block;margin:0 auto;background-color: #000;color: #fff;border-radius: 6px;text-decoration:none;transition: 1.0s ;}
.bbs .button2 a{display:block;margin:0 auto;background-color: #c80000;color: #fff;border-radius: 6px;text-decoration:none;transition: 1.0s ;}
.bbs .button a:hover,.bbs .button2 a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


@media all and (min-width: 768px) {
.bbs .mainArea section{width:800px;margin:0 auto;}
.bbs .mainArea h3 {width:820px;margin:0 auto 30px;font-size:130%;line-height:140%;}
.bbs #prevnext{clear:both; width:840px; margin:20px auto 0;overflow:hidden;}
.bbs li.next a{padding: .9em 4em;}
.bbs li.back a{padding: .9em 4em;}
.bbs .ent ol{list-style-type: disc; padding:0 20px 0 30px;line-height:240%;margin:30px auto;font-size:90%;}
.bbs .button a{display:block;width:380px; padding:20px 0;font-size:140%; line-height:100%;margin:20px auto 0;}
.bbs .button2 a{display:block;width:600px; padding:20px 0;font-size:140%; line-height:100%;margin:40px auto 0;}
.bbs .notice{width:740px;margin:0 auto 40px;padding:20px;line-height:180%;background:#fff4f4;}
}
@media all and (max-width: 767px) {
.bbs .mainArea section{width:90%; margin:0 auto;}
.bbs .mainArea section:last-child{padding-bottom:0;border:0;}
.bbs .mainArea h3 {width:90%;margin:0 auto 1.5em;font-size:100%;line-height:140%;}
.bbs #prevnext{clear:both; margin:0px auto; width:90%;}
.bbs li.back , .bbs li.next {font-size:80%;}
.bbs li.next a{padding: .5em 2em .5em 1em;}
.bbs li.back a{padding: .5em 1em .5em 2em;}
.bbs .ent ol{width:85%;margin:1em auto;padding:0 1em 0 2em;font-size:70%;line-height:200%;list-style-type: disc;}
.bbs .ent .tCenter{line-height:160%;}
.bbs .button a{display:block;width:70%; padding:1em 0;font-size:100%; line-height:100%;margin:0.5em auto 0;font-weight:bold;}
.bbs .button2 a{display:block;width:85%; padding:1em;font-size:100%; line-height:100%;margin:1em auto 0;font-weight:bold;}
.bbs .notice{width:85%;margin:0 auto 1.5em;padding:1em;font-size:80%;line-height:180%;background:#fff4f4;}
}

/*///----- ORIGINAL -----///*/
.original h2{background:url(../img/original/h2.png)no-repeat ;background-size:contain;}
.original .catch{display:block;}
.original .photo{display:block;}
@media all and (min-width: 768px) {
.original .catch{width:840px; height:200px;margin-bottom:20px;}
.original .photo{width:320px; height:470px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
.original .page{width:840px; height:390px;margin:40px auto 0;}
.original .copy{display:block;font-size:70%;text-align:right;margin-bottom:30px;}
.original .name{display:block;line-height:1;margin-bottom:10px;}
}
@media all and (max-width: 767px) { 
.original .catch{width:100%; height:0; padding-top:24%;margin-bottom:.5em;}
.original .photo{width:60%; height:0; padding-top:89%;margin:1em auto 2em;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.original .page{width:100%; height:0; padding-top:46.5%;margin:1em auto 0;}
.original .copy{display:block;font-size:70%;text-align:right;margin-bottom:.5em;}
.original .name{display:block;line-height:1;margin-bottom:.5em;}
}


/*///----- INTERVIW -----///*/
.interview h2.n1{background:url(../img/interview/h2_1.png)no-repeat ;background-size:contain;}
.interview h2.n2{background:url(../img/interview/h2_2.png)no-repeat ;background-size:contain;}
.interview h2.n3{background:url(../img/interview/h2_3.png)no-repeat ;background-size:contain;}
.interview h2.n4{background:url(../img/interview/h2_4.png)no-repeat ;background-size:contain;}

.interview .mainArea h3 {position: relative;color:#fff;
	padding: .5em .75em;background-color: #185590;border: 3px solid #76a5d3;border-radius: 6px;}
.interview .mainArea h3::before,.interview .mainArea  h3::after {
	position: absolute;top: 100%;left: 30px;
	content: '';height: 0;width: 0;border: 10px solid transparent;}
.interview .mainArea h3::before {border-top: 15px solid #76a5d3;}
.interview .mainArea h3::after {margin-top: -4px;border-top: 15px solid #185590}
.interview .photo{display:block;}
/* bknm */
.interview .bknm h4{text-align:center;background:#000;color:#fff;}
.interview .bknm ul{margin:0 auto;}
.interview .bknm li{text-indent: -9999px;}
/*line */	
.interview .line{border:none;height: 10px;
  background-image: linear-gradient(90deg,hsla(0, 0%, 50%, 1),hsla(0, 0%, 50%, 1) 33.33%,hsla(0, 0%, 50%, 0) 33.33%, hsla(0, 0%, 50%, 0) 100%);
  background-size: 3px 100%;}
	

@media all and (min-width: 768px) {
.interview .mainArea h2{width:940px;height:180px;}
.interview .mainArea h3 {width:820px;margin:40px auto;font-size:130%;line-height:140%;}
.interview .p_right{float:right;margin:5px 0 10px 20px;}
.interview .photo{width:270px; height:180px;box-shadow: 0 0 0 4px #fff, 0 0 0 6px #000;}
/* bknm */
	.interview .bknm h4{width:835px;padding:20px 0;margin:30px auto 10px;font-size:160%;}
	.interview .bknm ul{width:840px;}
	.interview .bknm li{float:left;margin:0 5px;}
	.interview .bknm li:last-child{margin-right:0;}
	.interview .bknm li a{display:block;width:200px;height:133px;}
	
/* BT Flashing */
.interview .bknm li:hover {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;}
@-webkit-keyframes flash {
	0% {opacity: .6;}
	100% {opacity: 1;}
}
@keyframes flash {
	0% {opacity: .6;}
	100% {opacity: 1;}
}
/*line */	
.interview .line{margin-top:40px;}
}
@media all and (max-width: 767px) { 
.interview .mainArea h2{width:90%;height:0;padding-top:14%;margin-bottom:1em;}
.interview .mainArea h3 {width:85%;margin:1em auto 2em;font-size:100%;line-height:140%;}
.interview .photo{width:80%; height:0; padding-top:53.4%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.interview .photo:first-child{margin-top:1em;}
/* bknm */
	.interview .bknm h4{width:90%;padding:.5em 0;margin:1em auto .5em;font-size:120%;}
	.interview .bknm ul{width:92%;text-align:letf;letter-spacing:-0.5em;}
	.interview .bknm li{display:inline-block;}
	.interview .bknm li a{display:block;width:100%; height:0; padding-top:65.25%;}
	.interview .bknm li{width:23%;margin:0 1%;}
/*line */	
.interview .line{margin-top:2em;}
}



/*///----- MEDIA PRINT -----///*/
@media print {
.top .random {display: none;}
.top header{background:url(../img/main_B.jpg) center center no-repeat;background-size:contain;}
.character .chara3 .photo {display: none;}
#news16 .photo_yoko {display: none;}
}