@charset "UTF-8";


/* index */
#index {
	width:100%;
	height:100%;
	background-color:#000;
}

#top {
	width:100%;
	height:33.4%;
	display:flex;
}

.top_menu_button {
	width:33.3%;
	height:100%;
	background:url(../images/open.svg) 16px 16px no-repeat, #000;
	background-size:16px 16px;
}

.top_logo {
	width:100%;
	height:100%;
	position:relative;
}

.top_logo img {
	width:calc(100% - 48px);
	height:50%;
	margin:auto;
	text-align:center;
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
}


/* bxslider */
.bxsliders,
.bxsliderp {
	width:66.7%;
	height:100%;
	overflow:hidden;
}

.bxsliderp {display:none;}

@media screen and (min-width:1024px) {
	.bxsliders {display:none;}
	.bxsliderp {display:block;}
}

.bx-wrapper {
	width:100%;
	height:100%;
	padding:0;
	position:relative;
	overflow:hidden;
	*zoom:1;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
}

.bx-wrapper img {max-width:100%;}

.bx-viewport {
	height:100% !important;
	/* fix other elements on the page moving (in Chrome) */
	-webkit-transform:translateZ(0);
}

.bxslider {
	margin:0;
	padding:0;
}

ul.bxslider {list-style:none;}

.bxslider,
.bxslider li,
.bxslider li a,
.bxslider li img {height:100% !important;}

.bxslider li.bx_aika img {opacity:0;}

#bottom {
	width:100%;
	height:66.6%;
	color:#FFF;
}

#bottom ul {
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
}

#bottom ul li {
	width:33.3%;
	height:50%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

#bottom ul li:nth-of-type(3),
#bottom ul li:nth-of-type(6) {width:33.4%;}

#bottom ul li:nth-of-type(1) {background-image:url(../images/index/bottom_bg_01.jpg);}
#bottom ul li:nth-of-type(2) {background-image:url(../images/index/bottom_bg_02.jpg);}
#bottom ul li:nth-of-type(3) {background-image:url(../images/index/bottom_bg_03.jpg);}
#bottom ul li:nth-of-type(4) {background-image:url(../images/index/bottom_bg_04.jpg);}
#bottom ul li:nth-of-type(5) {background-image:url(../images/index/bottom_bg_05.jpg);}
#bottom ul li:nth-of-type(6) {background-image:url(../images/index/bottom_bg_06.jpg);}

#bottom ul li a {
	width:100%;
	height:100%;
	color:#FFF;
	background-color:rgba(0,0,0,0.8);
}

#bottom ul li a span {
	width:100%;
	height:100%;
	padding:16px;
	display:block;
	background:url(../images/index/arrow.svg) right bottom no-repeat;
	background-size:9px 9px;
	box-sizing:border-box;
}

#bottom ul li a span span {display:none;}

#bottom ul li a span img {
	width:auto;
	height:9px;
}

#bottom ul li a span img.access_address,
#bottom ul li a span img.access_detail {
	width:100%;
	height:auto;
	margin-top:16px;
}

@media screen and (min-width:768px) {
	.top_menu_button {
		background:url(../images/open.svg) 32px 32px no-repeat, #000;
		background-size:16px 16px;
	}

	.top_logo img {width:calc(100% - 112px);}

	#bottom ul li a span {
		padding:32px;
		background-size:12px 12px;
	}

	#bottom ul li a span span {
		width:100%;
		height:auto;
		margin-top:24px;
		padding:0;
		display:block;
		background:none;
	}

	#bottom ul li a span span:nth-of-type(2) {margin-top:16px;}

	#bottom ul li a span img {height:12px;}

	#bottom ul li a span img.access_address,
	#bottom ul li a span img.access_detail {display:none;}
}

@media screen and (min-width:1024px) {
	.top_menu_button {
		background:url(../images/open.svg) 40px 40px no-repeat, #000;
		background-size:20px 20px;
	}

	.top_logo img {
		width:220px;
		height:53px;
	}

	#bottom ul li a:hover {
		opacity:1;
		background-color:rgba(0,0,0,0);
	}

	#bottom ul li a span {
		padding:40px;
		background-size:14px 14px;
	}

	#bottom ul li a span span {margin-top:24px;}
	#bottom ul li a span span:nth-of-type(2) {margin-top:16px;}

	#bottom ul li a span img {height:14px;}

	#bottom ul li a span img.access_address,
	#bottom ul li a span img.access_detail {
		width:37%;
		margin-top:32px;
	}
}


