/* リンク設定
------------------------------------------------------------*/



/* 全体
------------------------------------------------------------*/


/*************
/* ヘッダー
*************/

/*************
/* ロゴ
*************/

/*************
/* 電話番号
*************/

	
/*************
/* トピックス
*************/


/**************************
/* メイン画像
**************************/

.go24 {
	font-weight:bold;
	background-color:#F0C;
	text-align:center;
	border:solid 1px #F6C;
	margin:4px;
	color:#FFF;
	font-size:18px;
	
}

.go24_1 {
	font-weight:bold;
	background-color:#fff;
	text-align:left;
	border-bottom:solid 3px #CCC;
	border-left:solid 6px #F3F;
	margin:10px 0 0 0;
	color:#F0C;
	font-size:18px;
	font-weight:bold;
	padding-left:16px;
}
	
.go20 {
	font-weight:bold;
	background-color:#00CC00;
	text-align:center;
	border:solid 1px #0C3;
	margin:4px;
	color:#FFF;
	font-size:18px;
}

.go20_1 {
	font-weight:bold;
	background-color:#fff;
	text-align:left;
	border-bottom:solid 3px #CCC;
	border-left:solid 6px #00CC00;
	margin:10px 0 0 0;
	color:#00CC00;
	font-size:18px;
	font-weight:bold;
	padding-left:16px;
}

.go16 {
	font-weight:bold;
	background-color:#00C;
	text-align:center;
	border:solid 1px #06F;
	margin:4px;
	color:#FFF;
	font-size:18px;
}

.go16_1 {
	font-weight:bold;
	background-color:#fff;
	text-align:left;
	border-bottom:solid 3px #CCC;
	border-left:solid 6px #00C;
	margin:10px 0 0 0;
	color:#00C;
	font-size:18px;
	font-weight:bold;
	padding-left:16px;
}

.go10 {
	font-weight:bold;
	background-color:#F90;
	text-align:center;
	border:solid 1px #FC0;
	margin:4px;
	color:#FFF;
	font-size:18px;
}

.go_sonota1 {
	font-weight:bold;
	background-color:#fff;
	text-align:left;
	border-bottom:solid 3px #CCC;
	border-left:solid 6px #000;
	margin:10px 0 0 0;
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding-left:16px;
}


.go_1 {
	font-weight:bold;
	background-color:#000;
	text-align:center;
	border:solid 1px #333;
	margin:4px;
	color:#FFF;
	font-size:18px;
}

.hyo_iro {
    font-weight: bold;
    background-color: #ebebeb;
    text-align: center;
    border: solid 1px #cccccc;
    margin: 4px;
    color: #000000;
    font-size: 16px;
    line-height: 34px;
}


.place_premium{
	padding:4px 8px 4px 8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f6e7cf), color-stop(0.51, #b68d4c), color-stop(0.50, #c19e66), color-stop(0.00, #f4e3c9));
background: -webkit-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);
background: -moz-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);
background: -o-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);
background: -ms-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 51%, #f6e7cf 100%);
background: linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #886733 51%, #f6e7cf 100%);
	text-align:center;
	font-weight:bold;
	color:#000;
	border-radius:5px;
	border:solid 1px rgba(200,177,127,1.00);
	text-shadow:0 1px 0 #F8E7B5,
	1px 0 0 #F8E7B5,
	0 -1px 0 #F8E7B5,
	-1px 0 0 #F8E7B5,
	-1px -1px 0 #F8E7B5,
	1px -1px 0 #F8E7B5,
	-1px 1px 0 #F8E7B5,
	1px 1px 0 #F8E7B5;
}

.place_full{
	padding:4px 8px 4px 8px;
	background-color:#F9F;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
}

.place_tes_full{
	padding:4px 8px 4px 8px;
	margin:10px 0 8px 0;
	background-color:#F9F;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
}

.place_auto{
	padding:4px 8px 4px 8px;
	background-color:#3CF;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
}
.place_tes_auto{
	padding:4px 8px 4px 8px;
	background-color:#3CF;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
	margin:10px 0 8px 0;
}


.place_hyouzyun{
	padding:4px 8px 4px 8px;
	background-color:#0065cc;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
}

.place_sonota{
	padding:4px 8px 4px 8px;
	background-color:#60EC67;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
}

.place_hyo0{
	padding:4px 8px 4px 8px;
	background-color:#FFFFFF;
}

.place_hyo1 {
    padding: 4px 8px 4px 8px;
    border-bottom: 1px solid #CCC;
    background-color: #FFFFFF;
}
.place_hyo1_nasi{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	background-color:#EEE;
}

.place_hyo1_1{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	font-weight:bold;
}


.place_hyo2 {
    padding: 4px 8px 4px 8px;
    border-bottom: 1px solid #CCC;
    font-size: 16px;
    color: #009900;
    background-color: #FFFFFF;
    text-align: center;
}
.place_hyo3{
	padding:4px 8px 4px 8px;
	border-bottom:2px solid #CCC;
	color:#EB0000;
	font-size:24px;
	text-align:right;
	font-weight:bold;
	background-color:#FF9;
	text-shadow:0 1px 0 #fff,
	2px 0 0 #fff,
	0 -2px 0 #fff,
	-2px 0 0 #fff,
	-2px -1px 0 #fff,
	2px -1px 0 #fff,
	-2px 1px 0 #fff,
	2px 1px 0 #fff;
}

.tes_ondo{
	padding:4px 8px 3px 8px;
	border:2px solid #F90;
	color:#FFF;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	background-color:#F63;
	text-shadow:0 1px 0 #f33,
	2px 0 0 #f33,
	0 -2px 0 #f33,
	-2px 0 0 #f33,
	-2px -1px 0 #f33,
	2px -1px 0 #f33,
	-2px 1px 0 #f33,
	2px 1px 0 #f33;
}

.place_teshyo{
	padding:4px 10px 4px 8px;
	border-bottom:2px solid #CCC;
	color:#EB0000;
	font-size:24px;
	text-align:right;
	font-weight:bold;
	background-color:#FF9;
	text-shadow:0 1px 0 #fff,
	2px 0 0 #fff,
	0 -2px 0 #fff,
	-2px 0 0 #fff,
	-2px -1px 0 #fff,
	2px -1px 0 #fff,
	-2px 1px 0 #fff,
	2px 1px 0 #fff;
}
.place_teshyo_nasi{
	padding:4px 10px 4px 8px;
	border-bottom:2px solid #CCC;
	color:#EB0000;
	font-size:24px;
	text-align:right;
	font-weight:bold;
	background-color:#C9C592;
}
.place_teshyo1{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	background-color:#FFFFFF;
	color:#F60;
}
.place_teshyo1_nasi{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	background-color:#EEE;
	color:#F60;
}
.place_teshyo2{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	font-size:12px;
	color:#F60;
	background-color:#FFFFFF;
	text-align:right;
}
.place_teshyo2_nasi{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	font-size:12px;
	color:#F60;
	background-color:#EEE;
	text-align:right;
}
.place_teshyo3{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	background-color:#FFFFFF;
	font-size:12px;
}
.place_teshyo3_nasi{
	padding:4px 8px 4px 8px;
	border-bottom:1px solid #CCC;
	background-color:#EEE;
	font-size:12px;
	color:#EEE;
}


.price_hyo0{
	padding:4px 8px 4px 8px;
	background-color:#FFFFFF;
	text-align:center;
}

.price_hyo1{
	padding:4px 8px 4px 8px;
	background-color:#FFFFFF;
	text-align:left;
}

.price_hyo3{
	padding:4px 8px 4px 8px;
	text-align:left;
	background-color:#F0F0F0;
	border:solid 1px #999999;
	text-align:center;
}
.price_teshyo{
	padding:4px 8px 4px 8px;
	text-align:left;
	background-color:#F0F0F0;
	border:solid 1px #999999;
	text-align:center;
}
.price_hyo4{
	border:solid 2px #CCCCCC;
}

.price_hyo5{
	text-align:center;
	color:#EB0000;
}

.tabmenu{
    width: 100%;
	
	}
 
.tab{
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
	text-align: center;
	}
 
.tab li{
    background: #eee;
    cursor: pointer;
    display: inline-block;
    width: 40%;
    padding: .6em;
	text-align:center;
	font-size:14px;
	color:#006600;
	}
	
.tab li:hover{
	background-color:#CCC;
}
 
.tab li.select{
    background: #E2FAE6;
	}
 
.tab li:after{
		content:"▼";
		padding-left: 2px;
		}
		
		
.tab li.select:after{
       content:"▲";
       padding-left: 2px;
	   }
 
.tab1menu{
    width: 100%;}
 
.tab1{
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
	}
 
.tab1 li{
    background: #eee;
    cursor: pointer;
    display: inline-block;
    width: 40%;
    padding: .6em;
	text-align:center;
	font-size:14px;
	color:#C00;
	}
	
.tab1 li:hover{
	background-color:#CCC;
}
 
.tab1 li.select{
    background: #E2FAE6;
	}
 
.tab1 li:after{
		content:"▼";
		padding-left: 2px;
		}
		
		
.tab1 li.select:after{
       content:"▲";
       padding-left: 2px;
	   }
 
.content1 div {
    /* width: 720px; */
    padding-top: 20px;
    text-align: center;
}
 
.hide{
	display:none;
	}

.border_nasi{
	background-color: #EFEFEF;
}


.campaign_price{
	text-decoration: line-through;
}

/*************
/* スマホ用ボタン
*************/



/**************************
/* グリッド
**************************/
.gridWrapper_02{
overflow: hidden;
padding-bottom:20px;
}
.gridWrapper_02 p{
	padding: 20px 10px;
	text-align: center;
}

.m_grid {
    float: left;
    padding: 10px;
    background-color: #F3F3F3;
    margin: 20px 0;
}
.m_grid p{
    line-height: 1.5em;
    padding: 8px;
}


.m_grid1{
float:left;
background:#fff;
}

.m_grid2{
float:left;
background:#fff;
}

.m_grid3{
float:left;
background:#fff;
}

.m_grid4{
float:left;
background:#fff;
}

.m_grid5{
float:left;
background:#fff;
}

.m_tesgrid{
float:left;
background:#fff;
}

/*************
メイン コンテンツ
*************/
.pad4{
padding:10px;
}

.aicon01{
padding:0px 0px 5px 10px;
margin:5px;
border:solid 1px #CCCCCC;
background-color:#BFE9BC;
}

.makerWrapper01{
overflow: hidden;
}

.m_box{
margin:0 5px;
max-width:100%;
}
.m_box table{
    border: 2px solid #ddd;
    border-left: none;
    border-right: none;
    width: 98%;
}
.m_box td{
    padding: 10px;
    font-size: 14px;
}
.m_box_type{
    background: #f3f3f3;
    text-align: center;
    font-weight: bold;
    width: 28%;
}
.m_box img{
max-width:100%;
height:auto;
}

.m_box1{
margin:0 5px;
padding:14px;
max-width:100%;
/*background-color:#29abe9;*/

}
.m_box1 table{
    width: 100%;
}
.m_box1 img{
max-width:100%;
height:auto;
}

.m_box2{
margin:0 5px;
padding:10px;
max-width:100%;
background-color:#EFEFEF;
}

.m_box2 img{
max-width:100%;
height:auto;
}

