@charset "utf-8";

/* ==================================================================
	metalpaint.css
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ main
-------------------------------- */ 

.contents h2 {
	font-size: 155%;
	margin-bottom:2%;
	background:url(../../images/metalpaint/circle.png) left 50% no-repeat;
	padding: 10px 10px 10px 40px;
}

#showroom section{
	padding:4% 0;
}

#showroom section p.image{
	margin-bottom:45px;
}

#showroom p.text{
	text-align:center;
	font-size:133%;
	margin-bottom:45px;
}

#showroom section ul.room{
	margin-left:-40px;
	margin-bottom:65px;
	overflow:hidden;
}

#showroom section ul.room li{
	float:left;
	margin-left:40px;
}

#showroom #map{
	clear:both;
}

#showroom #map .maparea{
	width:70%;
	float:left;
}

#showroom #map .rightarea{
	width: 30%;
    float: right;
    padding-left: 40px;
    box-sizing: border-box;
}

#showroom #map .rightarea p.logo{
	margin-bottom:20px;
}

#showroom #map .rightarea p.name{
	font-size:125%;
	font-weight:700;
	margin-bottom: 5px;
}

#showroom #map .rightarea p.add{
	font-size:108%;
}


@media screen and 
(max-width:640px){

#showroom p.text{
    text-align: left;
}


#showroom ul.room{
	margin-left:0;
}

#showroom ul.room li{
	float:none;
	margin-bottom:30px;
}

#showroom ul.room li:last-child{
	margin-bottom:0;
}

#showroom #map .maparea{
	float:none;
	width:auto;
	margin-bottom:20px;
}

#showroom #map .maparea iframe{
	height:300px;
}


#showroom #map .rightarea{
	width:auto;
	float:none;
	padding-left:0;
}