@charset "utf-8";
/*
 * ==========================================================================
 *
 * [home]
 *
 * ==========================================================================
 */
/**
 * ---------------------------------------------------
 * mainVisualWrapper
 * ---------------------------------------------------
 */
#mainVisualWrapper {
	height: 0;
	/* padding-top: 51.648%; */
	background: url(../../images/content/home/main_visual.jpg) no-repeat center top;
	-webkit-background-size: cover;
	        background-size: cover;
	position: relative;
}
	#mainVisualWrapper .copy {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		text-align: center;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
		#mainVisualWrapper .copy img {
			width: auto;
			height: 100%;
		}
body.mvVideo #mainVisualWrapper {
	background: transparent;
	z-index: 2;
}
/* body.mvVideo #mainVisualWrapper::after {
	font-size: 1.2rem;
	content: 'SCROLL';
	position: absolute;
	bottom: 1%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #FFFFFF;
	background: url(../../images/content/content/ico_arr01.svg) no-repeat center bottom / 30px auto;
	padding-bottom: 30px;
} */
	#mainVisualWrapper .mvScroll {
		font-size: 0.9rem;
		content: 'SCROLL';
		position: absolute;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		color: #FFFFFF;
		background: url(../../images/content/home/bg_scroll.svg) no-repeat center bottom / 22px auto;
		padding-bottom: 16px;
		text-decoration: none;
	}
/**
 * ---------------------------------------------------
 * container
 * ---------------------------------------------------
 */
#container {
	padding-bottom: 80px;
}
/**
 * ---------------------------------------------------
 * newsVox
 * ---------------------------------------------------
 */
#newsVox {
	padding: 20px 0;
	background: #ebe4d0;
}
	#newsVox .inner {
		width: 1100px;
		margin: 0 auto;
		overflow: hidden;
	}
		#newsVox .news header {
			color: #A78C24;
			text-align: center;
			overflow: hidden;
		}
		#newsVox .news .more {
			display: block;
			width: 50px;
			margin: 0 auto;
		}
			#newsVox .news .more a {
				display: block;
				color: #A78C24;
				font-size: 1.2rem;
				text-align: center;
				text-decoration: none;
				border: 1px solid #A78C24;
				transition: .2s;
			}
			#newsVox .news .more a:hover {
				color: #fff;
				background: #A78C24;
			}
		#newsVox .news .cInner { margin-left: 110px; }
	#newsVox #topicsVox {
		overflow: hidden;
	}
		#newsVox #topicsVox header {
			width: 110px;
			float: left;
			padding-top: 30px;
		}
		#newsVox #topicsVox .title { margin-bottom: 15px; }
		#newsVox #topicsVox .entry {
			width: 144px;
			float: left;
			margin-right: 25px;
			position: relative;
		}
		#newsVox #topicsVox .entry:nth-of-type(6n) { margin-right: 0; }
			#newsVox #topicsVox .entry a {
				display: block;
				color: #000;
				text-decoration: none;
			}
			#newsVox #topicsVox .entry figure {
				margin-bottom: 5px;
				border: 1px solid #A78C24;
				height: 0;
				padding-top: 51.5625%;
				position: relative;
				overflow: hidden;
				object-fit: cover;
			}
				#newsVox #topicsVox .entry figure img {
					position: absolute;
					left: 50%;
					top: 50%;
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					/* max-height: 100%; */
					max-width: none;
					width: 100%;
				}
				/* #newsVox #topicsVox .entry figure img.fullW {
					height: 100%;
					width: auto;
				}
				#newsVox #topicsVox .entry figure img.fullH {
					width: 100%;
					height: auto;
				} */
			#newsVox #topicsVox .entry .title {
				font-size: 1.4rem;
				line-height: 1.3;
			}
			#newsVox #topicsVox .entry .category {
				display: block;
				color: #fff;
				font-size: 1.0rem;
				line-height: 18px;
				width: 100%;
				height: 18px;
				padding-left: 5px;
				background: #A78C24;
				position: static;
			}
			#newsVox #topicsVox .entry .category.special { background: #d02f2f; }
			#newsVox #topicsVox .entry time {
				display: block;
				color: #fff;
				font-size: 1.0rem;
				line-height: 1.3;
				text-align: center;
				width: 60px;
				height: 18px;
				background: #A78C24;
				position: absolute;
				top: 1px;
				right: 1px;
			}
	#newsVox #infoRight {
		font-size: 1.4rem;
		overflow: hidden;
	}
		#newsVox #infoRight ul {
			font-size: 1.4rem;
			line-height: 1.3;
			padding: 0;
			margin: 0 0 0 20px;
		}
		#newsVox #noticeVox,
		#newsVox #otherVox {
			display: table;
			border-collapse: separate;
			border-spacing: 0 10px;
			border-top: 1px solid #A78C24;
			border-bottom: 1px solid #A78C24;
		}
		#newsVox #noticeVox {
			width: 370px;
			float: left;
		}
		#newsVox #otherVox {
			width: 700px;
			float: right;
		}
			#newsVox #noticeVox header,
			#newsVox #otherVox header {
				display: table-cell;
				font-size: 1.2rem;
				vertical-align: middle;
				border-right: 1px solid #A78C24;
			}
			#newsVox #noticeVox header { width: 110px; }
			#newsVox #otherVox header { width: 140px; }
				#newsVox #otherVox .title { margin-bottom: 10px; }
			#newsVox #noticeVox .cInner,
			#newsVox #otherVox .cInner {
				display: table-cell;
				vertical-align: middle;
				padding: 0 20px;
			}
