@charset "UTF-8";
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(../icomoon/style.css);
/* https://nelog.jp/web-service-icon-fonts */

@font-face {
  font-family: YuGothicM;
  src: local(Yu Gothic Medium);
}
/* ------------------------
 for Wordpress styles
------------------------ */
/*************************
		nav-single
**************************/
.navSingle {
	margin: 100px 10px 0;
}
.navSingle a {
	padding: 3px 10px;
}
.navPrevious {
	float: left;
}
.navNext {
	float: right;
}


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

.pages {
	border: none !important;
}
.wp-pagenavi a, .wp-pagenavi span {
	border-radius: 5px;
	border: none !important;
}
.wp-pagenavi a:hover {
	color: #fff;
	background: #1557a0;
}
.wp-pagenavi .current {
	color: #fff;
	background: #e8480f;
}



/* --------------
 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.5 'Century Gothic', YuGothic,YuGothicM, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #fff;
	
	font-weight: 500;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img.bgmaximage {
	width: 100%;
	height: 100%;
	position: fixed !important;
}

i {
/*	font-family: 'Open Sans', sans-serif;*/
/*	font-family: 'Candal', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-style: italic;
}


/* link */
a {
	color: #000;
	text-decoration: none;
	word-break: break-all;
}
a:hover {
	color: #c1272d;
}
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:#c1272d;}
.clBlue { color:#1d57aa;}
.clOg { color:#FB6500;}
.clGray { color: #666666;}
.clYellow { color: #FC0;}
.clGrn { color: #40b516;}

.clNormal { color: #111; }


/* ---------- font weight */
.bold {	font-weight: bold;}
.normal { font-weight: 500; }

/* ---------- 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;}


.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;}

.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; }



/* ----- 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: 20px;
}

/* ----- 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;
}
.bgBk10 {
	background: rgba(0,0,0,.1);
}
.bgBk30 {
	background: rgba(0,0,0,.3);
}
.bgBk60 {
	background: rgba(0,0,0,.6);
}
.bgWt30 {
	background: rgba(255,255,255,.3);
}
.bgWt60 {
	background: rgba(255,255,255,.6);
}
.bgRed {
	background: #c1272d;
}
.bgRedImg {
	background: #c1272d url(../img/bg-red.jpg) top center repeat-y;
	background-size: 100% auto;
	color: #fff;
}
.bgRedImg a {
	color: #fff;
}


/* ----- btn */


.btnA a {
	display: block;
	text-align: center;
	padding: 9% 0;
	text-decoration: none;
	font-weight: bold;
	border: #000 solid 2px;
	font-size: 1.3em;
	overflow: hidden;
	
	position: relative;
	background-image: url(../img/bgPolygon.png?v01);
	background-position: center;
	background-size: 150% auto;
	
}
.btnA a:hover {
	color: #000;
	
	background-color: #eaeaea;

}
.btnA.blue a:hover {
	background-color: #DFE6F8;
}
.btnA.red a:hover {
	background-color: #FFEAEA;
}
.btnA a:before {
	content: '';
	width: 0;
	height: 0;
	border: transparent solid 5px;
	border-right-color: #c1272d;
	border-bottom-color: #c1272d;
	
	position: absolute;
	bottom: 3px;
	right: 3px;
	margin: auto;
}
.btnA.blue a {
	border-color: #1d57aa;
}
.btnA.red a {
	border-color: #c1272d;
}
.btnA img {
	margin: -10% 0;
	vertical-align: middle;
	width: 25%;
}
.btnA a:hover img {
	opacity: 1.0;
}





.btnB a {
	display: inline-block;
	text-align: center;
	min-width: 200px;
	margin: 5px;
	border: #000 solid 1px;
	padding: 10px;
	padding-right: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	background: #fff;
	overflow: hidden;
	
	position: relative;
}
.btnB a:hover {
	color: #fff;
	background: #000;
}
.btnB a:before {
	content: '';
	width: 0;
	height: 0;
	border: transparent solid 5px;
	border-left-color: #000;
	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3px;
	margin: auto;
}

.btnB.btnB-btm a:before {
	border: transparent solid 5px;
	border-top-color: #000;
}
.btnB a:hover:before {
	border-left-color: #fff;
}
.btnB.btnB-btm a:hover:before {
	border: transparent solid 5px;
	border-top-color: #fff;
}





.btnC a {
	display: block;
	text-align: center;
	padding: 2% 1%;
	text-decoration: none;
	font-weight: bold;
	border: #000 solid 1px;
	overflow: hidden;
}
.btnC a:hover {
	color: #000;
	border-color: #3563E1;
	background-color: #eaeaea;
}



/* ----- bdr */


.bdrRed{ border: #c1272d solid 1px !important;}
.bdrBlue{ border: #1d57aa solid 1px !important;}
.bdrGrn{ border: #77992e solid 1px !important;}
.bdrYlw{ border: #ead911 solid 1px !important;}
.bdrPpl{ border: #483584 solid 1px !important;}


hr.lineA {
	width: 100%;
	height: 0;
	border: 0;
	border-bottom: #aaa solid 1px;
}


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


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

#header {
	width: 100%;
	background: #c1272d;
	
	/* box-shadow */
	box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);
}

#header.movie {
	background: #2045ad;
	
}
#siteHeader img {
	vertical-align: middle;
}

#header #logo a {
	display: block;
	padding-top: 5px;
}

/* =siteHeader
---------------------------------------------------- */
#logo {
}
/* =globalNav 
---------------------------------------------------- */
#globalNav {
	clear: both;
	padding: 0;
	margin: 0;
}

#globalNav h2 {
	display: block;
	position: fixed;
	top: 4px;
	right: 1px;
	padding: 3px 8px;
	border-radius: 5px;
	background: rgba(255,255,255,.9);
	border: #000 solid 1px;
	color: #000;
	z-index: 99999;
	cursor: pointer;
	font-size: 1.0em;
}


#globalNav h2.open:before {
	content: '';
	width: 100vw;
	height: 120vh;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 99998;
}

#menuBox {
	font-weight: bold;
	position: fixed;
	width: 247px; /* total 250 */
	height: 100%;
	top: 0;
	right: -250px;
	margin: auto;
	background: #fff;
	z-index: 99999;
	overflow: auto;
	
	border-left: #c1272d solid 2px;
	box-shadow: -1px 0 0 #fff;
}
#menuBox a {
	color: #000;
	text-decoration: none;
}
#menuBox a:hover {
	color: #c1272d;
}

