@charset "UTF-8";




#main-content{ padding-top: 170px; }
#main-content .map{ max-width: 1112px; margin: 0 auto; }
#main-content .navi{ margin: 50px auto 0; max-width: 310px; width: 100%; }
#main-content .navi a{ display: block; background-color: #333333; border: 1px solid rgba(255,255,255,0.5); padding: 15px 0; color: #ffffff; text-align: center; text-decoration: none; position: relative; }
#main-content .navi a .arrow{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background-color: #d9d6a5; width: 22px; height: 22px; border-radius: 50%; }
#main-content .navi a .arrow::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 25%; padding-top: 25%; border: solid #606060; border-width: 1px 1px 0 0; transform: translate(-50%,-50%) translateX(-10%)  rotate(45deg); }
#main-content .gallery{ max-width: 1112px; margin: 0 auto; display: flex; display: -ms-flex; flex-direction: row-reverse; border: 1px solid #414143; }
#main-content .gallery .gallery-map{ width: 67.0863%; }
#main-content .gallery .txt-body{ background-color: #414143; display: flex; display: -ms-flex; justify-content: center; align-items: center; flex: 1; padding: 0 20px; }
#main-content .gallery .txt-body .ttl{ text-align: center; color: #ffffff; border: solid rgba(255,255,255,0.5); border-width: 1px 0; font-size: 18px; line-height: 1.5; padding: 10px 0; }
#main-content .gallery .txt-body .txt{ margin-top: 10px; color: #ffffff; }
#main-content .gallery .txt-body .place{ margin-top: 10px; background-color: #ffffff; padding: 10px; text-align: center; }
#main-content .page-ttl~.page-ttl{ font-size: 24px; }





/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .map{ padding: 0 5%; }
	#main-content .gallery{ margin: 0 5%; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content{ padding-top: 0; }
	#main-content .gallery{ display: block; }
	#main-content .gallery .gallery-map{ width: 100%; }
	#main-content .gallery .gallery-map img{ width: 100%; height: auto; }
	#main-content .gallery .txt-body{ display: block; padding: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}