.m_box3{
margin:0 5px;
padding:10px;
max-width:100%;
background-image:url(maker/images/common/maker_bg.webp);
border:solid 1px #D8D8D8;
}

.m_box3 img{
max-width:100%;
height:auto;
}

.m_box4{
max-width:100%;
height:auto;
}



/******商品詳細テーブル*******/
	
/**カテゴリ**/
.kyuutoutype{
	font-weight: bold;
    background: #0065cc;
    padding: 8px;
    border: 1px solid #aaa;
    color: #fff;
}
.settitype{
	font-weight: bold;
    background: #6c3;
    padding: 8px;
    border: 1px solid #43a711;
}
	
	
/***********/	
	
.m_tb{
	float:left;
	margin: 0 35px 0 35px;
    width: 90%;
}

.teika{
	padding: 8px;
    font-size: 16px;
    border: solid 2px #424242;
    font-weight: bold;
}

.gasspec_price{
	padding: 10px;
    font-size: 18px;
	border: solid 2px #ca0609;
    font-weight: bold;
    color: #fff;
    background: #e60004;
}
	
.hrk{
	padding: 8px;
    font-size: 14px;
     color: #2f2f2f;
    background: #f1f1f1;
    /*width: 30%;*/
}
.hrkg{
	padding: 8px;
    font-size: 14px;
    color: #2f2f2f;
    background: #ffffb7;
    width: 40%;
}
.gsp{
	padding: 8px;
	font-size: 16px;
	background: #ffd7f1;
	border: 1px solid #fdbee7;
}

.hrk_1{
	padding: 8px;
	font-size: 16px;
}
.hrk_2{
	padding: 8px 8px 8px 24px;
	font-size: 16px;
	color: #359a13;
}
.gsp_1{
    background: #14308a;
    color: #fff;
    padding: 4px;
    width: 60%;
    text-align: center;
    margin: 0 auto;
	margin-top: 10px;
	font-size: 14px;
	border-radius: 4px;
}
.gsp_2{
    color: #ED0003;
    padding: 10px;
    width: 100%;
	margin-top: 20px;
    text-align: center;
    margin: 0 auto;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}
.gsp_text{
	font-size: 14px;
    color: red;
    padding: 4px;
	}	
.gaisan{
	padding: 8px;
	font-size: 16px;
	color: #fff;
	background: #D76106;
}
.kakaku{
	padding: 8px;
	font-size: 16px;
	color: #fff;
	background: #D76106;
}
	
.arrow1{
	width: 20px;
    height: 20px;
    border: 3px solid;
    border-color: transparent transparent #424242 #424242;
    transform: rotate(-45deg);
    /* top: -20px; */
    margin-top: -12px;
    background: #fff;
}
	
.arrow2{
	width: 20px;
    height: 20px;
    border: 3px solid;
    border-color: transparent transparent #ca0609 #ca0609;
    transform: rotate(-45deg);
    /* top: -20px; */
    margin-top: -12px;
    background: #e60004;
}

.bd_f{
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.zeikomi{
	color: #313131;
	font-size: 20px;
}	


/*******hタグ用*********/
.kataban{
	background: #90c3f7;
    color: #151515;
    font-size: 1.5em;
    padding: 12px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 4px solid #0065cc;
}

.koujihitoha{
	padding: 10px;
	color: #FFFFFF;
	margin: 20px 20px 0px 20px;
}
/**********************/
.cyuui{
	border: 4px solid #CC0609;
	padding: 16px;
	margin: 0px 20px 0px 20px;
	line-height: 2em;
}
article#mainContents .attention h3 {
    border: 0;
    font-weight: bold;
    padding: 10px;
    line-height: 1.5;
    color: #fff;
    background: red;
    border-top: 1px red solid;
    border-right: 1px red solid;
    border-left: 1px red solid;
    border-radius: 4px 4px 0 0;
    margin: 6px 0 6px 0;
}


/******給湯器TOP　選ばれる理由******/

.riyuu_top{
	background: url("maker/images/common/ribon_bg.webp")no-repeat 0 0;
	background-size: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	height: 150px;
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
}

.r_text{
	font-size: 20px;
	top: 18px;
	position: relative;
}

.riyuu_h{
	font-size: 40px;
	padding-top: 15px;
}

.riyuu_box{
    padding: 6px;
	background: #f1f1f1;
	margin: 14px;
}

/*.riyuu_waku{
	width: 49%;
	margin: 10px;
	border: 4px solid #F90004;
}*/

.riyuu_waku{
	position: relative;
    vertical-align: top;
    width: 48.3%;
    font-size: 13px;
    display: inline-block;
    border: 2px solid #002af9;
    margin: 4px;
	height: 250px;
    background: #fff;
}