#mainNav {
	position: relative;
}
#mainNav li {
	margin: 0 ;
}
#mainNav li a {
	display: block;
	line-height: 1.0em;
	padding: 0.5em 10px;
	border-bottom: #e6e6e6 solid 1px;
	position: relative;
	font-size: 1.2em;
	position: relative;
}
#mainNav li a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: transparent solid 8px;
	border-left-color: #c1272d;
	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

#mainNav li.noArw a:before {
	display: none;
}

#mainNav li.close {
	text-align: center;
}

#closeBtn {
	display: inline-block;
	margin: 5px 0;
	padding: 5px 20px;
	background: #ccc;
	border-radius: 5px;
	cursor: pointer;
}
#closeBtn:hover {
	background: #000;
	color: #fff;
}




#menuBox .snsBox {
	margin: 20px 0;
	text-align: center;
	
}



/* =visual
---------------------------------------------------- */
#visual {
}
.slick-slider {
	margin-bottom: 0 !important;
}
.slick-dots li button,
.slick-dots li {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
}
.slick-dots li button:before {
	position: relative !important
}


/* =contents
-------------------------------------------------------------- **/
#main {
	padding-top: 5px;
	padding-bottom: 70px;
}
.contents p {
	margin-bottom: 10px;
}


/* 画像中央寄せトリミング */
.centerPhoto {
	position: relative;
	/*width: 100%;*/
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	
}

