@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. 

=============================================================================== */
#main .ftr_style{
    margin-bottom:40px;
    zoom:1;
    clear:both;
}
#main .ftr_style h2{ margin-bottom:20px; }
.ftr_style span{ font-size:117%; }
.ftr_style em{  font-size:117%; font-weight:bold; }
 
.ftr_style .col1{
    /* width:310px; */
    width:32.5%;
    border-left:1px solid #ccc;
    text-align: center;
    float:left;
}
.ftr_style .col2{
    /* width:325px; */
    width:34%;
    border-left:1px solid #ccc;
    text-align: center;
    float:left;
}
.ftr_style .col3{
    /* width:310px; */
    width:32.5%;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    text-align: center;
    float:left;
}

.ftr_style div .inner{ padding:0 20px; }


.ftr_style div p{ text-align:left; }

.ftr_style div p.lead{ margin-bottom:20px; }
.ftr_style div p.lead em{
    font-size:117%;
    color:#d3833b;
}

.ftr_style div div.img{ margin-bottom:20px; }
.ftr_style div div.img img{ margin-bottom:10px; }



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

    .ftr_style .col1{
        width:auto;
        height:auto !important;
        margin:0 0 20px;
        padding:20px 0 0;
        border-top:1px solid #ddd;
        border-left:none;
        float:none;
    }
    .ftr_style .col2{
        width:auto;
        height:auto !important;
        margin:0 0 20px;
        padding:20px 0 0;
        border-top:1px solid #ddd;
        border-left:none;
        float:none;
    }
    .ftr_style .col3{
        width:auto;
        height:auto !important;
        padding:20px 0 0;
        border-top:1px solid #ddd;
        border-left:none;
        border-right:none;
        float:none;
    }
    .ftr_style div .inner{ padding:0; }

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



/* ==

　02. 

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

.ftr_hint div p.hdTxt em{ padding-left:15px; background:url(../images/comfortableLife/ico_disc01.gif) left 0.4em no-repeat; font-size:110%; color:#333; }


.ftr_hint .hint01{
    margin-bottom:30px;
    padding-bottom:40px;
    border-bottom:1px dotted #ddd;
    zoom:1;
    clear:both;
}
.ftr_hint .hint01 .col1{ width:48.5%; float:left; }
.ftr_hint .hint01 .col2{ width:48.5%; float:right; }

.ftr_hint .hint01 .col2 .img{ margin-top:-30px; text-align:center; }
.ftr_hint .hint01 .col2 .img p{ text-align:left; }
.ftr_hint .hint01 .col2 .txt1{ padding:0 2% 0 48%; }


.ftr_hint .stock{
    padding:20px;
    background-color:#f1f5eb;
    font-size:117%;
}
.ftr_hint .stock dt{ font-size:124%; font-weight:bold; }


.ftr_hint .hint02 div .col1{ width:32%; margin-right:2%; float:left; }
.ftr_hint .hint02 div .col2{ width:32%; margin-right:2%; float:left; }
.ftr_hint .hint02 div .col3{ width:32%; float:left; }


.ftr_hint .hint02 .hint02_1{ margin-bottom:40px; zoom:1; clear:both; }

.ftr_hint .hint02 .hint02_2 li{
    margin-bottom:7px;
    margin-left:2em;
    text-indent:-2em;
    font-size:117%;
    line-height:1.5;
}
.ftr_hint .hint02 .hint02_2 li em{ color:#5aa931; font-weight:bold; }

.ftr_hint .hint02 .hint02_2 li.txtA em{ color:#5facd8; }
.ftr_hint .hint02 .hint02_2 li.txtB em{ color:#e99217; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {
    
    .ftr_hint .hint01 .col1{ width:auto; margin-bottom:20px; float:none; }
    .ftr_hint .hint01 .col2{ width:auto; float:none; }

    .ftr_hint .hint02 div .col1{ width:auto; margin-bottom:20px; margin-right:0; float:none; clear:both; }
    .ftr_hint .hint02 div .col2{ width:48%; margin-right:4%; }
    .ftr_hint .hint02 div .col3{ width:48%; }


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

    .ftr_hint .hint01 .col2 .img{ margin-top:0; }
    .ftr_hint .hint01 .col2 .txt1{ padding:0 2% 0 20%; }

    .ftr_hint .hint02 div .col2{ width:auto; margin-bottom:20px; margin-right:0; float:none; clear: both; }
    .ftr_hint .hint02 div .col3{ width:auto; float:none; clear: both; }

}





/* ==

　03. 

=============================================================================== */




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