@charset "UTF-8";
/*
 * ================================================
 *
 * [home]
 *
 * ================================================
 */
#content {}
/**
 * head
 */
#head {
	background: url(../../images/content/home/bg_top.jpg) top center / contain no-repeat;
	padding-top: 66.666666666%;
	text-align: center;
	position: relative;
}
	#head .text {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1290px;
		height: 100%;
		margin-left: -645px;
		padding: 40px 0 0;
	}
	#head h1 {}
		#head h1 .copyEn {}
		#head h1 .copyJa {
			position: absolute;
			top: 120px;
			right: 150px;
		}
		#head h1 .siteName {
			position: absolute;
			top: 225px;
			left: 0;

		}
	#head .lNav {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		text-align: center;
		padding-bottom: 25px;
	}
		#head .lNav li {
			display: inline-block;
			margin: 0 15px;
		}
			#head .lNav li a {
				display: block;
				position: relative;
			}
			#head .lNav li figure {
				position: relative;
			}
				#head .lNav li figure .date {
					position: absolute;
					top: .25em;
					left: 50%;
					-webkit-transform: translateX(-50%);
					        transform: translateX(-50%);
					font-size: 3.0rem;
					letter-spacing: .05em;
					line-height: 1;
				}
				#head .lNav li figure .closed {
					color: #F00;
					font-size: 2.0rem;
					font-weight: 600;
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					        transform: translate(-50%, -50%);
					width: 100%;
				}
			#head .lNav li .title {
				display: inline-block;
				line-height: 1;
				color: #fff;
				font-size: 4.0rem;
				border-bottom: 4px solid #fff;
				position: relative;
				margin-top: -.5em;
				letter-spacing: .05em;
			}
	#head .cm {
		position: absolute;
		left: 50%;
		margin-left: -630px;
		top: 470px;
		z-index: 50;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 320px;
	}
		#head .cm .item {
			width: 48%;
		}
			#head .cm .item a {
				position: relative;
				width: 100%;
				padding-top: 75%;
				display: block;
			}
			#head .cm .item img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border: 1px solid #fff;
			}
			#head .cm .item a::after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				background: url(../../images/content/content/ico_play.svg) no-repeat;
				width: 44px;
				height: 44px;
				margin: -22px 0 0 -22px;
			}
		#head .cm .title {
			position: absolute;
			bottom: -20px;
			left: 0;
			width: 100%;
			z-index: 10;
		}
			#head .cm .title span {
				display: inline-block;
				line-height: 1;
				color: #fff;
				font-size: 4.0rem;
				border-bottom: 4px solid #fff;
				position: relative;
				margin-top: -.5em;
				letter-spacing: .05em;
			}
/**
 * intro
 */
#intro {
	background: url(../../images/content/home/bg_intro.jpg) top center / cover no-repeat;
	text-align: center;
	padding: 75px 0 80px;
	position: relative;
}
#intro::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: rgba(200, 168, 48, .65);
	width: 100%;
	height: 100%;
}
	#intro .inner {
		position: relative;
		z-index: 2;
	}
	#intro h2 {
		font-size: 3.0rem;
		font-weight: 600;
		margin-bottom: 30px;
	}
	#intro .desc {
		font-size: 2.0rem;
		font-weight: 600;
		line-height: 2.0;
		margin-bottom: 30px;
	}
		#intro .desc .say {
			font-size: 4.8rem;
			display: inline-block;
			margin-top: 25px;
		}
/**
 * scVox
 */
