@charset "UTF-8";



/*#main-content .hero .page-ttl{ top: 65%; }*/
#main-content .hero{ background: center center no-repeat; background-size: cover; padding-top: 80px; position: relative; }
#main-content .hero::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 80px; background-color: #000000; }
#main-content .hero .photo{ /*max-width: 852px;*/ margin: 0 auto; }
#main-content .intro{ padding: 90px 0 70px; text-align: center; max-width: 1112px; margin: 0 auto; box-sizing: border-box; }
#main-content .intro .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; margin-top: 20px; letter-spacing: 0.2em; }
#main-content .intro .txt{ margin-top: 50px; }
#main-content .place-list{ margin: 0 auto; max-width: 1112px; }
#main-content .place .split-view{ display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .place .split-view .head-body{ width: 59.8022%; }
#main-content .place .split-view .head-body .photo-main{ position: relative; }
#main-content .place .split-view .head-body .photo-main .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content .place .split-view .head-body .info{ margin-top: 10px; }
#main-content .place .split-view .head-body .info .name{ font-size: 32px; line-height: 1.2; display: inline-block; letter-spacing: 0.2em; }
#main-content .place .split-view .head-body .info .distance{ font-size: 12px; display: inline-block; }
#main-content .place .split-view .head-body .txt{ margin-top: 10px; }
#main-content .place .split-view .foot-body{ width: 38.3093%; }
#main-content .place .split-view .foot-body .map-body{ position: relative; }
#main-content .place .split-view .foot-body .map-body .map{ text-align: center; }
#main-content .place .split-view .foot-body .map-body .map img{ display: inline-block; }
#main-content .place .split-view .foot-body .map-body .caption{ position: absolute; right: 0; bottom: 0; }
#main-content .place .split-view .foot-body .photo-split{ display: flex; display: -ms-flex; justify-content: space-between; margin-top: 20px; }
#main-content .place .split-view .foot-body .photo-split .item{ width: 48.82%; position: relative; }
#main-content .place .split-view .foot-body .photo-split .item .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content .place-list .slick-dots{ margin-top: 30px; z-index: 10; display: -ms-flex; display: flex; justify-content: center; }
#main-content .place-list .slick-dots li{ width: 13px; height: 13px; background-color: #ffffff; position: relative; border-radius: 50%; box-sizing: border-box; border: 1px solid #606060; }
#main-content .place-list .slick-dots li+li{ margin-left: 10px; }
#main-content .place-list .slick-dots li.slick-active{ background-color: #606060; }
#main-content .place-list .slick-dots li button{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: transparent; border: none; color: transparent; cursor: pointer; }
#main-content .place-list .slick-arrow{ position: absolute; top: 50%; width: 50px; height: 50px; background-color: rgba(0,0,0,0.8); transform: translateY(-50%); z-index: 5; cursor: pointer; }
#main-content .place-list .prev-arrow{ left: 0; }
#main-content .place-list .next-arrow{ right: 0; }
#main-content .place-list .slick-arrow::before{ content: ''; position: absolute; left: 50%; top: 50%; border: solid #ffffff; width: 25%; padding-top: 25%; }
#main-content .place-list .prev-arrow::before{ transform: translateX(12.5%) translate(-50%,-50%) rotate(45deg); border-width: 0 0 1px 1px; }
#main-content .place-list .next-arrow::before{ transform: translateX(-12.5%) translate(-50%,-50%) rotate(45deg); border-width: 1px 1px 0 0; }
#main-content .access-section{ max-width: 1112px; margin: 0 auto; /*margin: 90px auto 0; border-top: 1px solid #cccccc;*/ }
#main-content .access-photo{ display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .access-photo .item{ width: 25%; position: relative; }
#main-content .access-photo .item .txt-body{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; white-space: nowrap; background-color: rgba(0,0,0,0.4); padding: 15px; }
#main-content .access-photo .item .txt-body .head{ display: block; font-size: 14px; line-height: 1.5; color: #ffffff; }
#main-content .access-photo .item .txt-body .station{ display: block; font-size: 20px; line-height: 1.5; color: #ffffff; }
#main-content .access-photo .item .txt-body .station .num{ font-size: 250%; line-height: 0.8; }
#main-content .access-photo .item .txt-body .station .s-size{ font-size: 60%; }
#main-content .access-photo .item .txt-body .inner-caption{ display: block; font-size: 12px; color: #ffffff; }
#main-content .access-photo .item .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content .access-about{ margin: 70px auto 0; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .access-about .txt-body{ flex: 1; }
#main-content .access-about .txt-body .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 24px; line-height: 1.5; letter-spacing: 0.1em; color: #a79239; }
#main-content .access-about .txt-body .en~.en{ margin-top: 20px; }
#main-content .access-about .txt-body .walk{ margin-top: 10px; }
#main-content .access-about .txt-body .walk .word{ display: inline-block; position: relative; font-size: 50px; line-height: 1.2; padding: 40px 0 20px; color: #423f3e; }
#main-content .access-about .txt-body .walk .word .line{ position: absolute; left: 0; top: 0; font-size: 70%; }
#main-content .access-about .txt-body .walk .word .num{ font-size: 138.46%; line-height: 0; }
#main-content .access-about .txt-body .walk .word .distance{ font-size: 34.61%; position: absolute; right: 0; bottom: 0; }
#main-content .access-about .txt-body .head{ color: #140700; }
#main-content .access-about .txt-body .station{ font-size: 34px; line-height: 1.2; color: #423f3e; }
#main-content .access-about .txt-body .station .s-size{ font-size: 75%; }
#main-content .access-about .txt-body .station .num{ font-size: 130%; }
#main-content .access-about .map-body{ width: 645px; }
#main-content .taxi-section{ margin: 90px auto 0; }
#main-content .taxi-section .photo-body{ position: relative; }
#main-content .taxi-section .photo-body img{ width: 100%; height: auto; }
#main-content .taxi-section .photo-body .ttl{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); min-width: 364px; background: linear-gradient(to right, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; color: #ffffff; font-size: 20px; line-height: 1.5; letter-spacing: 0.5em; padding: 10px 60px; box-sizing: border-box; }
#main-content .taxi-section .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content .taxi-section .copy{ font-size: 22px; line-height: 1.5; color: #ffffff; background: linear-gradient(to right, rgba(167,146,57,1) 25%, rgba(167,146,57,0) 100%); padding: 10px 20px; max-width: 1112px; margin: 0 auto; box-sizing: border-box; }
#main-content .taxi-list{ max-width: 1112px; margin: 30px auto 0; display: flex; display: -ms-flex; flex-wrap: wrap; }
#main-content .taxi-list .item{ width: 48.21%; display: grid; grid-template-columns: 45.18% 16.66% 38.16%; grid-template-rows: auto auto; text-align: center; align-items: center; background-color: #5d5f83; }
#main-content .taxi-list .item:nth-child(even){ margin-left: 3.58%; }
#main-content .taxi-list .item:nth-child(n+3){ margin-top: 3.58%; }
#main-content .taxi-list .item .head{ grid-column: 1/2; grid-row: 1/3; }
#main-content .taxi-list .item .head .name{ font-size: 34px; line-height: 1.2; color: #ffffff; }
#main-content .taxi-list .item .head .name .s-size{ font-size: 50%; display: block; }
#main-content .taxi-list .item .head .info{ font-size: 14px; line-height: 1.28; margin-top: 10px; color: #ffffff; text-align: left; display: inline-block; }
#main-content .taxi-list .item .head .info .indent{ letter-spacing: 2em; }
#main-content .taxi-list .item .day-head,
#main-content .taxi-list .item .day-charge{ font-size: 24px; line-height: 1.2; color: #606060; background-color: #fffdef; padding: 25px 0; border: 1px solid #9f9e9b; }
#main-content .taxi-list .item .night-head,
#main-content .taxi-list .item .night-charge{ font-size: 24px; line-height: 1.2; color: #606060; background-color: #e5e5e5; padding: 25px 0; border: 1px solid #9f9e9b; }
#main-content .taxi-list .item .day-head{ grid-column: 2/3; grid-row: 1/2; }
#main-content .taxi-list .item .day-charge{ grid-column: 3/4; grid-row: 1/2; border-left: none; }
#main-content .taxi-list .item .night-head{ grid-column: 2/3; grid-row: 2/3; margin-top: -1px; }
#main-content .taxi-list .item .night-charge{ grid-column: 3/4; grid-row: 2/3; border-left: none; margin-top: -1px; }
#main-content .taxi-list .item .day-charge .word,
#main-content .taxi-list .item .night-charge .word{ transform: translateY(25%); display: inline-block; }
#main-content .taxi-list .item .day-charge .num,
#main-content .taxi-list .item .night-charge .num{ font-family: 'YakuHanMP', 'Oswald', 'Lora', 'Noto Serif JP', serif; font-size: 200%; line-height: 0; }




