/* =================================
	TBS Reset CSS
================================= */
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 {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;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;}
wbr:after {content:"\00200B";}

/*	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;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: 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;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
[an error occurred while processing this directive]

/*	Web Fonts
============================== */
#page-top{   
font-family: toppan-bunkyu-gothic-pr6n, serif;
font-weight: 400;
font-style: normal;
color: #000;
}
@media all and (max-width: 767px) {
	#page-top{ background-size: 1200px auto;}
}

.mgb05em {
  margin-bottom: 0.5em;
}
.mgb1em {
  margin-bottom: 1em;
}

.mgb2em {
  margin-bottom: 2em;
}

.mgb3em {
  margin-bottom: 3em;
}

.mgb4em {
  margin-bottom: 4em;
}

.mgb5em {
  margin-bottom: 5em;
}

.wbr {
  white-space: nowrap;
  display: inline-block;
}

.add {
  font-size: 80%;
  color: #666;
	line-height: 1.5em!important; margin-bottom: 0.5em;
}
.nolink {
  opacity: 0.5;
  cursor: default !important;
}

.underBlue {
  background: linear-gradient(transparent 50%, rgba(118,220,238,0.4) 50%); padding: 3px;text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}

.emp{
background-image: linear-gradient(to right, rgba(255,173,92,0.8) 0%, rgba(255,132,156,0.8) 100%);
	background-repeat: no-repeat;
	background-size: 100% 40%;
	background-position: bottom;
	 padding: 2px;
}

h2, h3, h4, h5, strong {
	font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-weight: 900;
	font-style: normal;
}

@media all and (min-width: 768px) {
  .fs50 {
    font-size: 50%;
  }

  .fs60 {
    font-size: 60%;
  }

  .fs70 {
    font-size: 70%;
  }

  .fs80 {
    font-size: 80%;
  }

  .fs90 {
    font-size: 90%;
  }

  .fs110 {
    font-size: 110%;
  }

  .fs120 {
    font-size: 120%;
  }

  .fs130 {
    font-size: 130%;
  }

  .fs140 {
    font-size: 140%;
  }

  .fs150 {
    font-size: 150%;
  }

  .fs160 {
    font-size: 160%;
  }

  .fs170 {
    font-size: 170%;
  }

  .fs180 {
    font-size: 180%;
  }

  .fs190 {
    font-size: 190%;
  }
	.fs200 {
    font-size: 200%;
  }
.nobr { display:none; }
.nobrSp { display:block; }
}

@media all and (max-width: 767px) {
  .fs50 {
    font-size: 75%;
  }

  .fs60 {
    font-size: 80%;
  }

  .fs70 {
    font-size: 85%;
  }

  .fs80 {
    font-size: 90%;
  }

  .fs90 {
    font-size: 95%;
  }

  .fs110 {
    font-size: 105%;
  }

  .fs120 {
    font-size: 110%;
  }

  .fs130 {
    font-size: 115%;
  }

  .fs140 {
    font-size: 120%;
  }

  .fs150 {
    font-size: 125%;
  }

  .fs160 {
    font-size: 130%;
  }

  .fs170 {
    font-size: 135%;
  }

  .fs180 {
    font-size: 140%;
  }

  .fs190 {
    font-size: 145%;
  }
	.fs200 {
    font-size: 160%;
  }
.nobr { display:block; }
.nobrSp { display:none; }
}