.scVox {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 70px 0 25px;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.scVox.bgTex01 {
	background-repeat: repeat;
	background-image: url(../../images/content/content/bg_texture01.jpg);
	background-size: auto;
}
.scVox.closed {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.scVox.closed::before,
.scVox.closed::after {
	content: '';
	position: absolute;
}
.scVox.closed::before {
	z-index: 9;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
}
.scVox.closed::after {
	content: '終了いたしました。';
	color: #F00;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 3.0rem;
	font-weight: 600;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	z-index: 10;
}
	.scVox .scInner {
		position: relative;
		z-index: 2;
		max-width: 1500px;
		margin: 0 auto;
	}
	.scVox .category,
	.scVox .date {
		font-size: 4.0rem;
		font-weight: bold;
		letter-spacing: .05em;
		position: absolute;
		top: 0;
		line-height: 1;
	}
	.scVox .category {
		left: 2em;
		border-bottom: 4px solid #fff;
	}
	.scVox .date {
		right: 1em;
	}
	.scVox .category.cBlack {
		border-bottom: 4px solid #000;
	}
	.scVox .category.cGold {
		border-bottom: 4px solid #D4AA18;
	}
	.scVox h2 {
		font-size: 3.6rem;
		font-weight: 600;
		text-align: center;
		line-height: 1.1;
		margin-bottom: 10px;
	}
		.scVox h2 big {
			font-size: 19rem;
			/*font-weight: 600;*/
		}
	.scVox h3 {
		font-size: 5.0rem;
		font-weight: 600;
		text-align: center;
	}
	.scVox .desc {
		font-size: 2.2rem;
		font-weight: 600;
		text-align: center;
		margin-bottom: 25px;
	}
/**
 * scMovie
 */
#scMovie {
	background-image: url(../../images/content/home/bg_movie.jpg);
	text-align: center;
}
	#scMovie h2 {
		line-height: 1;
		margin-bottom: 15px;
	}
		#scMovie h2 big {
			letter-spacing: .15em;
			padding-left: .25em;
		}
	#scMovie h3 {
		line-height: 1.4;
	}
	#scMovie .desc {}
	#scMovie .movies {
		margin-bottom: 15px;
		margin-left: -25px;
	}
		#scMovie .movies li {
			display: inline-block;
			margin: 0 7px;
		}
		#scMovie .movies .movie {
			display: block;
			position: relative;
		}
		#scMovie .movies .movie.closed {
			cursor: default;
		}
		#scMovie .movies .movie.closed::before {
			content: '';
			position: absolute;
			z-index: 10;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, .6);
		}
		#scMovie .movies .movie.closed::after {
			content: '名古屋城本丸御殿で体感ください。';
			position: absolute;
			z-index: 11;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			color: #fff;
			font-size: 1.6rem;
			font-weight: 600;
			width: 100%;
		}
		#scMovie .movies figure {
			position: relative;
			margin-bottom: 15px;
		}
		#scMovie .movies figure::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			background: url(../../images/content/content/ico_play.svg) no-repeat;
			width: 44px;
			height: 44px;
			margin: -22px 0 0 -22px;
		}
			#scMovie .movies figure img {
				border: 1px solid #fff;
			}
		#scMovie .movies h4 {
			line-height: 1;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			text-align: left;
			font-size: 2.0rem;
			font-weight: 600;
			margin-bottom: 15px;
		}
			#scMovie .movies h4 .hd {
				display: inline-block;
				color: #fff;
				font-size: 1.4rem;
				margin-right: .75em;
				background: #D4AA18;
				padding: .2em .5em .4em;
				/*border: 1px solid #fff;*/
			}
/**
 * scAr
 */
#scAr {
	text-align: center;
}
#scAr::after {
	content: '';
	width: 668px;
	height: 1147px;
	background: url(../../images/content/home/bg_bamboo.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: -110px;
	right: -55px;
}
	#scAr h2 {}
		#scAr h2 big {
			letter-spacing: .1em;
		}
	#scAr .desc {}
	#scAr .lists {
		width: 1000px;
		margin: 0 auto;
	}
		#scAr .lists li {
			display: inline-block;
			margin: 0 20px 20px;
		}
			#scAr .lists li figure {
				position: relative;
			}
			#scAr .lists li figure.multi {
				padding-left: 105px;
			}
				#scAr .lists li figure.multi .sub {
					position: absolute;
					left: 0;
				}
			#scAr .lists li:nth-child(1) figure.multi .sub {
				top: 45px;
			}
			#scAr .lists li:nth-child(2) figure.multi .sub {
				top: 37px;
			}
				#scAr .lists li figure figcaption {
					font-size: 2.2rem;
					font-weight: 600;
					padding-top: .4em;
				}
				#scAr .lists li figure.multi figcaption {
					padding-top: 1.25em;
				}
				#scAr .lists li:nth-child(1) figure.multi figcaption {
					margin-left: -4em;
				}
				#scAr .lists li:nth-child(2) figure.multi figcaption {
					margin-left: -3.5em;
				}
