@charset "UTF-8";
/* Kakuozan */
.main{background: #f1f1f1; padding-bottom: 1px;}
.bottomCaption{color: #333}

@media screen and (min-width: 768px) {
	.mv-tit{color: #000000;}
}

@media screen and (max-width: 768px) {
	.scrollSp{overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 10px;}
	.scrollSp img{max-width: inherit;}
	

}

/* Heading */
.heading{padding: 120px 0;}

@media screen and (max-width: 768px) {
	.heading{padding: 60px 0;}	
}

/* Block */
.block{margin: 0 0 120px;}
.blockMain{position: relative; line-height: 1; margin: 0 auto 50px; max-width: 1700px; width: 100%;}
.blockMain-tit{position: absolute; top: 50%; left: 0; width: 100%; margin-top: -0.5em; font-family: "Cormorant Infant", serif; font-size: 44px; font-weight: 500; color: #ffffff; text-align: center; letter-spacing: 0.05em;}
.blockCont{max-width: 1400px; padding: 70px 50px 80px; background: #ffffff;}

@media screen and (max-width: 768px) {
	.block{margin: 0 0 70px;}
	.blockMain{margin: 0 auto 20px;}
	.blockMain-tit{font-size: 24px;}
	.blockCont{padding: 40px 20px;}
}

/* Location */
.locationBox:not(:last-of-type){margin: 0 0 100px;}
.locationImg{position: relative; margin: 0 0 50px;}
.locationImg2{display: flex; justify-content: space-between; flex-wrap: wrap;}
.locationImg2 .photo{width: 48.462%;}

@media screen and (max-width: 768px) {
	.locationBox:not(:last-of-type){margin: 0 0 50px;}
	.locationImg{margin: 0 0 25px;}
	.locationImg2 .photo{width: 100%; margin: 0 0 5px;}
	.locationImg2 .photo:last-of-type{margin: 0;}
}

/* Car Access */
.carMap{max-width: 801px; margin: 60px auto 0;}
.carMap .caption{text-align: right; padding: 20px 0 0 0;}

.taxiWrap{padding-top: 50px;}
.taxiWrap .mTitle{margin-bottom: 40px;}
.taxiWrap .taxiTBL {padding-top: 50px;}
.taxiWrap .taxiTBL table{width: 100%; max-width: 1000px; margin:0 auto 10px;}
.taxiWrap .taxiTBL table tr:nth-of-type(3){background-color: #f5f5f5;}

.taxiWrap .taxiTBL table th,.taxiWrap .taxtTBL table td{border:1px solid #ccc;padding: 10px;font-size: 14px;}
.taxiWrap .taxiTBL table th{text-align: center; background-color: #3c3f41; color: white;width: 20%; line-height: 1.4;} 
.taxiWrap .taxiTBL table th span{display: block;font-size: 80%; }
.taxiWrap .taxiTBL table td.timeZone{text-align: center;}
.taxiWrap .taxiTBL table td{text-align: right; font-size: 18px;}
.taxiWrap .taxiTBL table td span{font-size: 14px;}



@media screen and (max-width: 768px) {
	.carMap{margin: 30px auto 0;}
	.carMap .caption{padding: 10px 0 0 0;}
	
	
		.table-scroll {
 overflow-x: scroll;
}
		.taxiWrap .taxiTBL .table-scroll table{width: 800px;}
	.taxiWrap .taxiTBL table td{text-align: center;line-height: 1.4;}
.taxiWrap .taxiTBL table td span{display: block;}

}

/* Train Access */
.trainMap{max-width: 920px; margin: 60px auto; width: 100%; position: relative;}
.trainMap .capIn{color: #333333; bottom: 20px;}

.trainBox{position: relative; margin: 0 0 35px; color: #ffffff;}
.trainBox:last-of-type{margin: 0;}
.trainBox-inner{position: absolute; top: 12%; left: 4.6%; font-family: "Cormorant Infant", serif; font-size: 28px; line-height: 1; font-weight: bold; color: #ffffff; text-align: center;}
.trainBox-name{font-size: 1.84em; border-bottom: 1px solid #ffffff; padding: 0 0 0.07em; margin: 0 0 0.2em;}
.trainBox-num{font-size: 1.68em; display: inline-block;}

@media screen and (max-width: 768px) {
	.trainMap{margin: 30px auto;}
	.trainMap .capIn{position: static; text-align: right; padding: 10px 0 0 0;}
	
	.trainBox{margin: 0 0 10px;}
	.trainBox-inner{font-size: 18px; top: 8%;}
}