.castName {color: #421d3c;}
.staffName {color: #163175;}

.blue {color: #163175;}
.red {color: #A12609;}
.green {color: #4caf78;}
.yellow {color: #ff8b19;}

.gray {color: #7b7b7b;}
.black {color: #171717;}
.purple {color: #940094;}
.deepgreen {color: #060;}
.kubotagreen {color: #009fa8;}
.yellowgreen {color: #4eb200;}
.orange {color: #ee9a23;}
.vermilion {color: #ff4e4e;}
.carmine {color: #e09966;}
.magenta {color: #ea33b2;}
.brown {color: #6a3906;}
.gold { color: #c93;}
.silver {color: #b2b2b2;}
.bluegreen {color: #0b9d9b;}
.violet { color: rgba(120, 79, 188, 1);}
.bordeaux { color: rgba(129, 0, 40, 1);}
.emerald {color:#097;}

.center {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

span.super { vertical-align: super; font-size: 0.6em; }

a {
  text-decoration: none;
  color: #421d3c;
}
a.castName, a.txtLink {
  text-decoration: none;
  color: #421d3c;
font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-weight: 900;
	font-style: normal;
}
a.castName:hover, a.txtLink:hover {}

.txtUnderLine {background: linear-gradient(transparent 70%, #f8badc 70%);}

.no-wrap {
    display: inline-block; /* インラインブロック化 */
}


/*	background
============================== */
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
	margin: 0!important;
	background-color: #fff;
	color: #000;
}

@media all and (min-width: 768px) {
  .pcnone {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .smpnone {
    display: none;
  }
}

/*	wrap
============================== */
@media all and (min-width: 768px) {
  div.wrap {
    width: 1000px;
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
   div.wrap {
    width: 92%;
    margin: 0 auto;
  }
}


/*	nav
============================== */
nav#menu { background-color: #fff;}
nav#menu ul {letter-spacing: -.4em;}
nav#menu ul li { display: inline-block; vertical-align: top;}
nav#menu ul li a, nav#menu ul li span.soon { display: block;}

nav#menu ul li a span, nav#menu ul li span.soon span { background-position: center center; background-repeat: no-repeat; background-size: contain; text-indent: -9999px; display: block;}
nav#menu ul li.about a span { background-image: url(../img/navi_01.png);}
nav#menu ul li.news a span, nav#menu ul li.news .soon span { background-image: url(../img/navi_02.png);}
nav#menu ul li.story a span { background-image: url(../img/navi_03.png);}
nav#menu ul li.chart a span, nav#menu ul li.chart .soon span  { background-image: url(../img/navi_04.png);}
nav#menu ul li.caststaff a span { background-image: url(../img/navi_05.png);}
nav#menu ul li.stream a span, nav#menu ul li.stream .soon span  { background-image: url(../img/navi_06.png);}

nav#menu ul li a span { transition:0.8s;}
nav#menu ul li a:hover span {background-color: rgba(66,29,60,0.1);}
nav#menu ul li span.soon span {opacity:0.4;}



@media all and (min-width: 768px) {
nav#menu {width:100%; padding:0; border-top: solid 2px #000; border-bottom: solid 2px #000;}
nav#menu ul { width:100%; padding:0; margin: 0 auto; text-align: center;}
nav#menu ul li {margin:0;}
nav#menu ul li a, nav#menu ul li span.soon { width:160px;  padding:0;}
nav#menu ul li.caststaff a, nav#menu ul li.caststaff span.soon { width:260px;  padding:0;}
nav#menu ul li a span, nav#menu ul li span.soon span { height: 110px;}

}
	


@media all and (max-width: 767px) {	
nav#menu {width:100%; padding:0;}
nav#menu ul {text-align: center; border-top:solid 2px #000; }
nav#menu ul li { display: inline-block; width:33.333%; margin:0; border-bottom:solid 2px #000;}
nav#menu ul li a, nav#menu ul li span.soon {}
nav#menu ul li a span, nav#menu ul li span.soon span { display: block; width:100%; height: 70px; background-size: auto 70px;}

}
@media all and (max-width: 389px) {
	nav#menu ul li a span, nav#menu ul li span.soon span {height: 60px; background-size: auto 60px;}
}


/*	copyright
============================== */
.copyright { background-color: #421d3c;}
.copyright p {
	color: #fff;
	text-align: center;
	padding: 0;
	line-height: 1.5!important;
	position: relative;
	font-family: "kaneda-gothic", sans-serif;
	font-weight: 800;
	font-style: normal;
	letter-spacing: 0.05em;
}
.copyright p small {font-size: 120%!important;}
.copyright p a { color: #fff;}

@media all and (min-width: 768px) {
.copyright { padding: 30px 0;}
}
@media all and (max-width: 767px) {
.copyright p { padding: 10px 4%; }
	.copyright p small {font-size: 80%!important;}
}


/*	footer
============================== */
footer {
  text-align: center;
  vertical-align: top;
  padding: 0px 0 0px;
  position: relative;
  z-index: 1;
 background-position: center top; background-image:url(../img/top/bg_news.jpg);
}
#rect { width: 300px; margin: 0 auto; }
@media all and (min-width: 768px) {
	footer {
	}
}
@media all and (max-width: 767px) {
  #footerArea { margin: 0 1em; padding-top:0.1em;
  }
}

div.snsbtn {
  margin-left: 60px; margin-top: 40px;
}
@media all and (max-width: 767px) {
  div.snsbtn {
    margin-top: 20px; padding-bottom: 20px;
  }
}

/*	youtube
============================== */
.player-box {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
section.unit iframe {
    border: none;
}
.player-box iframe, .player-box video, .player-box .fp-player, .player-box .tbs-player, .player-box object {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


/*	ph_cut
============================== */
.ph_cut, .ph_cut_l {

}

.ph_cut span, .ph_cut_l span {
  display: block;
  position: relative;
}

.ph_cut span, .ph_cut_l span {
  background-size: 100%;
}

@media all and (min-width: 768px) {

  .ph_cut,
  .ph_cut span {
    width: 600px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .ph_cut {
    margin: 1em auto;
  }

  .ph_cut_l,
  .ph_cut_l span {
    width: 400px;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  }

  .ph_cut_l {
    margin: 1em auto;
  }
}

@media all and (max-width: 767px) {
  .ph_cut span img, .ph_cut_l span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .ph_cut {
    width: 100%;
    margin: 0.5em 0 0;
    box-sizing: border-box;
  }

  .ph_cut span {
    height: 0;
    padding: 66.66666% 0 0;
    position: relative;
  }

  .ph_cut_l {
    width: 60%;
    margin: 0.5em auto;
  }

  .ph_cut_l span {
    height: 0;
    padding: 150% 0 0;
    position: relative;
  }
}

ul.kome li:before {
  content: "※";
  float: left;
}

ul.kome li span {
  display: block;
}

.lazy img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*	cap
============================== */
.cap {
  text-align: center;
  margin: -0.5em auto 1.0em;
  width: 500px;
  padding: 0 !important;
  font-size: 0.85em;
  line-height: 1.5;
}
.cap span {
  padding: .1em;
}
@media all and (max-width: 767px) {
  .cap {
    width: 100%;
    margin: -0.5em auto 1em; font-size: 0.75em;
  }
}

.cr {
    padding: 1em;
	font-size: 80%;
    color: #000;
    text-align: center;
    line-height: 1.5;
}

.linkBtn { text-align: center;}
.linkBtn a {
    color: #fff; font-weight: bold; font-size: 1.1em;
	background-color: #9f000b; padding: 0.6em 1.5em;
	border-radius: 20px 20px!important; letter-spacing: 0em;
	display: inline-block;
}
.linkBtn a:hover{opacity: 0.85;}
@media all and (min-width: 768px) {
.txtArea .linkBtn { margin-top: -1.5em;}
}
@media all and (max-width: 767px) {
.txtArea .linkBtn { margin-top: -0.5em;}
}

/*--sns-share--*/
div.sns-share {
	text-align:center; 
}
.idx div.sns-share { }
div.sns-share section { padding: 0; display:table;}


div.sns-share section h2{ text-align: center; }
div.sns-share section h2, div.sns-share section h3, div.sns-share section div.sns-rig { padding: 5px 0 8px; letter-spacing: 0em; color: #fff;}

div.sns-share section ul { letter-spacing: -.4em;}
div.sns-share section ul li {
	/*float:left;*/display:inline-block; vertical-align: middle; letter-spacing: 0em;
}
div.sns-share section ul li a {
	display:block;
}
@media all and (min-width: 768px) {
div.sns-share { padding:0px 0 20px; width: 100%; margin: 0 auto; }
div.sns-share section {padding: 40px 0px; margin: 0 auto;}	

div.sns-share section ul li {
	width:50px;
}
div.sns-share section ul li:not(:last-child) {
	margin-right:10px;
}
div.sns-share section ul li a {
	height:50px;
}
div.sns-share section ul li a img { width: 50px; height:50px; }
}
@media all and (max-width: 767px) {
div.sns-share section {width:100%; padding: 30px 0px; margin: 0 auto;}
	
.topics div.sns-share section h3 {
	width:55%;
}
.topics div.sns-share section div.sns-rig {
	width:45%;
}
div.sns-share section h2, div.sns-share section h3 {
	font-size:75%;
	padding-right:0px!important;
}
div.sns-share section ul li {
	width:40px;
}
div.sns-share section ul li:not(:last-child) {
	margin-right:6px;
}
div.sns-share section ul li a {
	height:40px;
}
div.sns-share section ul li a img { width: 40px; height:40px; }
}
@media all and (max-width: 374px) {
div.sns-share section h3 {
	font-size:62.5%;
}
div.sns-share section ul li:not(:last-child) {
	margin-right:3px;
}
div.sns-share section h2 {
	width:55%;
}
div.sns-share section div.sns-rig {
	width:45%;
}

div.sns-share section h2, div.sns-share section h3, div.sns-share section div.sns-rig {
	display:block; width:100%; text-align: center;
}
}

.backtotop { display: none;}


/*	rectangle banner
============================== */
.bnr-w-rectangle {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 100;
}
#bn_responsive {
    margin: 0 auto 2em;
    overflow: hidden;
    position: relative;
    z-index: 300;
}
.cmn_banner {
    width: 100%;
}

@media all and (max-width: 767px) {
	.bnr-w-rectangle {margin: 1.5em auto 0; padding: 0;}
}	

/*	fadein
============================== */
.fadeinD {
    opacity : 0;
    transform : translate(0, 20px);
    transition:all 1s;
  display:block;
}
.fadeinD.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/*	modal customize
============================== */
.md-close a span {
	background:url(/um/img/btn_modal.svg), #421d3c;
}
.md-inner {
	/*box-shadow: 8px 8px #f27eb1;*/
}
@media all and (max-width: 767px) {
.md-inner {
	/*box-shadow: 4px 4px #f27eb1;*/
}
}
@media (max-width: 639px), (max-height: 639px) {
.md-close a span {
    background-position: 0 -200px;
}
}