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

.under_ttl_inner{
	background:url(../img/access/bg_ttl.jpg);
	background-size:cover;
}


.surroundings .left{
	width:440px;
	float: left;
}

.surroundings .right{
	width:530px;
	float: left;
	margin-left: 50px;
}

.surroundings .wrap1,
.surroundings .wrap2{
	margin-bottom: 50px;
}


.time_to_spot li span:first-of-type{
	display: inline-block;
	width: 250px;
}

.surroundings .right p:first-of-type{
	margin-bottom: 40px;
}

.surroundings .right p:nth-of-type(2){
	margin-bottom: 20px;
}

.surroundings .right dt,
.surroundings .right dd{
	display: inline-block;
}

.link_mansion{
	width:560px;
	margin: 0 auto 48px;
}

.link_mansion p{
	float: left;
	background:#c03738;
	width:240px;
	height:40px;
	line-height:40px;
	border-radius:3px;
	border:1px #e6e6e6 solid;
	text-align: center;
}

.link_mansion p:nth-of-type(2){
	background:#0e7026;
	margin-left:80px;
}


.link_mansion p a{
	display: block;
	color:#fff;
	font-size: 1.5rem;
}
.link_mansion p a:hover{
	text-decoration: underline;
}

.second_p{
	margin:0 10px;
}

.under_content .gmap{
	width:100%;
	height:330px;
}

.under_content .gmap iframe{
	width:100%;
	height:100%;
}

.under_content .gmap + p{
	margin-top: 20px;
}



@media all and (max-width: 798px) {

.under_ttl_inner{
	background-position:bottom center;
}

.surroundings .left{
	width:100%;
	float:none;
	margin-bottom: 20px;
}

.surroundings .left img{
	width:100%;
}
	
.surroundings .right {
    width: 100%;
    float: none;
    margin-left: 0;
}

.link_mansion{
	width:100%;
	text-align: center;
}

.time_to_spot li span:first-of-type{
	width:auto;
}

.link_mansion p:nth-of-type(2){
	margin-left: auto;
}

.link_mansion p{
	margin:0 auto;
	float:none;
}

.link_mansion p:first-of-type{
	margin-bottom: 20px;
}
	
.surroundings .right p:first-of-type{
	margin-bottom: 20px;
}
	
}