.centerPhoto img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/* 4:3 */
.centerPhoto.size43 {
	padding-top: 75%;
}
/* 1:1 */
.centerPhoto.size11 {
	padding-top: 100%;
}
.centerPhoto.size11 img {
	transform: scale(1.5);
}

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


.contents h1 {
	font-size: 2.0em;
	margin-bottom: 10px;
}
.contents h2 {
	font-size: 1.6em;
}
.contents h3 {
	font-size: 1.4em;
}
.contents h4 {
	font-size: 1.1em;
}

.pageTtl {
	position: relative;
}
.pageTtl:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #aaa;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
.pageTtl span {
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	background: #fff;
	z-index: 2;
}


.contTtl {
	line-height: .5em;
}
.contTtl small {
	font-size: .5em;
}


#clm_page h2,
.postBox h2 {
	margin-bottom: 10px;
}
#clm_page h3,
.postBox h3 {
	margin-top: 15px;
	margin-bottom: 10px;
}
#clm_page h4,
.postBox h4 {
	margin-top: 10px;
	margin-bottom: 5px;
}


.iconRed:before,
.iconBlue:before,
.iconGrn:before,
.iconYlw:before,
.iconPpl:before {
	content: '';
	display: inline-block;
	width: .25em;
	height: 1.2em;
	border-radius: 3px;
	vertical-align: bottom;
	margin-right: .2em;
}
.iconRed:before {
	background: #c1272d;
}
.iconBlue:before {
	background: #1d57aa;
}
.iconGrn:before {
	background: #77992e;
}
.iconYlw:before {
	background: #ead911;
}
.iconPpl:before {
	background: #483584;
}

/* =pagination
---------------------------------------------------- */

.pagination {
	text-align: center;
	margin-bottom: 20px;
}
.pagination li {
	display: inline-block;
}
.pagination li .page-numbers {
	display: block;
	margin: .2em;
	padding: .2em .5em;
	border: #aaa solid 1px;
}
.pagination li .page-numbers.current {
	border-color: #c1272d;
}


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


.postBox {
	border: #aaa solid 1px;
	padding: 2%;
	margin-bottom: 5%;
}

.postBox:last-child {
	margin-bottom: 0;
}


.charaBox {
	border-width: 3px;
	background: url(../img/bgTex.png);
	background-size: 100% auto;
}


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

#footer a {
	color: #fff;
}


/* =siteFooter
---------------------------------------------------- */
/* =sns_area
-------------------------------------------------------------- **/
.snsBox {
	text-align: center;
}
.btnSns a {
	display: inline-block;
	padding: 8px 13px;
	border-radius: 5px;
	color: #fff !important;
	background: #ccc;
	box-shadow: 0 3px 0 #aaa;
	text-decoration: none;
	margin-bottom: 10px;
}
.btnSns a:hover {
	opacity: .7;
}
.btnTw a {
	background: #00acee;
	box-shadow: 0 3px 0 #0092ca;
}
.btnFb a {
	background: #3b5998;
	box-shadow: 0 3px 0 #2c4373;
}
.btnLine a {
	background: #00c300;
	box-shadow: 0 3px 0 #2f9427;
}

.postSns {
	margin-top: 20px;
	border-top: #aaa dashed 1px;
	padding-top: 10px;
}


/* =copyright
------------------------------------------ */
#copyright {
	margin-top: 10px;
	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 {
	text-indent: -9999px;
	background: url(../img/pageTop.png?0603) no-repeat;
	display: block;
}

#pageTop a:hover {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	opacity: 0.8;
}



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

/* =contents
---------------------------------------------------- */

.postLabel {
	font-size: .7em;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 5px 5px 0 0 ;
	background: #aaa;
	color: #fff;
}
.posttype-post .postLabel {
	background: #c1272d;
}
.posttype-blog .postLabel {
	background: #1d57aa;
}

.posttype-post .centerPhoto {
	background: #c1272d;
	border: #c1272d solid 1px;
}
.posttype-blog .centerPhoto {
	background: #1d57aa;
}


.posttype-post .centerPhoto img {
	height: 100%;
}

/* --------------
 subpage container
-------------- */

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