.riyuu_head{
	background-color: #5e3bff;
	background-image: linear-gradient(147deg, #3b41ff 0%, #062a73 74%);
    font-size: 20px;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.riyuu_img {
    padding: 14px 0 8px 14px;
    background: #fff;
    float: right;
    max-width: 100%;
    margin: 0px 14px;
}


.riyuu_text{
	padding: 20px;
    background: #fff;
    width: 200px;
    font-size: 13px;
}

/*** 給湯器　検索ボタン ***/

.commodity_search_block_main {
	border: solid 4px #0A6070;
    padding: 0;
    background-color: #0A6070;
    margin: 0 0 20px 0;
}

.commodity_search_title_main {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	margin: 0;
	width: 100%;
	color: #fff;
	font-family: sans-serif;
	padding: 4px 2px;
}

.commodity_search_field_main {
	margin: 0;
	padding: 4px 0;
	background-color: #e6ffe5;
}

.commodity_search_box_main {
}

.commodity_search_box_main button {
	font-size: 14px;
	/*margin: 1px auto;*/
	padding: 6px 30px;
	border-style: solid;
	/*border-width: 1px;*/
	border-radius: 6px;
	border-color: transparent rgba(0,0,0,0.2) rgba(0,0,0,0.5) transparent;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.commodity_search_box_main input {
    height: 2.4em;
    width: 70%;
    margin: 0:;
    float: left;
    border-radius: 4px;
    border: 2px solid #0065cc;
    font-size: 1.1em;
    font-family: メイリオ, sans-serif;
    padding-left: 2%;
    margin-left: 2%;
}
.commodity_search_box_main select {
	height: 2.4em;
	width: 96%;
	margin: 0;
	-webkit-appearance: none;
}

.commodity_search_box_main .pink {
	background-color: #0065cc;
	color: #fff;
}

.commodity_search_box_main dd {
	margin: 10px 0;
	text-align: center;
	background: #fff;
}


.commodity_search_block_main .commodity_search_keyword {
    text-align: left;
    padding-left: 6px;
    border: solid 1px #ccc;
    background-color: #fff;
    border-radius: 3px;
    font-family: メイリオ, sans-serif;
    font-size: 16px;
	-webkit-appearance: none;
}
.commodity_search_block_main .commodity_search_maker {
	border: solid 1px #ccc;
	background-color: #fff;
	border-radius: 3px;
    font-family: メイリオ, sans-serif;
    font-size: 16px;
	-webkit-appearance: none;
}

.commodity_search_block_main .commodity_search_category {
	border: solid 1px #ccc;
	background-color: #fff;
	border-radius: 3px;
    font-family: メイリオ, sans-serif;
    font-size: 16px;
	-webkit-appearance: none;
}
.commodity_word{
	margin: 10px;
	
}
/******給湯器の種類と仕組み******/
#shikumi{
	margin: 0px !important;
}
.shikumi_top{
	background: url("maker/images/common/ribon_bg.webp")no-repeat 0 0;
	background-size: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	height: 150px;
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
}

.r_text{
	font-size: 20px;
	top: 18px;
	position: relative;
}

.shikumi_h{
	font-size: 40px;
	padding-top: 15px;
}

.shikumi_box{
	margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*.shikumi_waku{
	width: 49%;
	margin: 10px;
	border: 4px solid #F90004;
}*/

.shikumi_waku {
    position: relative;
    vertical-align: top;
    width: 32.2%;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #bbb;
    margin: 4px;
    background: #fff;
}


.shikumi_waku a:hover{
	opacity: 50%;
}

.shikumi_head{
	background-color: #5e3bff;
	background-image: linear-gradient(147deg, #3b41ff 0%, #062a73 74%);
    font-size: 20px;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.kyuutou_shikumi {
    max-width: 100%;
}
.kyuutou_shikumi img{
    width: 100%;
}
.shikumi_text {
    padding: 10px;
    background: #fff;
    font-size: 1em;
}

.shikumi_text a{
	text-decoration: none;
}
.shikumi01{
	background: url("maker/images/kyuutou/common/shikumi01.webp")
}
.maker_p1 {
    font-size: 1.1em;
    line-height: 1.4em;
    border: 3px solid #24af69e0;
    margin-bottom: 20px;
    /* font-weight: bold; */
    padding: 3%;
    /* background: #f5f5f5; */
}


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

/*************
サイドメニュー
*************/


.m_grid{
	float:left;
	padding:10px;
	background-color:#F3F3F3;
}



/*******給湯器の種類********/


.type1{
	/*height: 200px;*/
}

.type_imgeria{
    margin: 0px 10px 10px 10px;
	overflow: hidden;
	background: #fff;
}

.type_imgeria img{
	width: 45%;
}

.type_imgeria p{
	float: right;
	width: 50%;
    padding: .8em;
    line-height: 1.6em;
}

.syurui1{
    margin: 20px 10px 10px 20px;
    padding: 6px 12px;
    color: #333;
    border-left: 6px solid #5896d6;
}

.syurui2{
    margin: 20px 10px 10px 20px;
    padding: 6px 12px;
    color: #333;
    border-left: 6px solid #6c3;
}

.syurui3{
    margin: 20px 10px 10px 20px;
    padding: 6px 12px;
    color: #333;
    border-left: 6px solid #FC5A5D;
}


.syurui img{
	float: left;
    display: block;
    max-width: 100%;
    margin-right: 1.38889%;
    margin-left: 1.38889%;
    padding-top: 16px;
}


/*******フルオート・オート*******/

.tp01{
	margin: 30px 10px 0px 10px;
    padding: 10px;
    border-bottom: 2px solid #a51919;
    text-align: center;
    background: #ffb5b5;
}

.tp02{
    margin: 30px 10px 0px 10px;
    padding: 10px;
    border-bottom: 2px solid #5fa23d;
    text-align: center;
    background: #c7fdac;
}

.tp03{
	margin: 30px 10px 10px 10px;
    padding: 10px;
    text-align: center;
    background: #ffc2aa;
    border-radius: 10px;
}

.tpimg_eria{
    margin: 0px 10px 10px 10px;
    background: #fff;
}
.tpimg_eria p{
    padding: .8em;
    line-height: 1.6em;
}

.mbimg_eria{
    margin: 0px 10px 10px 10px;
    background: #fff;
    padding: 10px;
}




.p10{
	padding: 10px;
}


/******設置タイプ******/

.hybari{
    margin: 20px 10px 10px 20px;
    padding: 6px 12px;
    color: #333;
    border-left: 6px solid #eef14f;
}

.hybari_imgeria{
	padding: 20px;
    margin: 0px 10px 10px 10px;
	overflow: hidden;
	background: #fff;
}

.hybari_imgeria img{
	padding: 10px;
}

.hybari_imgeria p{
	float: right;
	padding: 10px;
	width: 70%;
    line-height: 1.8em;
}



/******エコジョーズ説明********/

.eco_title{
	background: #9cdefd;
    margin: 30px 10px 0 10px;
    padding: 15px;
    color: #0065cc;
}


.eco_imgeria{
    margin: 0 10px 10px;
	border: 2px solid #9cdefd;
	overflow: hidden;
	background: #fff;
}

.eco_imgeria img{
	padding: 10px;
}

.eco_imgeria p {
    padding: .8em;
    line-height: 1.6em;
}

/******エコジョーズ説明********/


.sanpou_title{
	padding: 20px;
    margin: 0px 10px 0px 10px;
	overflow: hidden;
	background: #fff;
}

.sanpou_imgeria{
	padding: 0px 10px 10px 10px;
}

.sanpou_imgeria p{
	padding: 10px;
}

.sanpou_kakaku{
	font-weight: bold;
	font-size: 20px;
	color: rgb(0, 153, 0);
}

/*****商品説明背景*****/

.haikei1{
	background: #f6f6f6;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 8px;
    clear: both;
    display: inline-block;
    margin-top: 30px;
}



.koujihitoha{
	padding: 6px;
    color: #333;
    margin: 20px 20px 20px 20px;
    padding-left: 20px;
    border-left: 6px solid #0065cc;
}

.koujihinitsuite{
    padding: .8em;
    line-height: 1.6em;
    margin: 0px 10px 30px 10px;
	background: #fff;
}

.maker_bz img {
    /* border-radius: 50%; */
    border: 4px solid #eee;
}

/*****マイクロバブル*****/
.mi_b {
    margin-bottom: 20px;
}
.mi_b img{
    margin: 0 auto;
}



/************機能表************/
.kinohyo{
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}
.kinohyo td {
    font-weight: bold;
    background: #dfdfdf;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 10px;
    border: solid 5px;
}
/*****給湯器の種類と特徴***/
.kyuto-kinds{
    display: flex;
    flex-wrap: wrap;
}

.wh_syurui {
    margin-bottom: 10px;
    border: 2px solid #dfdfdf;
    border-radius: 10px;
    width: 48%;
    margin: 1%;
    text-align: center;
}
.wh_syurui p{
    line-height: 1.6em;
    margin-bottom: 10px;
    font-size: 1.1em;
}
.wh_syurui.last{
	margin-bottom:0;
}

.wh_syurui img, .wh_syurui iframe {
    /* float: left; */
    /* display: block; */
    max-width: 100%;
    /* margin: 1%; */
    width: 70%;
}


.wh_syurui.bigimg img{
	width:50%;
}




.wh_syurui .explain {
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 13px;
    padding: 16px;
}

.wh_syurui.bigimg .explain{
	width:45%;
}


.wh_syurui .explain table{
	width:100%;
	padding:10px;
	border-collapse: collapse;
}

.wh_syurui .explain table th,
.wh_syurui .explain table td{
	padding:5px;
	border:1px solid #ccc;
}




.wh_syurui .title{
	padding:16px;
	font-size: 16px;
}
/*****石油****/
.oil_box{
	margin-bottom:10px;
    border: 4px solid #dfdfdf;
}
.oil_box p{
    line-height: 1.6em;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.oil_box img, .wh_syurui iframe {
    float: left;
    display: block;
    max-width: 100%;
    margin: 1%;
    width: 30%;
}


.oil_box.bigimg img{
	width:50%;
}




.oil_box .explain {
    float: left;
    width: 67%;
    max-width: 100%;
    text-align: left;
    font-size: 13px;
    padding: 16px;
}

.oil_box.bigimg .explain{
	width:45%;
}


.oil_box .explain table{
	width:100%;
	padding:10px;
	border-collapse: collapse;
}

.oil_box .explain table th,
.oil_box .explain table td{
	padding:5px;
	border:1px solid #ccc;
}


.oil_box .title{
	padding:16px;
	font-size: 16px;
}

/*****業務用給湯器について***/
.bz_text {
    padding: 14px;
    border: 4px solid #29abe9;
    margin-top: 20px;
}
.kyuto_bz div{
    margin-bottom: 30px;
}

/****独自サービス****/
.original{
    display: flex;
    flex-wrap: wrap;
    background-color: #ebebeb;
    padding: 1%;
}
.original_box {
    width: 48%;
    margin: 1%;
    padding: 1%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.original_box h3 {
    position: relative;
    font-size: 1.2em;
    padding: 10px 20px 8px;
    background: -webkit-linear-gradient(top, #69b4e6 0%, #196b20 100%);
    color: #fff;
    background: #4f4d47;
    font-family: inherit;
    border-bottom: 2px solid !important;
    margin: 1%;
    font-weight: bold;
    margin-bottom: 4%;
    text-align: center;
}
.original_btn{
    margin-top: auto;
}
.original_waku{
    font-size: 20px;
    font-weight: bold;
    color: #313131;
    text-align: center;
    background-size: cover;
}
.original_waku img {
    margin: 0 2%;
    width: 95%;
}
.original_waku p {
    font-size: 0.7em;
    font-weight: normal;
    text-shadow: none;
    padding: 12px;
    border: 2px solid #ddd;
    line-height: 1.6em;
    margin: 2%;
}

.maker_kome{
    font-size: 0.8em;
    padding: 10px;
}
/*******オプション品****/

.option{
    display: flex;
    flex-wrap:wrap;
}
.option .box{
    width: 32.2%;
    margin: 4px;
}
.option .box p{
    padding: 4px;
    line-height: 1.5em
}
.option h3 {
    background: #249710;
    padding: 8px;
    text-align: center;
    margin-bottom: 4px;
    color: #fff;
}

/*****サーチ・施工例*****/
.example_area1{
    
}
.example_area2 {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    border-bottom: 2px dashed #29abe9;
    padding-bottom: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.example_area2 p{
    margin: 8px;
    padding: 12px;
}

.example_box{
    text-align: center;
    width: 45%;
    float: left;
}
.example_left{
    width: 80%;
    margin: 0 auto;
}
.example_left img {
    width: 80%;
    margin: 20px 0 12px;
}
.example_left p{
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    background: #aaa;
    width: 80%;
    margin: 0 auto;
}
.example_center {
    width: 10%;
    float: left;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 260px;
}
.example_right{
    width: 80%;
    color: #fff;
    margin: 0 auto;
}
.example_right p {
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    background: #29abe9;
    width: 80%;
    margin: 0 auto;
}
.example_right img{
    width: 80%;
    margin: 20px 0 12px;
}
.before_construction {
    margin: 10px;
    padding: 8px;
    border-bottom: 1px dotted #aaa;
}
.before_construction dt {
    width: 20%;
    float: left;
    text-align: center;
    border: 2px solid #aaa;
    padding: 6px;
    font-weight: bold;
    color: #4f4d47;
}
.before_construction dd{
    display: inline-block;
    margin: 8px auto;
    margin-left: 30px;
}
.after_construction{
    margin: 10px;
    padding: 8px;
    border-bottom: 1px dotted #aaa;
}
.after_construction dt {
    width: 20%;
    float: left;
    text-align: center;
    border: 2px solid #29abe9;
    padding: 6px;
    color: #29abe9;
    font-weight: bold;
}
.after_construction dd{
    display: inline-block;
    margin: 8px auto;
    margin-left: 30px;
}
.after_sekou {
    text-align: center;
}
.after_sekou a {
    text-align: center;
    border: 1px solid #8d8d8d;
    padding: 2%;
    width: 45%;
    margin: 2% auto;
    background: #dfdfdf;
    display: flex;
    justify-content: space-around;
    margin-top: 4%;
}
.after_sekou a:hover{
    text-decoration: none;
    background: #636363;
    color: #fff;
}

/****同タイプ給湯器一覧***/
#wh_type{
    display: flex;
    flex-wrap: wrap;
}
.type_box{
    width: 24%;
    margin: .5%;
    border-radius: 6px;
    border: solid 3px #bbb;
    flex-direction: column;
    display: flex;
}
.type_box li{
    padding: 1%;
}
.type_box img{
    width: 90%;
    margin: 6% auto;
}
#wh_type .logo {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    text-align: center;
    float: none;
    margin-top: 8px;
}
#wh_type .logo img{
    width: 60%;
    text-align: center;
    margin: 0;
}
#wh_type .item_num {
    text-align: center;
    padding: 8px 0 0;
}
#wh_type .go {
    font-size: 1em;
    /*width: 25%;*/
    background: #ebebeb;
    text-align: center;
    /* margin: 0 auto; */
    float: left;
    margin: 8px;
    font-weight: bold;
    border: 1px solid #ccc;
}
#wh_type .haikitype{
    font-size: 1.1em;
    margin: 5%;
    text-align: center;
}
#wh_type .kyutype {
    clear: both;
    margin: 0 3px;
    border: 1px solid #dfdfdf;
    padding: 4px;
    background: #f1f1f1;
}
#wh_type p{
    clear: both;
    text-align: left;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 auto;
    position: relative;
    top: 10px;
    border-top: 1px solid #ccc;
    width: 90%;
    margin-top: auto;
}
#wh_type .price {
    font-weight: bold;
    font-size: 2em;
    text-align: right;
    padding: 0 10px 0 0;
    margin-bottom: 4px;
    color: #eb0000;
}
#wh_type a{
    text-align: center;
}
#wh_type .wh_btn {
    padding: 10px;
    display: inline-block;
    margin: 10px;
    background: #28b15a;
    width: 80%;
    color: #fff;
    font-weight: bold;
}
#wh_type .wh_btn:hover{
    background: #1a6736;
}
/*****メーカータイプ別人気給湯器*****/
#ninki {
    display: flex;
    flex-wrap: wrap;
    background-color: #f1f1f1;
    margin-bottom: 20px;
}
#ninki a{
   text-decoration: none;
}
#ninki .btn{
    text-align: center;
    margin: 10px;
    padding: 8px;
    border-radius: 6px;
    background: #0065cc;
    color: #fff;
    font-size: 14px;
}
.ninki_box {
    width: 24%;
    margin: .5%;
    border: 2px solid #ddd;
    background-color: #fff;
}
.ninki_box table{
    width: 100%;
}
.ninki_box:hover{
    border-color: #cc006f;
}
.ninki_item{
    padding: 10px;
}
.ninki_h span{
    font-size: .79em;
}

.ninki_h {
    font-weight: bold;
    font-size: 1.05em;
    background: #40a728;
    color: #fff;
    text-align: center;
    margin-bottom: 6px;
    font-size: 1.05em;
    padding: 6px;
}
.ninki_hinban {
    text-align: center;
    font-weight: bold;
    padding: 2% 0!important;
    font-size: .9em !important;
}
.ninki_kouri {
    font-size: .85em !important;
    text-align: center;
}
.ninki_teika {
    text-align: center;
    font-size: 1.2em;
}
.ninki_tokka {
    text-align: center;
    color: #EB0000;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 6px;
}
.ninki_gokei {
    text-align: center;
    font-weight: bold;
    font-size: 2em !important;
    color: #EB0000;
}

