@charset "utf-8";

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

　目次

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

　00. base
　01. 


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



/* ==

　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; }





/* メディアクエリー
------------------------------------------------------------------------------- */
@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. 

=============================================================================== */
.ftr_stretch{
	margin-bottom:50px;
	padding:15px;
	border:5px solid #ede5cc;
	zoom:1;
	clear:both;
}

.ftr_stretch #morning,
.ftr_stretch #night{
	padding-top:3px;
	border-top:1px solid #ebdfc5;
	zoom:1;
	clear:both;
}


.ftr_stretch .hdTxt{
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #ebdfc5;
	zoom:1;
	clear:both;
}
#main .ftr_stretch .hdTxt h3{
	width:16.5%;
	padding-right:1%;
	display:table-cell;
	vertical-align:middle;
	/zoom:1;
	/display:inline;
}
#main .ftr_stretch .hdTxt p{
	width:81.5%;
	font-size:134%;
	color:#7e5947;
	display:table-cell;
	vertical-align:middle;
	/zoom:1;
	/display:inline;
}

.ftr_stretch .hdTxt p em{ color:#7e5947; }


.ftr_stretch .summaryTxt{
	margin-bottom:20px;
	padding:13px 20px;
	background-color:#eee;
	color:#333;
	zoom:1;
	clear:both;
}
.ftr_stretch .summaryTxt em{ font-size:127%; color:#d9680b; }




.ftr_stretch .col1{
	width:47.25%;
	margin-left:10px;
	display:inline;
	float:left;
}
.ftr_stretch .col2{
	width:47.25%;
	margin-right:10px;
	display:inline;
	float:right;
}
.ftr_stretch .abdominalBreathing .col1{ width:56.5%; }
.ftr_stretch .abdominalBreathing .col2{ width:39%; }





#main .ftr_stretch .col1 .summaryTxt{ margin-left:-10px; }
#main .ftr_stretch .col2 .summaryTxt{ margin-right:-10px; }

.ftr_stretch div .num01,
.ftr_stretch div .num02,
.ftr_stretch div .num03,
.ftr_stretch div .num04{
	margin:0 0 10px;
	padding-left:30px;
	background-position:left top;
	background-repeat:no-repeat;
}
.ftr_stretch div .num01{ background-image:url(../images/comfortableLife/ic_num01.gif); }
.ftr_stretch div .num02{ background-image:url(../images/comfortableLife/ic_num02.gif); }
.ftr_stretch div .num03{ background-image:url(../images/comfortableLife/ic_num03.gif); }
.ftr_stretch div .num04{ background-image:url(../images/comfortableLife/ic_num04.gif); }


.ftr_stretch div p img.ic{ margin-right:5px; float:left; }


.ftr_stretch .col1 .img,
.ftr_stretch .col2 .img{ text-align:center; }








/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 900px) {
	#main .ftr_stretch .hdTxt h3{ width:18%; }
	#main .ftr_stretch .hdTxt p{ width:80%; }
}
@media only screen and (max-width: 800px) {
	#main .ftr_stretch .hdTxt h3{ width:20%; }
	#main .ftr_stretch .hdTxt p{ width:78%; line-height:1.4; }
	
	.ftr_stretch .col1,
	.ftr_stretch .col2{
		width:auto;
		margin:0 10px 15px;
		display:block;
		float:none;
	}
	.ftr_stretch .abdominalBreathing .col1{ width:auto; }
	.ftr_stretch .abdominalBreathing .col2{ width:auto; }
	#main .ftr_stretch .col1 .summaryTxt{ margin-right:-10px; }
	#main .ftr_stretch .col2 .summaryTxt{ margin-left:-10px; }
	
	.ftr_stretch div .img.pt20, .ftr_stretch div .img.pt30, .ftr_stretch div .img.pt40{ padding-top:0; }
	
}
@media only screen and (max-width: 700px) {
	#main .ftr_stretch .hdTxt h3{ width:22%; }
	#main .ftr_stretch .hdTxt p{ width:76%; }
}
@media only screen and (max-width: 600px) {
	#main .ftr_stretch .hdTxt h3{ width:auto; margin:0 0 10px; text-align:center; display:block; }
	#main .ftr_stretch .hdTxt p{ width:auto; margin-bottom:10px; display:block; }
}





.adviserBlock{
	padding:20px;
	background-color:#eee;
	zoom:1;
	clear:both;
}

.adviserBlock .colW{ width:80%; float:left; }
.adviserBlock .colN{ width:17%; text-align:right; float:right; }



@media only screen and (max-width: 480px) {
	.adviserBlock .colW{ width:auto; margin-bottom:15px; float:none; }
	.adviserBlock .colN{ width:auto; text-align:center; float:none; }
}