/* cast */
.cast_list {padding:0 8px;}

#tab_contents .cast_list {display:none;}
#tab_contents .cast_list:first-of-type {display:block;}

.cast_list ul {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

.cast_list ul li {
	width:33.33333%;
	width:calc(100% / 3);
	margin-top:8px;
	padding:0 8px;
	box-sizing:border-box;
}

.cast_list ul li:nth-of-type(-n+3) {margin-top:0;}

.cast_list ul li a span {display:block;}

.cast_list ul li a span:nth-of-type(2) {margin-top:2px;}

@media screen and (min-width:768px) {
	.cast_list {padding:0 24px;}

	.cast_list ul li {
		width:25%;
		width:calc(100% / 4);
		margin-top:16px;
		padding:0 8px;
	}

	.cast_list ul li:nth-of-type(-n+4) {margin-top:0;}
}

@media screen and (min-width:1024px) {
	.cast_list {padding:0 28px;}

	.cast_list ul li {
		width:16.66666%;
		width:calc(100% / 6);
		margin-top:24px;
		padding:0 12px;
	}

	.cast_list ul li a span:nth-of-type(2) {margin-top:4px;}

	.cast_list ul li:nth-of-type(-n+6) {margin-top:0;}
}


/* schedule */
.schedule_tab {
	margin-bottom:24px;
	padding:0 16px;
}

.schedule_tab ul {
	width:100%;
	padding:0 16px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background:url("../images/button_left_bg.svg") left top / 16px 40px repeat-y, url("../images/button_right_bg.svg") right top / 16px 40px repeat-y;
	box-sizing:border-box;
}

.schedule_tab li {
	width:33.33333%;
	width:calc(100% / 3);
	text-align:center;
}

.schedule_tab li:first-of-type {width:100%;}

.schedule_tab li span {
	height:40px;
	line-height:40px;
	display:block;
}

.schedule_tab ul li span a {
	border:1px solid #A27D18;
	border-right:0;
	background-color:#DDD;
}

.schedule_tab li:nth-of-type(1) span a,
.schedule_tab li:nth-of-type(4) span a,
.schedule_tab li:nth-of-type(7) span a {border-right:1px solid #A27D18;}

#tab ul li span a.active {
	color:#FFF;
	background-color:#006DCC;
}

@media screen and (min-width:768px) {
	.schedule_tab {
		margin-bottom:32px;
		padding:0 24px;
	}

	.schedule_tab ul {background:url("../images/button_left_bg.svg") left top / 16px 48px repeat-y, url("../images/button_right_bg.svg") right top / 16px 48px repeat-y;}

	.schedule_tab li span {
		height:48px;
		line-height:48px;
	}
}

@media screen and (min-width:1024px) {
	.schedule_tab {
		margin-bottom:40px;
		padding:0 40px;
	}

	.schedule_tab li {
		width:14.28571% !important;
		width:calc(100% / 7);
	}

	.schedule_tab li:nth-of-type(1) span a,
	.schedule_tab li:nth-of-type(4) span a {border-right:0;}
}


/* profile */
.profile_image {
	width:100%;
	padding:0 16px;
	box-sizing:border-box;
}

.profile_image ul {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.profile_detail {
	margin-top:24px;
	text-align:center;
}

.profile_detail p:nth-of-type(3) {
	width:calc(100% - 96px);
	margin:24px auto 0;
	padding:0 16px;
	display:block;
	background:url("../images/button_left_bg.svg") left center no-repeat, url("../images/button_right_bg.svg") right center no-repeat;
	box-sizing:border-box;
}

.profile_detail p:nth-of-type(3) a {
	height:40px;
	color:#FFF;
	line-height:40px;
	border:1px solid #A27D18;
	background-color:#006DCC;
}

@media screen and (min-width:768px) {
	.profile_image {padding:0;}

	.profile_detail {margin-top:32px;}

	.profile_detail p:nth-of-type(3) {
		width:398px;
		margin:32px auto 0;
		padding:0 19px;
		display:block;
		background:url("../images/button_left_bg.svg") left center no-repeat, url("../images/button_right_bg.svg") right center no-repeat;
		box-sizing:border-box;
	}

	.profile_detail p:nth-of-type(3) a {
		height:48px;
		line-height:48px;
	}
}

@media screen and (min-width:1024px) {
	.profile_detail {margin-top:40px;}

	.profile_detail p:nth-of-type(3) {margin:40px auto 0;}
}


/* gallery */
.gallery_list {padding:0 16px;}

.gallery_list ul {width:100%;}

.gallery_list ul li {
	width:100%;
	margin-top:8px;
	box-sizing:border-box;
}

.gallery_list ul li:nth-of-type(1) {margin-top:0;}

@media screen and (min-width:768px) {
	.gallery_list {padding:0 24px;}

	.gallery_list ul {
		display:flex;
		flex-wrap:wrap;
	}

	.gallery_list ul li {
		width:25%;
		width:calc(100% / 4);
		margin-top:16px;
		padding:0 8px;
	}

	.gallery_list ul li:nth-of-type(-n+4) {margin-top:0;}
}

@media screen and (min-width:1024px) {
	.gallery_list {padding:0 28px;}

	.gallery_list ul li {
		width:16.66666%;
		width:calc(100% / 6);
		margin-top:24px;
		padding:0 12px;
	}

	.gallery_list ul li:nth-of-type(-n+6) {margin-top:0;}
}


/* system */
.system_section {margin-top:80px;}

.system_section:nth-of-type(1) {margin-top:0;}

.system_title {
	margin-bottom:24px;
	text-align:center;
}

.system_title span {
	margin-top:4px;
	display:block;
}

.system_title span:nth-of-type(1) {margin-top:0;}

.system_title img {
	width:auto;
	height:16px;
	display:inline;
}

.system_list {
	width:100%;
	padding:0 16px;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
}

.system_sub_section {
	width:33.33333%;
	width:calc(100% / 3);
	padding:0 16px;
	box-sizing:border-box;
}

.system_sub_title {margin-bottom:16px;}

.attention {
	padding:0 16px;
	color:#E50000;
}

@media screen and (min-width:768px) {
	.system_section {margin-top:64px;}

	.system_title {margin-bottom:40px;}

	.system_title span {margin-top:16px;}

	.system_title img {height:24px;}

	.system_list {padding:0 64px;}

	.system_sub_section {padding:0 40px;}

	.attention {text-align:center;}
}

@media screen and (min-width:1024px) {
	.system_section {margin-top:80px;}

	.system_title {margin-bottom:48px;}

	.system_list {
		width:1024px;
		margin:0 auto;
		padding:0;
	}

	.system_sub_section {padding:0 80px;}

.system_sub_title {margin-bottom:16px;}
}


/* event */
.event_list {padding:0 16px;}

.event_list ul {width:100%;}

.event_list ul li {
	width:100%;
	margin-top:8px;
	padding-top:8px;
	border-top:1px solid #DDD;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
}

.event_list ul li:nth-of-type(1) {
	width:100%;
	border-top:0;
}

.next_event {
	width:100% !important;
	display:block !important;
}

.event_image {width:50%;}

.next_event_image {
	width:100%;
	text-align:center;
}

.next_event_image img:last-of-type {display:none;}

.event_detail {
	width:50%;
	padding-left:16px;
	box-sizing:border-box;
}

.event_detail p:nth-of-type(1) {color:#E50000;}
.event_detail p:nth-of-type(2) {margin-top:4px;}

.next_event_detail {
	margin-top:8px;
	text-align:center;
}

.next_event_detail p:nth-of-type(1) {color:#E50000;}
.next_event_detail p:nth-of-type(2) {margin-top:4px;}

@media screen and (min-width:768px) {
	.event_list {padding:0 24px;}

	.event_list ul {
		display:flex;
		flex-wrap:wrap;
	}

	.event_list ul li {
		width:33.33333%;
		width:calc(100% / 3);
		margin-top:16px;
		padding:0 8px;
		border-top:0;
		display:block;
	}

	.event_list ul li:nth-of-type(1) {
		width:33.33333%;
		padding:0 8px;
	}

	.next_event {width:100% !important;}

	.event_image {width:100%;}

	.next_event_image img:first-of-type {display:none;}
	.next_event_image img:last-of-type {display:block;}

	.event_detail {
		width:100%;
		margin-top:8px;
		padding-left:0;
	}

	.next_event_detail {margin-top:16px;}
}

@media screen and (min-width:1024px) {
	.event_list {padding:0 28px;}

	.event_list ul {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}

	.event_list ul li {
		width:20%;
		width:calc(100% / 5);
		margin-top:24px;
		padding:0 12px;
	}

	.event_list ul li:nth-of-type(1) {
		width:20%;
		padding:0 12px;
	}

	.next_event_image,
	.next_event_detail {width:1024px;}

	.next_event_image {margin:0 auto;}

	.next_event_detail {margin:16px auto 0;}
}