/* 
 * @latest 2019.05.29 - cwk
*/
@charset "utf-8";

.map001 {width:100%; height:100%; float:left; position:relative; box-sizing:border-box; padding:15px;
		background:#242d3c; /* background-image:url(../img/bg_gradient.png); */ background-size:cover;}
.map001 .map001_wrap {width:100%;overflow:hidden;/* max-width:1268px; */margin:0 auto;}

.map001 h3.mapTitle {width:100%; text-align:center; letter-spacing:-1px; color:white;
					 white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.map001 dl {width:100%; box-sizing:border-box; float:left;}
.map001 dl dt {width:15%; font-weight:600; float:left; clear:both; margin-bottom:5px; line-height:20px; color:white;
			   word-break:break-all; text-indent:-5px; padding-left:8px; box-sizing:border-box;}
.map001 dl dt:before {content:"\2981"; float:left; padding-right:8px; margin-left:-4px; color:inherit;}
.map001 dl dd {width:85%; display:inline-block; font-weight:400; float:left; font-size:13px; line-height:20px; color:white;
			   box-sizing:border-box; padding-left:10px; word-break:keep-all;}

.map001 div.mapbox {width:100%; display:block; float:left; overflow:hidden; position:relative;}
.map001 div.mapbox img {width:100%; min-height:100%;}



	

	@media (min-width:800px){
		.map001 dl dt {font-size:14px;}
		.map001 dl dd {}

		.layout_01 .map001 {padding-bottom:60px;}
		.layout_01 .map001 h3.mapTitle {margin:30px 0 30px; font-size:22px;}
		.layout_01 .map001 dl {margin-bottom:20px;}

		.layout_height_H .map001 .map001_wrap {height:318px;}
		.layout_height_H .map001 h3.mapTitle {margin-bottom:20px; font-size:18px;}
		.layout_height_H .map001 dl {margin-bottom:10px;}
		.layout_height_H .map001 div.mapbox {height:217px;}

		.layout_height_M .map001 .map001_wrap {height:218px;}
		.layout_height_M .map001 h3.mapTitle {margin-bottom:15px; font-size:18px;}
		.layout_height_M .map001 dl {margin-bottom:5px;}
		.layout_height_M .map001 div.mapbox {height:127px;}

		.layout_03 .map001 dl dt,
		.layout_04 .map001 dl dt {width:30%;}
		.layout_03 .map001 dl dd,
		.layout_04 .map001 dl dd {width:70%; font-size:12px;}

		/* map position */
		.layout_02.layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:-10%;}
		.layout_06.layout_height_H .map001 div.mapbox img {position:absolute; bottom:0;}
		.layout_06.layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:-10%;}

	}
	@media (min-width:991px) and (max-width:1049px){
		.layout_04 .map001 dl dt {width:40%;}
		.layout_04 .map001 dl dd {width:60%; font-size:12px;}

		.layout_block3 .layout_04.layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:-5%;}
		.layout_block4 .layout_04.layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:13%;}
	}
	@media (min-width:800px) and (max-width:990px){
		.map001 dl dt {width:20%;}
		.map001 dl dd {width:80%;}

		.layout_block3 .layout_04.layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:-5%;}
		.layout_block4 .layout_04.layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:-5%;}
	}
	@media (min-width:1050px){
		.layout_06.layout_height_H .map001 div.mapbox img {margin-bottom:-5%;}
		.layout_06.layout_height_M .map001 div.mapbox img {margin-bottom:-15%;}
	}


	@media (max-width:799px){
		.map001 h3.mapTitle {font-size:17px; margin-bottom:15px;}
		.map001 dl {margin-bottom:10px;}

		.layout_01 .map001 dl {padding-bottom:5px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_01 .map001 h3.mapTitle {margin:10px 0 20px; font-size:19px;}

		.layout_block4 .layout_04 .map001 dl dt {width:30%;}
		.layout_block4 .layout_04 .map001 dl dd {width:70%;}
		.layout_block4 .layout_height_H .map001 .map001_wrap {height:318px;}
		.layout_block4 .layout_height_M .map001 .map001_wrap {height:218px;}
		.layout_block4 .layout_height_H .map001 div.mapbox {height:208px;}
		.layout_block4 .layout_height_M .map001 div.mapbox {height:108px;}
		
	}
	@media (min-width:600px) and (max-width:699px){
		.layout_block4 .layout_height_M .map001 div.mapbox img {position:absolute; bottom:0; margin-bottom:2%;}
	}
	@media (max-width:599px){
		.layout_01 .map001 h3.mapTitle {margin:10px 0 20px; font-size:18px;}

		.map001 dl dt {width:30%; margin-bottom:10px; font-size:13px;}
		.map001 dl dd {width:70%; font-size:13px;}

	}