@charset "UTF-8";
/*==============
    detail
================*/
/* ------------------------------
    yado_gallery
------------------------------ */
#yado_gallery{
	margin-bottom: 80px;
}
#slider{
	margin-bottom: 30px;
}
#slider li{
	overflow:hidden;
	position: relative;
}
#slider li img{
}
#slider .slick-dots{
	position: absolute;
	text-align: right;
	line-height: 1;
	bottom: -33px;
	right: 50%;
	padding-right: 410px;
	/*--スライダのドットを再表示されたい場合はdetail.jsを修正ください。--*/
}
#slider .slick-dots li{
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #A8A8A8;
	padding: 0;
}
#slider .slick-dots li +li{
	margin-left: 10px;
}

#slider .slick-dots li.slick-active{
	border: 1px solid #EBB5AF;
	background: #EBB5AF;
}


#thumb{
	display: flex;
	justify-content: center;
	padding: 0;
}
#thumb li{
	overflow:hidden;
	position: relative;
}
#thumb li+li{
	margin-left: 15px;
}

.othertbl.yadotbl {
	margin-top: 0;
}
.othertbl-name {
	margin-top: 50px;
	font-size: 2.0rem;
	line-height: 1.2;
	margin-bottom: 10px;
}
.othertbl.yadotbl th {
	/*background: none;*/
}
.yadotbl{
	width: 100%;
}
.yadotbl th, .yadotbl td {
	border: 1px solid #aaa !important;
}

@media screen and (min-width: 769px) {
	#slider{
	}
	#slider li{
		width: 800px !important;
		padding: 0 20px;
	}
	#thumb li{
		width: 93px;
	}
	#slider .slick-dots li, #thumb li{
		transition: .4s;
		cursor: pointer;
	}
	#slider .slick-dots li:hover{
		border: 1px solid #EBB5AF;
		background: #EBB5AF;
	}
	#thumb li:hover{
		opacity: 0.7;
	}
}

@media screen and (max-width: 768px) {
	#yado_gallery{
		margin-bottom: 8vw;
	}
	#slider{
		margin-bottom: 3.4vw;
		padding: 0;
	}
	#slider li{
		width: 100vw;
		height: 79vw;
		position: relative;
	}
	#slider li img{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}

	#thumb{
		width: 100%;
	}
	#thumb li{
		width: 16.2vw;
		height: 12.8vw;
	}
	#thumb li+li{
		margin-left: 2.75vw;
	}
	#thumb li img{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}
}
@media screen and (orientation: landscape) and (max-width: 768px) {
	#slider li{
		max-height: 75vh;
	}
	#slider li img{
		height: auto;
		width: auto;
		min-width: 100%;
		min-height: 100%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
}

/* ------------------------------
    yadodetail
------------------------------ */

#yadodetail .attention{
	padding:20px 0;
	font-size: 16px;
	line-height: 1.6;
}

#yadodetail{
	padding-bottom: 80px;
	max-width: 1000px;
	margin: 0 auto;
}
#yadodetail .ttl{
	text-align: center;
	font-size: 30px;
	line-height: 1.2;
	padding-top:50px;
}
#hotels p {
	margin-top: 0px;
}

#yadodetail .lead{
	text-align: center;
	font-size: 2.3rem;
	line-height: 1.2;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
#yadodetail .detail_txt{
	margin-bottom: 60px;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.9;
}
#yadodetail .f{
	line-height: 26px;
	padding-bottom: 20px;
}

.yadotbl{
	margin: 74px 0 0;

}
.yadotbl th, .yadotbl td{
	border: 1px solid #1A1311;
	/*font-size: 1.2rem;*/
	line-height: 1.6;
	padding: 20px;
	/*color: #4E3B30;*/
}
.yadotbl th{
	width: 220px;
	/*width: 86px;*/
	background: #F2F0EE;
}

#yoyakubtn{
	padding-top: 78px;
}

@media screen and (min-width: 769px) {
	.yadotbl tr:nth-child(n+2) th{
		/*padding-bottom: 40px;*/
		/*padding:20px 20px;*/
	}
	.yadotbl tr:nth-child(n+2) td{
		/*padding-bottom: 40px;*/
		/*padding:20px 20px;*/
	}
}

@media screen and (max-width: 768px) {
	#yadodetail{
		padding: 0 20px;
	}
	#yadodetail .ttl{
		font-size: 30px;
		line-height: 1.7;
		padding-top:20px;
		margin-bottom: -3px;
	}
	#yadodetail .lead{
		font-size: 21px;
		line-height: 1.3;
		margin-bottom: 3vw;
	}
	#yadodetail .f{
		font-size: 16px;
		line-height: 1.3;
		padding-bottom: 5px;
	}
	#yadodetail .detail_txt{
		font-size: 16px;
		line-height: 1.7;
		margin-bottom: 8vw;
	}
	.yadotbl{
		margin: 13.3vw 0 0;
		/*border-top: 1px solid #1A1311;*/
	}
	.yadotbl th, .yadotbl td{
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 1.6;
		padding: 4.5vw 5.3vw 4vw;
		margin: -1px 0;
	}
	.yadotbl th{
		line-height: 1;
		text-align: center;
		border-top: none;
		border-bottom: none;
		padding: 4vw;
	}
	#yoyakubtn{
		padding-top: 8vw;
	}

	#hotels p {
		font-size: 16px;
		line-height: 22px;
		margin: 0;
	}

}


/* ------------------------------
    yadodetail
------------------------------ */
.detail_btns2{
	padding: 30px 0;
}
@media screen and (max-width: 768px) {
	.detail_btns2{
		padding: 8vw 0;
	}
}
/* ------------------------------
    hotels
------------------------------ */
@media screen and (min-width: 769px) {
#hotels{
	padding-top: 120px;
}

}