@charset "utf-8";


.clear{clear:both;}
#content img{vertical-align:bottom;}
/* ページヘッダ */
.header_title{
	width:100%;
	background-image: url(../../img/bg13.gif); background-position:center;
	font-size:24px; text-align:left; color:#f44a00;
letter-spacing:0.15em;
padding:8px 0 6px;margin:0 0 5px; 
text-shadow:2px 2px 2px #d7b8aa;
-webkit-text-shadow:2px 2px 2px #d7b8aa;
-moz-text-shadow:2px 2px 2px #d7b8aa;
}
.header_title p{ margin:0 0 0 25px; padding:0; }
.main01{margin:1px 0 5px;text-align:center;}
.main02{width:400px;float:left; margin-bottom:15px;}
.main03{width:290px;float:right; margin-bottom:15px;}
.main04{text-align:center;}
.main05{text-align:right;font-size:11px;margin:0 0 0;color:#ff0000}
.pnt1{color:#00786f; font-size:15px; font-weight:bold; line-height:1.5; margin: 0 0 10px;}
.pnt2{ font-size:15px;  line-height:1.5; margin: 0 0 20px;}
.line01{width:99%;border:1px solid #ff0000;margin:20px 0 20px; }
.forpl{text-align:center;margin:10px 0 0;color:#ff0000;font-weight:bold;font-size:16px;}


/* ■ HIROSEオリジナル底力暖房 */
.main06{
text-align:left;font-size:20px;color:#3b71b2;font-weight: bold;
margin:20px 0 10px;padding:0 0 7px; 
border-bottom:1px solid #ff0000;
}
.main07{font-size:15px;}
/* ◎つらい冬を待ち遠しいものにしてくれる。 */
.main08{ font-size:20px;color:#ed7a01;font-weight:bold;margin:12px 0 3px;}
.main09{font-size:14px;margin:0 0 5px;}
.timg05{text-align:center;font-size:14px;width:285px;float:left;margin-right:15px;}
.timg06{text-align:center;font-size:14px;width:240px;float:left;}
/* ECO★底力暖房 */
.main10{color:#ff0000;margin:10px 0 3px;font-size:14px;}
.main11{ padding:0;border-spacing:0;}
/* 暖かさに定評 */
.main12{
    width:99%; margin:10px 0 0;font-size:14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ed7a01;
    text-align:left;
}
.main120{margin:10px 15px;}


/* サムネイル */
#sumlist{
width:700px;
text-align:left;
margin:0; 
background-color:#ffffff;
}
#sumlist div{ float:left; width:62px; letter-spacing:0.1em;margin:0 1px 1px 0; }
#sumlist a{ display: block; text-decoration:none; margin:0; padding:0; }
#sumlist span{ display:none;}
/* 画像影 */
.openimg{
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
margin:1px 6px 4px 1px;
}


/* HIROSEの家の4本の柱 */
.square_btn {
    display: inline-block;  font-size:41px; letter-spacing:0.06em;
    padding:8px 15px 7px; margin:5px 0 30px;
    text-decoration: none;
      background: #0000ff;
    border: solid 2px #0900e1;
    border-radius: 6px;
    transition: .4s;
}
a.square_btn:link{color: #ffffff;}
a.square_btn:visited{color: #ffffff;}
a.square_btn:active{ color: #ffffff; }
a.square_btn:hover {background: #ffffff;color: #0000ff;}





/********** 930未満 タブ,スマ *****/
@media screen and (max-width:929px){ 
.main03{width:350px;margin-right:10px;}
#sumlist{margin:0 auto;}
.square_btn {margin:5px 0 10px;}
}

/********* 800未満 ******/
@media screen and (max-width:799px){ 
.header_title td{ font-size:20px; } 
.main02{width:100%;text-align:center;}
.main03{width:98%; margin:10px 5px 10px 0; }
}

/********* 700未満 ******/
@media screen and (max-width:699px){ 
.timg04{width:99%;height:auto;}
/* .main05{ display:none;} */
#sumlist{ width:100%;margin:10px 0 0; padding:0; border-spacing:0; border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;}
#sumlist td{padding:0; margin:0;}
#sumlist div{ width:49.8%;margin:0;padding:0; border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}
#sumlist img{ width:37px; height:37px; margin-right:5px;vertical-align: middle;}
#sumlist span{ display:inline;}
#sumlist a:hover{
background-color:#ffe5f4;
background-image: url(../../img/arrow.png);
background-repeat:no-repeat;
background-position:98%;
}
}

/********* 600未満 ******/
@media screen and (max-width:605px){ 
.square_btn { font-size:38px; }
}

/********* 500未満 ******/
@media screen and (max-width:523px){ 
.timg03{width:99%;height:auto;}
.timg04{width:99%;height:auto;}
#sumlist div{ width:100%; }
.square_btn { font-size:31px; padding:7px 10px 7px; width:98%;}
}

/********* 440未満 ******/
@media screen and (max-width:435px){ 
.timg01{width:70%;height:auto;}
.timg02{width:99%;height:auto;}
.square_btn { font-size:29px; padding:7px 5px 7px; margin-right:8px;}
}

/********* 400未満 ******/
@media screen and (max-width:400px){ 
.square_btn { font-size:25px;}
}

/********* 350未満 ******/
@media screen and (max-width:350px){ 
.square_btn { font-size:22px; }
}