/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .access-about .map-body{ width: 450px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .hero{ padding-top: 0; }
	#main-content .hero::before{ display: none; }
	/*#main-content .hero .page-ttl{ top: 50%; }*/
	#main-content .intro{ padding: 10% 5%; }
	#main-content .intro .en{ margin-top: 3%; letter-spacing: 0; }
	#main-content .intro .txt{ margin-top: 5%; text-align: left; }
	#main-content .place-list{ margin: 0 auto; max-width: 1112px; }
	#main-content .place .split-view{ display: block; padding: 0 5%; }
	#main-content .place .split-view .head-body{ width: 100%; }
	#main-content .place .split-view .head-body .photo-main{ position: relative; }
	#main-content .place .split-view .head-body .photo-main .photo img{ width: 100%; height: auto; }
	#main-content .place .split-view .head-body .info{ margin-top: 5%; text-align: center; }
	#main-content .place .split-view .head-body .info .name{ font-size: 28px; letter-spacing: 0; }
	#main-content .place .split-view .head-body .txt{ margin-top: 3%; }
	#main-content .place .split-view .foot-body{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
	#main-content .place .split-view .foot-body .map-body{ order: 2; margin: 5% auto 0; }
	#main-content .place .split-view .foot-body .photo-split{ margin-top: 5%; width: 100%; }
	#main-content .place .split-view .foot-body .photo-split .item .photo img{ width: 100%; height: auto; }
	#main-content .place-list .slick-dots{ margin-top: 5%; }
	#main-content .place-list .slick-arrow{ height: 100px; }
	#main-content .access-section{ margin: 10% 5% 0; }
	#main-content .access-section .intro{ padding: 10% 0; }
	#main-content .access-photo{ flex-wrap: wrap; }
	#main-content .access-photo .item{ width: 50%; overflow: hidden; }
	#main-content .access-photo .item .photo img{ width: 100%; height: auto; }
	#main-content .access-about{ margin-top: 10%; display: block; }
	#main-content .access-about .txt-body .en{ font-size: 20px; }
	#main-content .access-about .txt-body .en~.en{ margin-top: 5%; }
	#main-content .access-about .txt-body .walk{ margin-top: 10px; }
	#main-content .access-about .txt-body .walk .word{ font-size: 9vw; padding: 6vw 0 4vw; }
	#main-content .access-about .txt-body .station{ font-size: 7vw; }
	#main-content .access-about .map-body{ width: 100%; margin-top: 5%; }
	#main-content .taxi-section{ margin: 10% auto 0; }
	#main-content .taxi-section .photo-body{ position: relative; overflow: hidden; }
	#main-content .taxi-section .photo-body .photo{ margin: 0 -25%; }
	#main-content .taxi-section .photo-body .ttl{ font-size: 18px; letter-spacing: 0.3em; padding: 2% 5%; }
	#main-content .taxi-section .copy{ font-size: 18px; margin: 0 5%; background: linear-gradient(to right, rgba(167,146,57,1) 85%, rgba(167,146,57,0) 100%); }
	#main-content .taxi-list{ margin: 5% 5% 0; display: block; }
	#main-content .taxi-list .item{ width: 100%; }
	#main-content .taxi-list .item:nth-child(even){ margin-left: 0; }
	#main-content .taxi-list .item:nth-child(n+2){ margin-top: 3%; }
	#main-content .taxi-list .item .head .name{ font-size: 4.427vw; }
	#main-content .taxi-list .item .head .info{ font-size: 1.822vw; margin-top: 5px; }
	#main-content .taxi-list .item .day-head,
	#main-content .taxi-list .item .day-charge{ font-size: 3.125vw; }
	#main-content .taxi-list .item .night-head,
	#main-content .taxi-list .item .night-charge{ font-size: 3.125vw; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .taxi-list .item .head .name{ font-size: 6.197vw; }
	#main-content .taxi-list .item .head .info{ font-size: 2.550vw; }
	#main-content .taxi-list .item .day-head,
	#main-content .taxi-list .item .day-charge{ font-size: 4.375vw; }
	#main-content .taxi-list .item .night-head,
	#main-content .taxi-list .item .night-charge{ font-size: 4.375vw; }
}