/*****メーカー給湯タイプ****/
#kyuto_type{
    margin-bottom: 30px;
}
#kyuto_type h4 {
    text-align: center;
    padding: 2%;
    font-size: 18px;
    background: #dcf4ff;
    color: #333;
    border-bottom: 3px solid #6bb4d7;
}
.kyuto_box{
    display: flex;
    flex-wrap: wrap;
}
.kyuto_box p {
    padding: 3%;
    margin-top: 1px solid;
    border-top: 1px solid #ccc;
    width: 96%;
    margin: 1% 2%;
    line-height: 1.45em;
}
.k_box_01{
    width: 49%;
    margin: 1% 2% 1% 0;
    border: 1px solid #6bb4d7;
}
.k_box_02{
    width: 49%;
    margin: 1% 0% 1% 0;
    border: 1px solid #6bb4d7;
}
.tbb01{
    display: flex;
    flex-wrap: wrap;
}
.tbb_waku01{
    width: 54%;
    margin-top: 2%;
}
.tbb_waku02{
    width: 46%;
}
.tbb01 span{
    width: 44%;
    padding: 4px;
    background: #a8e0fb;
    margin: 2%;
    text-align: center;
    float: left;
    position: relative;
    top: 10%;
}

.tbbotz{
    background: #ddd !important;
}

/*****給湯タイプtab*****/
.kyuto_tab {
    display: flex;
    flex-wrap: wrap;
}

.kyuto_tab > label {
    /* flex: 1 1; */
    order: -1;
    min-width: 70px;
    padding: .7em .8em .5em;
    /* background-color: #92dcff; */
    color: #dfdfdf;
    font-weight: 600;
    font-size: 1.06em;
    text-align: center;
    cursor: pointer;
    width: 32.3%;
    margin: .5%;
    border-bottom: 4px solid #ddd;
    /* border-radius: 5px; */
    border: 1px solid;
	border-bottom: 4px solid;
}

.kyuto_tab > label:hover {
    border-bottom: 4px solid #ddd;
    /* border-radius: 5px; */
    border: 1px solid;
    color: #2589d0;
	border-bottom: 4px solid;
}

.kyuto_tab input {
    display: none;
}

.kyuto_tab > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #e7f7ff;
    margin: 14px 0 20px;
    border-radius: 8px;
}

.kyuto_tab label:has(:checked) {
    border-bottom: 4px solid #2589d0;
    color: #2589d0;
}

.kyuto_tab label:has(:checked) + div {
    display: block;
}
.kyuto_tab div{

}
.type_list {

}
.type_list p {
    text-align: center;
    margin: 0 auto;
    padding: 8px 12px 12px;
    font-size: .92em;
}
.type_list span {
    text-align: center;
    padding: 12px;
    font-size: 1.4em;
    font-weight: bold;
    color: #333;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
}
.type_list .kyuto:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .kyuto_sashiyu:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_sashiyu.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .oidaki:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/oidaki.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .danbo:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .kyuto_oidaki:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_oidaki.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .kyuto_danbo:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .kyuto_sashiyu_danbo:after {
    content: "";
    display: inline-block;
    width: 210px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_sashiyu_danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list .kyuto_oidaki_danbo:after {
    content: "";
    display: inline-block;
    width: 210px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_oidaki_danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 25px;
}
.type_list div {
    width: 18%;
    float: left;
    border: 2px solid #aaa;
    margin: 1%;
    background: #fff;
    margin-bottom: 24px;
    max-height: 204px;
}
.type_list div:hover{
    border-color: #0065cc;
}
.type_list h4 {
    width: 100%;
    padding: 12px 24px 8px;
    background: #aaf0f7;
    font-size: 1.3em;
    margin-bottom: 16px;
    color: #0065cc;
    border-bottom: 4px solid #fff;
    overflow: hidden;
}

/*****メーカー機能***/
#kinou {
    background: #f5f5f5;
    padding: 14px;
    display: inline-block;
}
#kinou h3 {
    font-weight: bold;
    background: #c0ebff;
    padding: 1.5%;
    margin-bottom: 10px;
    font-size: 1.3em;
    border-left: 8px solid;
    width: 100%;
    color: #0065cc;
}
#kinou h4 {
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px 14px;
    background: #32b56c;
    color: #fff;
    margin: 2.5% 0;
}

.omakase_ai{
    font-size: 1.1em;
    padding: 6px 12px;
    border: 1px solid #29abe9;
    margin: 10px;
    background: #ceefff;
    border-radius: 4px;
    color: #0065cc;
}
.function1{
    width: 100%;
    padding: 10px;
}
.function1 img{
    width: 40%;
}
.function2{
    width: 40%;
    padding: 10px;
    float: left;
}
.function1 img{
    width: 40%;
}


.kinou{
    display: flex;
    flex-wrap: wrap;
}


.kinou_box1 {
    width: 32.1%;
    margin: 4px;
    text-align: center;
    background: #fff;
    padding: 14px 0px;
    border: 2px solid #ddd;
}
.kinou_box1 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}
.kinou_box1 h5{
    font-size: 1.1em;
    padding: 3px 0;
    text-align: center;
}
.kinou_box1 p{
    padding: 10px 10px 0 10px;
    line-height: 1.45em;
}
.kinou_box1 table{
    width: 94%;
    border-bottom: 2px solid;
    margin: 3%;
}
.kinou_box1 td{
    padding: 4px 10px;
    text-align: right;
}
.kinou_box1 img{
    width: 88%;
    margin: 0 auto;
}

.kinou_box2 {
    width: 33.3%;
    margin: 14px 0px;
    text-align: center;
    background: #fff;
    padding: 2px 0px 14px;
}
.kinou_box2 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}
.kinou_box2 p{
    padding: 10px 10px 0 10px;
    line-height: 1.45em;
}
.kinou_box2 table{
    width: 94%;
    border-bottom: 2px solid;
    margin: 3%;
}
.kinou_box2 td{
    padding: 4px 10px;
    text-align: right;
}
.kinou_box2 img{
    width: 90%;
    margin: 0 auto;
}
.kinou_box3 {
    width: 49%;
    margin: 14px 0px;
    text-align: center;
    background: #fff;
    border: 2px solid #ddd;
    margin: .5%;
}
.kinou_box3 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}

.kinou_box3 p {
    padding: 4%;
    line-height: 1.45em;
}
.kinou_box3 table{
    width: 94%;
    border-bottom: 2px solid;
    margin: 3%;
}
.kinou_box3 td{
    padding: 4px 10px;
    text-align: right;
}
.kinou_box3 img{
    width: 94%;
    margin: 0 auto;
}
.kinou_box4 {
    width: 48.8%;
    margin: 4px;
    text-align: center;
    background: #fff;
    padding: 10px;
}
.kinou_box4 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}
.no_kinou{
    background: #91f1c0 !important;
    padding: 10px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #055859 !important;
    line-height: 1em !important;
}
.kinou_box4 p{
    padding: 10px;
    line-height: 1.45em;
}
.kinou_box4 table{
    width: 94%;
    border-bottom: 2px solid;
    margin: 3%;
}
.kinou_box4 td{
    padding: 4px 10px;
    text-align: right;
}
.kinou_box4 img{
    width: 100%;
    margin: 0 auto;
}
.kinou_box4 span{
    font-size:.7em;
}

.kinou_box5 {
    width: 32.08%;
    text-align: center;
    background: #fff;
    padding: 14px 0px;
}
.kinou_box5 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}
.kinou_box5 h5{
    font-size: 1.1em;
    padding: 3px 0;
    text-align: center;
}
.kinou_box5 p {
    padding: 2% 10%;
    line-height: 1.45em;
    font-size: .9em;
}
.kinou_box5 img{
    width: 88%;
    margin: 0 auto;
}
.uv {
    background: #fff;
}
.uv:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    top: 44%;
    position: relative;
}


.kinou_box6 {
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 14px 0px;
}
.kinou_box6 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}
.kinou_box6 h5{
    font-size: 1.1em;
    padding: 3px 0;
    text-align: center;
}
.kinou_box6 p{
    padding: 10px 10px 0 10px;
    line-height: 1.45em;
}
.kinou_box6 img{
    width: 90%;
}
.kinou_box7 img{
    width: 88%;
    margin: 0 auto;
}
.kinou_box7 {
    width: 49%;
    text-align: center;
    background: #fff;
    padding: 14px 0px;
}
.kinou_box7 h4{
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}
.kinou_box7 h5{
    font-size: 1.1em;
    padding: 3px 0;
    text-align: center;
}
.kinou_box7 p{
    padding: 2% 5%;
    line-height: 1.45em;
}

.kinou_box7 img {
    width: 70%;
    margin: 0 auto;
}

.no_kinou_h5{
    font-size: 1.1em;
    padding: 3px 0;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 1em;
}


.kinou_bnr {
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
.kinou_bnr img{
    border: 4px solid #aaa;
}
.bd-after {
    border: 1px dashed #aaa;
    height: 1px;
    margin: 1.45rem 0;
}

.mb_h{
    margin: 2%;
}
.mb_h img{
    float: left;
    width: 60%;
}
.mb_h p {
    padding: 2%;
    float: left;
    width: 40%;
    line-height: 1.6em;
}
.mc_kouka{
    background: #dfdfdf;
    padding: 1%;
    margin: 3%;
    font-size: 1.45em;
}
/*****メーカー機能***/

/***メーカー施工例***/
/*.jirei_waku{
    display: flex;
    flex-wrap: wrap;
}
.jirei_box {
    width: 24%;
    border: 3px solid #ddd;
    margin: .5%;
}
.jirei_box:hover{
    border: 3px solid #0065cc;
}
.jirei_box a{
    text-decoration: none;
}*/
.jirei_box span {
   /* position: absolute;
    padding: .6%;
    background-color: rgb(9 60 125 / 70%);
    color: #fff;
    margin-top: 13.5%;
    margin-left: 1%;*/
    font-size: 1em !important;
}/*
.jirei_box p {
    padding: 2.5%;
    line-height: 1.5em;
    font-size: .86em;
}*/

/***メーカーリモコン***/
.rimo_waku{
    display: flex;
    flex-wrap: wrap;
}
.rimo_waku h3{
    font-size: 1.5em;
    text-align: center;
}
.rimo_box {
    width: 48%;
    border: 4px solid #e5e5e5;
    margin: 1%;
    padding: 1%;
}
.rimo_box p {
    margin: 3%;
    line-height: 1.45em;
}


/****地域別、マンション別施工例*****/
ul#cc_sekouList {
    width: 100%;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}
ul#cc_sekouList li.item {
    position: relative;
    float: left;
    width: 32%;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 10px;
    margin: .66%;
    background: #f5f5f5;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
ul#cc_sekouList li.item .inner .pic {
    display: inline-block;
    width: 100%;
    height: 170px;
    max-height: 170px;
    border: 1px solid #e9e9e9;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ddd;
    background-position: 50% 50%;
}
 .streetview{
    display: block;
    overflow: hidden;
}
ul#cc_sekouList dl{
    font-size: 14px;
    margin-bottom: 14px;
}
ul#cc_sekouList dt {
    float: left;
    margin: 4px 10px 4px 0px;
    clear: both;
    padding: 4px;
    background: #bae9ff;
    border: 2px solid #29abe9;
    border-radius: 4px;
    color: #0065cc;
}
ul#cc_sekouList dd {
    margin: 8px 0;
    padding: 8px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
