@charset "UTF-8";




#main-content .map-wrap{ position: relative; }
#main-content .map-wrap::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 740px; background: url(../images/img_map/bg01.jpg) center no-repeat; background-size: cover; z-index: 5; }
#main-content .map-wrap .base-body::before{ margin-top: 750px; }
#main-content .map-wrap .page-name{ padding: 70px 0; text-align: center; color: #000000; font-size: 24px; line-height: 1.5; font-weight: normal; position: relative; z-index: 10; }
#main-content .map-wrap .map-body{ position: relative; z-index: 10; text-align: center; max-width: 918px; margin: 0 auto; }
#main-content .map-wrap .map-body .map{ position: relative; }
#main-content .map-wrap .map-body .map::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #cccccc; box-sizing: border-box; }
#main-content .map-wrap .map-body .gallery-txt{ background-color: #555848; padding: 15px 5%; }
#main-content .map-wrap .map-body .gallery-txt .txt{ font-size: 20px; line-height: 1.5; color: #ffffff; }
#main-content .map-wrap .map-body .gallery-txt .txt+.txt{ margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.5); }



/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .map-wrap::before{ height: 640px; }
	#main-content .map-wrap .base-body::before{ margin-top: 650px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .map-wrap::before{ height: 0; padding-top: 70%; }
	#main-content .map-wrap .base-body::before{ display: none; }
	#main-content .map-wrap .page-name{ padding: 5% 0; font-size: 20px; }
	#main-content .map-wrap .map-body .gallery-txt .txt{ font-size: 18px; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .map-wrap .map-body .gallery-txt .txt{ font-size: 16px; }
}











/*loginの上書き*/
#main-content .map-wrap::before{ display: none; }
#container.status-login #main-content .map-wrap::before{ display: block; }
#main-content .map-wrap .map-body.limited{ display: none; }
#container.status-login #main-content .map-wrap .map-body{ display: none; }
#container.status-login #main-content .map-wrap .map-body.limited{ display: block; }