@charset "utf-8";

/* CSS Document */
/* モデルハウス
---------------------------------------*/
.m-auto1{
	margin:0 auto;
	}


.img1{
	width:100%;
	}

.onlyPc{
	display: none;
	}
.onlySp{
	display: block;
	}

.outer10{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}


#model_top{
    padding: 4rem 0 0;
	}

.model_ttl2{
	font-size:3rem;
	text-align: center;
    line-height: 1.5;
    padding: 3rem 0;
	}

#model1 ul li {
    margin-top: 0.5rem;

	}
	


.m_gallery {
	margin: 50px auto;	
	
}

	
.model01 {
	border:1px solid #ccc;
	padding:15px;
	margin-bottom:20px;
	margin-top: 40px;
	}
	
.model02 {
	border:1px solid #ccc;
	background:#EFEFEF;
	padding:15px;
	margin-bottom:20px;
	}


	
#modelPhoto img {
	border:1px solid #ccc;
	/*display:block;*/
	padding:3px;
	}
	
.zoom {
	font-size:10px;
	background: url(../img/common/zoom.gif) no-repeat left center;
	padding-left:20px;
} 
	
#modelMap li {
	padding-left:30px;
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	padding-top:10px;
	}

	
/*.carnavi {
	background: url(../img/common/carnavi.gif) no-repeat left center;
	}*/
	

	
	
.tel {
	background: url(../img/common/free.gif) no-repeat left center;
	}
	
.tel2 {
	font-family: 'PT Serif', serif;
	background: url(../img/common/free2.gif) no-repeat left center;
	background-size: 30px 18px;
	font-size:220%;
	width: 300px;
	margin: 0 auto;
	}
	
.tel3 {
	font-family: 'PT Serif', serif;
	background: url(../img/common/free2.gif) no-repeat left center;
	background-size: 30px 18px;
	padding-left:40px;
	font-size:220%;
	}
	

	
#model-lineup {
	border:1px solid #ccc;
	padding:20px;
	margin-top: 40px;
	background-color: #F3F2ED;
	}
	
	
.mdl-lineup {
	border:1px solid #ccc;
	padding:10px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(http://www.sample.com/PIE/PIE.htc); /* IE用 */
	}
	
/* model raijyo　bottan
-------------------------------*/

.m_btn a{
	display:block;
	border:1px solid #31326f;
	background:rgba(6,7,49,1.00);
	text-align: center;
    vertical-align: middle;
	color: #fff;
	margin:1rem 0;
	padding:15px;
	text-decoration: none;
	}

.m_btn a:hover {
	color: #fff;
	background:rgba(49,50,111,0.9);
	}

.s_map {
	border:1px solid #666;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;*/
	}
.s_map dl {
	display:flex;
	flex-wrap: wrap;
	line-height:1.6;
    font-size: 1.5rem;

	}
.s_map dt{
	flex-basis: 25%;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	padding:0.5rem;
	background:#ccc;
	color:333;
	text-align:left;
	}
.s_map dd{
	flex-basis: 75%;
	border-bottom:1px solid #666;
	padding:0.5rem;
	text-align:left;	
	}



@media only screen and (min-width: 768px) {
    
.fx-btw{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
    
.onlyPc{
	display: block;
	}
    
.onlySp{
	display: none;
	}
    

	
#model_top {
    padding: 15rem 0 0;

}
	
}


@media only screen and (min-width: 1024px) {
	
#model_top {
    padding: 10rem 0 0;

}
    
.model_photo ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

} 
    
    
.model_photo ul li {
    width: 33%;
} 
    
    
.model_ttl2{
    margin-top: 3rem;
	}
    

.m_btn a{
    width: 80%;
    margin: 2rem auto;
	}

	
}
	

@media only screen and (max-width: 767px) {
	#model_top p {
		font-size: 20px;
	}
}