@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap&subset=japanese');


/* ------------------------
 for Wordpress styles
------------------------ */
/* --------------
 reset
-------------- */
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}
ol,ul{list-style:none}
caption,th{text-align:left}
img {max-width:100% !important; height:auto;vertical-align: bottom;}
iframe {max-width:100% !important; border:none;}

/* --------------
 clearfix
-------------- */
.cf:after,
div:after,ul:after,ol:after,dl:after,
header:after,footer:after,
nav:after,section:after,article:after,aside:after,
.ulList li:after {
	content: ""; 
	display: block;
	clear: both;
}

.none {
	display: none;
}

/* --------------
 base
-------------- */
html { background: #fff;}
body {
	color: #111;
	font: 16px/1.4  'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'Lucida Grande',"メイリオ",Meiryo,sans-serif;
	background-color: #fff;
}
body * {
	box-sizing: border-box;
}

/* link */
a {
	color: #487ed3;
	text-decoration: none;
	word-break: break-all;
}
a:hover {
	color: #00327d !important;
}
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

mark {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf87e+0,fcf87e+100&0+49,0+49,1+50 */
	background: -moz-linear-gradient(top, rgba(252,248,126,0) 0%, rgba(252,248,126,0) 49%, rgba(252,248,126,1) 50%, rgba(252,248,126,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,248,126,0) 0%,rgba(252,248,126,0) 49%,rgba(252,248,126,1) 50%,rgba(252,248,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252,248,126,0) 0%,rgba(252,248,126,0) 49%,rgba(252,248,126,1) 50%,rgba(252,248,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcf87e', endColorstr='#fcf87e',GradientType=0 ); /* IE6-9 */
}


/* --------------
 modules css
-------------- */



/* ---------- font color */
.clRed { color:#00327d;}
.clBlue { color:#1d57aa;}
.clOg { color:#FB6500;}
.clGray { color: #666666;}
.clYlw { color: #EFBC0A;}
.clGrn { color: #40b516;}
.clPpl { color: #834cd8;}
.clSBlue { color: #16B7D1;}
.clPink { color: #ff1167; }
.clTeal { color: #21B3B1; }

.clNormal { color: #111; }

.clWt { color: #fff;}

.cl-tw { color: #1DA1F2; }
.cl-yt { color: #f00; }

.outlineWt {
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff,
	 1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}

/* ---------- font weight */
.thin {	font-weight: 100;}
.demilight {	font-weight: 300;}
.normal {	font-weight: 400;}
.midium {	font-weight: 500;}
.bold {	font-weight: 700;}
.black {	font-weight: 900;}

/* ---------- align */
.alc { text-align: center !important;}
.alr { text-align: right !important;}
.all { text-align: left !important;}

.alt { vertical-align: top !important;}
.alb { text-align: bottom !important;}
.alba { vertical-align: baseline !important;}


.alj {	
	/* 文字均等割付 */
 text-align: justify !important;
 text-justify: inter-ideograph !important;
}



.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}



/* ---------- float */
.noFloat { float: none !important;}
.flc { margin-left: auto; margin-right: auto; }


/* ---------- Cancele */
.both { clear: both;}

/* ---------- margin,padding */
.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}

.mb1rem {	margin-bottom: 1rem !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}
.mr60 {	margin-right: 60px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb30 {	padding-bottom: 30px !important;}

.pt0 {	padding-top: 0px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt20 {	padding-top: 20px !important;}
.pt30 {	padding-top: 30px !important;}

.pl0 {	padding-left: 0px !important;}
.pl5 {	padding-left: 5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl20 {	padding-left: 20px !important;}
.pl30 {	padding-left: 30px !important;}

.pr0 {	padding-right: 0px !important;}
.pr5 {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr20 {	padding-right: 20px !important;}
.pr30 {	padding-right: 30px !important;}

/* ----- text */

.fs04 { font-size: 0.4em !important;}
.fs045 { font-size: 0.45em !important;}
.fs05 { font-size: 0.5em; }
.fs06 { font-size: 0.6em; }
.fs07 { font-size: 0.7em; }
.fs08 { font-size: 0.8em; }
.fs09 { font-size: 0.9em; }
.fs10 { font-size: 1.0em; }
.fs11 { font-size: 1.1em; }
.fs12 { font-size: 1.2em; }
.fs13 { font-size: 1.3em; }
.fs14 { font-size: 1.4em; }
.fs15 { font-size: 1.5em; }
.fs16 { font-size: 1.6em; }
.fs17 { font-size: 1.7em; }
.fs18 { font-size: 1.8em; }
.fs19 { font-size: 1.9em; }
.fs20 { font-size: 2.0em; }
.fs21 { font-size: 2.1em; }
.fs22 { font-size: 2.2em; }
.fs23 { font-size: 2.3em; }
.fs24 { font-size: 2.4em; }
.fs25 { font-size: 2.5em; }


.fs5vw { font-size: 5vw; }
.fs7vw { font-size: 7vw; }
.fs10vw { font-size: 10vw; }

@media screen and (min-width: 1001px) { /*以上の時*/
	
.fs5vw { font-size: 50px; }
.fs7vw { font-size: 70px; }
.fs10vw { font-size: 100px; }
}

/* ----- list */
.ulDisc {
	margin-left: 22px;
	line-height: 1.4;
	list-style: outside disc;
}
.ulSquare {
	margin-left: 22px;
	line-height: 1.4;
	list-style: outside square;
}

.olDecimal {
	margin-left: 22px;
	list-style: outside decimal;
}

.ulDisc li, .ulSquare li, .olDecimal li {
	margin-bottom: .3em;
}

/* ----- text */

/* ----- youtube */

.youtubeBox {
	position: relative;
	height: 0;
	padding: 0 ;
	padding-top: 56.27%;
}
.youtubeBox iframe {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}


/* ----- bg */

.bgBox {
	padding: 10px;
}

.bg-gray1 {	background-color: #f2f2f2; }
.bg-gray2 {	background-color: #363636; }
.bg-gray3 {	background-color: #a0a0a0; }

/* ----- btn */


.btn-a {
	display: inline-block;
	padding: .5em .8em;
	background: #fff;
	color: #111;
	border: #888 solid 1px;
}


.btn-b {
	display: inline-block;
	padding: .3em .5em;
	border-radius: 10px;
	background: rgba(0,0,0,.2);
	box-shadow: 0 -2px 0 rgba(0,0,0,.2) inset;
	color: #111;
}
.btn-b:hover {
	background: rgba(0,0,0,.1);
	box-shadow: 0 2px 0 rgba(0,0,0,.2) inset;
	
}
.eventTheaterListBox .btn-b {
	display: block;
}



.btn-youtube {
	display: block;
	background: #f00;
	color: #fff;
	padding: 1em;
}

.btn-youtube:nth-of-type(2n) {
	background: #00327d;
}


.btn-youtube:hover {
	opacity: .7;
	color: #fff !important;
}

/* ----- bdr */


.bdrAll1s{
	border: #111 solid 1px;
}

.bdrRed{ border-color: #ff0023 !important;}
.bdrBlue{ border-color: #008ad7 !important;}
.bdrGrn{ border-color: #179e0a !important;}
.bdrPpl{ border-color: #943bc7 !important;}
.bdrYlw{ border-color: #d6a93b !important;}

.bdrGray { border-color: #aaa !important;}

.bdrGold { border-color: #D8B611 !important; }

hr.hr-transparent {
	width: 100%;
	height: 0;
	border: 0;
	border-bottom: transparent solid 1px;
	margin: .25rem 0;
}


.inlineblock {
	display: inline-block;
}
.block {
	display: block;
}


.lh10 {	line-height: 1.0;}
.lh15 {	line-height: 1.5;}
.lh18 {	line-height: 1.8;}
.lh20 {	line-height: 2.0;}



/* ---------- pagenation */

.pagination {
	border: none !important;
	text-align: center;
}
.pagination a,
.pagination span{
	border: #aaa solid 1px;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2;
	text-align: center;
}
.pagination a:hover {
	color: #fff;
	background: #00327d;
}
.pagination .current {
	color: #fff;
	background: #00327d;
}




/* --------------
 common
-------------- */
/* =container
------------------------------------------------------------------------ **/
#container {
	position: relative;
	display: block;
}


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

#header {
	background: #000;
	border-bottom: #00327d solid 1px;
	width: 100%;
}

#siteHeader img {
	vertical-align: middle;
}

/* =siteHeader
---------------------------------------------------- */
#logo {
	line-height: 1.1;
}
#logo a {
	display: block;
}
/* =globalNav 
---------------------------------------------------- */

#mainNav a.comingsoon {
	pointer-events: none !important;
	position: relative;
}
#mainNav a.comingsoon:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.5);
}
#mainNav 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);
}


/* =contents
-------------------------------------------------------------- **/
#main {
}
.contents {
	padding: 3rem 0;
}

#clm_page {
	margin-top: 3rem;
}

.contents + .contents {
	border-top: #00327d solid 1px;
}

.contents p,
.contents ol,
.contents ul,
.contents dl,
.contents table {
	margin-bottom: 1rem;
}


/* 画像中央寄せ */
.ofi {
  object-fit: contain;
  font-family: 'object-fit: contain;';
	width: 100%;
	height: 100%;
}

.image169 {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.image43 {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}
.image11 {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
.image169 img,
.image43 img,
.image11 img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* =headline / titles
---------------------------------------------------- */
.contents h1 {
	font-size: 1.8em;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
	line-height: 1.1em;
	text-align: center;
	position: relative;
	letter-spacing: .25em;
	text-indent: .25em;
}
.contents h1:before {
	content: '';
	position: absolute;
	width: 3rem;
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #00327d;
	
}
.contents h2 {
	font-size: 1.6em;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
	line-height: 1.1em;

}
.contents h2:not(.noBg):first-of-type {
	margin-top: 1.5rem;
}

.contents h2:not(.noBg) {
	text-align: center;
	color: #fff;
	padding: .5em;
	
	background: rgba(201,0,0,1);
	background: -moz-linear-gradient(left, rgba(201,0,0,0) 0%, rgba(201,0,0,1) 40%, rgba(201,0,0,1) 60%, rgba(201,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(201,0,0,0) 0%,rgba(201,0,0,1) 40%,rgba(201,0,0,1) 60%,rgba(201,0,0,0) 100%);
	background: linear-gradient(to right, rgba(201,0,0,0) 0%,rgba(201,0,0,1) 40%,rgba(201,0,0,1) 60%,rgba(201,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000327d', endColorstr='#0000327d',GradientType=1 );
}

.contents h2.headlineA {
	background: #00327d;
}

.contents h3 {
	font-size: 1.4em;
	margin-top: 2rem;
	margin-bottom: 1rem;
	line-height: 1.1em;
}
.contents h4 {
	font-size: 1.1em;
	margin-top: 1.5rem;
	margin-bottom: .5rem;
	line-height: 1.1em;
}







/* =table
---------------------------------------------------- */
table,
th,
td {
	border-collapse: collapse;
	border:1px solid #aaa;
}
table {
	width: 100%;
	background: #fff;
}
th,
td {
	padding: 5px 10px;
}
th {
	text-align: center;
	vertical-align: top;
	background: rgba(0,0,0,.1);
}

td {
}

.contents dt {
	font-weight: bold;
}
.contents dd {
	margin-left: .5em;
}
.contents dl > *:not(:first-child) { 
	margin-top: .25rem;
}

.contents dl.dlA dt {
	float: left;
	clear: both;
	margin-right: 1rem;
}



/* =footer
-------------------------------------------------------------- **/
#footer {
	position: relative;
	clear: both;
	/*background: rgba(42,21,88,.9);*/
	color: #fff;
}

#footer a {
	color: #fff;
}


/* =siteFooter
---------------------------------------------------- */

#siteFooter {
	background: #000;
	border-top: #00327d solid 1px;
}

.footerNav {
	padding: .5rem;
}

/* =footer-sns
-------------------------------------------------------------- **/

#footer-sns {
	border-top: #00327d solid 1px;
}
#footer-sns a {
	display: inline-block;
	padding: .3em;
	color: #fff;
}

.footerNav a.comingsoon {
	opacity: .5;
	pointer-events: none;
}


/* =copyright
------------------------------------------ */
#copyright {
	padding: 5px 0;
	text-align: center;
	color: #fff;
	background: #000;
}
#copyright a {
	color: #FFF;
	text-shadow: 0 0 2px #000;
}

/* =pageTop
---------------------------------------------------- */
#pageTop {
	display: block;
	position: fixed;
	z-index: 1000;
}
#pageTop a {
	display: block;
	color: #fff;
	background: rgba(0,0,0,.3);
	padding: .3em .5em;
}

#pageTop a:hover {
	opacity: 0.8;
}



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

/* =visual
---------------------------------------------------- */
#home-visual {
	background: #00327d;
	border-bottom: #00327d solid 1px;
}
#home-visual .inner {
	position: relative;
}
#home-visual .inner a {
	position: absolute;
	display: block;
}

#home-visual .inner a:hover {
	background: rgba(255,255,255,.3);
}

/* =news
---------------------------------------------------- */

.bs-a {
	box-shadow: 5px 5px 0 rgba(0,0,0,.1);
	margin-bottom: 10px;
	margin-right: 5px;
	background: #fff;
	display: block;
	border: rgba(0,0,0,.1) solid 1px;
}

.newsList li .inner {
}
.newsList li a {
	color: #111;
}
.newsList li time {
	font-size: .8em;
	line-height: 1;
	color: #888;
}
.newsList-img {
	background: #00327d;
	border-bottom: #00327d solid 1px;
}
.newsList-txt {
	padding: 10px;
	font-size: .9em;
	line-height: 1.2;
}
.newsList-txt .cutTxt {
	height: 2.5em;
	height: calc( 2em * 1.2 );
	overflow-y: hidden;
}
.newsList-txt .moreTxt {
	font-size: .8em;
	color: #00327d;
}

/* =broadcast
---------------------------------------------------- */
#home-broadcast {
	padding-bottom: 0;
}
#home-broadcast dd {
	margin-left: 0;
}

.broadcast-first dt {
	background: #00327d;
	border-radius: 2em;
	padding: .5em 1em;
	display: inline-block;
	color: #fff;
	margin-bottom: .5rem;
}
.contents .broadcast-first dd,
.contents .broadcast-others dd {
	margin: 0;
}
.broadcast-others {
	margin-bottom: 2rem;
}


/* =other
---------------------------------------------------- */
.homeContList a,
.homeContTxtList a {
	color: #111;
}
.homeContList .inner {
	padding: 5px;
}
.homeContList .inner .homeContList-txt {
	padding: 5px;
}
.homeContList .inner .homeContList-txt p {
	margin: 0;
}

.homeContTxtList p {
	padding: 10px;
	margin: 0;
}

.homeContList-img {
	position: relative;
}
.homeContList-img:before,
.homeContList-img:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 5%;
	height: 100%;
	background: url("../img/homeContList-img.png") no-repeat center;
	background-size: 100% 100%;
	z-index: 1;
}
.homeContList-img:before {
	left: 0;
}
.homeContList-img:after {
	transform: rotateZ(180deg);
	right: 0;
}

.homeContTxtList a.comingsoon {
	pointer-events: none;
	color: #aaa;
}


/* theater
--------------------------------------------------------- */
.theaterList .toggle {
	position: relative;
	cursor: pointer;
	margin-top: 2px;
}
.theaterList .toggle:hover {
	opacity: .8;
}
.theaterList .toggle:before {
	position: absolute;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	right: 1%;
	top: 0;
	bottom: 0;
	margin: auto;
	
	background: url(../img/toggle.png) no-repeat center center;
	background-size: 100% auto;
}
.theaterList .toggle.open:before {	
	background: url(../img/toggle-close.png) no-repeat center center;
	background-size: 100% auto;
}
.contents .theaterList h3 {
	background: #1c5aa6;
	padding: .5em;
	padding-right: 30px;
	margin-bottom: 0;
	color: #fff;
}
.contents .theaterList h3 + .toggleBox {
	border: #1c5aa6 solid 1px;
	padding: 3px;
}

.contents .theaterList h4 {
	background: #5790d6;
	padding: .5em;
	padding-right: 30px;
	margin: 0;
	color: #fff;
}
.contents .theaterList h4 + .theaterListBox {
	border: #5790d6 solid 1px;
	padding: 3px;
}

.contents .theaterList h5 {
	background: #a7cfff;
	padding: .5em;
	padding-right: 30px;
	font-size: 1rem;
}
.contents .theaterList h5.end {
	background: #c5c5c5;
}
.contents .theaterList h5 + .toggleBox {
	border: #a7cfff solid 1px;
	padding: 5px 3px;
}


.theaterList .theaterInfo {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}	
.theaterList .theaterInfo:after {
	display: none;
}
.theaterList .theaterInfo dt,
.theaterList .theaterInfo dd {
	padding: 5px;
	margin: 0;
}

.theaterList .theaterInfo dt {
	clear: both;
	width: 8em;
	background: rgba(0,0,0,0.1);
}
.theaterList .theaterInfo dd {
	width: 72%;
}


.theaterList .greetingBox {
	padding: 10px;
	border-radius: 10px;
	background: #fafafa;
	min-height: 100px;
}
.theaterList .greetingBox.bg-sz {
	background: #C2B6CB url(../img/orb/sz-on.png) no-repeat right -100px top 0%;
}

.theaterList .greetingBox.bg-bm {
	background: #F5D69C url(../img/orb/bm-on.png) no-repeat right -100px top 10%;
}

.theaterList .greetingBox.bg-hs {
	background: #C5E1E8 url(../img/orb/hs-on.png) no-repeat right -100px top 10%;
}

.theaterList .greetingBox.bg-tb {
	background: #E3C1B6 url(../img/orb/tb-on.png) no-repeat right -100px top 10%;
}

.theaterList .greetingBox.bg-oo {
	background: #CCDAED url(../img/orb/oo-on.png) no-repeat right -100px top 0%;
}

.theaterList .greetingBox.bg-ot {
	background: #BCEBAB url(../img/orb/ot-on.png) no-repeat right -110px top 20%;
}

.theaterList .greetingBox.bg-ux {
	background: #eee url(../img/orb/ux.png?a) no-repeat right -90px top 0%;
}


.greetingBox {
	border: #111 solid 1px;
	padding: 10px;
/*	padding-right: 80px;*/
	min-height: 150px;
	background-position: top 10px right !important;
	background-size:  auto 170px !important;
	background-repeat: no-repeat !important;
}

.greetingBox .timetable {
	min-height: 100px;
}
.greetingBox .timetable ul li span {
	display: inline-block;
	width: 3.5em;
}
.movieBefore {
	color: #EF393C;
}
.movieAfter {
	color: #3B66DB;
}
.movieBoth {
	color: #17bd15;
}

.greetingBox.bg-rosso-flame {
	background-image: url(../greeting/rosso-flame.png?0220);
}
.greetingBox.bg-rosso-aqua {
	background-image: url(../greeting/rosso-aqua.png?0220);
}
.greetingBox.bg-rosso-wind {
	background-image: url(../greeting/rosso-wind.png?0220);
}
.greetingBox.bg-blu-flame {
	background-image: url(../greeting/blu-flame.png?0220);
}
.greetingBox.bg-blu-aqua {
	background-image: url(../greeting/blu-aqua.png?0220);
}
.greetingBox.bg-blu-ground {
	background-image: url(../greeting/blu-ground.png?0220);
}
.greetingBox.bg-rb {
	background-image: url(../greeting/rb.png?0220);
}

.postLinkList a {
	display: block;
	font-weight: bold;
}
.postLinkList a .fa-chevron-right {
	margin-left: .5em;
}




/* .expandField
------------------------- */

.expandField {
	width: 100% !important;
	display: block;
	/*background: rgba(0,0,0,.8);*/
	position: relative;
	overflow: hidden;
	margin: 0;
	float: left;
/*	border: #333 solid 5px;
	background: rgba(0,0,0,.3);*/
	margin-top: 10px;
}
.expandField .btnClose {
	top: 0;
	right: 0;
	width: 37px;
	height: 37px;
	display: block;
	background: url(../img/btnClose.png?0525) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.expandField .btnPrev {
	top: 50%;
	transform: translateY(-50%);
	left: 3px;
	width: 19px;
	height: 37px;
	display: block;
	background: url(../img/btnPrev.png?0525) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.expandField .btnNext {
	top: 50%;
	transform: translateY(-50%);
	right: 3px;
	width: 19px;
	height: 37px;
	display: block;
	background: url(../img/btnNext.png?0525) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}

.expandField {
}
.expandField .selfRepInner {
	position: relative;
	padding: 40px 25px;
	border: #333 solid 5px;
}


.expandField .selfRepInner .secLeft {
	position: relative;
}

.expandField .selfRepInner .secLeft i {
	position: absolute;
	z-index: 10;
}
.expandField .selfRepInner .secLeft p {/* the_content */
}

.expandField .selfRepInner .secRight {
	text-align: left;
	/*background: rgba(255,255,255,.7);*/
}


.pointer {
	cursor: pointer;
}


.listCover {
	text-align: center;
}
.listCover .listItem {
	position: relative;
	margin: 5px 0;
	margin-right: -.15em;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	letter-spacing: normal;
	line-height: 1.2em;
	vertical-align: top;
	box-sizing: border-box;
	width: 150px;
	max-width: 45vw;
}
.listCover .listItem.active:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	border-width: 15px 30px 0 30px ;
	border-style: solid;
	border-color: transparent;
	border-top-color: #000;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1;
}
.listCover .listItem:hover img {
	opacity: 1;
}
.listCover .listItem:hover .moviecharaName,
.listCover .listItem.active .moviecharaName {
	opacity: 1;
  transition: all 0.1s ease;
}

.listCover .listItem .moviecharaNameTxt{
	padding: .1em .5em;
}

.moviecharaName {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 900;
  transition: all 0.3s ease;
/*	opacity: 0;
	position: absolute;
	top: 0;
	color: #fff;
	background: rgba(0,0,0,.8);*/
}
.moviecharaName .inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.moviecharaName .inner .moviecharaNameTxt {
/*	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;*/
}

.selfRep {
	display: none;
}
.secRight {
	padding: 0 10px;
	padding-bottom: 10px;
}

.charaMetaList dt {
	float: left;
	width: 3.5em;
	clear: both;
	text-align: right;
	margin-right: .5em;
}

.secRight h2 {
	padding-top: 1rem;
}
.secRight .charaTxt {
	margin-top: 1rem;
	line-height: 1.8;
}	
.secRight .charaTxt > *:last-child {
	margin-bottom: 0;
}




.btnCate a {
	display: inline-block;
	font-size: .8em;
	margin: .1em;
	padding: .3em .5em;
	border-radius: 5px;
	box-shadow: 0 -2px 0 rgba(0,0,0,.2) inset;
	background: #ddd;
	font-weight: bold;
	cursor: pointer;
}

.btnCate a.active {
	background: #ee950c;
	color: #fff;
}

.eventlabel {
	display: inline-block;
	background: #eee;
	line-height: 1;
	padding: .3em .5em;
	border: #fff solid 1px;
}

.cl-liveviewing {
	color: #f33;
}

.eventlabel.eventlabel-liveviewing {
	background: #f33;
	color: #fff;
}
.eventlabel.eventlabel-cheering {
	background: #40b516;
	color: #fff;
}
.eventlabel.eventlabel-greeting {
	background: #1d57aa;
	color: #fff;
}

.eventlabel.eventlabel-cast1 {
	color: #cc0003;
	box-shadow: 1px 1px 0 #cc0003 inset, -1px -1px 0 #cc0003 inset;
}
.eventlabel.eventlabel-cast2 {
	color: #152cb5;
	box-shadow: 1px 1px 0 #152cb5 inset, -1px -1px 0 #152cb5 inset;
}
.eventlabel.eventlabel-cast3 {
	color: #ea6d00;
	box-shadow: 1px 1px 0 #ea6d00 inset, -1px -1px 0 #ea6d00 inset;
}
.eventlabel.eventlabel-cast4 {
	color: #9D11AB;
	box-shadow: 1px 1px 0 #9D11AB inset, -1px -1px 0 #9D11AB inset;
}


/* ticket
--------------------------------------------------------- */

.ticketBox {
	margin: 1em 2px;
	border: 0;
	padding: 2px;
	background: rgb(30,87,153);
background: -moz-linear-gradient(left, rgba(30,87,153,1) 16%, rgba(244,0,0,1) 64%, rgba(239,131,0,1) 100%);
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 16%,rgba(244,0,0,1) 64%,rgba(239,131,0,1) 100%);
background: linear-gradient(to right, rgba(30,87,153,1) 16%,rgba(244,0,0,1) 64%,rgba(239,131,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ef8300',GradientType=1 );
	
}

.ticketBox .inner {
	padding: 10px;
	background: #fff;
}
.ticketBox .inner *:first-child {
	margin-top: 0 !important;
}



.ticketBox .conveni {
	display: inline-block;
	font-size: .8em;
	padding: .3em .5em;
	margin: .2em;
	color: #fff;
	background: #333;
}



.ticketBox h4 {
	border-left: #ef8300 solid .3em;
	padding: .3em 0;
	padding-left: .3em;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.ticketBox dl {
	margin-bottom: 1rem;
}






.boxA {
	border: #00327d solid 1px;
	padding: 1rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.boxA .headline {
	margin-top: -1rem;
	margin-bottom: 0;
}
.boxA .headline b {
	display: inline-block;
	background: #fff;
	padding: 0 .3em;
	transform: translateY(-50%);
}
.boxA > *:last-child {
	margin-bottom: 0;
}



.contents hr {
	margin: 2rem 0;
	clear: both;
}



.eventTheaterListBox a {
	display: block;
	height: 100%;
	position: relative;
	padding: .3em .5em;
	border-radius: 10px;
	background: rgba(0,0,0,.15);
	box-shadow: 0 -2px 0 rgba(0,0,0,.2) inset;
	color: #111;
}
.eventTheaterListBox a:hover {
	background: rgba(0,0,0,.4);
	box-shadow: 0 2px 0 rgba(0,0,0,.2) inset;
	color: #fff !important;
}

.eventTheaterListBox b {
	display: block;
	position: relative;
/*	top: 50%;
	transform: translateY(-50%);*/
}




body[id^="thanks"] #headWrap .navBox {
	display: none;
}

body[id^="thanks"] #clm_page {
	margin-top: 0;
	border: #c90000 solid 1px;
	padding: 2%;
}


body[id^="thanks"] .contents h1 {
	margin: 0;
	padding: .75rem .5rem;
	color: #fff;
	background-color: #c90000;
	border-radius: 10px 10px 0 0 ;
	font-size: 1.5em;
	text-align: left !important;
	letter-spacing: .05em;
	text-indent: 0;
}
body[id^="thanks"] .contents h1:before {
	display: none;
}

body[id^="thanks"] .contents h2 {
	font-size: 1.3em;
	padding: .75rem .5rem;
	border-top: #c90000 solid .25rem;
	border-bottom: #c90000 solid .25rem;
}
body[id^="thanks"] .contents h3 {
	font-size: 1.3em;
	padding: .25rem;
	border-left: #c90000 solid .25rem;
}

body[id^="thanks"] .contents h4 {
	font-size: 1.2em;
	padding-left: .25rem;
	padding-bottom: .25rem;
	border-bottom: #c90000 solid 1px;
}
body[id^="thanks"] hr {
	height: 1px;
	border: 0;
	background: #ccc;
}

body[id^="thanks"] .recruitTags {
	margin-bottom: 1rem;
	font-size: .75em;
	text-align: left;
}
body[id^="thanks"] .recruitTags span {
	display: inline-block;
	border: #ccc solid 1px;
	border-radius: .5em;
	padding: .25em .5em;
	margin: 2px 1px;
	background-color: #eee;
}

body[id^="thanks"] .btn-shokuba {
	background: #c90000;
	border-radius: 10px;
	color: #fff;
}
body[id^="thanks"] .btnSns.btnTw {
	background: #1DA1F2;
	border-radius: 10px;
	color: #fff;
}
body[id^="thanks"] .btnSns.btnLine {
	background: #00B900;
	border-radius: 10px;
	color: #fff;
}

body[id^="thanks"] figure {
	text-align: center;
	margin: 0 10px;
	margin-bottom: 1rem;
	padding: 5px;
	border: #ccc solid 1px;
}
body[id^="thanks"] figure figcaption {
	font-size: .8em;
	color: #555;
}



body[id^="thanks"] dl dt {
	border-bottom: #ccc solid 1px;
	font-size: 1.1em;
}
body[id^="thanks"] .recruitIcon {
	display: inline-block;
	margin-right: .25em;
	padding: .5em .35em;
	color: #fff;
	border-radius: 50%;
	background: #c90000;
	line-height: 1;
	margin-bottom: -.25em;
}