#news .contents .postTxt a,
#post .contents .postTxt a,
#blog .contents .postTxt a,
#clm_page a {
	color: #ff2a32;
}
#news .contents .postTxt a:hover,
#post .contents .postTxt a:hover,
#blog .contents .postTxt a:hover,
#clm_page a:hover  {
	text-decoration: underline;
}


/* =page story
---------------------------------------------------- */
#storyNav {
	margin-bottom: 20px;
	padding: 5px;
	border: #ccc solid 1px;
}
#storyNav li {
	display: inline-block;
	margin: 2px;
}

.clmStory {
	position: relative;
}
.clmStory.latest {
	margin-top: 50px;
}

.storyNew {
	text-align: right;
	position: absolute;
	bottom: 100%;
	right: 0;
	
	color: #c1272d;
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;	
}


/* =page chara
---------------------------------------------------- */

#charaChart {
	position: relative;
	max-width: 950px;
	margin: auto;
}
#charaChart br {
	display: none;
}
#charaChart a {
	position: absolute;
	display: block;
	/*background: rgba(255,0,4,0.2);*/
}
#charaChart a:hover {
	background: rgba(255,255,255,.4);
}

#charaChart a#riku {
	width: 23%;
	height: 20.5%;
	
	top: 34%;
	left: 25%;
	border-radius: 40% 40% 0 0;
}
#charaChart a#remu {
	width: 15.5%;
	height: 13%;
	
	top: 10.2%;
	left: 15.6%;
	border-radius: 50%;
}
#charaChart a#pega {
	width: 15.5%;
	height: 13%;
	
	top: 20.5%;
	left: 2%;
	border-radius: 50%;
}
#charaChart a#laiha {
	width: 15.5%;
	height: 13%;
	
	top: 36.4%;
	left: 0.6%;
	border-radius: 50%;
}
#charaChart a#moa {
	width: 15.5%;
	height: 13%;
	
	top: 70.5%;
	left: 24.5%;
	border-radius: 50%;
}
#charaChart a#leito {
	width: 17.3%;
	height: 15.0%;
	
	top: 68.5%;
	left: 56%;
	border-radius: 40% 40% 0 0;
}
#charaChart a#kei {
	width: 18%;
	height: 15.5%;
	
	top: 1.3%;
	left: 55%;
	border-radius: 35% 35% 0 0;
}
#charaChart a#geed {
	width: 24%;
	height: 21%;
	
	top: 33.5%;
	left: 51%;
	border-radius: 40% 40% 0 0;
}
#charaChart a#zero {
	width: 17.3%;
	height: 15.0%;
	
	top: 68.5%;
	left: 79.8%;
	border-radius: 40% 40% 0 0;
}
#charaChart a#belial {
	width: 18%;
	height: 15.5%;
	
	top: 1.3%;
	left: 77.3%;
	border-radius: 35% 35% 0 0;
}
#charaChart a#belialKaiju {
	width: 15.5%;
	height: 13%;
	
	top: 29.2%;
	left: 78.2%;
	border-radius: 50%;
	
}

/* =page chara geed zero belial
---------------------------------------------------- */
.charaNav {
	margin-bottom: 20px;
	text-align: center;
}
.charaNav li {
	display: inline-block;
	width: 45%;
	max-width: 240px;
}


.charaNav li a {
	display: block;
	border-radius: 5px;
	border: #ccc solid 1px;
	padding: 10px;
	padding-bottom: 15px;
	
	position: relative;
}
.charaNav li a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	
	border: transparent solid 5px;
	border-top-color: #aaa;
	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.bdrInset2 { border: #ccc inset 2px;}
.bdrDouble3 { border: #aaa double 3px;}


.subimgs li {
	outline: none;
}
.subimgs li img {
	margin: auto;
	display: inline-block;
	vertical-align: middle;
}


.sub-item .slick-slide {
	padding-top: 10px;
	position: relative;
	cursor: pointer;
}

.sub-item .slick-current:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 0;
	height: 0;
	
	border: transparent solid 8px;
	border-bottom-color: #888;
}


.charaSpec dt {
	clear: both;
	float: left;
	width: 5em;
}
.charaSpec dd {
	margin-left: 5em;
}



/* =page cast
---------------------------------------------------- */
.castInfoList a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 10px;
	font-size: .9em;
	background: #eee;
	border-radius: 5px;
	box-shadow: 0 2px 0 #ccc;
}