/**
 * ---------------------------------------------------
 * descriptionVox
 * ---------------------------------------------------
 */
.descriptionVox {
	text-align: center;
	padding: 100px;
}
/**
 * ---------------------------------------------------
 * naviVox
 * ---------------------------------------------------
 */
.naviVox {
	padding-top: 3.5em;
	margin-bottom: 170px;
}
	.naviVox .inner {
		padding-top: 44.890%;
		position: relative;
	}
	.naviVox .inner::before {
		display: block;
		content: "";
		width: 100%;
		padding-top: 44.890%;
		background-repeat: no-repeat;
		background-position: 10% center;
		-webkit-background-size: cover;
		        background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.naviVox#guide .inner::before {
		padding-top: 58.394%;
		background-image: url(../../images/content/home/guide_bg.jpg);
	}
	.naviVox#learn .inner::before { background-image: url(../../images/content/home/learn_bg.jpg); }
	.naviVox#event .inner::before { background-image: url(../../images/content/home/event_bg.jpg); }
		.naviVox .contVox {
			padding-top: 30px;
			position: relative;
			z-index: 2;
		}
			.naviVox .contVox .cInner {
				padding-left: 8.5%;
				padding-right: 37%;
			}
		.naviVox header {
			white-space: nowrap;
			position: absolute !important;
			top: -3.5em !important;
			left: 50% !important;
			z-index: 3;
		}
			.naviVox header .en { padding-top: 3px; }
		.naviVox .btnStyle02 { margin: 30px 0 0 0; }
			.naviVox .btnStyle02 a { min-width: 150px; }
		.naviVox:nth-of-type(even) .contVox .cInner {
			/* width: 650px;
			margin: 0 0 0 auto; */
			padding-left: 36.5%;
			padding-right: 8.5%;
		}
/**
 * ---------------------------------------------------
 * access
 * ---------------------------------------------------
 */
.sectionVox { margin-bottom: 50px; }
	.sectionVox header {
		text-align: center;
		margin-bottom: 50px;
	}
		.sectionVox header .title {
			font-size: 3.8rem;
			line-height: 1.3;
		}
		.sectionVox header .en { font-size: 1.5rem; }
.sectionVox#access { margin-bottom: 190px; }
	.sectionVox#access .contVox {
		width: 900px;
		margin: 0 auto;
		overflow: hidden;
	}
	.sectionVox#access .headStyle04 {
		text-align: center;
		width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
	.sectionVox#access .accessVox {
		font-size: 1.8rem;
		width: 50%;
		float: left;
		margin-bottom: 50px;
	}
	.sectionVox#access .btnStyle02 { margin-bottom: 80px; }
		.sectionVox#access .btnStyle02 a { width: 350px; }
	#accessMap {}
		#accessMap iframe {
			width: 100%;
			height: 450px;
			border: none;
		}
