@charset "UTF-8";


/* SP：ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:680px )
{



.noneSP {display:none !important;}

  .br-pc { display:none; }
  .br-sp { display:block;}
  
  
  .pc { display: none !important; }
  .sp { display: block !important; }



img{
	width:100%;
	height: auto
	}

	

	


/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/

html{
overflow-x : hidden;
overflow-y : auto;
}
	
	
	
body{
	 animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	letter-spacing: 0;
	font-family: "Noto Sans JP"; 
	height: auto;
	background-color: #fff;
	}


 @keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }





/* ページトップへ戻る */
#pageTop {
 position: fixed;
 bottom: 0px;
 right: 0px !important;
}


#pageTop img{
	width: 40px;
	float: right;
	 margin-right: 7px;
	margin-bottom: 60px;
}

	
	
	
	

	
	
	
/*///////////////////////////////////////////////


ヘッダ


///////////////////////////////////////////////*/


header{
	width: 100%;
}
	
h1 img{
	width: 110px !important;
	margin: -10px 3% 0;
	}	
	

	
	
/*///////////////////////////////////////////////


メインボックス


///////////////////////////////////////////////*/


.mainbox{
	height: auto;
	padding:1px 3%;
	background-color: #6fb92c;
	margin-top: -15px;
	}	
	
	
.mainbox img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 1.5% 0;
	display: block;
	}
		
	
	
	
	
/*///////////////////////////////////////////////


タイトル


///////////////////////////////////////////////*/
	
	
	
h2{
	background-color: #6fb92c;
	text-align: center;
	width: 94%;
	padding: 4% 0;
	border-radius: 7px;
	letter-spacing: 3px;
	color: #fff;
	font-size: 110%;
	margin: 3% auto;
	}	
	
	
	
	
h3{
	text-align: center;
	color: #fff;
	font-size: 190%;
	letter-spacing: 1em;
	}	
	

h3.makertitle{
	text-align: center;
	color: #fff;
	font-size: 120%;
	letter-spacing: 8px;
	}	
		
	
	
h4{
	background-color: #6fb92c;
	text-align: center;
	width: 100%;
	padding: 4% 0;
	border-radius: 6px;
	letter-spacing: 3px;
	color: #fff;
	font-size: 100%;
	margin: 3% auto;
	}	
	
		
section.beigebox_under{
	background-color: #f8f5e0;
	padding: 3% 0 1%;
	margin: -10px 0 0 0;
	}	
		
	
	
	
	

	
/*///////////////////////////////////////////////


コロナ対策


///////////////////////////////////////////////*/
	

section.beigebox{
	background-color: #f8f5e0;
	padding: 5% 0 1%;

	}
	
	
ul.centerbtn{
	text-align: center;
	margin: 0 0 0 -40px;
	}	
	
	
ul.centerbtn li{
	width: 60%;
	display: inline-block;
	margin: 0.5% 0;
	}		
	
	
	
div.whitebox{
	padding: 10px;
	margin: 5%;
	background: #fff;
	border-radius: 10px;
	}
	
	
div.whitebox002{
	padding: 5px 50px;
	background: #fff;
	border-radius: 10px;
	margin: -3% auto 5%;
	}	
	
	
	
	
p.corona{
	width: 90%;
	margin: 5% auto 1%;
	}
	
	
p.coronatxt{
	line-height: 220%;
	padding: 3%;
	font-size: 75%;
	}	
	
		
	
	
	
	
	
	
/*///////////////////////////////////////////////


参加住宅メーカーご案内


///////////////////////////////////////////////*/	
	
	
	
	
section.contentsbox{
	background: url("../images/bg_wood.jpg") repeat;
	background-size: contain;
	}	


div.makerbox{
	margin: 0 2%;
	padding: 4% 0;
	}	
	

	

	
	
/*///////////////////////////////////////////////


トップページ：メーカー一覧
	
	
//////////////////////////////////////////*/	
	
	
	
	
section.contents_three{
	overflow:hidden;
	}


.contentsitem_three_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1% 0;
}
	

	
.contentsitem_box_three{
	padding:0 10px;
	margin:2.5% 2.7%;
	width: 39%;
	background-color: #fff;
	position: relative;
	height: auto;
	border-radius: 5px;
}
	


	
dl.shopinfo dt.shopname{
	text-align: center;
	margin: -15px 0;
	}	
	

dd.cityarea{
	text-align: center;
	letter-spacing: 2px;
	padding: 0 0 2% 0;
	margin: -10px 0 0 0;
	font-size: 75%;
	}		
	
	
	
p.housenumber{
	width: 15px;
	padding: 2% 3%;
	font-weight: bold;
	background-color: #6fba2c;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 90%;
	z-index: 100;
	position:relative;
	clear: both;
	margin: -10px auto 10px;
	}	
	
	
	
p.shopphoto{
	text-align: center;	

	}	
		
	
	
	
	
	
	
	
	
	
	
/*//////////////////////////////////////////


現場地図
	
	
//////////////////////////////////////////*/		
	
	
	
	
section.mapbox{
	margin: 5% 0;	
	}
	
p.map{
	margin: 3% auto;
	text-align: center;
	padding: 3%;

	}	
	
				
	
	
	
	
	
	
/*//////////////////////////////////////////


運営会社：ダイワ
	
	
//////////////////////////////////////////*/	

	
	
p.flyer{
		text-align: center;
		margin:8% 5%;
	}
	
	
	

p.daiwa{
		text-align: center;
		margin: 5% 0 10%;
		letter-spacing: 0.1em;
	line-height: 220%;
	}
	
	
	
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


フッター