/* =page kaiju
---------------------------------------------------- */
/* .listCover
------------------------- */
.listCover {
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.50em; /* 文字間を詰めて隙間を削除する */
}

/* .listItem
------------------------- */
.listCover .listItem {
	margin-top: 20px;
	margin-bottom: 3px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	letter-spacing: normal; /* 文字間を通常に戻す */
	
	line-height: 1.2em;
	
	vertical-align: top;
	
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	
	
}
.listCover .listItem.active {
	background: url(../img/activeArrow.png) no-repeat bottom center;
}

.listCover .listItem img {
	margin-top: 5px;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.8);
}
.listCover .listItem .selfRep {
	display: none;
}

/* .expandField
------------------------- */
.expandField {
	width: 100%;
	text-align: left;
	display: block;
	background: rgba(0,0,0,.05);
	float: left;
	position: relative;
	overflow: hidden;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
.expandField .btnClose {
	top: 5px;
	right: 5px;
	width: 37px;
	height: 37px;
	display: block;
	background: url(../img/btnClose.png?0721) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.expandField .btnPrev {
	top: 45%;
	left: 10px;
	width: 19px;
	height: 37px;
	display: block;
	background: url(../img/btnPrev.png?0721) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.expandField .btnNext {
	top: 45%;
	right: 10px;
	width: 19px;
	height: 37px;
	display: block;
	background: url(../img/btnNext.png?0721) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}

.expandField {
}
.expandField .selfRepInner {
	position: relative;
	background-repeat: no-repeat;
}


.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(0,0,0,.1);
}

.expandField .selfRepInner .secRight h2 {
	padding: 10px;
	line-height: 1.2;
}
.expandField .selfRepInner .secRight h2 b {
	padding: 10px 13px;
	background: #000;
	display: block;
}
.expandField .selfRepInner .secRight h2 br {
	display: none;
}

.boxCF p {
	margin-bottom: 15px;
	font-size: 90%;
}
.cf_bnr {
	/* text-align: right; */
}
.cf_bnr a {
	border: 1px solid #eee;
	background: #000;
	background: rgba(0,0,0,0.5);
	display: block;
	text-decoration: none;
	text-align: center;
}
.cf_bnr img {
	vertical-align: middle;
}
.cf_bnr b {
	display: inline-block;
	overflow: hidden !important;
	width: 100px;
	height: 70px;
	vertical-align: middle;
}
.cf_bnr b img {
	vertical-align: top;
}




/* --------------
 movie
-------------- */

body.movie a:hover {
	color: #3563E1;
}

body.movie .btnB a:hover {
	color: #fff;
}


body.movie #menuBox,
body.movie #mainNav li a:before {
	border-left-color: #2045ad;
}

#openNav {
	margin-top: 10px;
	padding: 5px 0;
	text-align: center;
	background: #fff;
}

#openMenu li {
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
	position: relative;
}
#openMenu li:before,
#openMenu li:last-child:after {
	content: '';
	display: block;
	width: 1px;
	height: 50%;
	background: #888;
	
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2%;
	margin: auto;
	
	transform: rotate(10deg);
}
#openMenu li:last-child:after {
	left: auto;
	right: -2%;
}
#openMenu li a {
	display: block;
	padding: .2em .5em;
}



body.movie .posttype-post .centerPhoto {
	background: #2045ad;
	border-color: #2045ad;
}


#event .eventList li {
	margin-left: 1% !important;
	margin-right: 1% !important;
	clear: none !important;
}


.label {
	display: inline-block;
	padding: .2em .5em;
	margin-right: .5em;
	border-radius: 3px;
	background: #aaa;
	color: #fff;
}
.label.label-cheering {
	background: #FB6500;
}
.label.label-greeting {
	background: #2045ad;
}

