@charset "utf-8";
/* CSS Document */

.map { position:relative; width:100%; margin:0 auto; padding:0; font-size:0; line-height:normal; padding-bottom: 50px;}
.mapInput { position:relative;width:100%; box-sizing: border-box; border: 2px solid #d2d2d2;}
.address { position:relative; margin:55px auto 25px auto; padding:0; width:100%; text-align:center;}
.address p { position:relative; margin:0 auto; padding:0; width:100%;}
.address p:nth-child(1) { font-size:24px; color:#333; margin-bottom:20px;}
.address p:nth-child(2) { font-size:15px; color:#555;}
.address img { float: none; vertical-align: middle; margin-bottom:2px; margin-right:5px;}
.address img.bull { float: none; vertical-align: middle; margin-bottom:1px; margin-right:5px; width: 20px;}
.address .dotBlock { margin:0 30px;}

.mapTxt { position:relative; margin:0 auto; width:100%;}


@media screen and (min-width:600px){
	.address p { position:relative; margin:0 auto; padding:0; width:100%;}
	.address p:nth-child(1) { font-size:18px; color:#333; margin-bottom:20px;}
	.address p:nth-child(2) { font-size:15px; color:#555;}

	.mapTxt div { position:relative; width:100%; vertical-align:middle; margin-top:20px;}
	.mapTxt div div:nth-child(1) { width:22%; font-size:18px; color:#333; font-weight:600; text-align:center; display:inline-block; line-height:1.4; box-sizing:border-box;}
	.mapTxt div div:nth-child(2) { width:78%; color:#333; border-top:2px solid #545454; font-size:13px; display:inline-block;}
	.mapTxt div div ul { position:relative; width:100%; list-style:none; margin:0; padding:0;}
	.mapTxt div div ul li { width:100%; border-bottom:1px solid #d9d9d9; padding:10px 0; display:table;}
	.mapTxt div div ul li span { margin:0; padding:0; vertical-align:middle; display:table-cell; line-height:1.0; font-size:13px;}
	.mapTxt div div ul li span:nth-child(1) { width:25%; text-align:center; font-size:15px;}
	.mapTxt div div ul li span:nth-child(2) { width:75%; text-align:left; font-size:13px;}
	.mapTxt div div ul li span p { width:100%; line-height:1.6;}
	.mapTxt div div ul li span .busStop { font-size:13px;}
	.mapTxt div div ul li span .subwayStop { font-size:13px;}
}

@media screen and (max-width:600px){
	.mapInput { }
	.address { margin: 30px auto;}
	.address p { position:relative; margin:0 auto; padding:0; width:100%; text-align: left;}
	.address p:nth-child(1) { width:100%; font-size:18px; color:#333; margin-bottom:10px; line-height: 1.6;}
	.address p:nth-child(2) { width:100%; font-size:14px; color:#555; text-align: left;}
	
	.address p span {position:relative; float:left; text-align:left; line-height:2.0; margin-right: 10px;}
	.address p span img { width:21px;}
	
	.address .dotBlock { display:none;}
	
	.mapTxt div { position:relative; width:100%; vertical-align:middle; margin-top:10px;}
	.mapTxt div div:nth-child(1) { width:100%; font-size:19px; color:#333; font-weight:600; text-align:center; display:inline-block; line-height:1.4; box-sizing:border-box;}
	.mapTxt div div:nth-child(2) { width:100%; color:#333; border-top:2px solid #545454; font-size:15px; display:inline-block;}
	.mapTxt div div ul { position:relative; width:100%; list-style:none; margin:0; padding:0;}
	.mapTxt div div ul li { width:100%; border-bottom:1px solid #d9d9d9; padding:10px 0; display:table;}
	.mapTxt div div ul li span { margin:0; padding:0; vertical-align:middle; display:table-cell; line-height:1.0; font-size:15px;}
	.mapTxt div div ul li span:nth-child(1) { width:35%; text-align:center; font-size:15px;}
	.mapTxt div div ul li span:nth-child(2) { width:65%; text-align:left; font-size:13px;}
	.mapTxt div div ul li span p { width:100%; line-height:1.6;}
	.mapTxt div div ul li span .busStop { font-size:13px;}
	.mapTxt div div ul li span .subwayStop { font-size:13px;}
}