@charset "UTF-8";

/* ------------------------
 for Wordpress styles
------------------------ */

/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
h1 {font-size: 30px;}
h2 {font-size: 21px;}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.2;
}

.ifsp {display: none;}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc { margin-left: auto; margin-right: auto;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd58 {width: 58% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}

/* ---------- margin,padding */
.ml40 {	margin-left: 40px !important;}
.ml50 {	margin-left: 50px !important;}

.mt40 {	margin-top: 40px !important;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ----- base width */
.in {
	max-width: 1000px;
	margin: 0 auto;
}


@media screen and (max-width: 1000px) { /*以下の時*/
.in {
	padding: 0 .5%;
}
}

/* ----- table */

/* ----- text */
.textL {
	width: 200px;
	padding: 5px 0 3px;
	font-size: 130%;
	/* gekijyo */
	position: absolute;
	left: 0;
	top: 180px;
}
/* gekijyo */
.textR {
	position: absolute;
	left: 0;
	top: 140px;
}



.btnC:not(.active) a {
	opacity: .3;
}

.btnC a:hover {
	opacity: 1;
}
/* --------------
 common
-------------- */

body {
	/*min-width: 768px;*/
}


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

/* =header
-------------------------------------------------------------- **/
/*#headWrap {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 110px;
}

#header {
	position: absolute;
	left: 50%;
	top: 0;
}
#inHead {
	position: relative;
	height: 100px;
	left: -50%;
}
*/
#headWrap {
	width: 100%;
}

#inHead {
	height: 100px;
	/*border-radius: 0 0 20px 20px;*/
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
}

#siteHeader .geedInfo {
	width: calc(75% - 60px);
	max-width: 724px;
	padding-top: 10px;
}

/* =globalNav
---------------------------------------------------- */
#globalNav {
}
#globalNav li {	
}
#globalNav li:last-child {
}
#globalNav a {
}

/* =visual
---------------------------------------------------- */
#visual {
	margin: auto;
	margin-bottom: 30px;
	max-width: 1500px;
}
.slideBox {
	margin: auto;
}
#visual ul {
}

.slick-dots {
	bottom: -30px !important;
}
/* =contents
-------------------------------------------------------------- **/

#main {
	position: relative;
	min-height: 450px;
}
.contents {
	padding-top: 50px;
	padding-bottom: 50px;
}

.clm2 > .fll {
	width: 49.5%;
	margin-right: 1% !important;
}
.clm2 > .fll:nth-child(2n) {
	margin-right: 0 !important;
}

.clm3 > .fll {
	width: 32%;
	margin-right: 1.9% !important;
}
.clm3 > .fll:nth-child(3n) {
	margin-right: 0 !important;
}

.clm4 > .fll {
	width: 24%;
	margin-right: 1.33% !important;
}
.clm4 > .fll:nth-child(4n) {
	margin-right: 0 !important;
}

.clm5 > .fll {
	width: 19.5%;
	margin-right: 0.625% !important;
}
.clm5 > .fll:nth-child(5n) {
	margin-right: 0 !important;
}

.clm6 > .fll {
	width: 16%;
	margin-right: 0.8% !important;
}
.clm6 > .fll:nth-child(6n) {
	margin-right: 0 !important;
}

.clm2 > .fll:nth-child(2n+1),
.clm3 > .fll:nth-child(3n+1),
.clm4 > .fll:nth-child(4n+1),
.clm5 > .fll:nth-child(5n+1),
.clm6 > .fll:nth-child(6n+1) {
	clear: both;
}

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


/* =list
---------------------------------------------------- */

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

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

/* =footList
------------------------------------------ */

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



/* =copyright
------------------------------------------ */

/* =pageTop
---------------------------------------------------- */
#pageTop {
	bottom: 50px;
}
@media screen and (max-width: 1100px) { /*以下の時*/
#pageTop {
	right: 10px;
}
}
@media screen and (min-width: 1101px) { /*以上の時*/
#pageTop {
	right: 60px;
}
}

#pageTop a {
	width: 50px;
	height: 50px;
}

/* =pagePortal
---------------------------------------------------- */
#pagePortal {
	display: block;
	position: fixed;
	z-index: 1000;
	bottom: 120px;
	right: 0;
}
#pagePortal a {
	display: block;
	background: #342357;
	color: #fff;
	padding: 10px;
	border-radius: 10px 0 0 10px;
	text-decoration: none;
	font-size: 0.8em;
	text-align: right;
}

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

/* --------------
 home container
-------------- */
/* =visual
---------------------------------------------------- */

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



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


/* =page chara geed zero belial
---------------------------------------------------- */
/* =page kaiju
---------------------------------------------------- */
/* .listItem
------------------------- */
.listCover {
}
.listCover .listItem {
/*	margin-left: 10px;
	margin-right: 10px;*/
}
.listCover .listItem img {
	width: 120px;
}

/* .expandField
------------------------- */
.expandField {
	/*min-height: 550px;*/
}
.expandField .selfRepInner {
	/*height: 450px;*//* 550px */
	padding: 50px;
}
.expandField .selfRepInner .secLeft {
	float: left;
	width: 49%;
	/*margin-top: 50px;*/
}

.expandField .selfRepInner .secLeft i {
	top: 40px;
	left: 105px;
}

.expandField .selfRepInner .secRight {
	float: right;
	width: 50%;
	min-height: 300px;
}

.expandField .selfRepInner .secRight h2 {
	padding: 20px;
	padding-bottom: 0;
}
.boxCF {
	padding: 10px 20px;
}
.boxCF .cf_bnr a {
	height: 60px;
	padding-right: 5px;
}
.boxCF .cf_bnr img {
	vertical-align: top;
}
.boxCF .cf_bnr b {
	width: 70px;
	height: 60px;
}
.boxCF .cf_bnr b img {
	width: 70px;
}
.boxCF .cf_bnr {
	margin: 0 20px;
}




.eventList.clm3 li {
	width: 31%;
}