.sectionVox#information {}
	.sectionVox#information .message { font-size: 1.4rem; }
	.sectionVox#information .inner {
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
	}
	.sectionVox#information .contVox#info01 {
		width: 600px;
		float: left;
		margin-bottom: 50px;
	}
	.sectionVox#information .contVox#info02 {
		width: 360px;
		float: right;
		margin-bottom: 50px;
	}
	.sectionVox#information .contVox#info03 {
		clear: left;
		width: 440px;
		float: left;
		margin-right: 40px;
		margin-bottom: 5px;
	}
	.sectionVox#information .contVox#info04 {
		width: 240px;
		float: left;
	}
	.sectionVox#information .contVox#info05 {
		width: 240px;
		float: right;
	}
		.sectionVox#information .contVox#info03 .headStyle04,
		.sectionVox#information .contVox#info04 .headStyle04,
		.sectionVox#information .contVox#info05 .headStyle04 { margin-bottom: 10px; }
		.sectionVox#information .contVox#info03 .tableStyle01 tbody td,
		.sectionVox#information .contVox#info04 .tableStyle01 tbody td,
		.sectionVox#information .contVox#info05 .tableStyle01 tbody td { width: 85px; }
	.sectionVox#information .contVox#info06 {
		width: 690px;
		float: left;
		overflow: hidden;
	}
		.sectionVox#information .contVox#info06 .txt {
			/* width: 300px;
			float: left; */
			margin-bottom: 20px;
		}
		.sectionVox#information .contVox#info06 .icCard {
			text-align: center;
			/* width: 420px;
			float: right; */
			margin-bottom: 20px;
			border: 1px solid #A78C24;
			font-size: 1.5rem;
		}
			.sectionVox#information .contVox#info06 .icCard dt {
				line-height: 1.5;
				padding: 5px 0;
				background: #bbb;
			}
			.sectionVox#information .contVox#info06 .icCard dd {
				padding: 10px;
				margin: 0;
				text-align: left;
			}
		.sectionVox#information .contVox#info06 .paymentList {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.sectionVox#information .contVox#info06 .paymentList li {
				display: inline-block;
			}
			.sectionVox#information .contVox#info06 .paymentList li:not(:last-child) {
				margin-right: .5em;
			}
			.sectionVox#information .contVox#info06 .paymentList li:not(:last-child):after {
				content: ', ';
			}
	.sectionVox#information .contVox#info07 {
		width: 270px;
		float: right;
	}
		.sectionVox#information .contVox#info07 .btnStyle02 { margin: 10px 0 0 0; }
	.sectionVox#information .btnStyle02.info {
		width: 310px;
		margin-top: 30px;
	}
