@charset "UTF-8";

/* ------------------------
 for Wordpress styles
------------------------ */
.alignleft, .alignright {
	float: none !important;
	clear: both !important;
	display:block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}
img.alignleft, img.alignright {
	float: none !important;
	display:block !important;
	margin:0 auto 10px !important;
}

/* --------------
 reset
-------------- */
input,select,textarea {max-width:95% !important;}
/*h1 {font-size: 1.3em;}
h2 {font-size: 1.1em;}
h3,h4,h5,h6 {font-size:1.0em;}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.3;
}*/

/* --------------
 base
-------------- */
.ifpc {display: none !important;}

@media screen and (max-width: 320px) { /*以下の時*/
}
@media screen and (min-width: 321px) { /*以上の時*/
}


.in {
	padding: 0 5px;
}


/* --------------
 modules css
-------------- */
/* ---------- margin,padding */
.mt40 {	margin-top: 30px !important;}

/* ----- base width */
body {
	width: 100%;
}


/* ----- images */
.imgL, .imgR {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

/* ----- base width */

.spwd60 {	width: 60%;}
.spwd70 {	width: 70%;}
.spwd80 {	width: 80%;}
.spwd90 {	width: 90%;}

/* ---------- order */

.orderbox {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-ms-flex-flow: column;
	-webkit-flex-flow: column;
	flex-flow: column;
}
.order1 {
	-webkit-order:1;
	order:1;
}
.order2 {
	-webkit-order:2;
	order:2;
}
.order3 {
	-webkit-order:3;
	order:3;
}
.order4 {
	-webkit-order:4;
	order:4;
}
.order5 {
	-webkit-order:5;
	order:5;
}
.order6 {
	-webkit-order:6;
	order:6;
}
.order7 {
	-webkit-order:7;
	order:7;
}
.order8 {
	-webkit-order:8;
	order:8;
}
.order9 {
	-webkit-order:9;
	order:9;
}
.order10 {
	-webkit-order:10;
	order:10;
}

/* --------------
 common
-------------- */

/* =container
------------------------------------------------------------------------ **/

/* =header
-------------------------------------------------------------- **/
#headWrap {
	position: relative;
}
#header {
}

/* ---------- home */
 #siteHeader {
	 height: 45px;
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	text-align: left;
}
#siteHeader img {
}

.logoBox {
	width: 25%;
	float: left;
}
.infoTxt {
	width: 55%;
	float: left;
	padding-top: 3px;
}

.logoBox img, .infoTxt img {
	 max-height: 45px;
}

.navBox {
	float: right;
}

/* =globalNav
---------------------------------------------------- */
#globalNav h2 {
	position: fixed;
	top: 0;
	right: 0;
	background: #34538b;
	color: #fff;
	font-size: 1.5rem;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
#globalNav h2.open:before {
	content: '';
	display: block;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
}

#slideMenu {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	background: #fff;
	height: 100%;
	overflow-y: auto;
}


#mainNav {
	width: 100%;	
	border-top: #34538b solid 1px;
}
#mainNav li {
	border-bottom: #aaa solid 1px;
}
#mainNav li a {
	display: block;
	padding: 1em;
	padding-left: 1.5em;
	color: #111;
	font-weight: bold;
}

#mainNav li a.active {
	background: url(../img/menu-sp-active.png) no-repeat center left;
	background-size: auto 100%;
}

#slideMenu .snsBox {
	background: #eee;
	text-align: center;
	margin-right: 45px;
	height: 45px;
	line-height: 45px;
}
#slideMenu .snsBox ul {
	line-height: 45px;
}
#slideMenu .snsBox li {
	display: inline-block;
	vertical-align: top;
	line-height: 45px;
}
#slideMenu .snsBox li a {
	display: block;
	font-size: 1.5em;
	padding: 0 .5em;
}


#slideMenu #closeBtn {
	position: absolute;
	top: 0;
	right: 0;
	background: #34538b;
	color: #fff;
	font-size: 1.5rem;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

/* =visual
---------------------------------------------------- */
#visual {
	margin: auto;
}



#home-visual.renew .visual-movie {
	padding: 1rem 10px;
}

/* =contents
-------------------------------------------------------------- **/
#main {
}

.contents {
	padding: 1.5rem 0;
}
#clm_page {
	margin-top: 1.5rem;
}

.contents p:not(.mb0),
.contents ol ,
.contents ul ,
.contents dl ,
.contents table  {
	padding-left: 5px;
	padding-right: 5px;
}

.spclm2, .spclm3, .spclm4, .spclm5, .spclm6 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.spclm2 > * {
	width: calc((100% / 2) - 10px );
}
.spclm3 > * {
	width: calc((100% / 3) - 10px );
}
.spclm4 > * {
	width: calc((100% / 4) - 10px );
}
.spclm5 > * {
	width: calc((100% / 5) - 10px );
}
.spclm6 > * {
	width: calc((100% / 6) - 10px );
}

.spclm2 > *, .spclm3 > *, .spclm4 > *, .spclm5 > *, .spclm6 > * {
	margin-left: 10px;
}

.spclm2 > * >a, .spclm3 > * >a, .spclm4 > * >a, .spclm5 > * >a, .spclm6 > * >a {
	position: relative;
	display: block;
}

.spclm2:after, .spclm3:after, .spclm4:after, .spclm5:after, .spclm6:after {
	display: none;
}



/* =headline / titles
---------------------------------------------------- */