.clGreeting {
/*	color: #ffdd00;
	text-shadow: 
		1px 0 0 #fff,
		0 1px 0 #fff,
		-1px 0 0 #fff,
		0 -1px 0 #fff,
		1px 1px 0 #fff,
		-1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px -1px 0 #fff;*/
	color: #ff64f2;
}


#clm_page a.label {
	color: #fff;
	box-shadow: 0 -3px 0 rgba(0,0,0,.2) inset;
	cursor: pointer;
}
#clm_page a.label:hover {
	color: #fff !important;
	text-decoration: none;
	opacity: .7;
}




#theater .toggle {
	position: relative;
	margin: 0;
	margin-top: .3em;
	background: #eaeaea;
	padding: .3em .5em;
	cursor: pointer;
}

#theater .toggle:before,
#theater .toggle:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	
	width: .8em;
	height: .15em;
	background: #aaa;
	transition: all .3s 0s ease;
}

#theater .toggle:after {
	transform: rotate(90deg);
}
#theater .toggle.open:after {
	transform: rotate(0deg);
}



#theater .areaBox {
	padding: 1%;
	border: #eaeaea solid 2px;
}

#theater .areaBox h3 {
	margin-top: 0;
}

#theater .theaterListBox {
	margin-bottom: .5em;
}
#theater .theaterListBox h4 {
	background: #ddd;
}
#theater h4.toggle.end {
	background: #aaa
}

#theater .theaterListBox .toggleBox {
	padding: 1%;
	border: #ddd solid 2px;
}
#theater .theaterListBox .toggleBox .postLinkList a,
.eventTheaterList a {
	position: relative;
	display: block;
	margin-bottom: .3em;
	padding: .3em;
	border: #555 solid 1px;
	text-align: center;
	color: #333;
}

#theater .theaterListBox .toggleBox .postLinkList a:hover,
.eventTheaterList a:hover {
	text-decoration: none;
	background: #ddd;
}
#theater .theaterListBox .toggleBox .postLinkList a:before,
.eventTheaterList a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 0;
	height: 0;
	border: transparent solid 4px;
	border-right-color: #333;
	border-bottom-color: #333;
}



.theaterInfo dt {
	font-weight: bold;
}
.theaterInfo dd {
	margin-bottom: .2em;
}


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

.greetingBox.bg-geed-p {
	background-image: url(../greeting/geed-p.png?0308);
}
.greetingBox.bg-geed-sb {
	background-image: url(../greeting/geed-sb.png?0308);
}
.greetingBox.bg-geed-as {
	background-image: url(../greeting/geed-as.png?0308);
}
.greetingBox.bg-geed-mg {
	background-image: url(../greeting/geed-mg.png?0308);
}
.greetingBox.bg-geed-rm {
	background-image: url(../greeting/geed-rm.png?0308);
}
.greetingBox.bg-geed-uf {
	background-image: url(../greeting/geed-uf.png?0308);
}

.greetingBox.bg-zero {
	background-image: url(../greeting/zero.png?0308);
}
.greetingBox.bg-zero-b {
	background-image: url(../greeting/zero-b.png?0308);
}


.greetingBox .movieBefore {
	color: #EF393C;
}
.greetingBox .movieAfter {
	color: #3B66DB;
}


.greetingBox .heroname {
	margin-top: .5em;
	padding-left: .5em;
	text-indent: -.5em;
	line-height: 1.2em;
}

.printOnly {
	display: none;
}

@media print{
	
.printOnly {
	display: block;
}
	#globalNav,
	#openNav,
	#pageTop {
		display: none;

	}
	
	.nextPage {
		page-break-after: always;
	}
	
	.printNone {
		display: none;
	}
	
	.contents {
		padding: 20px !important;
	}
	
	.charaBox,
	.castBox {
		page-break-inside: avoid;
	}
	.charaBox h1 img {
		width: auto !important;
		height: 120px;
	}
	
}