.videoContainer {
	text-align: center;
	width: 100%;
	position: absolute;
  top: 0;
  left: 0;
	overflow: hidden;
	display: none;
}
.videoContainer video {
	/*min-width: 100%;
	min-height: 100%;*/
	width: 100%;
}
.videoContainer .bgVideo { position: absolute; }
body.mvVideo .videoContainer {
	display: block;
}
/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {

}	/* END @media larger than 768 */
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * mainVisualWrapper
	 * ---------------------------------------------------
	 */
	#mainVisualWrapper {}
	/**
	 * ---------------------------------------------------
	 * container
	 * ---------------------------------------------------
	 */
	#container {
		padding-bottom: 60px;
	}
	/**
	 * ---------------------------------------------------
	 * newsVox
	 * ---------------------------------------------------
	 */
	#newsVox {}
		#newsVox .inner {
			width: 100%;
		}
			#newsVox .news header {}
			#newsVox .news .more {
				width: 4em;
			}
				#newsVox .news .more a {
					transition: none;
				}
				#newsVox .news .more a:hover {
					color: #A78C24;
					background: transparent;
				}
			#newsVox .news .cInner { margin-left: 0; }
		#newsVox #topicsVox {
			padding-bottom: 20px;
		}
			#newsVox #topicsVox header {
				width: auto;
				float: none;
				padding-top: 0;
				margin-bottom: 15px;
			}
			#newsVox #topicsVox .title {
				margin-bottom: 10px;
				font-size: 1.5rem;
			}
			#newsVox #topicsVox .entries {
				visibility: hidden;
				width: 90%;
				margin: 0 auto;
			}
			#newsVox #topicsVox .entries.slick-initialized {
				visibility: visible;
			}
			#newsVox #topicsVox .entry {
				margin-right: 10px;
			}
			#newsVox #topicsVox .entry:nth-of-type(6n) { margin-right: 10px; }
				#newsVox #topicsVox .entry figure {}
				#newsVox #topicsVox .entry .title {
					font-size: 1.2rem;
				}
				#newsVox #topicsVox .entry .category {}
				/*
				#newsVox #topicsVox .entry .category.gallery { background: #861c3e; }
				#newsVox #topicsVox .entry .category.please { background: #3c008b; }
				#newsVox #topicsVox .entry .category.publish { background: #3c8b00; }
				*/
				#newsVox #topicsVox .entry time {}
		#newsVox .sliderWrapper {
			position: relative;
		}
			#newsVox .sliderWrapper .slick-list {
				margin-right: -10px;
			}
			#newsVox .sliderWrapper .ctrls {}
			#newsVox .sliderWrapper .slick-arrow {
				position: absolute;
				top: 50%;
				width: 36px;
				height: 36px;
				margin-top: -18px;
				color: #FFFFFF;
				background-color: #A78C24;
				font-size: 28px;
				z-index: 20;
			}
			#newsVox .sliderWrapper .slider-prev {
				left: 0;
			}
			#newsVox .sliderWrapper .slider-next {
				right: 0;
			}
			#newsVox .sliderWrapper .slick-arrow::before {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
		#newsVox #infoRight {
			font-size: 1.4rem;
			overflow: hidden;
			width: 90%;
			margin: 0 auto;
		}
			#newsVox #infoRight ul {}
			#newsVox #noticeVox,
			#newsVox #otherVox {
				display: block;
				border: none;
				padding-top: 20px;
				border-top: 1px solid #A78C24;
			}
			#newsVox #noticeVox {
				width: 100%;
				float: none;
				margin-bottom: 20px;
			}
			#newsVox #otherVox {
				width: 100%;
				float: none;
			}
				#newsVox #noticeVox header,
				#newsVox #otherVox header {
					display: block;
					font-size: 1.6rem;
					border: none;
					text-align: center;
					margin-bottom: 10px;
				}
				#newsVox #noticeVox header { width: 100%; }
				#newsVox #otherVox header { width: 100%; }
					#newsVox #otherVox .title { margin-bottom: 10px; }
				#newsVox #noticeVox .cInner,
				#newsVox #otherVox .cInner {
					display: block;
					padding: 0;
				}
					#newsVox #otherVox .cInner li:not(:last-child) {
						margin-bottom: .5em;
					}
	/**
	 * ---------------------------------------------------
	 * descriptionVox
	 * ---------------------------------------------------
	 */
	.descriptionVox {
		text-align: left;
		padding: 50px 0;
		width: 90%;
		margin: 0 auto;
	}
	/**
	 * ---------------------------------------------------
	 * naviVox
	 * ---------------------------------------------------
	 */
	.naviVox {
		margin-bottom: 50px;
	}
		.naviVox .inner {}
			.naviVox .contVox {
				width: 90%;
				padding-top: 17%;
				margin: 0 auto;
			}
			.naviVox#learn .contVox,
			.naviVox#event .contVox {
				padding-top: 4%;
			}
				.naviVox .contVox .cInner {
					padding-right: 0;
					padding-left: 0;
				}
				.naviVox:nth-of-type(even) .contVox .cInner {
					padding-right: 0;
					padding-left: 0;
				}
			.naviVox header {}
				.naviVox header .en { padding-top: 3px; }
			.naviVox .btnStyle02 { margin: 30px 0 0 0; }
				.naviVox .btnStyle02 a { min-width: 150px; }
			.naviVox:nth-of-type(even) .contVox .cInner {
				width: 100%;
			}
	/**
	 * ---------------------------------------------------
	 * access
	 * ---------------------------------------------------
	 */
	.sectionVox { margin-bottom: 50px; }
		.sectionVox header {
			margin-bottom: 25px;
		}
			.sectionVox header .title {
				font-size: 1.8rem;
			}
			.sectionVox header .en { font-size: 1.2rem; }
	.sectionVox#access { margin-bottom: 50px; }
		.sectionVox#access .contVox {
			width: 90%;
		}
		.sectionVox#access .headStyle04 {
			width: 100%;
		}
		.sectionVox#access .accessVox {
			font-size: 1.4rem;
			width: 100%;
			float: none;
			margin-bottom: 30px;
		}
		.sectionVox#access .btnStyle02 {
			display: block;
			width: 90%;
			margin: 0 auto 40px;
		}
			.sectionVox#access .btnStyle02 a { width: 100%; }
		#accessMap {}
			#accessMap iframe {
				height: 300px;
			}
	.sectionVox#information {}
		.sectionVox#information col { width: auto !important; }
		.sectionVox#information .message { font-size: 1.4rem; }
		.sectionVox#information .inner {
			width: 90%;
		}
		.sectionVox#information .contVox#info01 {
			width: 100%;
			float: none;
			margin-bottom: 30px;
		}
		.sectionVox#information .contVox#info02 {
			width: 100%;
			float: none;
			margin-bottom: 30px;
		}
		.sectionVox#information .contVox#info03,
		.sectionVox#information .contVox#info04,
		.sectionVox#information .contVox#info05 {
			width: 100%;
			float: none;
			margin-right: 0;
			margin-bottom: 30px;
		}
		.sectionVox#information .contVox#info03 .tableStyle01 tbody td,
		.sectionVox#information .contVox#info04 .tableStyle01 tbody td,
		.sectionVox#information .contVox#info05 .tableStyle01 tbody td { width: auto; }
		.sectionVox#information .contVox#info06 {
			width: 100%;
			float: none;
			margin-bottom: 30px;
		}
			.sectionVox#information .contVox#info06 .txt {
				width: 100%;
				float: none;
				margin-bottom: 20px;
			}
			.sectionVox#information .contVox#info06 .icCard {
				width: 100%;
				float: none;
				margin: 0 auto 10px auto;
			}
		.sectionVox#information .contVox#info07 {
			width: 100%;
			float: none;
		}
		.sectionVox#information .btnStyle02.info {
			width: 100%;
			display: block;
			margin: 30px 0 0;
		}
	.videoContainer {}


}	/* END @media smaller than 768 */