/* ========================================
	Main
======================================== */
.main_visual {
	background-image: url(../images/5th/main.jpg);
}

.main_visual h2 {
	margin-top: -20px;
}

/* ========================================
	lead
======================================== */
#lead .wrapper {
	padding: 0;
	max-width:1200px;
}

#lead {
	margin-bottom: 60px;
}

#lead h3 {
	margin-bottom: 20px;
	font-size: 36px;
	padding: 30px 0 40px 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/room/title_bg.jpg);
	background-size: contain;
}

#lead figure {
	width: 32.5%;
	float: right;
	text-align: right;
}

#lead section {
	width: 75%;
}

/* ========================================
	slider
======================================== */

.slider-nav-container{
	position: relative;
	max-width: 300px;
	border-bottom: 1px solid #2C1F19;
	margin-bottom: 30px;
}

.slider-arrow{
	width: 15px;
	height: 15px;
	content: "";
	display: block;
	position: absolute;
	border-top: 1px solid #2C1F19;
	border-right: 1px solid #2C1F19;
	top: 50%;
	margin-top: -7px;
	cursor: pointer;
}

.slider-prev {
	left: 0;
	transform: rotate(-135deg);
}

.slider-next {
	right: 0;
	transform: rotate(45deg);
}

.slider-nav li{
	text-align: center;
	font-size: 22px;
	line-height: 40px;
}

/* ========================================
	usp
======================================== */

#usp {
	clear:both;
	margin-bottom: 120px;
	padding-top: 45px;
	padding-bottom: 110px;
	background-image:url(../images/index/wood_thin.jpg),url(../images/index/wood_thin.jpg),url(../images/index/bg_wood.jpg);
	background-repeat:repeat-x, repeat-x, repeat;
	background-position:left top, left bottom, left top;
	overflow:hidden;
}

#usp h3 {
	font-size: 23px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.2;
	font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#usp h3:before{
	display:block;
	content:' ';
	background:url(../images/index/title_wood.png) no-repeat left top;
	width:37px;
	height:36px;
	margin:0 auto 15px;
	}

#usp > .wrapper{
	overflow:hidden;
	}

.usp {
	float: left;
	width:31.25%;
	margin-top: 40px;
	margin-left:2.5%;
}

@media (min-width:769px){
	.usp:nth-of-type(-n+3){
		margin-top: 0;
	}
	.usp:nth-child(3n+1){
		margin-left:0;
		clear: both;
	}
}

.usp a .wrapper{
	padding:0;
	overflow:hidden;
	}

.usp a:hover img {
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	
.usp .bg{
	padding:3px;
	}
	
.usp .bg img{
	width:100%;
	}

.usp span.bd{
	position: relative;
	display: block;
	border:1px solid rgba(0,0,0,0.20);
}

.usp span.bd span{ display: block; background-color:#FFF; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s; z-index:300}
.usp span.bd span.bdT{width: 0; height:3px; top:0; left:0;}
.usp span.bd span.bdB{width: 0; height:3px; bottom:0; right:0;}
.usp span.bd span.bdR{height: 0; width :3px; left:0; top:0;}
.usp span.bd span.bdL{height: 0; width :3px; right:0; bottom:0;}
    
.usp span.bd span{-webkit-transition:all 1.1s;transition:all 1.1s;}
.usp span.bd span.bdT{transition-delay:0s;}
.usp span.bd span.bdL{transition-delay:0s;}
.usp span.bd span.bdB{transition-delay:0s;}
.usp span.bd span.bdR{transition-delay:0s;}
.usp:hover span.bd span.bdT{width: 100%;transition-delay:0s;}
.usp:hover span.bd span.bdL{height:100%;transition-delay:0s;}
.usp:hover span.bd span.bdB{width: 100%;transition-delay:0s;}
.usp:hover span.bd span.bdR{height:100%;transition-delay:0s;}	

.usp p {
	padding: 0 15px;
	font-size: 20px;
	line-height:1.2;
	font-family: 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.usp .date{
	font-size: 95%;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.usp .name{
	font-weight: bold;
	margin-top: 15px;
}

.usp .instrument{
	font-size: 90%;
	margin-top: .5em;
}

/* line 209, /Applications/MAMP/bin/mamp/test/ten-yu/html/css/index.scss */
.usp p br.for_pc {
	display: inline-block;
}


/* ========================================
	btn_box
======================================== */

.btn_box{
	margin-top: 70px;
}

.btn_box a{
	width: 400px;
	padding: 20px 0;
	background: #2C1F19;
	margin: 0 auto;
	display: block;
	text-align: center;
	color: #fff;
}

.supe {
	position: relative;
	display: block;
	border: 3px solid #a2423f;
	}

.supe_t {
	color: #ba8137;
	text-align: center;
}



@media screen and (max-width: 1200px) {
	
	#usp h3 {
		margin-bottom: 30px;
	}

	.usp p {
		font-size: 20px;
	}
}

@media screen and (max-width: 840px) {
	/* line 202, /Applications/MAMP/bin/mamp/test/ten-yu/html/css/index.scss */
	.usp p {
		font-size: 14px;
	}
}


@media screen and (max-width: 768px) {

	/* ========================================
		lead
	======================================== */

	#lead .text {
		font-size: 16px;
	}
	#lead .text2 {
		font-size: 14px;
	}
	#lead {
		overflow: hidden;
		margin-bottom: 60px;
	}

	/* ========================================
		slider
	======================================== */

	.slider-nav-container{
		margin-right: auto;
		margin-left: auto;
	}
	

	.slider-arrow{
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}

	.slider-nav li{
		text-align: center;
		font-size: 18px;
		line-height: 40px;
	}
	
	
	/* ========================================
		USP
	======================================== */
	
	#usp h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
		
	.usp{
		margin-top:30px;
		width:47.6%;
	}
	
	.usp:nth-of-type(-n+2){
		margin-top: 0;
	}
		
	.usp:nth-child(2n+1){
		margin-left:0;
		clear: both;
	}
	
	/* ========================================
		btn_box
	======================================== */
	
	.btn_box{
		margin-top: 50px;
	}
	
	.btn_box a{
		width: 80%;
	}

	
}

@media screen and (max-width: 415px) {
		
	.usp p{
		font-size:16px;
	}
}