@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　00. base
　01. 暮らしに小さな和を取り入れよう！
　02. 和を取り入れて快適な空間をつくる
　03. 古きよき工夫と現代の技術を融合させる


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



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#main h2{ margin-bottom:10px; }
#main h3{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }
#main p.leadTxt.mobile{ padding:15px 0 30px; font-weight:bold; }


#main p.hdTxt{ margin-bottom:10px; }

#main div.note{ padding-top:15px; border-top:1px dotted #ccc; clear:both; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }
}





/* ==

　01. 暮らしに小さな和を取り入れよう！

=============================================================================== */
.waBlock{ padding-bottom:30px; zoom:1; clear:both; }
.waBlock .col1{
	width:36.5%;
	float:left;
}
.waBlock .col2{
	width:58.5%;
	margin-top:-65px;
	float:right;
}
.waBlock .img{ text-align:center; }

#main .waBlock h2{ margin-bottom:20px; }
#main .waBlock h3{ margin-bottom:5px; }

.waBlock .wa01{ margin:0 0 30px; }

.waBlock .wa03{ margin:0 0 30px; position:relative; }
.waBlock .wa03 .txt{
	width: 275px;
	left:150px;
	top:60px;
	position: absolute;
}
.waBlock .wa03 .img{ float:left; }

.waBlock .wa04 .txt{ width:50%; margin-bottom:30px; margin-left:5%; float:left; }
.waBlock .wa04 .img{ width:36%; margin-top:-7em; float:right; }

.waBlock .wa05 .txt{ width:60%; padding-top:20px; float:right; }
.waBlock .wa05 .img{ width:37%; float:left; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px){
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 755px) {
	.waBlock .col1{ width:auto; margin-bottom:20px; float:none; }
	.waBlock .col2{ width:auto; margin-top:0; float:none; }
	
	.waBlock .col1 .wa01{ width:48%; float:left; }
	.waBlock .col1 .wa02{ width:48%; float:right; }

	.waBlock .col2 .wa03{ width:48%; float:left; }
	.waBlock .wa03 .txt{ width:auto; position:static; }
	.waBlock .wa03 .img{ float:none; }

	.waBlock .col2 .wa04{ width:48%; float:right; }
	.waBlock .wa04 .txt{ width:auto; margin-bottom:0; margin-left:0; float:none; }
	.waBlock .wa04 .img{ width:auto; margin-top:0; float:none; }
	
	.waBlock .wa05 .txt{ width:67%; }
	.waBlock .wa05 .img{ width:30%; }
	
}
@media only screen and (max-width: 600px) {
}



/* ==

　02. 和を取り入れて快適な空間をつくる

=============================================================================== */
.ftr_comfortable{
	margin:0 0 50px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}

.ftr_comfortable .colW{ width:72%; float:left; }
.ftr_comfortable .colN{ width:25.5%; float:right; }

.ftr_comfortable .colW div{ margin-bottom:50px; }
.ftr_comfortable .colW div .txt{ width:44%; margin-bottom:0; float:left; }
.ftr_comfortable .colW div .img{ width:53%; margin-bottom:0; float:right; }


.ftr_comfortable .colN li{ margin-bottom:15px; line-height:1.4; }
.ftr_comfortable .colN li img{ margin-bottom:7px; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {
	.ftr_comfortable .colW{ width:auto; float:none; }
	.ftr_comfortable .colN{ width:auto; float:none; }

	.ftr_comfortable .colW div .txt{ width:52%; }
	.ftr_comfortable .colW div .img{ width:45%; }

	.ftr_comfortable .colN li{ width:32%; margin-left:2%; float:left; }
	.ftr_comfortable .colN li:first-child{ margin-left:0; }
}
@media only screen and (max-width: 600px) {
	.ftr_comfortable .colW div{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ddd; }
	.ftr_comfortable .colW div div{ margin-bottom:0; padding-bottom:0; border-bottom:none; }
	.ftr_comfortable .colW div .txt{ width:auto; margin-bottom:15px; float:none }
	.ftr_comfortable .colW div .img{ width:auto; text-align:center; float:none; }
}




/* ==

　03. 古きよき工夫と現代の技術を融合させる

=============================================================================== */
.ftr_fusion{
	margin-bottom:40px;
	padding:20px;
	border:5px solid #eee;
	zoom:1;
	clear:both;
}
#main .ftr_fusion h3{ margin-bottom:20px; }

.ftr_fusion .txt{ width:40.5%; padding:2%; float:left; }
.ftr_fusion .img{ width:53.5%; float:right; }
.ftr_fusion .img img{ margin-bottom:10px; }



.bnr_washitsu a{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	display:block;
}
.bnr_washitsu a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 600px) {

	.ftr_fusion .txt{ width:auto; margin-bottom:10px; padding:2% 0; float:none; }
	.ftr_fusion .img{ width:auto; text-align:center; float:none; }
	.ftr_fusion .img p{ text-align:left; }

}