ul#cc_sekouList h3 {
    font-weight: bold;
    margin: 4px;
    font-size: 1em;
}
ul#cc_sekouList li.item .btn {
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    background: #34aa34;
    margin-top: auto;
}
ul#cc_sekouList li.item .btn a {
    display: block;
    color: #fff;
    padding: 10px;
    text-decoration: none;
}
ul#cc_sekouList li.item .btn:hover{
	background:#207720;
}
/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){


/*************
/* メイン画像
*************/

#mainBanner1 {
    /*margin: 10px 17px 17px 10px;*/
}

.gridWrapper_02{
width:100%;
}

.makerWrapper01{
width:100%;
}

.m_grid{
/*margin-left: 13px;*/
}

.m_box img{max-width:100%;}


/**************************
/* グリッド
**************************/

.m_grid{
float:left;
width:100%;
padding:10px;
background-color:#F3F3F3;
}

.m_grid img{max-width:100%;}
.m_grid1 img{max-width:100%;}


.m_grid1{
	width:48%;
	margin:10px 0 0 1%;
}

.m_grid1{
	float:left;
	width:340px;
	margin-left:8px;
}

.m_grid2{
	width:48%;
	margin:10px 0 0 1%;
}

.m_grid2{
	float:left;
	/*width:390px;*/
	width: 50%;
	margin-left:8px;
}

.m_grid3{
	width:48%;
	margin:10px 0 0 1%;
}

.m_grid3{
	float:left;
	width:350px;
	margin-left:5px;
}

.m_grid4{
	width:48%;
	margin:4px 0 0 1%;
}

.m_grid4{
	float:left;
	width:705px;
	margin-left:8px;
}

.m_grid5{
	width:48%;
}

.m_grid5{
	float:left;
	width:715px;
}

	
/******商品詳細テーブル*******/
	
/**カテゴリ**/
.kyuutoutype{
	font-weight: bold;
    background: #0065cc;
    padding: 8px;
    border: 1px solid #aaa;
    color: #fff;
}
.settitype{
	font-weight: bold;
    background: #6c3;
    padding: 8px;
    border: 1px solid #43a711;
}
	
	
/***********/	
	
.m_tb{
	float:left;
	margin: 0 35px 0 35px;
    width: 90%;
}

.teika {
    padding: 8px;
    font-size: 16px;
    border: solid 2px #424242;
    font-weight: bold;
    background: #424242;
    color: #fff;
}

.gasspec_price{
	padding: 10px;
    font-size: 18px;
    border: solid 2px #ca0609;
    font-weight: bold;
    color: #fff;
    background: #e60004;
}
	
.hrk{
	padding: 8px;
    font-size: 14px;
     color: #2f2f2f;
    background: #f1f1f1;
    width: 30%;
}
.hrkg{
	padding: 8px;
    font-size: 14px;
    color: #2f2f2f;
    background: #ffffb7;
    width: 30%;
}
.gsp{
	padding: 8px;
	font-size: 16px;
	background: #ffd7f1;
	border: 1px solid #fdbee7;
}
.hrk_1{
	padding: 8px 8px 8px 24px;
	font-size: 14px;
}
.hrk_2{
	padding: 8px 8px 8px 30px;
	font-size: 16px;
	color: #359a13;
}
.gsp_1{
    background: #14308a;
    color: #fff;
    padding: 4px;
    width: 60%;
    text-align: center;
    margin: 0 auto;
	margin-top: 10px;
	font-size: 14px;
	border-radius: 4px;
}
.gsp_2{
    color: #ED0003;
    padding: 10px;
    width: 100%;
	margin-top: 20px;
    text-align: center;
    margin: 0 auto;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}
	
.gsp_text{
	font-size: 14px;
    color: red;
    padding: 4px;
	}	
	
.gaisan{
	padding: 8px;
	font-size: 16px;
	color: #fff;
	background: #D76106;
}
.kakaku{
	padding: 8px;
	font-size: 16px;
	color: #fff;
	background: #D76106;
}
	
.arrow1 {
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-color: transparent transparent #424242 #424242;
    transform: rotate(-45deg);
    /* top: -20px; */
    margin-top: -12px;
    background: #424242;
}
	
.arrow2{
	width: 20px;
    height: 20px;
    border: 3px solid;
    border-color: transparent transparent #ca0609 #ca0609;
    transform: rotate(-45deg);
    /* top: -20px; */
    margin-top: -12px;
    background: #e60004;
}

.bd_f{
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.zeikomi{
	color: #eb0000;
	font-size: 20px;
}	


/*******hタグ用*********/
.kataban{
	background: #90c3f7;
    color: #151515;
    font-size: 26px;
    padding: 12px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 4px solid #0065cc;
}

.koujihitoha{
	padding: 6px 12px;
    color: #333;
    margin: 20px 20px 20px 20px;
    border-left: 6px solid #0065cc;
}

.koujihinitsuite{
    padding: 3%;
    line-height: 1.6em;
    margin: 0px 10px 30px 10px;
	background: #fff;
}

    .full_text{
        padding: 16px;
        line-height: 1.8em;
    }
    .auto_text{
        padding: 16px;
        line-height: 1.8em;
    }
/**********************/
.cyuui{
	border: 4px solid #CC0609;
	padding: 16px;
	margin: 0px 20px 30px 20px;
}
article#mainContents .attention h3 {
    border: 0;
    font-weight: bold;
    padding: 10px;
    line-height: 1.5;
    color: #fff;
    background: red;
    border-top: 1px red solid;
    border-right: 1px red solid;
    border-left: 1px red solid;
    border-radius: 4px 4px 0 0;
    margin: 6px 0 6px 0;
}


	

.m_tesgrid{
	width:25%;
	margin:2px 0 0 7px;
	float:center;
	width:168px;
}

.global-nav {
  margin: 20px;
  padding: 0;
  font-size: 12px;
  list-style-type: none;
}

.global-nav a:hover img {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.global-nav img {background-color: white;}

.global-nav p { 
  line-height:1em;
  text-align:center;
    background: #f1f1f1;
    margin: 0 8px;
}


/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav li {
  float: left;
  width: 20%;
  /*text-indent:1em;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    text-align: center;
  /*font-size:10px;*/
    margin-bottom: 20px;
}
/*奇数のli要素に適応*/
.global-nav li:nth-child(odd) {
}
.global-nav a {
  display: block;
  color: #000;
  text-decoration: none;
}

.global-nav img {
	float:center; 
}

.place_teshyo2{
	text-align:center;
}

.riyuu_box{
	margin-bottom: 30px;
}
    
    
}
/* タブレット用
------------------------------------------------------------*/


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

.global-nav {
    /* margin: 0px 0 10px 0; */
    padding: 0;
    /* border: 1px solid #ccc; */
    /* border-top: 1px solid #ccc; */
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    font-size: 13px;
    list-style-type: none;
    background-color: #FFFFFF;
    margin-top: 10px;
}
/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav li {
    float: left;
    width: 17.2%;
    /* text-align: center; */
    /* border-bottom: 1px solid #ccc; */
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
    /* height: 66px; */
    margin: 10px;
    /* padding: 4px; */
}
/*奇数のli要素に適応*/
.global-nav li:nth-child(odd) {

}
.global-nav a {
    /* line-height: 45px; */
    color: #000;
    text-decoration: none;
    padding: 2px 0 5px 0;
	display: block;
}
.global-nav a:hover {
  color: #fff;
  background: #0C3;
}

.global-nav img {
    padding: 5px;
    /* width: 60px; */
    overflow: hidden;
}

.global-nav p {
	font-size:14px;
}



.content1 div{
	/*width:100%;
    padding: .6em;*/
	}

.tab li{
    background: #F2F2F2;
    cursor: pointer;
    display: inline-block;
    width: 47%;
    padding: .6em;
	text-align:center;
	font-size:14px;
	color:#006600;
	}
	
	

/*************
/* メイン画像
*************/



.m_box img{max-width:100%;}



/**************************
/* グリッド
**************************/

.m_grid{
	width:100%;
	padding:10px;
    background-color:#F3F3F3;
}

.m_grid img{max-width:100%;}

/*.m_grid1{
	width:48%;
	margin:10px 0 0 1%;
	}*/
	
.m_grid1{
	width:100%;
	margin:10px 8px 0 0;
}
	
.m_grid1 img{max-width:100%;}

.m_grid2{
	width:48%;
	margin:10px 0 0 1%;
	}
.m_grid2 img{max-width:100%;}

.m_grid3{
	width:48%;
	margin:4px 0 0 1%;
	}
.m_grid3 img{max-width:100%;}

.m_grid4{
	width:97%;
	margin:4px 0 0 1%;
	}
.m_grid4 img{max-width:100%;}

.m_grid5{
	width:99%;
	margin-left:2px;
	}
.m_grid5 img{max-width:100%;}

.m_tesgrid{
	width:48%;
	margin:4px 0 0 1%;
	}
.m_tesgrid img{max-width:100%;}


/*************
サイドメニュー
*************/

#sidebar {display:none;}

.cds_main {display:none;}

.cds-navi {display:none;}

	
/******給湯器TOP　選ばれる理由******/

.riyuu_top{
	background: url("maker/images/common/ribon_bg.webp")no-repeat 0 0;
	background-size: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}

.r_text{
	font-size: 30px;
	position: relative;
}

.riyuu_h{
}
	

.riyuu_text{
    width: 100%;
}
	
.riyuu_waku{
	position: relative;
    vertical-align: top;
    font-size: 13px;
    display: inline-block;
    /*border: 2px solid #F90004;*/
    margin: 4px;
	height: 250px;
    background: #fff;
	width: 48.5%;
}


.riyuu_head{
	background-color: #ff713b;
	/*background-image: linear-gradient(147deg, #ff713b 0%, #e81111 74%);*/
    font-size: 20px;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.riyuu_img {
    padding: 14px 0 8px 14px;
    background: #fff;
    float: right;
    max-width: 100%;
    margin: 0px 14px;
}


.riyuu_text{
	padding: 20px;
    background: #fff;
    font-size: 13px;
}

/**給湯器の種類と仕組み**/
.shikumi_waku {
    position: relative;
    vertical-align: top;
    width: 31.8%;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #bbb;
    margin: 4px;
    background: #fff;
}
    

}



/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

/*************
/* ロゴ
*************/

	
/*************
/* ロゴ+電話番号
*************/


/*************
/* スマホ用ボタン
*************/


/*************
/* メイン画像
*************/
.makerWrapper01{
	/*margin:0 10px 20px 10px;*/
}

.m_box img{max-width:100%;}


/**************************
/* グリッド
**************************/

.m_grid{
	width:100%;
	padding:10px;
    background-color:#F3F3F3;
}
.m_grid img{max-width:100%;}
.m_grid1{width:100%;}
.m_grid1 img{max-width:100%;}
.m_grid2{width:100%;}
.m_grid2 img{max-width:100%;}
.m_grid3{width:100%;}
.m_grid3 img{max-width:100%;}
.m_grid4{width:100%;}
.m_grid4 img{max-width:100%;}
.m_grid5{width:100%;}
.m_grid5 img{max-width:100%;}
.m_tesgrid{width:100%;}
.m_tesgrid img{max-width:100%;}
/*************
サイドメニュー
*************/

#sidebar {display:none;}

.cds_main {display:none;}

.cds-navi {display:none;}

.riyuu_waku{
    width: 100%;
	margin: 0 0 8px 0;
}

