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

/* ---------------------------
小松町のcssです。
------------------------------ */


article {
	background-color: inherit;
	width: 100%;
}


.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clear{clear: both;}



section:after {
    content: "";
    display: block;
    clear: both;
}

article {
	background-color:transparent;
	border-color:transparent;
	color:#393530;
	background: #433f3b;
	width:100%;
    line-height: 180%;
	font-family:"dnp-shuei-mincho-pr6n",'游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝',serif;
	font-weight: 400;
	font-size:20px;
	margin: 0 auto;
	padding: 0;
	border: none;
	overflow: hidden; /*スマホ対応-右の余白を非表示に*/
}


article .inner{
	width: 100%;
	background: #fff;
	padding-top: 20px;
	margin: 0;
	
}

article h2{
	width: 100%;
	max-width: 950px;	
	font-size:150%;
	font-weight: 600;
	letter-spacing: 0.5em;
	text-align: center;
	padding-bottom: 20px;
	margin: 80px auto;
	background-image: url(../img/h2line.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}


#top,#lead,#plan,#map,#kukaku,#photos,#details,#contact{
	width: 100%;
	max-width: 950px;
	margin: 0 auto 10% auto ;
}
#top img,#lead img,#plan img,#map img,#kukaku img,#photos img,#details img,#contact img {
	width: 100%;
	max-width: 950px;	
}


/* ---------------------------
タイトル部分
------------------------------ */

#top{		
	height: auto;
	margin: 70px auto 0 auto;
	padding:0;
}


#top img{	
	text-align: center;
	margin: 0 auto;
	
}



/* ---------------------------
リード部分
------------------------------ */

#lead .lead {
	display: flex;
	margin: 1%;
}
#lead h3 {
    margin: 5rem auto;
    display: block;
    max-width: 520px;
    width: 96%;
}

#lead em{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:130%;
	line-height: 2em;
	font-weight: 700;
	font-style: normal;
}

#lead em span{
	color:#9e882a;
}
	

#lead .leadtext1{
	max-width: 500px;
	margin-top: 40px;
	font-size:100%;	
}


#lead img{
	width: 100%;
	max-width: 500px;
	height: auto;
vertical-align: top;
}

#lead .s{
	font-size: 80%;
}

/* ---------------------------
マップ部分
------------------------------ */

#map{
	width: 100%;
	margin: 0 auto ;
	text-align: center;	
}

#map figure{
	 background: #dddaca;
}

/* ---------------------------
フォトラマ
------------------------------ */	
section#photos{
margin: 0 auto 200px auto ;
	text-align: center;
	padding: auto 20px;
	box-sizing: border-box;
	
}



#photos .fotorama{
	margin:0 auto;	
	
}


#photos:after{
	content: "";
	clear: both;
	display: block;
}

.fotorama__caption {
	position: absolute;
	z-index: 12;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	color: #000
}

#photos .text-s {
	text-align: left;
	font-size: 80%;
}

/* ---------------------------
物件概要テーブル
------------------------------ */	

#details{	
	margin:80px auto;
}

#details table{
font-size:100%;
max-width: 950px;
border-collapse: collapse;
border: 1px solid #ccc;
margin:60px auto;
}

#details table th,td {
padding: 10px 30px;
border-bottom: 1px solid #ccc;
}

#details table th {
width:26%;
text-align: left;
}



/* ---------------------------
問い合わせフォーム
------------------------------ */	

#from{
	margin: 0 auto;
	width: 100%;
	height: auto;
	margin-top: 80px;
	margin-bottom: 80px;
	display: block;
	text-align: center;
}


#from:hover {
	opacity: 0.8 ;
}

#from img{
	width: 100%;
	max-width: 300px;
	height: auto;
}



/* ---------------------------
トップへ戻るボタン
------------------------------ */	
#pagetop {
    display: none;
    position:fixed;
	right: 50px;
	bottom:50px;
    cursor:pointer;
}

/* ---------------------------
gmap
------------------------------ */	


#gmap{	
	
	margin: 0 auto 10rem;
	width: 100%;
	max-width: 960px;
	padding-top: 60px;
}



/* ---------------------------
for sp
------------------------------ */	

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

	
article h2{
	font-size:110%;	
	}
	
#lead {
	width: 95%;
	margin:0 auto;
	}
	
#lead .lead {
	display: block;
	}

#lead .img {
		width: 100%;
		text-align: center;
		margin:auto;
	padding-top:5%;
	}
	
#kukaku {
		width: 95%;
	}	
	
#details table th ,#details table td{
	display: block;
	height: auto;
	width:95%;
	text-align: left;
	margin:auto;
	font-size: 90%;
}


#details table th{
	background-color: darkgrey;	
	padding: 5px 10px;
	border-bottom: none;	
}	

#details table td{
padding: 10px 10px;
}
	

#pagetop {
    display: none;
    position:fixed;
	right: 2%;
	bottom:5%;
    cursor:pointer;
}
	
	
	
}