/**
 * scCafe
 */
#scCafe {
	background-image: url(../../images/content/home/bg_cafe.jpg);
	background-position: top -130px center;
	background-size: auto;
	text-align: center;
}
	#scCafe h2 {
		font-size: 4.2rem;
	}
		#scCafe h2 big {
			font-size: 14.5rem;
			letter-spacing: -.05em;
			padding-left: .3em;
		}
	#scCafe h3 {
		font-size: 3.0rem;
	}
	#scCafe .menu {
		color: #9B7814;
		font-size: 1.8rem;
		line-height: 1.4;
		margin-bottom: 25px;
	}
	#scCafe .images {
		margin-bottom: 30px;
	}
		#scCafe .images figure {
			display: inline-block;
			margin: 0 10px
		}
/**
 * scAbout
 */
#scAbout {
	padding-top: 60px;
}
#scAbout::before,
#scAbout::after {
	content: '';
	position: absolute;
}
#scAbout::before {
	top: -310px;
	left: -240px;
	background: url(../../images/content/home/bg_tiger01.png) no-repeat;
	width: 1430px;
	height: 1134px;
}
#scAbout::after {
	top: 50%;
	right: -85px;
	background: url(../../images/content/home/bg_tiger02.png) no-repeat;
	width: 602px;
	height: 294px;
	margin-top: -350px;
}
	#scAbout .category,
	#scAbout .date {
		top: 30px;
	}
	#scAbout .content {
		width: 1008px;
		margin: 0 auto;
		padding: 50px 0 0;
		font-size: 2.5rem;
	}
	#scAbout h2 {
		font-size: 7.5rem;
		line-height: 1.2;
		padding-left: .5em;
	}
		#scAbout h2 big {
			font-size: 18rem;
			padding-left: .3em;
		}
	#scAbout .text {
		color: #000;
		font-weight: 600;
		margin-bottom: 2em;
		line-height: 1.8;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#scAbout .images {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 3em;
	}
		#scAbout .images figure {
			width: 50%;
		}
	#scAbout .bottom {
		text-align: center;
		margin-top: -38px;
		padding: 0 0 75px;
	}
		#scAbout .bottom .copy {
			margin-bottom: .5em;
		}
		#scAbout .bottom .after {
			font-size: 8.7rem;
			font-weight: 600;
			margin-bottom: 1em;
		}
		#scAbout .bottom .logo {}
/**
 * foot
 */
#foot {
	text-align: center;
	color: #D4AA18;
	font-size: 2.2rem;
	background: #000;
	padding: 10px 0;
}
	#foot a {
		color: #D4AA18;
	}

/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 568px) {
}

/**
 ****************************************************
 *
 * screens smaller than 767
 *
 ****************************************************
 */