.riyuu_text{
    width: 100%;
}
    
    

    
/*****メーカー機能****/
.kinou_box1 {
    width: 47.8%;
    margin: 2% 1.1%;
    text-align: left;
    background: #fff;
    padding: 0px;
}
.kinou_box1 img{
    width: 100%;
    margin: 0 auto;
}    
.kinou_box1 p{
    padding: 8px;
}     
    .kinou_box2{
        width: 100%;
    }  
    .kinou_box3{
        width: 100%;
    } 
    .kinou_box4{
        width: 100%;
        margin: 0;
    } 
    .function2{
        width: 100%;
    }
    
}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
.hrk_1{
	font-size: 14px;
}
.hrk{
     font-size: 12px;
}
.hrkg{
    font-size: 12px;
}
/*************
/* ロゴ
*************/

	
/*************
/* ロゴ+電話番号
*************/


/*************
/* スマホ用ボタン
*************/


/*************
/* メイン画像
*************/

.makerWrapper01 {
    /* margin: 10px; */
    margin: 0 calc(50% - 50vw);
	padding: 10px;
}
	.gridWrapper_02 p{
		padding: 0px;
	}

.pad4 img{
max-width:100%;
}

.m_box img{max-width:100%;}


/**************************
/* グリッド
**************************/


.m_grid{
	width:100%;
	padding:10px;
    background-color:#F3F3F3;
	margin: 0;
}

.m_grid img{max-width:100%;}

.m_grid1{
	width:100%;
	margin:10px 8px 0 0;
}
.m_grid2{
	width:100%;
	margin:10px 8px 0 0;
}
.m_grid3{
	width:100%;
	margin:4px 8px 0 0;
}

.m_grid4{
	width:100%;
	margin:4px 8px 0 0;
}

.m_grid5{
	width:100%;
	margin:10px 8px 0 0;
}
.m_tesgrid{
	width:48%;
	margin:4px 0 0 1%;
}

.m_tesgrid img{max-width:100%;}
	
	
.m_tb{
	float:left;
	margin: 0;
    width: 100%;
}
	
.gsp_1{
    background: #14308a;
    color: #fff;
    padding: 4px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	margin-top: 10px;
	font-size: 14px;
}
.gsp_text{
	font-size: 14px;
    color: red;
    padding: 4px;
	}	

/*************
サイドメニュー
*************/

#sidebar {display:none;}

.cds_main {display:none;}

.cds-navi {display:none;}

.content1 div{
	width: 100%;
	}


/******給湯器TOP　選ばれる理由******/

.riyuu_top{
	background: url("maker/images/common/ribon_bg.webp")no-repeat 0 0;
	background-size: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	height: 80px;
}

.r_text{
	font-size: 15px;
	top: 8px;
	position: relative;
}

.riyuu_h{
	font-size: 22px;
	padding-top: 2px;
}
	
.riyuu_waku{
    width: 100%;
	height: auto;
}

.riyuu_text{
    width: 100%;
}
	
	
/***給湯器の仕組み**/	
	
.shikumi_waku {
    width: 47.8%;
}

.global-nav li {
    float: left;
    /* width: 30.3%; */
    width: 31.11111%;
    text-align: center;
    margin: 8px 4px 8px 4px;
    border: 1px solid #dfdfdf;
    background: #f3f3f3;
}
	.global-nav p {
		font-size: 12px;
		text-align: center;
	}

	
/****給湯器の種類******/

.type_imgeria img{
	width: 100%;
	padding: 10px;
}
	
.type_imgeria p {
    width: 100%;
    padding: .8em;
    line-height: 1.45em;
}
	
/****設置タイプ*****/
.hybari_imgeria img{
	padding: 10px;
}

.hybari_imgeria p{
	padding: 10px;
	width: 100%;
}
.wh_syurui{
    width: 48.88%;
    margin: 2px;
    border: 2px solid #dfdfdf;
}
    
.wh_syurui img,
.wh_syurui iframe{
	width: 100%;
	margin: 0;
}
.wh_syurui .explain {
    width: 100%;
}
.wh_syurui p {
    padding: 0px;
    font-size: 1.2em;
}
    .wh_syurui .explain{
        font-size: 0.8em;
        padding: 10px;
    }
.col3_pic li {
    width: 32.41111%;
}
.col3_pic li img {
    width: 100%;
}
.maker_bz img {
    border: 4px solid #eee;
} 
/****石油***/
    .oil_box{
    width: 100%;
    margin: 2px;
    border: 2px solid #dfdfdf;
}
    
.oil_box img,
.oil_box iframe{
	width: 100%;
	margin: 0;
}
.oil_box .explain {
    width: 100%;
}
.oil_box p {
    padding: 0px;
    font-size: 1.2em;
}
    .oil_box .explain{
        font-size: 0.8em;
        padding: 10px;
    }
    
    
/****マイクロバブル*****/	
	
.mbimg_eria img{
	text-align: center;
}

/***オプション品***/  
    
.option .box{
    width: 47.8%;
}
/****独自サービス***/
    .original_box{
        width: 100%;
    }
/*****サーチ・施工例*****/
.example_center {
    max-height: 230px;
    top: 0px !important;
}
.example_left{
    width: 95%;
} 
.example_left img {
    width: 100%;
    margin: 10px 0 4px;
}
.example_right{
    width: 95%;
} 
.example_right img {
    width: 100%;
    margin: 10px 0 4px;
}
.before_construction dt {
    width: 23%;
} 
.after_construction dt {
    width: 23%;
}
/****同タイプ給湯器一覧***/
.type_box {
    width: 48%;
    margin: 1%;
}
#wh_type .haikitype {
    font-size: 1em;
}
#wh_type .go {
    font-size: 1em;
    width: 24%;
}
#wh_type p {
    font-size: 1em;
}
    
/****型番検索****/
    .kataban{
        margin: 0 calc(50% - 50vw);
    }
.example_left p{
    width: 100%;
}
.example_right p {
    width: 100%;
}
/***メーカータイプ別お勧め給湯器***/
    
.ninki_box {
    width: 49%;
} 
.ninki_h {
    font-size: 1em;
    padding: 3px;
}
    
/*****メーカー給湯器の種類と特徴***/
.tbb01 span {
    width: 46%;
    top: 0;
}
.tbb_waku01 {
    width: 100%;
    margin-top: 2%;
}
.tbb_waku02 {
    width: 100%;
}
#kyuto_type h4 {
    padding: 4% 2%;
    font-size: 1em;
}
/*****給湯タイプtab*****/
.kyuto_tab > label {
    padding: .9em .4em .8em;
    width: 49%;
    margin: .7% .5%;
    font-size: 1em;
}
.kyuto_tab h3 {
    font-size: 1em;
}
.type_list p {
    text-align: center;
    margin: 0 auto;
    padding: 8px 6px 12px;
    font-size: 1.05em;
}
.type_list div {
    width: 31.33%;
}

.type_list {
    text-align: center;
}

.type_list .kyuto {
    width: 170px;
}
.type_list .kyuto_sashiyu {
    width: 250px;
}
.type_list .oidaki {
    width: 170px;
}
.type_list .kyuto_oidaki {
    width: 250px;
}
.type_list .danbo {
    width: 170px;
}
.type_list .kyuto_danbo {
    width: 250px;
}
.type_list .kyuto_danbo_danbo {
    width: 250px;
}
.type_list .kyuto_oidaki_danbo {
    width: 250px;
}

.type_list .kyuto:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .kyuto_sashiyu:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_sashiyu.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .oidaki:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/oidaki.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .danbo:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .kyuto_oidaki:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_oidaki.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .kyuto_danbo:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .kyuto_sashiyu_danbo:after {
    content: "";
    display: inline-block;
    width: 210px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_sashiyu_danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}
.type_list .kyuto_oidaki_danbo:after {
    content: "";
    display: inline-block;
    width: 210px;
    height: 70px;
    background-image: url("maker/images/kyuutou/common/kyuto_oidaki_danbo.webp");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 10px;
}  
    
    
    
/****メーカー種類と機能***/
.kinou_box1 h5{
    font-size: 1em;
}
    .kinou_box3{
        margin: 2% 1%;
    }
.mb_h img{
    width: 100%;
}
.mb_h p{
    width: 100%;
    padding: 4% 2%;
}
    
    
.kinou_box5 {
    width: 30.83%;
}
.kinou_box7 {
    width: 48%;
}   
/***メーカーリモコン***/

.rimo_waku h3{
    font-size: 1.2em;
}  

    
/***メーカー施工例***/
.jirei_waku{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5%;
}
.jirei_box {
    width: 48%;
    border: 3px solid #ddd;
    margin: 1%;
}
.jirei_box span {
    /*margin-top: 37%;*/
    margin-left: 3%;
}
.jirei_box p {
    padding: 3%;
    line-height: 1.5em;
    font-size: .9em;
}
.jirei_box img{
    
}
/****地域別、マンション別施工例*****/
ul#cc_sekouList li.item {
    width: 48.6%;
}
}
/* スマートフォン SE(ポートレート) */
@media only screen and (max-width:375px){
.hrk_1{
	font-size: 12px;
    padding: 4px;
}
/***給湯器の仕組み**/	
	
.shikumi_waku {
    width: 47.71%;
}
/****給湯タイプから選ぶ****/

.type_list p {
    font-size: 1em;
}
/***オプション品***/  
    
.option .box{
    width: 47.7%;
}
.option h3 {
    padding: 6px;
    font-size: 13px;
} 
/****メーカー種類と機能***/
.kinou_box1 h5{
    font-size: .9em;
}  
    
  .kinou_box5 {
    width: 30.72%;
}  
    
  .kinou_box7 {
    width: 48%;
} 
#kinou {
    margin-bottom: 5%;
}
}




@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: //meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

/*body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:#f1f1f1;
-webkit-text-size-adjust: none;
}*/

body {
color:#333;
font-size:small;
font-family:verdana, "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif !important;
line-height:1.5;
-webkit-text-size-adjust: none;
}
/* リンク設定
------------------------------------------------------------*/
a{color:#0065cc;text-decoration:none;}
a:hover{color:#479EFB;}
a:active, a:focus {outline:0;}
a/*{font-size:14px;}*/
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

a:hover img.border{
    cursor:pointer;
    border:4px solid #3C0;
}

/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
/*width:98%;*/
position:relative;
background:#fff;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
#header{
height:130px;
}

#header h1{
padding:5px 0 0 10px;
font-size:11px;
font-weight:normal;
}

/*************
/* ロゴ
*************/
.logo{
float:left;
}

.logo p{float:left;}

.logo span{display:block;}

.header_0{background-image:url(r_top/images/top_header_bgimage.webp);}

.header_1{
float:left;
}

.header_2{
float:left;
}

.header_3{
float:right;
}



/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:1.1em;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
color:#8aaa16;
font-size:24px;
font-weight:bold;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}

.logo_waku1{
	font-size:13px;
}

.logo_waku2{
font-size:14px;
padding:0 0 0 30px;
text-align:right;
max-width:100%;
font-weight:bold;
text-shadow:0 1px 0 #fff,
1px 0 0 #fff,
0 -1px 0 #fff,
-1px 0 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}

