@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .section-location{ background-color: #f3f2f0; padding-bottom: 120px; }
#main-content .section-location .section-intro{ position: relative; }
#main-content .section-location .section-intro .photo-body{ position: relative; overflow: hidden; }
#main-content .section-location .section-intro .photo-body .copy{ position: absolute; left: 50%; top: 0; width: 24.2143%; min-width: 339px; transform: translateX(-50%); margin-top: 12.8571%; }
#main-content .section-location .section-intro .photo-body .photo{ }
#main-content .section-location .section-intro .photo-body .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-location .section-intro .txt-body{ /*margin-top: -70px;*/ z-index: 10; position: relative; display: inline-block; }
#main-content .section-location .section-intro .txt-body .inner-body{ padding: 70px 90px 70px 0; display: flex; display: -ms-flex;background-color: #f3f2f0; }
#main-content .section-location .section-intro .txt-body .en{ font-size: 32px; line-height: 1.5; color: #6e7385; padding: 0 70px; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-location .section-intro .txt-body .txt{ font-size: 22px; line-height: 2.45; color: #4c4c4c; flex: 1; }
#main-content .section-location .photo-body01{ width: 89.5714%; margin-left: auto; }
#main-content .section-location .split-view{ display: flex; display: -ms-flex; justify-content: space-between; width: 79.2857%; margin: 0 auto; align-items: center; }
#main-content .section-location .split-view .photo-body{ width: 45.045%; }
#main-content .section-location .split-view .photo-body .photo{ position: relative; }
#main-content .section-location .split-view .photo-body .photo:nth-child(n+2){ margin-top: 10px; }
#main-content .section-location .split-view .photo-body .photo .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-location .split-view .txt-body{ width: 45.045%; }
#main-content .section-location .split-view .txt-body .ttl{ font-size: 22px; line-height: 2.45; color: #4c4c4c; font-weight: normal; }
#main-content .section-location .split-view .txt-body .txt{ font-size: 14px; line-height: 2.42; color: #4c4c4c; }
#main-content .section-location .split-view .txt-body .ttl+.txt{ margin-top: 20px; }
#main-content .section-location .split-view01{ flex-direction: row-reverse; margin-top: -100px; }
#main-content .section-location .split-view01 .txt-body{ margin-top: 100px; }
#main-content .section-location .photo-body02{ width: 89.5714%; margin-top: 100px; }
#main-content .section-location .photo-body02 .caption{ text-align: right; }
#main-content .section-location .split-view02{ margin-top: -100px; }
#main-content .section-location .split-view02 .txt-body{ margin-top: 100px; }
#main-content .section-location .location-body{ max-width: 1110px; margin: 150px auto 0; }
#main-content .section-location .location-body .head-split{ display: flex; display: -ms-flex; padding-bottom: 40px; }
#main-content .section-location .location-body .head-split .head{ font-size: 22px; line-height: 1.9230; color: #4c4c4c; padding: 0 70px 0 0; font-weight: normal; }
#main-content .section-location .location-body .head-split .txt{ line-height: 2.4286; color: #4c4c4c; flex: 1; }
#main-content .section-location .location-body .photo-body{ position: relative; }
#main-content .section-location .location-body .photo-body .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-location .location-body02 .list-item{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section-location .location-body02 .list-item .item{ width: 23.2432%; }
#main-content .section-location .location-body02 .list-item .item01{ width: 100%; }
#main-content .section-location .location-body02 .list-item .item:nth-child(n+2){ margin-top: 50px; }
#main-content .section-location .location-body02 .list-item .item .name{ font-size: 16px; line-height: 1.3125; color: #231815; margin-top: 10px; }
#main-content .section-location .location-body02 .list-item .item .distance{ line-height: 1.7; color: #666666; }
#main-content .section-location .location-body02 .list-item .item .name .distance{ font-size: 87.5%; color: #666666; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; display: inline-block; }
#main-content .section-location .location-body02 .list-item .item .txt{ line-height: 1.7; color: #4c4c4c; margin-top: 5px; }
#main-content .section-location .section-intro~.section-intro{ margin-top: 70px; }
#main-content .section-location .section-intro .photo-list01{ max-width: 1110px; margin: 0 auto; display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; }
#main-content .section-location .section-intro .photo-list01 .item{ width: 48.6486%; }
#main-content .section-location .section-intro .photo-list01 .item:nth-child(n+3){ margin-top: 50px; width: 31.5315%; }
#main-content .section-location .section-intro .photo-list01 .item .name{ font-size: 16px; line-height: 1.3125; color: #231815; margin-top: 10px; }
#main-content .section-location .section-intro .photo-list01 .item .distance{ line-height: 1.7; color: #666666; }
#main-content .section-location .section-intro .photo-list01 .item .name .distance{ font-size: 87.5%; color: #666666; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; display: inline-block; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section-location .split-view{ width: 90%; }
	#main-content .section-location .split-view .txt-body{ margin-top: 0; width: 50%; }
	#main-content .section-location .split-view01{ margin-top: 50px; }
	#main-content .section-location .split-view01 .txt-body{ margin-top: 0; width: 50%; }
	#main-content .section-location .photo-body02{ margin-top: 80px; }
	#main-content .section-location .split-view02{ margin-top: 50px; }
	#main-content .section-location .split-view02 .txt-body{ margin-top: 0; width: 50%; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-location{ padding-bottom: 15%; }
	#main-content .section-location .section-intro .photo-body .copy{ width: 45%; min-width: 0; margin-top: 8%; }
	#main-content .section-location .section-intro .txt-body{ margin-top: 0; display: block; }
	#main-content .section-location .section-intro .txt-body .inner-body{ padding: 7% 5%; display: block; }
	#main-content .section-location .section-intro .txt-body .en{ padding: 0; }
	#main-content .section-location .section-intro .txt-body .txt{ font-size: 18px; margin-top: 10px; }
	#main-content .section-location .photo-body01{ width: 95%; }
	#main-content .section-location .split-view{ display: block; margin: 10% auto 0; }
	#main-content .section-location .split-view .photo-body{ width: 100%; }
	#main-content .section-location .split-view .txt-body{ width: 100%; margin-top: 5%; }
	#main-content .section-location .split-view .txt-body .ttl{ font-size: 18px; line-height: 2; }
	#main-content .section-location .split-view .txt-body .txt{ line-height: 2; }
	#main-content .section-location .split-view .txt-body .ttl+.txt{ margin-top: 10px; }
	#main-content .section-location .split-view01{ margin-top: 5%; }
	#main-content .section-location .split-view01 .photo-body{ display: flex; display: -ms-flex; justify-content: space-between; }
	#main-content .section-location .split-view01 .photo-body .photo{ width: 48%; }
	#main-content .section-location .split-view01 .photo-body .photo:nth-child(n+2){ margin-top: 0; }
	#main-content .section-location .split-view01 .photo-body .photo .caption{ position: static; color: #666666; padding: 0; margin-top: 5px; background-color: transparent; }
	#main-content .section-location .photo-body02{ width: 95%; margin-top: 10%; }
	#main-content .section-location .split-view02{ margin-top: 5%; }
	#main-content .section-location .split-view02 .photo-body{ display: flex; display: -ms-flex; justify-content: space-between; }
	#main-content .section-location .split-view02 .photo-body .photo{ width: 48%; }
	#main-content .section-location .split-view02 .photo-body .photo:nth-child(n+2){ margin-top: 0; }
	#main-content .section-location .split-view02 .photo-body .photo .caption{ position: static; color: #666666; padding: 0; margin-top: 5px; background-color: transparent; }
	#main-content .section-location .location-body{ margin: 15% 5% 0; }
	#main-content .section-location .location-body .head-split{ display: block; padding-bottom: 5%; }
	#main-content .section-location .location-body .head-split .head{ font-size: 16px; }
	#main-content .section-location .location-body02 .list-item .item{ width: 48%; }
	#main-content .section-location .location-body02 .list-item .item01{ width: 100%; }
	#main-content .section-location .location-body02 .list-item .item:nth-child(n+2){ margin-top: 7%; }
	#main-content .section-location .section-intro~.section-intro{ margin-top: 5%; }
	#main-content .section-location .section-intro .photo-list01{ margin: 0 5%; }
	#main-content .section-location .section-intro .photo-list01 .item:nth-child(n+3){ margin-top: 7%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}