@media only screen and (max-width: 567px) {
	/**
	 * head
	 */
	#head {
		background: url(../../images/content/home/bg_top_sp.jpg) top center / cover no-repeat;
		padding-top: 0;
		height: 100vh;
		min-height: 568px;
	}
		#head .text {
			position: static;
			width: 100%;
			height: 100%;
			margin-left: 0;
			padding: 0;
		}
		#head h1 {
			padding: 10px 3.125%;
		}
			#head h1 .copyEn {}
			#head h1 .copyJa {
				top: 5%;
				right: 12%;
				width: 5%;
			}
			#head h1 .siteName {
				top: 10%;
				left: 2%;
				width: 28%;
			}
		#head .lNav {
			width: 100%;
			padding: 0 3.125%;
		}
			#head .lNav ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
			}
			#head .lNav li {
				width: 46.75%;
				margin: 0 0 15px;
				-ms-flex-item-align: end;
				    align-self: flex-end;
			}
				#head .lNav li a {}
				#head .lNav li figure {}
					#head .lNav li figure .date {
						font-size: 2.0rem;
					}
					#head .lNav li figure .closed {
						font-size: 1.4rem;
					}
				#head .lNav li .title {
					font-size: 3.0rem;
					border-bottom: 3px solid #fff;
				}
	#head .cm {
		margin-left: 0;
		top: 22%;
		left: 2%;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 28%;
	}
		#head .cm .item {
			width: 100%;
			margin-bottom: 5px;
		}
			#head .cm .item a {}
			#head .cm .item a::after {
				background: url(../../images/content/content/ico_play.svg) center / 100% no-repeat;
				width: 22px;
				height: 22px;
				margin: -11px 0 0 -11px;
			}
		#head .cm .title {
			position: absolute;
			bottom: -20px;
			left: 0;
			width: 100%;
			z-index: 10;
		}
			#head .cm .title span {
				font-size: 3.0rem;
			}
	/**
	 * intro
	 */
	#intro {
		background-image: url(../../images/content/home/bg_intro_sp.jpg);
		background-position: center;
		padding: 50px 0 60px;
	}
	#intro::before {
		background: rgba(200, 168, 48, .8);
	}
		#intro .inner {
			padding: 0 2%;
		}
		#intro h2 {
			font-size: 1.8rem;
			margin-bottom: 25px;
		}
		#intro .desc {
			font-size: 1.3rem;
		}
			#intro .desc .say {
				font-size: 2.8rem;
			}
			#intro .desc .say img {
				width: 180px;
			}
	/**
	 * scVox
	 */
	.scVox {
		padding: 50px 0;
	}
	.scVox.bgTex01 {
		background-image: url(../../images/content/content/bg_texture01_sp.jpg);
		background-size: 600px auto;
	}
	.scVox.closed::before {}
	.scVox.closed::after {
		font-size: 1.8rem;
		top: 20%;
	}
		.scVox .scInner {
			max-width: 100%;
			width: 93.75%;
		}
		.scVox .category,
		.scVox .date {
			position: static;
			display: inline-block;
			font-size: 2.4rem;
		}
		.scVox .category {
			margin-bottom: 25px;
			border-bottom: 3px solid #fff;
		}
		.scVox .date {
			margin-bottom: 25px;
		}
		.scVox .category.cBlack {
			border-bottom: 3px solid #000;
		}
		.scVox .category.cGold {
			border-bottom: 3px solid #D4AA18;
		}
		.scVox h2 {
			font-size: 2.4rem;
			line-height: 1.1;
			margin-right: -3.125%;
			margin-bottom: 10px;
			margin-left: -3.125%;
		}
			.scVox h2 big {
				font-size: 10rem;
			}
		.scVox h3 {
			font-size: 2.0rem;
		}
		.scVox .desc {
			font-size: 1.6rem;
		}
		.scVox .note {
			font-size: 1.2rem;
		}
	/**
	 * scMovie
	 */
	#scMovie {
		background-image: url(../../images/content/home/bg_movie_sp.jpg);
	}
		#scMovie h2 {}
			#scMovie h2 big {}
		#scMovie h3 {
			margin-bottom: 5px;
		}
		#scMovie .desc {}
		#scMovie .movies {
			margin: 0 0 10px;
		}
			#scMovie .movies li {
				margin: 0 0 20px;
				padding: 0 2%;
			}
			#scMovie .movies .movie {}
			#scMovie .movies .movie.closed {}
			#scMovie .movies .movie.closed::before {
			}
			#scMovie .movies .movie.closed::after {
				font-size: 1.6rem;
			}
			#scMovie .movies figure {
				margin-bottom: 15px;
			}
			#scMovie .movies figure::after {}
			#scMovie .movies h4 {
				font-size: 2.0rem;
				font-weight: 600;
				margin-bottom: 15px;
			}
				#scMovie .movies h4 .hd {}
	/**
	 * scAr
	 */
	#scAr {}
	#scAr::before {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		background: rgba(200, 168, 48, .8);
		width: 100%;
		height: 100%;
	}
	#scAr::after {
		width: 80%;
		height: 102%;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0%;
		background-size: auto 100%;
	}
		#scAr h2 {}
			#scAr h2 big {
				font-size: 8rem;
			}
		#scAr .desc {}
		#scAr .lists {
			width: 100%;
		}
			#scAr .lists li {
				display: block;
				margin: 0 2% 30px;
			}
				#scAr .lists li figure {}
				#scAr .lists li figure.multi {
					padding-left: 24%;
				}
					#scAr .lists li figure.multi .sub {
						width: 38%;
					}
				#scAr .lists li:nth-child(1) figure.multi .sub {
					top: 40px;
				}
				#scAr .lists li:nth-child(2) figure.multi .sub {
					top: 35px;
				}
					#scAr .lists li figure figcaption {
						font-size: 1.8rem;
					}
					#scAr .lists li figure.multi figcaption {
						padding-top: 1.25em;
						margin-left: -24%;
					}
	/**
	 * scCafe
	 */
	#scCafe {
		background-position: top -6% center;
		background-size: 200%;
	}
		#scCafe h2 {
			font-size: 3.5rem;
		}
			#scCafe h2 big {
				font-size: 6.5rem;
				padding-left: .3em;
			}
		#scCafe h3 {
			font-size: 2.0rem;
		}
		#scCafe .desc {
			font-size: 1.4rem;
		}
		#scCafe .menu {
			font-size: 1.4rem;
		}
		#scCafe .images {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
			#scCafe .images figure {
				margin: 0;
			}
			#scCafe .images figure:nth-child(2) {
				margin: 0 4px;
			}
	/**
	 * scAbout
	 */
	#scAbout {
		padding-top: 50px;
	}
	#scAbout::before {
		top: -90px;
		left: -90px;
		background-size: 100% auto;
		width: 570px;
		height: 460px;
	}
	#scAbout::after {
		top: 50%;
		right: -85px;
		background-size: 100% auto;
		width: 301px;
		height: 147px;
		margin-top: 0;
	}
		#scAbout header {
			text-align: center;
		}
		#scAbout .content {
			width: 100%;
			padding: 25px 0 0;
			font-size: 1.5rem;
		}
		#scAbout h2 {
			font-size: 3.0rem;
			padding-left: .5em;
		}
			#scAbout h2 big {
				font-size: 6.5rem;
				padding-left: .3em;
			}
		#scAbout .text {}
		#scAbout .images {
			margin-bottom: 2em;
		}
			#scAbout .images figure {
				width: 50%;
			}
		#scAbout .bottom {
			margin-top: -12px;
			padding: 0 0 10px;
		}
			#scAbout .bottom .copy {
				margin-bottom: .5em;
			}
			#scAbout .bottom .after {
				font-size: 4rem;
				line-height: 1.4;
				margin-bottom: 1em;
			}
			#scAbout .bottom .logo {
				padding: 0 20%;
			}
	/**
	 * foot
	 */
	#foot {
		font-size: 1.2rem;
		padding: 15px 3.125% 20px;
	}
}
/**
 ****************************************************
 *
 * screens smaller than 767
 *
 ****************************************************
 */
@media only screen and (max-width: 359px) {
	#scCafe {}
		#scCafe h2 {
			font-size: 3.0rem;
		}
			#scCafe h2 big {
				font-size: 6.2rem;
				padding-left: .2em;
			}
	#scAbout {}
		#scAbout h2 {
			font-size: 2.5rem;
		}
			#scAbout h2 big {
				font-size: 5.7rem;
			}
		#scAbout .content {
			font-size: 1.4rem;
		}
		#scAbout .bottom .after {
			font-size: 3.5rem;
		}
}