.logo_waku3{
font-size:14px;
padding:0 0 0 30px;
text-align:right;
max-width:100%;
font-weight:bold;
text-shadow:0 1px 0 #fff,
1px 0 0 #fff,
0 -1px 0 #fff,
-1px 0 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}


/*************
/* トピックス
*************/
.osirase {
	clear:both;
    margin-left:20px;
	margin-bottom:-10px;
}

.mborder {
  clear: both;
  margin-bottom: 10px;
  margin-left:18px;
}

.txt_table {
  border-collapse:collapse;
}

.txt_table {
  border-collapse:collapse;
}

.txt_table th, .txt_table td {
  padding: 0;
  margin: 0 0 0px 15px;
}

.txt_table td.date {
  float: left;
  color: #060;
  font-weight: bold;
  width: 180px;
}

.txt_table td.s_text {
  float: left;
  display: block;
  width: 380px;
}

.bor2 {
  clear: both;
  padding-bottom: 7px;
  padding-left:8px
}

img.yaji {
  margin-left: 3px;
  margin-right: 4px;
  vertical-align: middle;
}



/*************
/* スマホ用ボタン
*************/
.ss_mainbotan img{
	width:100%;
	float:left;
	height:auto;
	} 

.b_waku{width:100%;}

.waku img{max-width:100px;}


/*************
/* ジャバスクリプト
*************/
.page-top {
    position: fixed;
    bottom: 20px;
    right: 40px;
    padding: 10px;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	z-index: 999999;
}




/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
color:#fff;
background-color: rgba(0,0,0,0.4);
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}



/****施工事例メイン******/
.jirei_main{
	background: url("sekou/image/jirei_top.webp") center no-repeat;
	position: relative;
	background-size: contain;
	height: 200px;
}

.jirei_text{
	position: relative;
    top: 95px;
    left: 260px;
    font-size: 70px;
	font-weight: bold;
	color: #C7060A;
	text-shadow: 0 1px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}

.jireibi{
	position: relative;
	top: 95px;
	left: 250px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}


/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}


.gridWrapper1{
padding-bottom:20px;
overflow: hidden;
}

.gridWrapper2{
padding-bottom:20px;
overflow: hidden;
padding-left:15px;
}

.gridWrapper h3{padding:0px 0px 0px 30px;
    font-weight:bold;
	font-size:24px;
	color:#060;
	
}

.gridWrapper2 h3{padding:0px 0px 0px 10px;
    font-weight:bold;
	font-size:24px;
	padding-left:0px;
	color:#060;
	
}


* html .gridWrapper{height:1%;}


.grid0_0{
float:left;
border-radius:8px;
background:#fff;
border:solid 1px #6ADB7B;
}

.grid0{
float:left;
border-radius:5px;
background:#fff;
}

.grid{
float:left;
border-radius:5px;
background:#fff;
}

.grid2{
float:left;
border-radius:5px;
background:#fff;
}

.grid3{
float:left;
border-radius:6px;
background:#fff;
}

.grid4{
float:left;
background:#fff;
margin-bottom:10px;
}

.grid5{
float:left;
background:#fff;
margin-bottom:10px;
}

.grid6{
float:left;
margin-bottom:10px;
}


.header_box1{
margin:0 5px;
padding:4px;
max-width:100%;
}

.header_box2{
margin:0 5px;
padding:4px;
max-width:100%;
}

.header_box3{
margin:0 5px;
padding:4px;
max-width:100%;
}

.box0{
margin:0 10px;
max-width:100%;
padding:10px 10px 10px 6px;
}

.box{
margin:0 5px;
padding:10px;
border:1px solid #ebebeb;
max-width:100%;
}

.box2{
margin:0 15px;
max-width:100%;
}

.box3{
margin:0 15px;
padding:15px;
max-width:100%;
}

.box4{
margin:0 5px;
padding:10px;
max-width:100%;
border:3px solid #6C3;
border-radius:6px;
}

.box5{
margin:0 5px;
max-width:100%;
border:1px solid #CCC;
background-color:#F2F2F2;
}

.box5 p{
padding:10px;
}

.box6{
margin:0 5px;
max-width:100%;
}

.box7{
margin:0 5px;
max-width:100%;
padding-bottom:15px;
}

.box8{
margin:0 5px;
max-width:100%;
}

.header_box1 img{
max-width:100%;
height:auto;
}

.header_box2 img{
max-width:100%;
height:auto;
}

.header_box3 img{
max-width:100%;
height:auto;
}

.box0 img{
max-width:100%;
height:auto;
border:4px solid #5EB566;
}

.box img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}

.box2 img{
max-width:100%;
height:auto;
}

.box4 img{
max-width:100%;
height:auto;
}

.box5 img{
max-width:100%;
height:auto;
border:4px solid #F2F2F2;
}

.box6 img{
max-width:100%;
height:auto;
border:4px solid #CCC;
}

.box7 img{
max-width:100%;
height:auto;
text-align:center;
}

.box8 img{
max-width:100%;
height:auto;
}

.box h4{padding:10px 0 5px; font-weight:bold;}

.box h4, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}


.waku01{
	font-size:24px;
	color:#006600;
	font-weight:bold;
	padding-left:15px;
}

.waku01_img{
	max-width:100%;
	height:auto;
}


.hyo_waku01{
	background-color:#CCC;
	padding:4px;
	border:#CCCCCC 1px;
}

.hyo_waku02{
	background-color:#EFEFEF;
	padding:4px;
	border:#FFFFFF 1px;
	color:#030;
}

.osusumewaku_kingaku{
padding:4px 4px 1px 4px;
border-bottom:#FF0000 solid 4px;
border-bottom-left-radius:#FFFFFF solid 4px;
text-align:right;
max-width:100%;
font-size:24px; font-weight:bold;
color: #F00;
text-shadow:0 1px 0 #fff,
1px 0 0 #fff,
0 -1px 0 #fff,
-1px 0 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
background-color:#FFFFFF;
}

.fontsize1{
font-size:24px;
}

.fontsize2{
font-size:16px;
}

.osusumewaku{
margin:0 5px;
padding:10px;
border:1px solid #ebebeb;
max-width:100%;
}

.osusumewaku1{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:22px; font-weight:bold;
}



.osusumewaku2{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:22px; font-weight:bold;
}

.osusumewaku3{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:22px; font-weight:bold;
}







/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading{
font-weight:normal;
font-size:16px;
padding:0 10px;
margin-bottom: 30px;
line-height:36px;
border-bottom:solid 2px #CCCCCC;
border-left:solid 4px #065503;
clear:both;
}

h4.heading{
font-weight:normal;
padding:0px 10px 0px 10px;
line-height:36px;
color:#065503;
fontweight:bold;
margin:6px 0 6px 0;
font-size:14px;
background-color:#A5FDA4;
border:#56FD59 solid 1px;
border-radius:4px;
}

h5.heading{
padding:0px 10px 0px 15px;
line-height:36px;
color:#F00;
margin:6px 0 6px 0;
font-size:16px;
}

section.content img{
max-width:100%;
height:auto;
}





#gallery .grid img,.border{border:4px solid #ebebeb;}



/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
/* サイドバー
*************/

/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;

background:#e8e8e8;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:11px;}

#footer .logo span{font-size:12px;}

ul.footnav{
float:right;
width:620px;
padding:10px 0;
font-size:12px;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
border-right:1px solid #b6b6b6;
font-size:12px;
}

#footer a{color:#333;}

#footer a:hover{color:#888;}

address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:11px;
color:#fff;
background:#333;
}

/*****サーチ・施工例*****/
.example_area1{
    margin-top: 40px;
}
.example_area2 {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    border-bottom: 2px dashed #29abe9;
    padding-bottom: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.example_area2 p{
    margin: 6px;
    padding: 12px;
}

.example_box{
    text-align: center;
    width: 45%;
    float: left;
}
.example_left{
    width: 80%;
    margin: 0 auto;
}
.example_left img {
    width: 80%;
    margin: 20px 0 12px;
}
.example_left p{
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    background: #aaa;
    margin: 0 auto;
    width: 80%;
}
.example_center {
    width: 10%;
    float: left;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    top: 20px;
}
.example_right{
    width: 80%;
    color: #fff;
    margin: 0 auto;
}
.example_right p{
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    background: #29abe9;
    margin: 0 auto;
    width: 80%;
}
.example_right img{
    width: 80%;
    margin: 20px 0 12px;
}

.before_construction {
    margin: 10px;
    padding: 8px;
    border-bottom: 1px dotted #aaa;
}
.before_construction dt {
    width: 20%;
    float: left;
    text-align: center;
    border: 2px solid #aaa;
    padding: 6px;
    font-weight: bold;
    color: #4f4d47;
}
.before_construction dd{
    display: inline-block;
    margin: 8px auto;
    margin-left: 30px;
}
.after_construction{
    margin: 10px;
    padding: 8px;
    border-bottom: 1px dotted #aaa;
}
.after_construction dt {
    width: 20%;
    float: left;
    text-align: center;
    border: 2px solid #29abe9;
    padding: 6px;
    color: #29abe9;
    font-weight: bold;
}
.after_construction dd{
    display: inline-block;
    margin: 8px auto;
    margin-left: 30px;
}
.dummy_img{
    text-align: center;
    width: 21%;
}
.dummy_img img{
    width: 21%;
    z-index: 5;
    position: absolute;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
	
	.header_1{
	float:left;
	max-width:100%;
	height:96px;
	margin-left:10px;
	}
	
	.header_2{
	float:left;
	max-width:100%;
	height:96px;
	margin-left:10px;
	}	
	
	.header_3{
	float:left;
	max-width:100%;
	height:96px;
	margin-left:10px;
	}
	
    .ss_mainbotan{display:none;}
	
	.tablet_mainbotan{display:none;}
	
	
	
  nav#mainNav{
	padding:0 14px;
	clear:both;
	overflow:hidden;
	position:relative;
	background:url(r_top/images/topnavBg.webp);
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	}

	nav#mainNav li.last{border-right:1px solid #ebebeb;}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	float:left;
	font-size:13px;
	width:154px;
	height:60px;
	padding-top:15px;
	color:#333;
	background:url(r_top/images/topnavSep.webp);
	border-left:1px solid #ebebeb;
	}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#708c0c;
	font-size:10px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

	nav#mainNav li a:hover{
	color:#FFFFFF;
	background-position:0 60px;
	padding-top:15px;
	}
	
	#mainBanner{margin-left:15px;}
	#subpage #mainBanner{margin:15px auto;}



	
	#wrapper{
	width:960px;
	padding:0;
	}
	
	#main{
	float:right;
	/*width:720px;*/
	width: 75%;
	margin-bottom:30px;
	}

	
	/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -10px;
	}
	
	.gridWrapper1{
	width:940px;
	margin:0 25 0 -10px;
	}
	
	.gridWrapper2{
	width:945px;
	margin:0 25 0 -10px;
	}
	
	#gallery article{padding:10px 0 10px 10px;}
	
	/* グリッド */
	.grid0_0{
	float:left;
	width:600px;
	margin-left:20px;
	background-color:#CEFFCE;
	}
	
	.grid0{
	float:left;
	width:300px;
	margin-left:10px;
	}
	.grid{
	float:left;
	width:300px;
	margin-left:20px;
	}
	
	.grid2{
	float:left;
	width:960px;
	margin-left:10px;
	}
	
	.grid3{
	float:left;
	width:300px;
	margin-left:8px;
	}
	
	.grid4{
	float:left;
	width:454px;
	margin-left:8px;
	}
	
	.grid5{
	float:left;
	width:454px;
	margin-left:12px;
	}
	
	.grid6{
	float:left;
	width:600px;
	margin-left:10px;
	}
	
	.grid7{
	float:left;
	width:320px;
	margin-left:8px;
	}
	
	.waku{display:none;}
	
	.box5 {height:432px;}
	.box5 p.readmore{
		padding:0px 20px 0px 0px;
		text-align:right;
		}
		
		
	.box6 img{max-width:100%;}
	.box7 img{max-width:900px; text-align:center;}
	
	.box8 img{max-width:100%;}
	
	
	.mborder{max-width:100%;}
	.bor2{max-width:100%;}
	.mborder img{max-width:100%;}
	.bor2 img{max-width:100%;}
	
	
	img.miniimage { display: none; }  /* miniを非表示 */
	img.bigimage  { display: block; } /* bigを表示 */
	.header_box1 img{max-width:100%;}
	.header_box2 img{max-width:100%;}
	.header_box3 img{max-width:100%;}
	.box img{max-width:100%;}
	.box0 img{max-width:100%;}
	.box2 img{max-width:100%;}
	.box4 img{max-width:100%;}	
	.box5 img{max-width:100%;}	
	.box6 img{max-width:100%;}
	.box7 img{max-width:100%;}
	
	#subpage .grid{width:auto;}
	
	#gallery .grid{
	width:auto;
	margin:10px 0 1px 10px;
	}