.contents h1 {
	font-size: 1.5em;
	margin-bottom: .6rem;
}
.contents h2 {
	font-size: 1.3em;
	margin-bottom: .6rem;
}
.contents h3 {
	font-size: 1.1em;
	margin-bottom: .6rem;
}
.contents h4 {
	font-size: 1.0em;
	margin-bottom: .6rem;
}


/* =table
---------------------------------------------------- */


/* =footer
-------------------------------------------------------------- **/
#footer {
}
/* =siteFooter
---------------------------------------------------- */
.footerNav li {
	margin-bottom: .2em;
}
.footerNav li a {
	position: relative;
	display: block;
	padding: .3em .5em;
	background: rgba(255,255,255,.1);
	height: 100%;
}
.footerNav li a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 1%;
	transform: translateY(-50%);
	border: transparent solid 4px;
	border-left-color: #fff;
}

/* =social button
-------------------------------- */


/* =copyright
------------------------------------------ */
#copyright {
	
	padding-bottom: 3rem;
}

/* =pageTop
---------------------------------------------------- */
#pageTop {
	right: 0;
	bottom: 0;
}
@media all and (orientation: landscape) { /* 横向き */
	#pageTop {
		bottom: 0;
		z-index: 10000000;
	}
}
#pageTop a {
/*	width: 30px;
	height: 30px;
	background-size: 30px;*/
	/*
	width: 50px;
	height: 50px;*/
}


/* --------------
 home container
-------------- */

/* =visual
---------------------------------------------------- */
s

/* =sphomeNav
---------------------------------------------------- */
#sphomeNav {
	border-bottom: #34538b solid 1px;
}
#sphomeNav ul {
	font-size: 4vw;
	display: grid;
	grid-template-columns: 33.3% 33.3% 1fr;
	grid-template-rows: 3em 3em;
	text-align: center;
}
#sphomeNav ul a {
	display: block;
	height: 100%;
	line-height: 3em;
	background: #555;
	color: #fff;
}

#sphomeNav ul li:nth-of-type(3n),
#sphomeNav ul li:nth-of-type(3n-1) {
	border-left: #fff solid 1px;
}
#sphomeNav ul li:nth-of-type(n+4){
	border-top: #fff solid 1px;
}
#sphomeNav.new ul li:last-child{
	grid-column: 1 / 4;
}


#sphomeNav a.comingsoon {
	pointer-events: none !important;
	position: relative;
}
#sphomeNav a.comingsoon:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}
#sphomeNav a.comingsoon:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/menu-comingsoon.png") no-repeat center;
	background-size: contain;
	transform: rotateZ(-5deg);
}

/* =broadcast
---------------------------------------------------- */


.broadcast-others {
	margin-bottom: 1rem;
}
.broadcast-others dl {
	padding: 0 !important; 
}

.broadcast-others.spclm3 dt {
	background: #c90000;
	color: #fff;
	padding: .2em;
	font-size: 3vw;
}
.broadcast-others:not(.spclm3) dt {
	background: #c90000;
	border-radius: 2em;
	padding: .5em 1em;
	display: inline-block;
	color: #fff;
	margin-bottom: .5rem;
}

/* =other
---------------------------------------------------- */

.homeContList {
	margin-bottom: 0 !important;
}

.homeContList > li .inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.homeContList > li .inner .homeContList-img {
	width: 35%;
}
.homeContList > li .inner .homeContList-txt {
	width: 65%;
	margin-left: 3%;
}



/* ------------------------------------------------------------------------------------
 news (single)
------------------------------------------------------------------------------------ */

.contents .postTtl {
	font-size: 5vw;
}


.spclm2 .newsList-txt {
	padding: 5px;
	font-size: .8em;
}


/* ------------------------------------------------------------------------------------
 cast
------------------------------------------------------------------------------------ */
.contents .itemBox h3 {
	font-size: 1.5rem;
}


.cat-team h2 {
	margin-top: 0;
}
/* ------------------------------------------------------------------------------------
 hero
------------------------------------------------------------------------------------ */

.heroList h2 {
	margin-top: 0;
}

/* ------------------------------------------------------------------------------------
 kaiju
------------------------------------------------------------------------------------ */
.kaijuList.listCover .expandField .btnPrev,
.kaijuList.listCover .expandField .btnNext {
	display: none;
}

.kaijuList.listCover .kaijuName .inner .kaijuNameTxt .kaijuSpan {
	width: 100%;
	margin: 0;
}
.kaijuList.listCover .kaijuName.longname .inner .kaijuNameTxt .kaijuSpan {
	font-size: 4vw;
}



/* ------------------------------------------------------------------------------------
 special
------------------------------------------------------------------------------------ */

#special .movielistList dl {
	margin: 0 !important;
	padding: 0 !important;
}
#special .movielistList dd {
	padding: 5px !important;
	font-size: .8em;
	margin: 0 !important;
}

/* ------------------------------------------------------------------------------------
 onair
------------------------------------------------------------------------------------ */

.onairTbl {
	font-size: 3.2vw;
}


.onairTbl.new {
	font-size: 4.0vw;
}
.onairTbl.new thead {
	display: none;
}
.onairTbl.new th,
.onairTbl.new td {
	display: block;
	width: 100%;
}
.onairTbl.new td:before {
	display: inline-block;
	content: attr(data-th);
	font-weight: bold;
	margin-right: 1em;
}
.onairTbl.new td a {
	word-break: break-all;
	display: inline-block;
}


/* ------------------------------------------------------------------------------------
 tv
------------------------------------------------------------------------------------ */

.mainSlide-sub {
	font-size: .7em;
}