///////////////////////////////////////////////*/	
	
	
	
	
.footer{
	padding: 4% 0 20%;
	}	
	
	
	
p.footlogo{
	width: 33%;	
	text-align: center;
	margin: 0 auto;
	}	
		
	
p.copyright{
	text-align: center;
	font-size: 80%;
	letter-spacing: 1px;
	}

	
	
	
	
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
	text-align: center;
	padding: 2% 0;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 50%;
    margin: 0px auto;
    padding: 5px 0;
	margin-right: 0px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	float: left;
}

.inquiry_btn {
    background-color: #be426f;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 95%;
    padding: 10px 0;
    font-size: 90%;
	letter-spacing: 4px;
	color: #fff !important;
}

	
.inquiry_btn002 {
    background-color: #dc7d38;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 95%;
    padding: 10px 0;
    font-size: 90%;
	color: #fff;
	letter-spacing: 4px;
	color: #fff !important;
}
	

	
	
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
	

	
.footicon{
	width: auto;
	height: 16px;
	vertical-align: text-bottom;
	margin: 0 5px;
	}	
	
	
.footicon002{
	width: auto;
	height: 16px;
	vertical-align: text-bottom;
	margin: 0 5px;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
/*///////////////////////////////////////////////


物件詳細


///////////////////////////////////////////////*/	
	
	
	
section.underbox{
	background-color: #6fb92c;
	padding: 0.5% 0;
	margin:-10px 0 2% 0;
	}	
	

	
	
ul.undercontactbtn{
	text-align: center;
	margin-left: -20px;
	}	
	
	
	
ul.undercontactbtn li{
	width: 280px;
	display: inline-block;
		margin: 4% 5px;
	}	
	
	
	
	
	

table.makerinfo{
    border-top:3px solid #999;
    border-left:1px solid #ddd;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	margin: 0 auto 10%;

}




table.makerinfo th{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    color:#333333;
    background-color:#FAFAFA;
	font-weight:bold;
	padding:10px;
		display: block;
	text-align: left;
	font-size: 85%;
	letter-spacing: 2px;
}



table.makerinfo td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
	padding:10px;
	text-align:center;
	line-height:180%;
	vertical-align:middle;
	letter-spacing: 2px;
		display: block;
	text-align: left;
	font-size: 85%;
}


	
	
span.smallfont{
	font-size: 70%;	
	}
	

	
p.googlemaps{
	text-align: center;	
	}	
	
	
	
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
		margin-bottom: 5%;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
	
}	
	
	
	
	
span.makertell{
	font-weight: 600;
	font-size: 160%;
	}
	
	
	
	
	
	


	
	
	
div.coutionbox{
		background-color: #fafafa;
		margin: 5% auto 8%;
		padding: 4% 6%;
		font-size: 82%;
		line-height: 220%;
		border: 1px solid #ddd;
	}	
	
		
div.coutionbox ul.pratxt{
		padding: 0;
	margin: 0 0 6% 0;;
	line-height: 190%;
	letter-spacing: 0.2em;
	}
	
.indent-1 {
padding-left:2em;
text-indent:-2em;
}	
	
	
	
		
	
p.pretitle002{
	text-align: center;
	font-size: 90%;
	margin: 5% 0;
	}	
		
p.pretxt{
	line-height: 220%;
	font-size: 80%;
	margin: 0 3%;
	}	
	
	
.amazoncardimg{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 5%;
	text-align: center;
	display: block;
	}

	
	
	
	
	
/*///////////////////////////////////////////////


CSSアニメーションボタン
	
	
///////////////////////////////////////////////*/
	
	
div.container{
	margin: 10% auto 20%;
	text-align: center;
	}
	
	

/* ここから下が資料請求ボタンのCSS　*/
.c-button {
  outline: none;
  display: inline-block;
  width: inherit;
  min-width: 70%;
  text-align: center;
  background-color: #ffa024;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  transition: all 0.3s;
  padding: 20px 8.5%;
  font-weight: 700;
  letter-spacing: 0.1em;
  opacity: 1 !important;
	border: 1px solid #ffa024;
	margin: 3% 0 0 0;
}
.c-button span {
  position: relative;
  z-index: 99;
	
}
.c-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
}
	
.c-button svg {
  width: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  transition: all 0.1s;
}
.c-button:hover {
  color: #ffa024 !important;
  border: 1px solid #ffa024;

}

	
	
	
	
	
	
	
	
	
	
	
/* ここから下が来場予約ボタンのCSS　*/
.c-button002 {
  outline: none;
  display: inline-block;
  width: inherit;
  min-width: 70%;
  text-align: center;
  background-color: #be426f;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  transition: all 0.3s;
  padding: 20px 8.5%;
  font-weight: 700;
  letter-spacing: 0.1em;
  opacity: 1 !important;
	border: 1px solid #be426f;
	margin: 3% 0 0 0;
}
.c-button002 span {
  position: relative;
  z-index: 99;
	
}
.c-button002:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
}
	
.c-button002 svg {
  width: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  transition: all 0.1s;
}
.c-button002:hover {
  color: #be426f !important;
  border: 1px solid #be426f;

}

	
	
	
	
	
	
	
	
	
	
/*///////////////////////////////////////////////


台風による告知
	
	
///////////////////////////////////////////////*/	
	
	
	
div.announce{
	margin: 0 auto;
	display: block;
	text-align: center;
	border: 1px solid #AC0205;
	padding: 2% 3%;
	background-color: #fff;
	color: #AC0205;
	line-height: 200%;
	width: 82%;
	font-size: 85%;
	margin-bottom: 3%;
	}	
	
	
		
	
	
	
	
	
	
		
	
	
	
	
	
	
	
	
	
}