.jireibox{
	width: 100%;
	margin: 0 4px;
	float: left;
	display: inline-block;
	margin-bottom: 10px;
}

}


@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
#mainNav{
list-style: none; 
padding:0;
margin:0;
}
#mainNav li{
padding: 0; 
margin: 0;
float: left;
height:auto;
max-width:100%;
}
#mainNav li a{
display: block;
border-bottom: 1px dotted #555;
text-decoration: none;
color: #555;
padding: 10px 0px 10px 20px;
margin: 0px 3px;
text-align: left;
font-size: 14px;
}

#mainNav li {
	display:none;
}
	

	
	
	
	
	
	#subpage #mainBanner{max-width:720px;}
	
	#sidebar article{padding:7px 8px;}
	
	#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:center;
	}

	ul.footnav li{float:none;display:inline-block;}
	
	
	.header_1{
	max-width:17%;
	margin:8px 0 0 1%;
	}
	
	.header_2{
	max-width:39%;
	margin:8px 0 0 1%;
	}
	
	.header_3{
	max-width:39%;
	margin:8px 0 0 1%;
	}
	
    .logo_waku1{
	font-size:13px;
	padding:0 0 0 0px;
	width:32%;
}
	
	.logo_waku1 img{max-width:32%}
	
	.logo_waku2{
	padding:0 0 0 0px;
	}
	
	.logo_waku3{
	padding:0 0 0 0px;
	}
	

	.grid{
	width:32%;
	margin:10px 0 0 1%;
	}

	.grid2{width:100%;
	}

	.grid3{
	width:32%;
	margin:10px 0 0 1%;
	}
	
	.grid4{
	width:48%;
	margin:10px 0 0 1%;
	}
	
	.grid5{
	width:48%;
	margin:10px 0 0 1%;
	}
	
	#gallery .grid{
	float:left;
	width:31%;
	margin:0 0 0 1%;
	}
	
	#footer .grid img, #footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	
	#footer.logo,#footer .info{
	width:100%;
	float:none;
	}
	
	#footer .logo p{float:none;display:block;}
	#footer .logo img{float:none;padding:0;}
	
	.osirase {max-width:100%;}
	.mborder{max-width:100%;}
	.bor2{max-width:100%;}
	.osirase img{max-width:100%;}
	.mborder img{max-width:100%;}
	.bor2 img{max-width:100%;}

	
	img.miniimage { display: none; }  /* miniを非表示 */
	img.bigimage  { display: block; } /* bigを表示 */
	.header_box1 img{max-width:100%;}
	.header_box2 img{max-width:100%;}
	.header_box3 img{max-width:100%;}
	.box img{max-width:100%;}
	.box0 img{max-width:100%;}
	.box2 img{max-width:100%;}
	.box4 img{max-width:100%;}	
	.box5 img{max-width:100%;}
	.box6 img{max-width:100%;}
	.box7 img{max-width:100%;}

.osusumewaku_kingaku{
padding:4px 4px 1px 4px;
border-bottom:#FF0000 solid 4px;
text-align:right;
max-width:100%;
font-size:18px; font-weight:bold;
color: #F00;
text-shadow:0 1px 0 #fff,
1px 0 0 #fff,
0 -1px 0 #fff,
-1px 0 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
background-color:#FFFFFF;
}

.osusumewaku1{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:16px; font-weight:bold;
}

.osusumewaku2{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:16px; font-weight:bold;
}

.osusumewaku3{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:16px; font-weight:bold;
}
	
	
.tablet_mainbotan img{
	width:100%;
	display:block;
	float:left;
	height:auto;
} 	
	
	
	
	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	#header{
	height:auto;
	padding-bottom:20px;
	}
	
	#header h1,.logo,.info{display:none}
	
	.logo,.info{
	clear:both;
	width:100%;
	float:none;
	}
	
	.logo p{float:none;display:block;}
	.logo img{float:none;display:block;}
	
	.grid0{width:100%;}
	.grid{width:100%;}
	.grid2{width:100%;}
	.grid3{width:100%;}
	.grid6{width:100%;}
	.grid7{width:100%;}
	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
	
    .ss_mainbotan img{max-width:100%;}
	
	.osirase {max-width:100%;}
	.mborder{max-width:100%;}
	.bor2{max-width:100%;}
	.osirase img{max-width:100%;}
	.mborder img{max-width:100%;}
	.bor2 img{max-width:100%;}
	
	
	img.miniimage { display: block; }  /* miniを表示 */
	img.bigimage  { display: none; } /* bigを非表示 */
	.box0 img{max-width:100%;}
	.box img{max-width:100%;}
	.box2 img{max-width:100%;}
	.box4 img{max-width:100%;}	
	.box5 img{max-width:100%;}
	.box6 img{max-width:100%;}
	.box7 img{max-width:100%;}
	
　　nav div.panel{
	display:block !important;
	float:left;
	}
	
    .header_0{background-image:url(sekou/images/top_header_bgimage1.webp);}
	
	.tablet_mainbotan img{
	width:100%;
	display:block;
	float:left;
	height:auto;
	padding:5px;
	margin:5px 5px 5px 0;
} 
	
	

/*************
/* ロゴ
*************/
.logo{
float:left;
}

.logo p{float:left; display:block;}

.logo img{
width:auto;
height:auto;
}

.logo span{display:block;}
	
.logo_waku2{
	padding:0 0 0 0px;
}
.logo_waku3{
	padding:0 0 0 0px;
}
	
/*************
/* ロゴ+電話番号
*************/
.info,.tel{display:none;}

.logo span,.info span{display:none;}
	
.logo p{display:none;}




/*************
/* スマホ用ボタン
*************/

.ss_mainbotan img{
	max-width:100%;
	display:block;
	float:left;
	height:auto;
	} 

.b_waku{width:100%;}

.waku img{max-width:100%;}


/*************
/* メイン画像
*************/


.slogan{display:none}

.slogan h2{display:none}

nav#mainNav{display:none;}


.osusumewaku1{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
}

.osusumewaku2{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
}

.osusumewaku3{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
}

.header_1{display:none;}

.header_2{display:none;}

.header_3{display:none;}

	.tablet_mainbotan{display:none;}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	
	#header{
	height:auto;
	padding-bottom:20px;
	}
	
	#header h1,.logo,.info{display:none}
	
	.logo,.info{
	clear:both;
	width:100%;
	float:none;
	}
	
	.logo p{float:none;display:block;}
	.logo img{float:none;display:block;}
	
	
	.gridWrapper{
	padding-right:5px;
    }
	
    .gridWrapper2{
    padding-left:0px;
	padding-right:5px;
    }

　　.gridWrapper h3{max-width:100%;
    font-size:xx-small}
	
　　.gridWrapper2 h3{max-width:100%;
    font-size:xx-small;
	padding-left:20px;}

	
	.grid0{width:100%;}
	.grid{width:100%;}
	.grid2{width:100%;}
	.grid3{width:100%;}
	.grid4{width:100%;}
	.grid5{width:100%;}
	.grid7{width:100%;}

	.osirase {max-width:100%; margin-left:12px;}
	.mborder{max-width:100%; margin-left:10px;}
	.bor2{max-width:100%;}
	.osirase img{max-width:100%;}
	.mborder img{max-width:100%;}
	.bor2 img{max-width:100%;}

	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
	img.miniimage { display: block; }  /* miniを表示 */
	img.bigimage  { display: none; } /* bigを非表示 */
	.box0 img{max-width:100%;}
	.box img{max-width:100%;}
	.box2 img{max-width:100%;}
	.box4 img{max-width:100%;}
	.box5 img{max-width:100%;}
	.box6 img{max-width:100%;}
	.box7 img{max-width:100%;}
　　nav div.panel{
	display:block !important;
	float:left;
	}
	
.osusumewaku1{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:22px; font-weight:bold;
}

.osusumewaku2{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:22px; font-weight:bold;
}

.osusumewaku3{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:22px; font-weight:bold;
}

    .header_0{background-image:url(sekou/images/top_header_bgimage1.webp);}
	
	
/*************
/* ロゴ
*************/
.logo{
float:left;
}

.logo p{float:left; display:block;}

.logo img{
width:auto;
height:auto;
}

.logo span{display:block;}
	
.header_1{display:none;}

.header_2{display:none;}

.header_3{display:none;}
	
/*************
/* ロゴ+電話番号
*************/
.info,.tel{display:none;}

.logo span,.info span{display:none;}
	
.logo p{display:none;}


/*************
/* スマホ用ボタン
*************/

.ss_mainbotan img{
	width:100%;
	display:block;
	float:left;
	height:auto;
	} 

.b_waku{width:100%;}

.waku img{max-width:100%;}

/*************
/* メイン画像
*************/


.slogan{display:none}

.slogan h2{display:none}

nav#mainNav{display:none;}

.waku01{
	text-align:center;
	padding:
}

.osusumewaku1{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:18px; font-weight:bold;
}

.osusumewaku2{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:18px; font-weight:bold;
}

.osusumewaku3{
padding:4px 4px 1px 4px;
border:1px solid #DFDFDF;
max-width:100%;
color:#FFFFFF;
font-size:18px; font-weight:bold;
}

.tablet_mainbotan{display:none;}


/*************
/* ジャバスクリプト
*************/
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/****施工例***/
 .example_right{
    width: 96%;
}
.example_left{
    width: 96%;
}
 .example_right img{
    width: 100%;
     margin: 10px 0 -5px 0;

}
.example_left img{
    width: 100%;
     margin: 10px 0 -5px 0;

}
.example_right p{
    width: 100%;
}
   .example_left p{
    width: 100%;

} 
    .dummy_img {
        width: 0%;
    }
    .dummy_img img{
        width: 42%;
    }
.before_construction dt {
    width: 23%;
} 
.after_construction dt {
    width: 23%;
}
    
}