@charset "utf-8";
/* CSS Document */


/*------------------------------------------------
base setting
--------------------------------------------------*/


.forTb{
		display:none !important;
}
	
.forSp{
		display:none !important;
}
	
.row{display: none;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.font_w{
	font-size: 20px !important;
	margin-right: 8px;
}

.wi125 {
    font-size: 13px;
    margin: 10px 0;
}
.wi125 img {
    height: 16px;
    margin-right: 4px;
    margin-bottom: -2px;
}

html,
body{
height: 100%;

}
body {
	position:relative;
	min-height: 100%;
	height: auto !important;
	overflow-x: hidden;
	/*
  text-align: center;
	*/
  /*font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
  font-family: verdana, "Hiragino Kaku Gothic Pro", Meiryo, "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif !important;
	
  color: #333;
	line-height: 1.5;
  font-size: 0.875em;
}


a:link,
a:visited,
a:active {
  text-decoration: none;
}


a{
	color: #333;
}



a:hover {
  color:#333;
	cursor: pointer;
	
  text-decoration: underline;
}

p {
  text-align: left;
  font-size: 1em;	
  line-height: 1.8em;
}

a.imgov:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.p_center{
  text-align: center;
	margin-top: 20px;
}

.p_center img{
	display: inline;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

input {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Verdana", "Times New Roman", Times, serif;
}

input[type="text"], input[type="password"], textarea, select {
	background:rgba(255,255,255,0.7);
  border: solid 1px #ccc;
  border-radius: 3px;
  padding: 2%;
  font-size: 14px;
  color: #444;
　height: 40px;
	font-family: メイリオ,sans-serif;
}

table{
	border-collapse: collapse;
}




/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
    display: inline-block;
    overflow: hidden;
    background-color: #fff;
    border: 6px solid #ededed;
	box-shadow: 4px 4px #aaa;
}





/*****上に戻るボタン******/

#page-top {
    position: fixed;
    bottom: 20px;
    left: 80px;
    font-size: 77%;
	z-index: 68000;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 150px;
    padding: 0;
    text-align: center;
    /*display: block;*/
    border-radius: 5px;
}


@-webkit-keyframes page-top {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

#mitsumori_btn {
    position: fixed;
    bottom: 20px;
    right: 50px;
    font-size: 77%;
}
#mitsumori_btn a {
    text-decoration: none;
    color: #fff;
    width: 150px;
    padding: 0;
    text-align: center;
    /*display: block;*/
    border-radius: 5px;
}
#mitsumori_btn a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	transition: 0.6s;
}

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


/**テレビロゴ***/
.tv_logo{
	margin: 8px 10px;
	width: 200px;
}


/***波背景****/


.btn100,
a.btn100,
button.btn100 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
    margin: 20px 0 10px;
}

a.btn-c {
    font-size: 20px;
    position: relative;
    color: #303030;
    background: #ffff09;
    -webkit-box-shadow: 0 5px 0 #aaa;
    box-shadow: 0 5px 0 #9b9b09;
    padding: 18px;
    min-width: 250px;
}



a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.btn-c span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #0065cc;
  -webkit-box-shadow: 0 2px 0 #043b72;
  box-shadow: 0 2px 0 #043b72;
}




/*------------------------------------------------
layout
--------------------------------------------------*/

.description{
	background:#0065cc;
	max-width:100%;
}
.description2{
	font-size: 10px;
	max-width:100%;
}
.description2 h1 {
    font-size: 50px;
    color: #333;
    position: relative;
    top: 380px;
    z-index: 5;
    right: 380px;
    font-weight: bold;
    text-align: center;
}
.life_tx {
    font-weight: bold;
    font-size: 30px;
    color: rgb(92 74 41 / 90%);
    z-index: 3;
    position: relative;
    top: 370px;
    text-align: center;
    right: 410px;
	pointer-events: none;
}
h1{
  width: 960px;
	max-width:100%;
  color: #fff;
	line-height:1.3;
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0;
  margin: 0 auto;
}


.login{
    width: 960px;
    max-width: 100%;
    color: #ffffff;
    line-height: 1.3;
    font-size: 13px;
    text-align: right;
    font-weight: normal;
    padding: 5px 0;
    margin: 0 auto;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.login a{
    color: #fff;
    margin: 0 8px;
    font-weight: bold;
}
.login a:hover{
    color: #fff !important;
}

.top_des{
	width: 1250px;
}
.main_bg{
	background:#dcf5ff;
	text-align: center;
	height: 353px;
}

.main_bg2{
	background-image: url("images/image_haikei.webp");
	text-align: center;
	height: 353px;
	padding: 30px 20px 40px 20px;
}

.main_bg2 img{
	width: 250px;
	position: absolute;
}

.main_bg3{
	background-image: url("images/image_haikei.webp");
	text-align: center;
	height: 353px;
	padding: 12px 20px 40px 20px;
	/*margin-top: 30px;*/
}

.main_bg3 img{
	width: 200px;
}

.main_bg3 p:hover{
	color:#000288;
	background: #fff;
}

.main_bg3 a:hover{
	color:#000288;
	background: #fff;
}

.main_bg4{
  background: url("images/img0001.webp"),#EB0000;
  background-repeat: no-repeat;	
  background-position :center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 460px;
	
}

.main_bg4 img{
}

.main_bg4 p:hover{
	color:#000288;
	background: #fff;
}

.main_bg4 a:hover{
	color:#000288;
	background: #fff;
}
.main_bg5{
    background-image: url("images/character/main_top01_pc.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	text-align: center;
	height: 700px;
	/*padding: 60px 20px 40px 20px;*/
	/*margin-top: 30px;*/
}
.main_bg5 img{
	width: 200px;
}

.main_bg5 p:hover{
	color:#000288;
	background: #fff;
}

.main_bg5 a:hover{
	color:#000288;
	background: #fff;
}
/*****トップメインイメージ2023***/
.top_mainbg{
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 730px;
    background-size: cover;
    background: #f8f8f8;
    background-image: url("images/character/top_mainbg_pc.webp")
}
.top_mainbg img{
	width: 200px;
}

.top_mainbg p:hover{
	color:#000288;
	background: #fff;
}

.top_mainbg a:hover{
	color:#000288;
	background: #fff;
}
/*****トップメインイメージ2023***/

/***デコレーション***/
.decoration01{
    background-color: #29abe9;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.decoration02{
    background-color: #32b7fc;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
}
.decoration03{
    background-color: #32b7fc;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
}
.decoration03::before{
    background-color: #28d4fd;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    z-index: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.decoration04{
    background-color: #32b7fc;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
}
.decoration04::before{
    background-color: #28d4fd;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 5;
}
.decoration05{
    background-color: #32b7fc;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
}
.decoration05::before{
    background-color: #28d4fd;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.decoration06{
    background-color: #ffc3fc;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
}
.decoration06::before {
    background-color: #ff7af2;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.character01{
    position: absolute;
}

.main_bg404{
    background-image: url("images/character/404.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	text-align: center;
	height: 700px;
	/*padding: 60px 20px 40px 20px;*/
	/*margin-top: 30px;*/
}

.cm_bg {
    background: url(images/bgcube.webp),linear-gradient(90deg, #167ac6 0%, #77c4ff 50%, #64f968 50%, #07a50c 100%);
    text-align: center;
    height: 460px;
    padding: 12px 20px 40px 20px;
    border-top: 6px solid #ccc;
}

.cm_bg p{
	margin-top: 20px;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.gchoimg{
	position: relative;
    bottom: -50px;
    right: 25px;
}
.mansyon_bg{
	background-image: url("main/images/mansyon_haikei.webp") ;
	background-repeat: no-repeat;
	text-align: center;
	height: 640px;
	padding: 120px 20px 40px 20px;
	/*margin-top: 52px;*/
}

.mansyon_bg img{
	width: 200px;
}

.mansyon_bg p:hover{
	color:#000288;
	background: #fff;
}

.mansyon_bg a:hover{
	color:#000288;
	background: #fff;
}



.syozai_bg{
	background: #BCDCFD !important;
}


/******写真撮り方ボタン*******/




.photo_btn,
a.photo_btn,
button.photo_btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}



a.btn--yellow {
  color: #4c4c4c;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
	font-size: 18px;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}


/* header
---------------------------*/

header#header{	
	width:100%;

}


body.toppage #header{
	/*background:#61c7f8;
	/*background:#37b8f2 url(images/bg_header_pc.webp) no-repeat;*/
	background-position:center;
}

header#header #cloud{
	height:130px;
}



body.toppage #header #cloud{
	/*background:url(images/clouds.webp);*/
	animation: cloudmove 50s linear infinite;
	-webkit-animation: cloudmove 50s linear infinite;
	-moz-animation: cloudmove 50s linear infinite;
}

@keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 50px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 50px;}
	100% {background-position: 960px 0;}
}

@-webkit-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 50px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 50px;}
	100% {background-position: 960px 0;}
}

@-moz-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 50px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 50px;}
	100% {background-position: 960px 0;}
}

header#header #buildings{
	height:130px;
	background:url(images/buildings.webp) repeat-x;
}


header#header .inr{
	width: 960px;
	/*max-width:100%;
  height: 100%;
	*/
	padding-top: 15px;
  margin: 0 auto;
}



header#header p{
	float:left;
	width:115px; width:11.9791%;
	height:80px;
	font-size:11px;
	margin:0 30px 5px 5px;
}

header#header p a{
	display:block;
}

header#header p img{
	width:100%;
	max-width:100%;
	height:auto;
}


header#header .payment{
	float:left;
	width:314px; width:32.7083%;
	height:80px;
	margin-top:35px;
}


header#header .number{
	float:right;
	/*width:350px; width:36.4583%;*/
}

header#header .number img{
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom: 5px;
}

header#header .number .open{
  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;
}


/******new*************/


header#header_new #buildings_new{
	/*height:100px;*/
	background: #fff;
	background-image: url("images/top_haikei.webp")
}


header#header_new .inr{
	width: 1200px;
	/*max-width:100%;
  height: 100%;
	*/
	/*padding-top: 15px;*/
  margin: 0 auto;
	max-width:100%;
}



header#header_new p{
	float:left;
	font-size:11px;
	/*margin:0 30px 5px 5px;*/
}

header#header_new p a{
	display:block;
    padding-top: 10px;
}

header#header_new p img{
	width:200px;
	max-width:100%;
	height:auto;
	vertical-align: middle;
}


header#header_new .payment{
	float:left;
	width:314px; width:32.7083%;
	height:80px;
	margin-top:35px;
}


header#header_new .number{
	float:right;
	margin-left: 20px;
}

header#header_new .number img{
	/*width:100%;*/
	max-width:100%;
	height:auto;
}

header#header_new .number .open{
  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;
}

/****************************/
/******new2*************/


header#header_new2 #buildings_new2{
	/*height:100px;*/
	background: #fff;
}


header#header_new2 .inr{
	width: 1200px;
	/*max-width:100%;
  height: 100%;
	*/
	padding-top: 15px;
  margin: 0 auto;
	max-width:100%;
}



header#header_new2 p{
	float:left;
	font-size:11px;
	/*margin:0 30px 5px 5px;*/
}

header#header_new2 p a{
	display:block;
}

header#header_new2 p img{
	width:200px;
	max-width:100%;
	height:auto;
	vertical-align: middle;
}


header#header_new2 .payment{
	float:left;
	width:314px; width:32.7083%;
	height:80px;
	margin-top:35px;
}


header#header_new2 .number{
	float:right;
	margin-left: 20px;
}

header#header_new2 .number img{
	/*width:100%;*/
	max-width:100%;
	height:auto;
}

header#header_new2 .number .open{
  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;
}

/****************************/
/******new3*************/


header#header_new3 #buildings_new3{
	/*height:100px;*/
	background: #fff;
}
header#header_new3 #buildings_lp{
	height:150px;
	background: #fff;
}

header#header_new3 .inr{
	width: 1200px;
	/*max-width:100%;
  height: 100%;
	*/
	padding-top: 15px;
  margin: 0 auto;
	max-width:100%;
}



header#header_new3 p{
	float:left;
	font-size:11px;
	/*margin:0 30px 5px 5px;*/
}

header#header_new3 p a{
	display:block;
}

header#header_new3 p img{
	width:200px;
	max-width:100%;
	height:auto;
	vertical-align: middle;
}


header#header_new3 .payment{
	float:left;
	width:314px; width:32.7083%;
	height:80px;
	margin-top:35px;
}


header#header_new3 .number{
	float:right;
	margin-left: 20px;
}

header#header_new3 .number img{
	/*width:100%;*/
	max-width:100%;
	height:auto;
}

header#header_new3 .number .open{
  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;
}

/****************************/
/* nav
---------------------------*/

nav#gnav{
	background:url(images/bg_gnav.webp) repeat-x;
}

nav#gnav .inr{
	width:930px;
	max-width:100%;
	margin:0 auto;
}

nav#gnav .inr > ul > li{
	float:left;
	text-align: center;
}

nav#gnav .inr > ul > li > a{
	display: block;
	width: 154.8px;
	height:60px;
	color:#333;
	font-size: 13px;
	padding-top:15px;
	border-left: 1px solid #ebebeb;
	background:url(images/bg_gnav_on2.webp) repeat-x;
	background-position:top;
	transition:none;
	opacity:1;
}

nav#gnav .inr > ul > li > a:hover{
	color:#fff;
	background:url(images/bg_gnav_on2.webp) repeat-x;
	background-position:bottom;
}

nav#gnav .inr > ul > li:last-child{
	border-right: 1px solid #ebebeb;
}


nav#gnav .inr > ul > li > a span.jp{
	display:block;
}


nav#gnav .inr > ul > li > a span:not(.jp){
  color: #8c8c8c;
  font-size: 10px;
	display:block;
}

nav#gnav .inr li.productListBtn{
	position:relative;
	
}

nav#gnav .inr li.productListBtn ul{
	display:none;
	position:absolute;
	width:200px;
	top:60px;
	max-width:300px !important;
	background:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	z-index:999999;
}


nav#gnav .inr li.productListBtn ul li{
	width:100%;
	border-bottom:1px dotted #ccc;
}

nav#gnav .inr li.productListBtn ul li:last-child{
	border-bottom:0;
}


nav#gnav .inr li.productListBtn ul li a{
	display:block;
	width:100%;
	color:#333;
	padding:10px;
}

nav#gnav .inr li.productListBtn ul li a:hover{
	background:rgba(0,0,0,0.1);
}


/* nav(新)
---------------------------*/

nav#gnav_new{
	background: #f3f3f3;
	float: right;
    width: 100%;
	/*margin-bottom: 20px;*/
	box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
}

nav#gnav_new .inr{
	width:990px;
	max-width:100%;
	margin:0 auto;
}

nav#gnav_new .inr > ul > li{
	float:left;
	text-align: center;
}

nav#gnav_new .inr > ul > li > a{
	display: block;
    width: 110px;
    color: #333;
    font-size: 13px;
    border-left: 1px solid #afabab;
    transition: none;
    opacity: 1;
    font-size: 12px;
    margin: 6px 0 6px 0;
}

nav#gnav_new .inr > ul > li > a:hover{
	background: #fff;
}

nav#gnav_new .inr > ul > li > a:last-child{
	/*border-right: 1px solid #afabab;*/
}


nav#gnav_new .inr > ul > li > a span.jp{
	display:block;
}


nav#gnav_new .inr > ul > li > a span:not(.jp){
  color: #8c8c8c;
  font-size: 10px;
	display:block;
}

nav#gnav_new .inr li.productListBtn{
	position:relative;
	
}

nav#gnav_new .inr li.productListBtn ul{
	display:none;
	position:absolute;
	width:200px;
	top:60px;
	max-width:300px !important;
	background:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	z-index:999999;
}


nav#gnav_new .inr li.productListBtn ul li{
	width:100%;
	border-bottom:1px dotted #ccc;
}

nav#gnav_new .inr li.productListBtn ul li:last-child{
	border-bottom:0;
}


nav#gnav_new .inr li.productListBtn ul li a{
	display:block;
	width:100%;
	color:#333;
	padding:10px;
}

nav#gnav_new .inr li.productListBtn ul li a:hover{
	background:rgba(0,0,0,0.1);
}
/* nav(新2)
---------------------------*/

nav#gnav_new2{
	float: right;
	/*margin-bottom: 20px;*/
}

nav#gnav_new2 .inr{
	width:745px;
	max-width:100%;
}

nav#gnav_new2 .inr > ul > li{
	float:left;
	text-align: center;
	font-weight: bold;
    margin: 6px 20px 6px 0;
}

nav#gnav_new2 .inr > ul > li > a{
	display: block;
    color: #333;
    font-size: 13px;
    transition: none;
    opacity: 1;
}

nav#gnav_new2 .inr > ul > li > a:hover{
	color: #B9070A;
}

nav#gnav_new2 .inr > ul > li > a:last-child{
	/*border-right: 1px solid #afabab;*/
}


nav#gnav_new2 .inr > ul > li > a span.jp{
	display:block;
}


nav#gnav_new2 .inr > ul > li > a span:not(.jp){
  color: #8c8c8c;
  font-size: 10px;
	display:block;
}

nav#gnav_new2 .inr li.productListBtn{
	position:relative;
	
}

nav#gnav_new2 .inr li.productListBtn ul{
	display:none;
	position:absolute;
	width:200px;
	top:60px;
	max-width:300px !important;
	background:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	z-index:999999;
}


nav#gnav_new2 .inr li.productListBtn ul li{
	width:100%;
	border-bottom:1px dotted #ccc;
}

nav#gnav_new2 .inr li.productListBtn ul li:last-child{
	border-bottom:0;
}


nav#gnav_new2 .inr li.productListBtn ul li a{
	display:block;
	width:100%;
	color:#333;
	padding:10px;
}

nav#gnav_new2 .inr li.productListBtn ul li a:hover{
	background:rgba(0,0,0,0.1);
}
/* nav(新2023)
---------------------------*/

nav#gnav_new3{
	float: right;
	/*margin-bottom: 20px;*/
}

nav#gnav_new3 .inr{
	width:745px;
	max-width:100%;
}

nav#gnav_new3 .inr > ul > li{
	float:left;
	text-align: center;
	font-weight: bold;
    margin: 6px 20px 6px 0;
}

nav#gnav_new3 .inr > ul > li > a{
	display: block;
    color: #333;
    font-size: 13px;
    transition: none;
    opacity: 1;
}

nav#gnav_new3 .inr > ul > li > a:hover{
	color: #B9070A;
}

nav#gnav_new3 .inr > ul > li > a:last-child{
	/*border-right: 1px solid #afabab;*/
}


nav#gnav_new3 .inr > ul > li > a span.jp{
	display:block;
}


nav#gnav_new3 .inr > ul > li > a span:not(.jp){
  color: #8c8c8c;
  font-size: 10px;
	display:block;
}

nav#gnav_new3 .inr li.productListBtn{
	position:relative;
	
}

nav#gnav_new3 .inr li.productListBtn ul{
	display:none;
	position:absolute;
	width:200px;
	top:60px;
	max-width:300px !important;
	background:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	z-index:999999;
}


nav#gnav_new3 .inr li.productListBtn ul li{
	width:100%;
	border-bottom:1px dotted #ccc;
}

nav#gnav_new3 .inr li.productListBtn ul li:last-child{
	border-bottom:0;
}


nav#gnav_new3 .inr li.productListBtn ul li a{
	display:block;
	width:100%;
	color:#333;
	padding:10px;
}

nav#gnav_new3 .inr li.productListBtn ul li a:hover{
	background:rgba(0,0,0,0.1);
}
/*------商材ナビボーダー----*/
.syouzai_last{
	border-right: 1px solid #aaa;
}


/* 商材ナビ
---------------------------*/

nav#syozai_nav{
	background:　#fff;
	clear: both;
}

nav#syozai_nav .inr{
	width:1000px;
	max-width:100%;
	margin:0 auto;
}

nav#syozai_nav .inr > ul > li{
	float:left;
	text-align: center;
}

nav#syozai_nav .inr > ul > li > a{
	display: block;
	width: 102px;
	height:30px;
	color:#333;
	font-size: 13px;
	padding-top:15px;
	border-left: 1px solid #ebebeb;
	background:url(images/bg_syozai_nav_on2.webp) repeat-x;
	background-position:top;
	transition:none;
	opacity:1;
}

nav#syozai_nav .inr > ul > li > a:hover{
	color:#fff;
	background:url(images/bg_syozai_nav_on2.webp) repeat-x;
	background-position:bottom;
}

nav#syozai_nav .inr > ul > li:last-child{
	border-right: 1px solid #ebebeb;
}


nav#syozai_nav .inr > ul > li > a span.jp{
	display:block;
}


nav#syozai_nav .inr > ul > li > a span:not(.jp){
  color: #8c8c8c;
  font-size: 10px;
	display:block;
}

nav#syozai_nav .inr li.productListBtn{
	position:relative;
	
}

nav#syozai_nav .inr li.productListBtn ul{
	display:none;
	position:absolute;
	width:200px;
	top:60px;
	max-width:300px !important;
	background:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	z-index:999999;
}


nav#syozai_nav .inr li.productListBtn ul li{
	width:100%;
	border-bottom:1px dotted #ccc;
}

nav#syozai_nav .inr li.productListBtn ul li:last-child{
	border-bottom:0;
}


nav#syozai_nav .inr li.productListBtn ul li a{
	display:block;
	width:100%;
	color:#333;
	padding:10px;
}

nav#syozai_nav .inr li.productListBtn ul li a:hover{
	background:rgba(0,0,0,0.1);
}

/**************商品ナビ****************/


/**********上部固定メニュー*********/

#main_menu{
    background-color: #ffffff;
}





/*************見積りボタン*************/
.btn-border {
    display: inline-block;
    max-width: 180px;
    text-align: left;
    border: 2px solid #e47710;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: .4s;
    background: #f77800;
	line-height: 1;
	height: 63px;
}

.btn-border:hover {
  background-color: #d4170ef2;
  border-color: #ad231cf2;
  color: #FFF;
}


/******フリーコール******/
#tell_mitsumori {
    margin: 0 auto;
    display: inline-block;
    top: 300px;
    position: relative;
}
#inquiry {
    background: #fff;
    padding: 22px;
    border-radius: 100px;
    pointer-events: none;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
    float: left;
}
#inquiry p{
	line-height: 1.5em;
	text-align: center;
	font-size: 18px;
}
.inquiry_call{
	font-size: 18px;
    font-weight: bold;
}

.inquiry_title{
	
}

.inquiry-title::before {
    content: "";
    position: absolute;
    left: 0px;
    background: url(img_v4/icon_phone_red.webp);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 5%;
}

.inquiry-title::after {
    content: "無料";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: normal;
    background-color: #009fa7;
    padding: 2px 8px;
    color: #fff;
    border-radius: 20px;
}


.tell_num{
    font-size: 40px !important;
    font-weight: bold;
    color: #e70000;
}


/******フリーコール2023******/
#tell_mitsumori1 {
    margin: 0 auto;
    display: inline-block;
    top: 244px;
    position: relative;
    /* right: 207px; */
    z-index: 6;
}
#inquiry1 {
    /* background: #fff; */
    padding: 20px;
    /* border-radius: 100px; */
    pointer-events: none;
    /* box-shadow: 6px 6px 6px rgba(0,0,0,0.2); */
    float: left;
    background: rgb(247 247 247 / 50%);
}
#inquiry1 p{
	line-height: 1.5em;
	text-align: center;
	font-size: 22px;
}
.inquiry_call1{
	font-size: 18px;
    font-weight: bold;
}

.inquiry_title1{
	
}

.inquiry-title1::before {
    content: "";
    position: absolute;
    left: 0px;
    background: url(img_v4/icon_phone_red.webp);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 5%;
}

.inquiry-title1::after {
    content: "無料";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: normal;
    background-color: #009fa7;
    padding: 2px 8px;
    color: #fff;
    border-radius: 20px;
}


.tell_num1{
    font-size: 40px !important;
    font-weight: bold;
    color: #e70000;
}



/******お見積もり依頼ボタン*****/

#estimate {
    padding: 20px 30px;
    text-decoration: none;
    overflow: hidden;
}
#estimate a{
	text-decoration: none;
}
#estimate a :hover{
	background: #fff;
	color: #C40105;
}
.estimate_btn{
	width: 375px;
	font-size: 24px;
	background: #ffff01;
	border-radius: 20px;
	text-align: center;
	padding: 25px;
	font-weight: bold;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
	color: #00468d;
}
.estimate_btn p{
	text-align: center;
}
.estimate_title{
	font-size: 18px;
	font-weight: bold;
}
/******お見積もり依頼ボタン2023*****/

#estimate01 {
    padding: 20px 30px;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
#estimate01 a{
	text-decoration: none;
}
#estimate01 a :hover{
	background: #ff6101;
	color: #fff;
}
.estimate_btn01{
    width: 375px;
    font-size: 26px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 25px;
    font-weight: bold;
    /* box-shadow: 6px 6px 6px rgba(0,0,0,0.2); */
    color: #ff6101;
    border: 3px solid #ff6101;
}
.estimate_btn01 p{
	text-align: center;
}
.estimate_title01{
	font-size: 18px;
	font-weight: bold;
}
/* お知らせ
---------------------------*/

nav#oshirase{
	background: #d2e6ff;
	float: right;
    width: 100%;
	border-bottom: 3px solid #64b5ff;
	/*border-top: 3px solid #3498db;*/
	font-size: 14px;
	height: 70px;
}

nav#oshirase .inr{
	width: 800px;
    max-width: 100%;
    margin: 16px auto;
    height: 40px;
    padding: 10px 20px;
    background: #fff;
	border-radius: 20px;
}

nav#oshirase .inr > ul > li{
	float:left;
	text-align: center;
}

nav#oshirase .inr > ul > li > a{
	display: block;
    width: 110px;
    color: #333;
    font-size: 13px;
    border-left: 1px solid #afabab;
    transition: none;
    opacity: 1;
    font-size: 12px;
    margin: 6px 0 6px 0;
}

nav#oshirase .inr > ul > li > a:hover{
	color:#fff;
	background:url(images/bg_oshirase_on2.webp) repeat-x;
	background-position:bottom;
}

nav#oshirase .inr > ul > li > a:last-child{
	/*border-right: 1px solid #afabab;*/
}


nav#oshirase .inr > ul > li > a span.jp{
	display:block;
}


nav#oshirase .inr > ul > li > a span:not(.jp){
  color: #8c8c8c;
  font-size: 10px;
	display:block;
}

nav#oshirase .inr li.productListBtn{
	position:relative;
	
}

nav#oshirase .inr li.productListBtn ul{
	display:none;
	position:absolute;
	width:200px;
	top:60px;
	max-width:300px !important;
	background:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	z-index:999999;
}


nav#oshirase .inr li.productListBtn ul li{
	width:100%;
	border-bottom:1px dotted #ccc;
}

nav#oshirase .inr li.productListBtn ul li:last-child{
	border-bottom:0;
}


nav#oshirase .inr li.productListBtn ul li a{
	display:block;
	width:100%;
	color:#333;
	padding:10px;
}

nav#oshirase .inr li.productListBtn ul li a:hover{
	background:rgba(0,0,0,0.1);
}

/**************おしらせ*********************/

.db{
	display:block !important;
}

.breadCrums{
 font-size: 13px;
}

.breadCrums a{
 font-size: 13px;
}

/* slider
---------------------------*/
.bxslider3{
	width:100%;
}

.bx-wrapper img{
	margin:0 auto;
}

/* wrap
---------------------------*/


#wrap{
	width:1100px;
	max-width:100%;
	margin:0 auto;
	

}


.column2 #wrap{
	width:930px;
}






/* article
---------------------------*/



/* section
---------------------------*/
body.column1 section{
	padding: 0px 15px 15px 15px;
}

body.column2 section{
	margin-bottom:15px;
}


body.column2 section > .swapEx{
	padding:10px;
	margin-bottom:20px;
}

.mainImg img {
    margin: 0 auto;
    /*width: 100%;*/
}

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

.m_suisengrid img{
	width: 100%;
}

/*------横長バナー------*/

.bnr img{
	display:block;
	border:3px solid #ebebeb;
	margin:0 auto;
}

.clcBnr{
	border:3px solid #ebebeb;
}

.clcBnr a{
	display:block;
	transition: none;
}

.clcBnr a:hover{
	opacity:0.6;
}

.clcBnr a img{
	display:block;
}


/*------横2列バナー------*/

.col2_bnr{
	font-size:0;
}

.col2_bnr li{
	display:inline-block;
	width: 48.6112%;/*--(W350 / w720 *100)--*/
	max-width:100%;
	border:2px solid #ebebeb;
	margin-right: 1.38889%;/*--(m10 / w720 *100)--*/
}

.column1 .col2_bnr li{
	width:49.4624%;/*--(W460 / w930 *100)--*/
	margin-right:1.07527%;/*--(m10 / w900 *100)--*/
}

.col2_bnr li:last-child{
	margin-right:0;
}

.col2_bnr li a{
	display:block;
	transition:none;
}

.col2_bnr li a:hover{
	opacity: 0.6;
}

/*------横3列バナー------*/

.col3_bnr{
	font-size:0;
}

.col3_bnr li{
	display:inline-block;
	width:32.5807%;/*--(W300 / w930 *100)--*/
	max-width:100%;
	border:2px solid #ebebeb;
	margin-right: 1.07527%;/*--(m10 / w900 *100)--*/
}

.col3_bnr li:last-child{
	margin-right:0;
}

.col3_bnr li a{
	display:block;
	transition:none;
}

.col3_bnr li a:hover{
	opacity: 0.6;
}

/*------横3列バナーnew------*/
.box3_pic ul{
    display: flex;
}
.box3_pic li {
    width: 32.2222%;
    font-size: 1em;
    line-height: 1.8em;
    float: left;
    margin: 4px;
    border: 2px solid #aaa;
    padding: 10px;
}
.box3_pic h4{
    text-align: center;
    font-size: 1.2em;
    margin: 6px;
    background: #4f4d47;
    color: #fff;
    padding: 3px;
}
.box3_pic h5{
    padding: 8px;
}
.box3_pic p{
    padding: 4px;
}
.box3_pic table{
    width: 100%;
}
.box3_pic td {
    padding: 4px;
    border: 1px solid #aaa;
    background: #f1f1f1;
}

/*------横2列画像ー------*/

.col2_pic{
	font-size:0;
}

/*.col2_pic li{
	display:inline-block;
	width: 49.3056%;
	max-width:100%;
	border:2px solid #ebebeb;
	margin-right: 1.38889%;
}*/

.col2_pic li {
    display: inline-block;
    width: 48.6%;
    max-width: 100%;
    border: 2px solid #ebebeb;
    margin-right: 2.77778%;
}
.col2_pic li:last-child{
	margin-right:0;
}


.col2_pic li img{
	display:block;
	margin:0 auto;
}

/*------横2列画像_2------*/

.col2_pic_2{
	font-size:0;
}

.col2_pic_2 li{
	display:inline-block;
	width: 49.3056%;
	max-width:100%;
	border:2px solid #ebebeb;
	margin-right: 1.38889%;
	background-color: #1A6307;
}

.col2_pic_2 li:last-child{
	margin-right:0;
}


.col2_pic_2 li img{
	display:block;
	margin:0 auto;
}

/*------横3列画像ー------*/

.col3_pic{
	font-size:0;
}
.col3_p {
    padding: 2px 12px;
    margin-top: 10px;
}

.col3_pic li {
    display: inline-block;
    width: 33.3%;
    max-width: 100%;
   /* border: 2px solid #ebebeb;*/
    margin: 20px 0 0;
}

.col3_pic li:last-child{
	margin-right:0;
}


.col3_pic li img{
	display:block;
	margin:0 auto;
	width: 80%;
}
.cl301{
	/*margin-right: 1%;
	margin-left: 1%;*/
}

/*------横4列画像ー------*/

.col4_pic {
    font-size: 0;
    /**background-color: #eee;*/
	text-align: center;
}


.col4_pic li{
	display:inline-block;
	width:22.9167%;
	max-width:100%;
	border:2px solid #ebebeb;
  margin-right: 2.77778%;
}

.col4_pic li:last-child{
	margin-right:0;
}


.col4_pic li img{
	display:block;
	margin:0 auto;
}


/*------横4列画像ー------*/

.col5_pic {
    font-size: 0;
    /**background-color: #eee;*/
	text-align: center;
}


.col5_pic li{
	display:inline-block;
	width:22.9167%;
	max-width:100%;
	border:2px solid #ebebeb;
  margin-right: 2.77778%;
}

.col5_pic li:last-child{
	margin-right:0;
}


.col5_pic li img{
	display:block;
	margin:0 auto;
}


.cl301{
	margin-right: 1%;
	margin-left: 1%;
}

/*------9列画像ー------*/

.col9_bnr{
	font-size:0;
}

.col9_bnr li{
	display:inline-block;
	width:32.5807%;/*--(W300 / w930 *100)--*/
	max-width:100%;
	border:2px solid #ebebeb;
	margin-right: 1.07527%;/*--(m10 / w900 *100)--*/
}

.col9_bnr li:last-child{
	margin-right:0;
}

.col9_bnr li a{
	display:block;
	transition:none;
}

.col9_bnr li a:hover{
	opacity: 0.6;
}

.col9_pic{
	font-size:0;
}

.col9_pic li {
    display: inline-block;
   width: 31%;
    max-width: 100%;
    /* border: 2px solid #ebebeb; */
}

.col9_pic li:last-child{
	margin-right:0;
}


.col9_pic li img{
	display:block;
	margin:0 auto;
}







/*------pic・title・explain(1つ)------*/

.col1_pic_title_explain{
	margin-bottom:10px;
}

.col1_pic_title_explain.last{
	margin-bottom:0;
}

.col1_pic_title_explain img,
.col1_pic_title_explain iframe{
	float:left;
	display:block;
	max-width:100%;
	/*border: 4px solid #ebebeb;*/
	margin-right:1.38889%;
	width: 37%;
    margin-top: 10px;
}
.col1_pic_title_explain iframe{
    margin-left: 10px;
}

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




.col1_pic_title_explain .explain{
	float:left;
	width:60%;
	max-width:100%;
	text-align:left;
	/*font-size: 13px;*/
}

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


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

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


.col1_pic_title_explain ul{
	margin-bottom: 30px;
}

.col1_pic_title_explain .title{
    border: 0;
    font-size: 16px;
    color: #4f4d4;
    line-height: 1.5;
    padding: 2px 10px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 8px 20px 8px 20px;
}

.col1_pic_title_explain p{
	padding:10px;
	margin-bottom: 15px;
    line-height: 1.8em;
    font-size: 14px;
}


.wide_w .explain{
    width: 100% !important;
}
.wide_w img{
    width: 100% !important;
    border: none;
    margin: 10px auto!important;
}

.ul_sd{
    list-style: disc !important;
    margin: 4px 0 4px 24px;
}

/*------pic・title・explain(2つ)------*/

.col2_pic_title_explain > div{
	display:inline-block;
    width:50%;
	max-width:100%;
}

.col2_pic_title_explain > div.last{
	margin-right:0;
}

.col2_pic_title_explain > div img{
	/*border: 4px solid #ebebeb;*/
    padding: 4%;
    width: 100%;
}

.col2_pic_title_explain table{
	width:100%;
}

/*.col2_pic_title_explain .title{
	padding:16px;
	font-size: 16px;
}*/
.col2_pic_title_explain .title{
    border: 0;
    font-size: 16px;
    color: #4f4d4;
    line-height: 1.5;
    padding: 2px 10px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 8px 20px 8px 20px;
    margin-top: 15px;
    text-align: center;
}
.col2_pic_title_explain p{
    font-size: 14px;
    line-height: 1.8em;
    padding: 10px;
}
/*------pic・title・explain(4つ)------*/
.col4_pic_title_explain {
    flex-wrap: wrap;
    display: flex;
}
.col4_pic_title_explain > div {
    display: inline-block;
    width: 24%;
    max-width: 100%;
    /* margin-right: 1.38889%; */
    vertical-align: top;
    margin: .5%;
}
.col4_pic_title_explain > div.last{
	margin-right:0;
}

.col4_pic_title_explain > div img{
	width:100%;
	border: 4px solid #ebebeb;
}

.col4_pic_title_explain table{
	width:100%;
}



/********食洗機用*********/

.shs{
	width: 45%;
	overflow: hidden;
	float: left;
	margin: 10px;
}

.shs img{
	width: 180px;
}

.shs2{
	overflow: hidden;
}

.shs2 li{
	margin-top: 15px;
}

.img_t{
	width: 200px;
	padding: 10px;
}
.img_dish{
	width: 350px;
	padding: 10px;
}
/*------pic・title・explain(4つ)------*/

.col5_pic_title_explain > div{
	display:inline-block;
	width:23.4483%;
	max-width:100%;
	margin-right:1.38889%;
	vertical-align: top;
}

.col5_pic_title_explain > div.last{
	margin-right:0;
}

.col5_pic_title_explain > div img{
	width:100%;
	border: 4px solid #ebebeb;
}

.col5_pic_title_explain table{
	width:100%;
}


/*------トイレ用------*/

.col6_pic_title_explain{
	margin-bottom:10px;
}

.col6_pic_title_explain.last{
	margin-bottom:0;
}

.col6_pic_title_explain img,
.col6_pic_title_explain iframe{
	float:left;
	display:block;
	width:34.7223%;
	max-width:100%;
	margin-right:1.38889%;
}


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




.col6_pic_title_explain .explain{
	float:left;
	width:63.8889%;
	max-width:100%;
	text-align:left;
}

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


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

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




.col6_pic_title_explain .title{
	padding:10px;
}

.col6_pic_title_explain p{
	padding:10px;
}

/*------pic・title・explain(7つ)------*/

.col7_pic_title_explain{
	margin-bottom:10px;
}

.col7_pic_title_explain.last{
	margin-bottom:0;
}

.col7_pic_title_explain img,
.col7_pic_title_explain iframe{
	float:left;
	display:block;
	width:55%;
	max-width:100%;
	border: 4px solid #ebebeb;
	margin-right:1.38889%;
}


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




.col7_pic_title_explain .explain{
	float:left;
	width:40%;
	max-width:100%;
	text-align:left;
	font-size: 12px;
}

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


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

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




.col7_pic_title_explain .title{
	padding:10px;
	font-size: 15px;
}

.col7_pic_title_explain p{
	padding:10px;
}


.col8_pic_title_explain{
	margin-bottom:10px;
}

.col8_pic_title_explain.last{
	margin-bottom:0;
}

.col8_pic_title_explain img,
.col8_pic_title_explain iframe{
	float:left;
	display:block;
	max-width:100%;
	/*border: 4px solid #ebebeb;*/
	margin-right:1.38889%;
	width: 37%;
    margin-top: 10px;
}
.col8_pic_title_explain iframe{
    margin-left: 10px;
}

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




.col8_pic_title_explain .explain{
	float:left;
	width:47%;
	max-width:100%;
	text-align:left;
	/*font-size: 13px;*/
}

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


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

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


.col8_pic_title_explain ul{
	margin-bottom: 30px;
}

.col8_pic_title_explain .title{
    border: 0;
    font-size: 16px;
    color: #4f4d4;
    line-height: 1.5;
    padding: 2px 10px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 8px 20px 8px 20px;
}

.col8_pic_title_explain p{
	padding:10px;
	margin-bottom: 15px;
    line-height: 1.8em;
    font-size: 14px;
}

/*------title・pic(1つ)------*/

.col6_title_pic{
	width:100%;
	text-align:left;
}

/*
.col6_title_pic img{
	border: 4px solid #ebebeb;
}
*/

/*------pic・title・explain(1つ)------*/

.mansyon_explain{
	margin-bottom:40px;
}

.mansyon_explain.last{
	margin-bottom:0;
}

.mansyon_explain img,
.mansyon_explain iframe{
	float:left;
	display:block;
	width:45%;
	max-width:100%;
	border: 4px solid #ebebeb;
	margin-right:1.38889%;
}


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




.mansyon_explain .explain{
	float:left;
	width:52%;
	max-width:100%;
	text-align: center !important;
	padding: 10px;
}

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


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

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




.mansyon_explain .title{
	padding:10px;
}

.mansyon_explain p{
	padding:10px;
}



/*-------見積もり方法------------*/


.mitsumori_pic_title{
	margin-bottom:10px;
}

.mitsumori_pic_title.last{
	margin-bottom:0;
}

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


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




.mitsumori_pic_title .explain{
	float:right;
	width:50%;
	max-width:100%;
	text-align:left;
}

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


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

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




.mitsumori_pic_title .title{
	padding:10px;
}

.mitsumori_pic_title p{
	margin: 15px;
}


.mitsumori_title_pic{
	width:100%;
	text-align:left;
}

.syashin_sofu{
	font-size:18px;
	font-weight: bold;
	text-align: center;
}
.sofu_nebiki{
	color: #EB0000;
	font-size: 24px;
}



/*-------お客様の声------------*/


.koe_pic_title {
    border: 1px solid #bbb;
    min-height: 204px;
}
.koe_pic_title.last{
	margin-bottom:0;
}

.koe_pic_title img,
.koe_pic_title iframe{
	float:left;
	display:block;
	/*width:50%;*/
	max-width:100%;
	margin-right:1.38889%;
	margin-left:1.38889%;
	padding-top: 16px;
}


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




.koe_pic_title .explain{
	width:100%;
	text-align:left;
	font-size: 13px;
}

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


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

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

.koe_pic_title .title{
	padding:10px;
}

.koe_pic_title p {
    line-height: 1.4em;
}

.koe_title_pic{
	width:100%;
	text-align:left;
}


/*
.mitsumori_title_pic img{
	border: 4px solid #ebebeb;
}
*/

/*------独自サービス-------*/

.dokuji_waku{
	padding:15px;
	border: 1px solid #E4E2E2;
	background: #F1F1F1;
	margin: 10px 0 15px 0;
}

.dokuji_waku img{
    display: block;
    margin: 10px auto;
}

.waku_kyutou01{
	padding:15px;
	margin: 10px 0 15px 0;
}

.waku_kyutou01 img{
	margin: 10px;
	width: 100%;
}
.dokuji_service img{
    width: 100%;
}

/* メイン画像
----------------------------*/
#mainImg{
	position:relative;
}


/*#mainImg img{
	border: 4px solid #ebebeb;
}
*/


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


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

.slogan table{
	width: 100%;
	background:#000;
}

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

/* メインテキスト
---------------------------*/
.maintext {
	padding: 16px;
    color: #333333;
    font-size: 14px;
    background: #f5f5f5;
    letter-spacing: 0.6px;
    border: dashed 1px #cccccc;
	margin-top: 10px;
    line-height: 1.6em;
}

.syozaitext {
    padding: 20px;
    background: #f7f7f7;
    margin-top: -5px;
}
.syozaitext p{
    line-height: 1.8em;
}
.kyutop_txt{
    padding: 20px;
	margin-top: -15px;
    background: #0065cc;
    color: #fff;
}
.oiltop_txt{
    padding: 20px;
	margin-top: -6px;
    background: #333;
    color: #fff;
}
.business_use_txt{
    padding: 20px;
	margin-top: -6px;
    background: #c50202;
    color: #fff;
}
.makertop_txt_bz{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #333;
    color: #fff;
}
.makertop_txt_kyuutou{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #0b537f;
    color: #fff;
}
.makertop_txt_gasconro{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #333;
    color: #fff;
}
.makertop_txt_rangefood{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #008825;
    color: #fff;
}
.makertop_txt_bathroomdryer{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #dd4609;
    color: #fff;
}
.makertop_txt_dishwasher{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #205293;
    color: #fff;
}
.makertop_txt_ih{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #bf0000;
    color: #fff;
}
.makertop_txt_ecokyu-to{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #008825;
    color: #fff;
}
.makertop_txt_toilet {
    padding: 10px 20px 20px;
    margin-top: -6px;
    background: #ebf8ff;
    color: #333;
    /* border: 2px solid #b3e7ff; */
    border-top: none;
}
.makertop_txt_faucet{
    padding: 10px 20px 20px;
	margin-top: -6px;
    background: #008825;
    color: #fff;
}
.makertop_txt_aircon{
    padding: 10px 20px 20px;
	margin-top: -2px;
    background: #484848;
    color: #fff;
}
.makertop_txt_clothesdryer{
    padding: 10px 20px 20px;
	margin-top: -2px;
    background: #333;
    color: #fff;
}
/***商材（メーカー別）TOPテキスト****/
.kyuutou_top {
    margin: -6px 0;
    background: #333;
    margin-top: 10px;
}
.kyuutou_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.kyuutou_top img{
    border-bottom: none;
}
.gasconro_top {
    margin: -6px 0;
    background: #333;
    margin-top: 10px;
}
.gasconro_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.gasconro_top img{
    border: 2px solid #333;
    border-bottom: none;
}

.rangefood_top {
    margin: -6px 0;
    margin-top: 10px;
}
.rangefood_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.rangefood_top img {
    border: 2px solid #008825;
    border-bottom: none;
}
.dishwasher_top {
    margin: -6px 0;
    margin-top: 10px;
}
.dishwasher_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.dishwasher_top img {
    border: 2px solid #205293;
    border-bottom: none;
}
.ecokyu-to_top {
    margin: -6px 0;
    margin-top: 10px;
}
.ecokyu-to_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.ih_top img{
    border: 2px solid #bf0000;
    border-bottom: none;
}
.ih_top {
    margin: -6px 0;
    margin-top: 10px;
}
.ih_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.bathroomdryer_top img{
    border: 3px solid #dd4609;
    border-bottom: none;
}
.bathroomdryer_top {
    margin: -6px 0;
    margin-top: 10px;
}
.bathroomdryer p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.toilet img{
    border: 1px solid #ddd;
    border-bottom: none;
}
.toilet_top {
    border-bottom: none;
}
.toilet_top {
    margin: -6px 0;
    margin-top: 10px;
}
.toilet p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.faucet img{
    border: 1px solid #ddd;
    border-bottom: none;
}
.faucet_top {
    margin: -6px 0;
    margin-top: 10px;
}
.faucet_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}
.clothesdryer_top img{
    border: 1px solid #333;
    border-bottom: none;
}
.clothesdryer_top {
    margin: -6px 0;
    margin-top: 10px;
}
.clothesdryer_top p{
    line-height: 1.8em;
    padding: 16px 20px 20px;
    color: #fff;
    font-size: 14px;
}

/* キャンペーン商品
---------------------------*/
.gridWrapper2 {
  padding-bottom: 20px;
  overflow: hidden;
}


.grid3{
  float: left;
	width:32%;
  border-radius: 6px;
  background: #fff;
	margin-right:2%;
}

.grid3.last{
	margin-right:0;
}

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

.box4 {
  padding: 10px;
  max-width: 100%;
  border: 3px solid #0065cc;
  border-radius: 6px;
}

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

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

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

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

.hyo_waku02 {
	padding: 4px;
  border: #FFFFFF 1px;
  color: #030;
  background-color: #EFEFEF;
	vertical-align: top;
    line-height: 2em;
}

section.campagin table{
	border-collapse: separate;
	border-spacing: 1px;
  font-size: 13px;
}

section.campagin table p{
	font-size: 1em;
}



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

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

.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: #EB0000;
    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: #FDFC03;
}


.osusume_tab {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

.osusume_tab > label {
    flex: 1 1;
    order: -1;
    opacity: .5;
    min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px 0 0;
    background-color: #2589d0;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.osusume_tab > label:hover {
    opacity: .8;
}

.osusume_tab input {
    display: none;
}

.osusume_tab > div {
    display: none;
    width: 100%;
    padding: .8em;
    background-color: #fff;
}

.osusume_tab label:has(:checked) {
    opacity: 1;
}

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



/* キャンペーン商品(給湯器TOP用)
/* キャンペーン商品(給湯器TOP用)
---------------------------*/
.gridWrapper2_list {
  padding-bottom: 20px;
  overflow: hidden;
}


.grid3_list{
  float: left;
	width:32%;
  border-radius: 6px;
  background: #fff;
	margin-right:2%;
}

.grid3_list.last{
	margin-right:0;
}



.box4_list {
  padding: 6px;
  max-width: 100%;
  border: 2px solid #0065cc;
}

.box5_list {
  padding: 10px;
  max-width: 100%;
  border: 2px solid #1e69de;;
  border-radius: 6px;
}

.hyo_waku01_list {
  padding: 4px;
  border: #CCCCCC 1px;
  background-color: #0065cc;
  color: #fff;
  text-align: center;
}

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

section.campagin table{
	border-collapse: separate;
	border-spacing: 1px;
  font-size: 13px;
}

section.campagin table p{
	font-size: 1em;
}



.osusumewaku1_list {
    padding: 2px 2px 1px 2px;
    border: 1px solid #DFDFDF;
    max-width: 100%;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    background: #FF66FF;
    width: 30%;
}

.osusumewaku2_list {
    padding: 2px 2px 1px 2px;
    border: 1px solid #DFDFDF;
    max-width: 100%;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
	background:#00CC00;
}

.osusumewaku_kingaku_list {
    padding: 2px 2px 1px 2px;
    border-bottom: #FF0000 solid 4px;
    border-bottom-left-radius: #FFFFFF solid 4px;
    text-align: right;
    max-width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #EB0000;
    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: #FDFC03;
}

/* メインラッパー
---------------------------*/

.gmWrapper {
    overflow: hidden;
    margin: 0 -200%;
    padding: 0 200% !important;
    /* background-image: url("images/mb_haikei.webp"); */
    background-color: #def4ff;
}

.gmWrapper .box {
    max-width: 100%;
    height: 310px;
    margin: 0 5px;
    padding: 10px;
    border: 1px solid #f1f1f1;
    font-size: 0.875em;
    background-color: #f7f7f7;
	text-align: center;
}

.gmWrapper .box img{
	border: 2px solid #ebebeb;
	width: 90%;
	border-radius: 10px;
}


.mbox {
    max-width: 100%;
    padding: 20px;
    font-size: 14px;
    margin: 20px;
    background-image: url(images/text_haikei01.webp);
    background-size: cover;
    border-radius: 20px;
}

.mbox p {
    padding: 15px;
    margin: 20px 18px;
    font-weight: bold;
}

.mbox img {
    width: 70%;
    border: solid 4px #6ed0ff;
    /* border-image: url("images/bd_img01.webp"); */
    border-image-slice: 1;
    border-image-repeat: stretch;
    border-radius: 50%;
	background-color: #fff;
    height: auto;
}

/* ガスペックが選ばれ続ける理由
---------------------------*/

.gridWrapper {
  overflow: hidden;
}

.gridWrapper .box {
    max-width: 100%;
    margin: 0 5px;
    padding: 10px;
    border: 1px solid #f1f1f1;
    font-size: 0.875em;
    background-color: #f7f7f7;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.gridWrapper .box img {
    border: 4px solid #ebebeb;
    /*width: 100%;*/
    border-radius: 10px;
}


.grid {
	float: left;
	width: 20%;
  border-radius: 5px;
  background: #fff;
	display: flex;
}
.flexbox{
	display: flex;
	margin: 0 10px;
}
.grid > .box p {
    line-height: 1.6;
    font-size: 1.1em;
    padding: 3%;
    color: #333;
    min-height: 150px;
}
.main_grid {
	float: left;
	width: 50%;
  border-radius: 5px;
  background: #fff;
	text-align: center;
}
.main_grid > .box p{
	line-height:2em;
	font-size: 13px;
	padding: 10px;
}
.main_grid2 {
	float: left;
	width: 33.3%;
  border-radius: 5px;
	text-align: center;
	min-height: 400px;
	margin: 45px 0 45px 0;
}
.main_grid2 > .box p{
	line-height:2em;
	font-size: 13px;
	padding: 10px;
}
.gridWrapper .box h3 {
  padding: 10px 0;
  font-weight: bold;
    font-size: 14px;
	text-align: center;
}
.gridWrapper .box h4 {
  padding: 10px 0;
  font-weight: bold;
    font-size: 14px;
	text-align: center;
}

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

.gmWrapper .box h4 {
  padding: 10px 0;
  font-weight: bold;
    font-size: 16px;
	text-align: center;
}



article#voiceAndsekou{
	/*padding:10px;*/
}

article#voiceAndsekou p{
	line-height: 1.5;
}

/******メッセージ*****/
#top_msp {
    margin: 0 -200%;
    padding: 0 200% !important;
    background-image: url("images/top_msp_bg.webp");
    height: 445px;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    text-align: center;
    margin-bottom: 5%;
}
#top_msp::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #027396;
    opacity: .8;
}
#top_msp .message p {
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    font-size: 3.6em;
    top: 3.6em;
}
#top_msp .message p span{
    color: #fffa29;
    font-size: 1.3em;
}
#top_msp .message em {
    color: #fff;
    font-size: 3.6em;
    z-index: 2;
    position: relative;
    top: 2.4em;
    font-weight: bold;
}
#top_msp p::before{
    background: 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;
	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{
	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;
}

/* 取扱商材一覧
---------------------------*/
.gridWrapper2 .box {
    max-width: 100%;
    /*height: 270px;*/
    margin: 10px;
    padding: 10px;
    /*border: 2px solid #f1f1f1;*/
    font-size: 0.875em;
    background-color: #f7f7f7;
	text-align: center;
	margin-bottom: 10px;
}
.gridWrapper2 .box {
    max-width: 100%;
    margin: 0;
    padding: 10% 5%;
    font-size: 0.875em;
    background-color: #f7f7f7;
    text-align: center;
}
/*.gridWrapper2 .box:hover{
	border: 2px  solid #0065CC;
	background: #A9D8FF;
}*/

.gridWrapper2 .box img{
	border: 2px solid #ebebeb;
	padding: 10px;
    background: #fff;
	border-radius: 50%;
}

.gridWrapper2 .box img:hover{
	border: 2px solid #0065CC;
    background: #fff;
}
.gridWrapper2 .bgg{
    background: #f7f7f7;
    display: inline-block;
}

.grid2 {
	float: left;
	width: 25%;
  border-radius: 5px;
  background: #fff;
}
.grid2 > .box p{
    color: #DB0000;
    width: 100%;
	margin-top: 20px;
    text-align: center;
    margin: 0 auto;
	font-size: 25px;
	font-weight: bold;
}

.syozai {
    font-size: 1.5em;
    margin: 3%;
}

.sougaku{
	font-size: 14px;
}

/****ステップ***/
.m_step{
	font-weight: bold;
	font-size: 20px;
	color: #000288;
	margin-right: 20px;
}




/* メインイメージ
---------------------------*/
.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 300px;
  height: 100%;
  text-align: center;
  line-height: 300px;
}

.swiper-slide:nth-child(3n + 1) {
 
}

.swiper-slide:nth-child(3n + 2) {

}

.swiper-slide:nth-child(3n + 3) {

}



/* お客さまの声
---------------------------*/
#voice{
	float:left;
	width:100%;
	margin-top: 30px;
}

#voice img {
    width: 48%;
    max-width: 100%;
    display: block;
    padding-top: 10px;
    margin-left: 16px;
}
#voice .inr{
	border-radius:4px 4px 0 0;
	box-sizing:border-box;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;	
}



#voice .voiceAll{
	background:#ef991f;
	text-align:center;
}

#voice .voiceAll a{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	color:#fff;
	transition:none;
}

#voice .voiceAll a:hover{background:#ffa626;}



#voice .item {
    padding: 5px;
    /*height: 100px;*/
    min-height: 70px;
    background: #f5f5f5;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

#voice .item .customer {
    position: relative;
    float: left;
    width: 26%;
    height: 90px;
    margin-right: 1%;
}

#voice .item .customer p{
	position:absolute;
	top:0;
}

#voice .item .custmerDetail {
    position: absolute;
    bottom: 9px;
    z-index: 999;
    left: 32%;
}


#voice .item .custmerDetail .pre,
#voice .item .custmerDetail .city,
#voice .item .custmerDetail .name{
	font-size:12px;
	display:inline-block;
}


/*
#voice .item .custmerDetail .pre,
#voice .item .custmerDetail .city{
	margin-right:5px;
}
*/

#voice .item .comment {
    float: right;
    width: 73%;
    font-size: 0.875em;
    padding: 10px;
    border-left: 1px solid #ddd;
    min-height: 92px;
}

#voice .item .comment p {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.voiceBnr img{
	width:100%;
	max-width:100%;
	padding: 0 10px 0 10px;
}


/* 施工実績
---------------------------*/

/*--商材別トップページに表示している実績はスライダーを設定しているので高さ指定--*/
.bx-viewport{
	min-height:500px;
}



ul#saishinSekouList{
	float: left;
	width: 100%;
	margin-right: 1%;
	box-sizing: border-box;
    margin-bottom: 40px;
	}


ul#saishinSekouList .inr{
	width: 100%;
	background: #f5f5f5;
	padding: 15px;
	margin-right: 1%;
	box-sizing: border-box;
	overflow: hidden;
    border: 1px solid #ddd;
}





button.slick-arrow{display:none !important;}

.multiple-items{background:#fff;}


ul#saishinSekouList h3{
	padding:0;
	padding-left:0;
}


ul#saishinSekouList h3 img{
	width: 100%;
	max-width: 100%;
	display: block;
}


ul#saishinSekouList li.item {
    position: relative;
    background: #fff;
    width: 20.19%;
    height: 100%;
    min-height: 380px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    padding: 10px;
    font-size: 0.875em;
    float: left;
    margin: 0 -1px -1px;
}

ul#saishinSekouList li.item.new:after {
    position: absolute;
    z-index: 1;
    width: 100px;
    height: auto;
    content: "New!!";
    text-align: center;
    font-family: 'Geo', sans-serif;
    font-size: 1.5em;
    padding: 0px 25px;
    left: -35px;
    top: 7px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    /* font-weight: bold; */
    background-image: radial-gradient(circle, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
}

ul#saishinSekouList li.item .item_inner{
	width:100%;
	float:left;
}



ul#saishinSekouList li.item .item_inner .pic{
	float: left;
	width: 100%;
	margin-right:25px;
}


ul#saishinSekouList li.item .item_inner .bottom{
	width: 100%;
	float: left;
	margin-bottom:10px;
}





ul#saishinSekouList li.item .item_inner .pic .img_div {
	display: inline-block;
	width: 100%;
	height: 230px;
	max-height: 144px;
	border: 1px solid #e9e9e9;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ddd;
	background-position: 50% 50%;
}



ul#saishinSekouList li.item .priceAndbtn{
	width:100%;
	float:left;
}



ul#saishinSekouList li.item .priceAndbtn p.koujihi {
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #db0a00;
    position: absolute;
    bottom: 4px;
    width: 90%;
    padding-top: 2px;
    background: #fff;
}
p.koujihi span.price {
	font-size: 20px;
	color: #eb0000;
}


ul#saishinSekouList li.item .priceAndbtn .btn {
	width:60%;
	margin: 10px 0;
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;
	background: #34aa34;
	transition:all,0.3s;
}


ul#saishinSekouList li.item .priceAndbtn .btn:hover {
	background: #207720;
}

ul#saishinSekouList li.item .priceAndbtn .btn a {
	display: block;
	color: #fff;
	padding: 10px;
}




#saishinSekouList .sekouAll{
	background:#0082cd;
	text-align:center;
}

#saishinSekouList .sekouAll a{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	color:#fff;
	transition:all,0.3s;
}

#saishinSekouList .sekouAll a:hover{background:#0099f2;}










/* ブログ記事一覧
---------------------------*/





section.blog div{
	max-width:100%;
	text-align:left;
	padding: 10px;
	border: 3px solid #ccc;
	margin: 0 auto;
	border-radius: 5px;
}


section.blog div dl{
	padding:5px 0;
	border-bottom:1px dashed #ccc;
}

section.blog div dl:last-child{border-bottom:none;}


section.blog div dd{
	width: 10%;
	float: left;
}

section.blog div dt{
	width:85%;
	float:right;
}






/* 独自サービス
---------------------------*/


.grid4 {
	float: left;
  width: 100%;
	font-size: 0.875em;
}

.grid4:nth-child(even){
	margin-right:1%;
}

.box5 {
    max-width: 100%;
    min-height: 225px;
    border: 4px solid #eee;
    padding: 10px;
    background-color: #f7f7f7;
    font-size: 13px;
}

.box5 img{
	float: left;
	margin-right: 20px;
	max-width: 40%;
}

.box5 p{
	padding:10px;
	font-size: 14px;
}

.main_box {
	max-width: 100%;
/*	height: 432px;*/
	padding:10px;
	font-size: 14px;
	margin: 8px;
}

.main_box p{
	padding:10px;
}



/* 当社のご案内
---------------------------*/



.gridWrapper9 {
  overflow: hidden;
}

.gridWrapper9 .boxc {
    max-width: 100%;
    margin: 0 5px;
    padding: 0 0 10px 0;
    border: 1px solid #ddd;
    font-size: 0.875em;
    background-color: #f7f7f7;
    text-align: center;
    margin-bottom: 20px;
}

.gridWrapper9 .boxc img{
	width: 100%;
}
.gridWrapper9 .boxc h3{
	font-size: 18px;
	padding: 8px;
}
.gridWrapper9 .boxc h4{
	font-size: 18px;
	padding: 8px;
}

.grid6 {
	float: left;
	width: 25%;
  background: #fff;
}
.grid6 > .boxc p{
	line-height:2em;
	font-size: 14px;
	padding: 14px;
    color: #252525;
}

.gridWrapper9 .boxc h3 {
  padding: 10px 0 5px;
  font-weight: bold;
    font-size: 16px;
	text-align: center;
	border-width: 4px;
}
.gridWrapper9 .boxc h4 {
  padding: 10px 0 5px;
  font-weight: bold;
    font-size: 16px;
	text-align: center;
	border-width: 4px;
}

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




article#voiceAndsekou{
	/*padding:10px;*/
}

article#voiceAndsekou p{
	line-height: 1.8;
	margin-bottom: 8px;
	font-size: 12px;
}



/* ガスペックからのお知らせ
---------------------------*/

.oshirase{
	font-weight: bold;
	padding: 20px 0 0 20px;
}
.oshirase p{
	background: #32b7fc;
	width: 100px;
	text-align: center;
	color: #fff;
}
.newsArea{
box-sizing: border-box;
    /* width: 100%; */
    /* max-width: 100%; */
    text-align: left;
    padding: 10px;
    margin: 0 -200%;
    padding: 0 200% !important;
    background: #f7f7f8;
    margin-bottom: 30px;
}
.newsArea_01 {
    box-sizing: border-box;
    /* width: 100%; */
    /* max-width: 100%; */
    text-align: left;
    padding: 10px;
    margin: 0 -200%;
    padding: 0 200% !important;
    background: #feedff;
    border-top: 6px solid #ff9ffa;
    position: relative;
    z-index: 1;
}
#news01 {
	padding: 0 180px;
}
.news{
	float:left;
	width:100%;
	max-width:100%;
	margin: 10px 0px 30px 0px;
	border-radius: 10px;
	background: #fff;
}
.news_01 {
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 10px 0px 30px 0px;
    background: #fff;
    border: 2px solid #ebebeb;
    border-radius: 15px;
}

.omakasekudasai{
	float:right;
	width:32%;
	max-width:100%;
	text-align:center;
}


ul#news_list {
	margin:10px;
	padding:0;
}
ul#news_list a{
	color:#333;
}
ul#news_list a:hover{
	text-decoration:underline;
}
ul#news_list li {
    color: #666;
    font-size: 15px;
    margin: 0;
    padding: 10px;
    margin-bottom: 3px;
    border-bottom: 1px solid #ddd;
}


.news_List_Ymd {
    padding: 0 40px 2px 4px;
    color: #454545;
    float: left;
}

.to_list{
	margin:10px;
	text-align:right;
}
.to_list a {
	padding:2px 10px;
	border:1px solid #aaa;
	text-decoration:none;
	color:#666;
	font-size:13px;
	border-radius:4px;
}
.to_list a:hover {
	background:#eee;
}


.omakasekudasai img{width:100%;}








/* aside
---------------------------*/



aside#sidebar{
	float:left;
	width:195px;
	height:100%;
}

#menu{
	padding:5px;
  background-color: #F4F4F4;
  border-radius: 3px;
  border: solid 1px #DFDFDF;
  margin-bottom: 20px;
}

#menu a{
  font-size: 14px;
}

#menu .title{
  display: block;
  font-size: 14px;
  text-align: left;
	padding:10px;
	color:#fff;
	background: #757575;
  margin-bottom: 10px;
}

#menu .title.last{

}

#menu .title:hover{
	cursor: pointer;
	background: #555;
}


#menu  .row{
	margin-top:-5px;
}

#menu  .row.last{
	margin-top:5px;
}

#menu  .row div{
	display:block;
	width:100%;
  line-height: 1.5;
	padding:5px;
	margin-bottom:10px;
  border-bottom: 1px dashed #ebebeb;
}


#menu  .row div span{
	float:right;
}

.side_btn{
	text-align:left;
}

.side_btn a{
  width: 100%;
	display:inline-block;
  color: #111;
  -moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
  -webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2), inset 2px 2px 1px rgba(255,255,255,1);
  border-top: 1px solid #BBB;
  border-left: 1px solid #BBB;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 10px;
  background: #EEE;
}

.side_btn a:hover{
  background: #B4B4B4;
}






/* article
---------------------------*/
body.column1 article#contents{
	width:100%;
}

body.column2 article#contents{
	float:right;
	width:720px;
}


body.column1 article#syozai_erabu{
	width:100%;
	background: #aaa;
}

body.column2 article#syozai_erabu{
	float:right;
	width:720px;
}





/* footer
---------------------------*/
footer#footer {
  width: 100%;
  font-size: 12px;
	line-height: 1.5;
  color: #fff;
  text-align: center;
	background: #0065cc;
	overflow: hidden;
}

footer#footer .inr{
	width:1200px;
	max-width:100%;
	padding: 20px 30px;
	margin:0 auto;
	background:#0065cc;
	height: 400px;
}


footer#footer .infoArea{
	float:left;
	width:31.25%;/*--300px--*/
	color:#333;
	padding-left:20px;
}


footer#footer .infoArea .logo{
	text-align:left;
}


footer#footer .info {
    float: left;
    text-align: right;
}


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

footer#footer .info span:not(.number){
	display:block;
	text-align:left;
}

footer#footer .info span.number{
	color:#8aaa16;
	font-weight:bold;
}




footer#footer ul{
	float:right;
	width:100%;/*--620px--*/
	max-width:100%;
	padding:10px 0;
}

footer#footer li{
	float:left;
  font-size: 12px;
	padding: 0 7px 0 8px;
	margin-bottom:10px;
}


footer#footer li:last-child{
	border-right:0;
}


footer#footer li a{
	color:#fff;
	font-size: 12px;
}
footer#footer li a:hover{
	color:#fff;
}

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


/******商材別TOP*******/
/*****交換の流れ********/

.nagare_n{
	background: #def7ff;
    border: 2px solid #6acefd;
    border-top: none;
}
.nagare_n p{
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    color: #ee050b;
    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;
    clear: both;
}
.nagare_n h3 {
    /*float: left;*/
    font-size: 20px;
    padding: 10px 18px;
    background: #29abe9;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.nagare_n h4 {
    float: left;
    font-size: 16px;
    font-weight: bold;
    /* margin-left: 8px; */
    /* margin-top: 8px; */
    text-align: center;
    color: #117bad;
}
.nagare_g{
	background: #e3ffde;
    border: 2px solid #85c997;
    border-top: none;
}
.nagare_g p{
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #ee050b;
    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;
    clear: both;
}
.nagare_g h3 {
    /*float: left;*/
    font-size: 20px;
    padding: 10px 18px;
    background: #0b910f;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.nagare_g h4 {
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #096d0c;
}
.nagare_step{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.nagare_step2{
	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.nagare_step p {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #ee050b;
    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;
    clear: both;
}
.nagare_step2 p {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #ee050b;
    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;
    clear: both;
}
.nagare_step img{
	margin-top: 6px;
    width: 100%;
}
.nagare_step2 img{
	margin-top: 6px;
    width: 100%;
}
.nagare_box {
    width: 24%;
    background: #fff;
    padding: 8px;
    font-size: 12px;
    float: left;
    margin: 4px;
    border: 1px solid #85edff;
}
.nagare_box p {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 1.6em;
    margin-top: 6px;
    color: #333;
}
.nagare_box1 {
    width: 24%;
    background: #fff;
    padding: 8px;
    font-size: 12px;
    float: left;
    margin: .5%;
    display: flex;
    flex-direction: column;
}
.nagare_box1 p {
    font-size: 1.1em !important;
    font-weight: normal;
    text-align: left;
    line-height: 1.6em;
    margin-top: 6px;
    color: #333;
    min-height: 100px;
}
.nagare_box2 {
    width: 24%;
    background: #fff;
    padding: 8px;
    font-size: 12px;
    float: left;
    margin: .5%;
    display: flex;
    flex-direction: column;
}
.nagare_box2 p {
    font-size: 1.1em;
    font-weight: normal;
    text-align: left;
    line-height: 1.6em;
    margin: 8px 0;
    color: #333;
}
.step_n {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #29abe9;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.step_g {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0b910f;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
/*------------------------------------------------------------------------------------------------
																				index.php(トップページ)
--------------------------------------------------------------------------------------------------*/
/*------------------------------------------------
header
--------------------------------------------------*/
header#header{	
	width:100%;
}


header#header #cloud{
	animation: cloudmove 50s linear infinite;
	-webkit-animation: cloudmove 50s linear infinite;
	-moz-animation: cloudmove 50s linear infinite;
}

header#header_new{	
	width:100%;
}


header#header_new #cloud{
	animation: cloudmove 50s linear infinite;
	-webkit-animation: cloudmove 50s linear infinite;
	-moz-animation: cloudmove 50s linear infinite;
	padding-top: 5px;
}
header#header_new2{	
	width:100%;
}


header#header_new2 #cloud{
	animation: cloudmove 50s linear infinite;
	-webkit-animation: cloudmove 50s linear infinite;
	-moz-animation: cloudmove 50s linear infinite;
	/*padding-top: 5px;*/
}
header#header_new3 {
    width: 100%;
    position: relative;
    z-index: 2;
}


header#header_new3 #cloud{
	animation: cloudmove 50s linear infinite;
	-webkit-animation: cloudmove 50s linear infinite;
	-moz-animation: cloudmove 50s linear infinite;
}
@keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 50px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 50px;}
	100% {background-position: 960px 0;}
}

@-webkit-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 50px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 50px;}
	100% {background-position: 960px 0;}
}

@-moz-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 50px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 50px;}
	100% {background-position: 960px 0;}
}

header#header #buildings{
	height:130px;
	background:url(images/buildings.webp) repeat-x;
}



header#header p{
	float:left;
	width:115px; width:11.9791%;
	height:80px;
	font-size:11px;
	margin:0 30px 5px 5px;
}

header#header p a{
	display:block;
}

header#header p img{
	width:100%;
	max-width:100%;
	height:auto;
}


header#header .payment{
	float:left;
	width:314px; width:32.7083%;
	height:80px;
	margin-top:35px;
}


header#header .number{
	float:right;
	/*width:350px; 
	width:36.4583%;*/
}

header#header .number img{
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom: 5px;
}

header#header .number .open{
  font-size: 16px;
  color:#F90307;
  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;
}


/*------------------------------------------------
article#contents
--------------------------------------------------*/
body.toppage section h2{
    font-size: 40px;
    color: #333;
    text-align: center;
    /* background-color: #09276f; */
    padding: 20px 20px 30px 20px;
	font-weight: normal;
}

body.toppage section h2 {
  position: relative;
  padding: 30px;
	margin: 30px;
	font-weight: bold;
}

body.toppage section h2:before, body.toppage section h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 120px;
  height: 2px;
  background-color: #666;
}

body.toppage section h2:before {
  left:0;
}
body.toppage section h2:after {
  right: 0;
}

/*--見積りバナー--*/
.mitsumori{
	width:100%;
	margin:30px 0;
}

.mitsumori a{
	display:block;
	transition:all 0.3s;
}

.mitsumori a:hover{
	opacity:0.6;
}

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


/*------------------------------------------------
aside
--------------------------------------------------*/


/*------------------------------------------------
footer
--------------------------------------------------*/


/****注意書き***/
.warning_sign{
    font-size: 12px;
    text-align: right;
}




/*------------------------------------------------------------------------------------------------
																						  下層ページ
--------------------------------------------------------------------------------------------------*/
p.explain{
	padding:2%;
}
p.explain2{
	padding:2%;
    line-height: 1.45em;
}
p.explain3 {
    padding: 3%;
    line-height: 1.45em;
    margin: 3% 0;
    border: 1px solid #ddd;
    width: 100%;
    background: #fff;
}
p.explain4{
	padding:2%;
    font-size: 1.15em;
}

/*----------------------------------------------------------------------
						　　　　           service.php
-----------------------------------------------------------------------*/
body.service article section.step{
	width: 80%;
  margin:0 auto 30px;
}

body.service article section.step h3{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  background: #46c160;
	

}

body.service article section.step.other h3{
	background: #fe7711;
}

body.service article section.step h4 {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1.5;
  padding: 5px 10px;
  margin-bottom: 10px;
  background: #fcf2ab;
}


body.service article section.step .inr{
  padding: 10px;
  background: #f8fafa;
  border-radius: 4px;
	box-shadow: 0px 0px 3px #ddd;
}


body.service article section.step p.explain {
  padding: 25px;
}

body.service article section.step .box {
	width: 100%;
  max-width: 100%;
  background: #fff;
  padding: 10px;
	margin-bottom: 10px;
  border: 1px solid #ebebeb;
}

body.service article section.step .inr .box:last-child {
  margin-bottom: 0;
}

body.service article section.step .inr .box img {
  float: left;
  width: 36%;
	border: 4px solid #ebebeb;
}

body.service article section.step .inr .box .detail {
  float: right;
  width: 60%;
}



.arw {
  margin-bottom: 30px;
  text-align: center;
}

table.makerTel {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
}

table.makerTel th{
	background:#e1e2e4;
}

table.makerTel th,
table.makerTel td{
	text-align: left;
	padding:6px;
	vertical-align:middle;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/***キャンペーンリンク背景****/
.cp_bg {
    background: #E60012;
    margin: 30px auto;
    width: 80%;
    border: 4px solid #d30101;
	border-radius: 80px;
}

.cp_bg h2 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0 10px;
    text-align: center;
}
.cp_bg span {
    font-size: 14px;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
.cp_bg a:hover{
	background: #A30000;
	text-decoration: none;
	border-radius: 80px;
}
#cp_bg a :hover{
	text-decoration: none;
	background: #B30002;
	border-radius: 80px;
}

/*****まるごと工事パック　合計金額***/
.marugoto_pac {
    float: left;
    font-weight: bold;
    color: #eb0000;
    line-height: 1.5em;
    background: #fff;
    padding: 2px 6px;
    margin: 0 4px -2px;
    font-size: 14px;
    position: relative;
    top: -6px;
    border: 1px solid;
    text-align: center;
}


/*---お支払い方法の詳細こちらをご覧ください---*/
p.payDetail{
  position: relative;
  /*width: 60%;*/
  min-height: 60px;
  margin: 30px auto;
}


p.payDetail a{
	position:absolute;
	width:100%;
	padding:3px;
	
	color:#fff;
	font-size:16px;
	font-weight:bold;
	
	display:block;
	border:3px solid #fff;
	border-radius:10px;
	transition:all,0.3s;
	text-align:center;
	background:#1e43a9;
}

p.payDetail a:hover{
	margin-top:4px;
	background:#14338b;
}


p.payDetail a span{
	display:block;
	padding:10px;
	border-radius:6px;
    border: 1px solid #fff;
}




/*レンジフードの商品リストテーブル*/

.rangefoodList img{
	width: 41.6667%;
	display:block;
	margin:0 auto;
}

.rangefoodList table{
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  width: 640px;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
  min-height: 100px;
}


.rangefoodList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 20px;
  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;
}

.yen{
	font-size: .64em;
}

.yenzeikomi{
	font-size: 12px;
}


.rangefoodList table th,
.rangefoodList table td{
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  text-align: center;
  padding: 5px;
}

.rangefoodList table th{
	background-color: #ccc;
}

/*レンジフードのパナソニックSSMフード商品リストテーブル*/

.foodList img{
	width: 41.6667%;
	display:block;
	margin:0 auto;
}

.foodList table{
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  width: 640px;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
  min-height: 100px;
}


.foodList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 18px;
  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;
}



.foodList table th,
.foodList table td{
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  text-align: center;
  padding: 5px;
}

.foodList table th{
	background-color: #ccc;
}


.food_price_td{
	text-align: center;
    color: red;
    margin: 20px auto;
    width: 400px;
    border: 2px solid;
    padding: 8px;
}

.food_price{
	font-weight: bold;
	font-size: 20px;
}

/*レンジフードのパナソニックフード商品リストテーブル*/

.foodList_pana img{
	width: 41.6667%;
	display:block;
	margin:0 auto;
}

.foodList_pana table{
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  width: 720px;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
		
}


.foodList_pana table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 20px;
  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;
}



.foodList_pana table th,
.foodList_pana table td{
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  text-align: center;
  padding: 5px;
}

.foodList_pana table th{
	background-color: #ccc;
}


.food_price_td{
	text-align: center;
    color: red;
    margin: 20px auto;
    width: 400px;
    border: 2px solid;
    padding: 8px;
}

.food_price{
	font-weight: bold;
	font-size: 20px;
}




/*浴室水栓の商品リストテーブル*/


.bathroomList img{
	display:block;
	margin:0 auto;
	width:150px;
}

.bathroomList table{
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.bathroomList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  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;
}


.bathroomList table th,
.bathroomList table td{
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  text-align: center;
  padding: 3px;
}

.bathroomList table th{
	background-color: #ccc;
}

/*トイレの商品リストテーブル*/

.toiletList img{
	display:block;
	margin:0 auto;
	width:150px;
}

.toiletList table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.toiletList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.toiletList table th,
.toiletList table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.toiletList table th{
	background-color: #dfdfdf;
}

.gasspec_price{
	color: #FD0206;
}

.font_b{
	font-weight: bold;
}

.news_box1{
	padding: 20px;
	font-size: 14px;
	margin: 20px 0 20px 0;
	background: #f5f5f5;
	border-radius: 10px;
	line-height: 1.8;
}


/*totoトイレ(ネオレスト)の商品リストテーブル*/

.neorestList img{
	display:block;
	margin:0 auto;
	width:150px;
}
.neorestList .yen{
    font-size: 12px;
}
.neorestList table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.neorestList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.neorestList table th,
.neorestList table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.neorestList table th{
	background-color: #dfdfdf;
}

/*totoトイレ（qr-ex）の商品リストテーブル*/
.qr-exList .yen{
    font-size: 12px;
}
.qr-exList img{
	display:block;
	margin:0 auto;
	width:150px;
}

.qr-exList table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.qr-exList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.qr-exList table th,
.qr-exList table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.qr-exList table th{
	background-color: #dfdfdf;
}


/*totoトイレ（gg）の商品リストテーブル*/
.ggList .yen{
    font-size: 12px;
}
.ggList img{
	display:block;
	margin:0 auto;
	width:150px;
}

.ggList table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.ggList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.ggList table th,
.ggList table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.ggList table th{
	background-color: #dfdfdf;
}


/*panasonicトイレ（L150）の商品リストテーブル*/

.L150List img{
	display:block;
	margin:0 auto;
	width:150px;
}

.L150List table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.L150List table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.L150List table th,
.L150List table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.L150List table th{
	background-color: #dfdfdf;
}

.L150List .yen{
	font-size: 16px;
}
/*panasonicトイレ（L150）のタイプ別仕様一覧*/

.L150Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.L150Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.L150Typetable td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.L150Type table th,
.L150Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.L150Type table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（L150）のタイプ別仕様一覧*/

.L150Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.L150Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.L150Type table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.L150Type table th,
.L150Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.L150Type table th{
	background-color: #dfdfdf;
}





/*panasonicトイレ（S141）の商品リストテーブル*/

.S141List img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S141List table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S141List table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S141List table th,
.S141List table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S141List table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（S141）のタイプ別仕様一覧*/

.S141Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S141Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S141Typetable td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S141Type table th,
.S141Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S141Type table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（S141）のタイプ別仕様一覧*/

.S141Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S141Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S141Type table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S141Type table th,
.S141Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S141Type table th{
	background-color: #dfdfdf;
}


/*panasonicトイレ（S160）の商品リストテーブル*/

.S160List img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S160List table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S160List table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  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;
}


.S160List table th,
.S160List table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S160List table th{
	background-color: #dfdfdf;
}

.S160List .yen{
	font-size: 14px;
}


/*panasonicトイレ（S141）のタイプ別仕様一覧*/

.S141Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S141Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S141Typetable td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S141Type table th,
.S141Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S141Type table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（S141）のタイプ別仕様一覧*/

.S141Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S141Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S141Type table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S141Type table th,
.S141Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S141Type table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（S160）のタイプ別仕様一覧*/

.S160Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S160Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S160Typetable td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S160Type table th,
.S160Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S160Type table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（S160）のタイプ別仕様一覧*/

.S160Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S160Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S160Type table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S160Type table th,
.S160Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S160Type table th{
	background-color: #dfdfdf;
}


/*panasonicトイレ（V）の商品リストテーブル*/

.VList img{
	display:block;
	margin:0 auto;
	width:150px;
}

.VList table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.VList table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  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;
}


.VList table th,
.VList table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.VList table th{
	background-color: #dfdfdf;
}

.VList .yen{
	font-size: 14px;
}


/*panasonicトイレ（S141）のタイプ別仕様一覧*/

.VType img{
	display:block;
	margin:0 auto;
	width:150px;
}

.VType table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.VTypetable td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.VType table th,
.VType table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.VType table th{
	background-color: #dfdfdf;
}

/*panasonicトイレ（S141）のタイプ別仕様一覧*/

.S141Type img{
	display:block;
	margin:0 auto;
	width:150px;
}

.S141Type table{
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-spacing: 0;
  margin: 0 auto;	
	margin-bottom:10px;
	width: 100%;
}


.S141Type table td.totalPrice{
  background-color: #f1f1f1;
  color: #EB0000;
  font-size: 14px;
  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;
}


.S141Type table th,
.S141Type table td{
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  text-align: center;
  padding: 3px;
font-size: 12px;
	
}

.S141Type table th{
	background-color: #dfdfdf;
}
/*パナソニックトイレ・カラバリ*/
	.pad4{
		padding: 4px;
	}


/*--要素--*/
.youso .col3_pic li{
    vertical-align: top;
    font-size: 14px;
    padding: 10px;
    border: 4px solid #1c70d5;
    text-align: center;
    min-height: 270px;
    margin-bottom: 10px;
}
.youso .col3_pic p.explain{
	padding:10px;
	font-size: 12px;
	margin-bottom: 10px;
}

.youso .col3_pic li p{
	height:100%;
}

/*--要素--*/
.youso .col9_pic li {
    vertical-align: top;
    font-size: 14px;
    padding: 10px;
    border: 2px solid #1c70d5;
    text-align: center;
    margin: 6px;
}

.youso .col9_pic p.explain {
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.5em;
    min-height: 95px;
}

.youso .col9_pic li p{
	height:100%;
}

.b_center{
	font-weight: bold;
	padding: 10px;
}

a.btn--orange2 {
    color: #fff;
    background-color: #0083eb;
    border-bottom: 5px solid #0065cc;
    padding: 10px 20px 10px 20px;
}
a.btn--orange2:hover {
  margin-top: 3px;
  color: #fff;
  background: #0083eb;
  border-bottom: 2px solid #0065cc;
	text-decoration: none;
}
a.btn--shadow2 {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}


/***　施工例　***/
.b_kome {
    padding: 10px 14px;
    font-size: 1.4em;
    color: #FFFFFF;
    background: #eb0000;
    /* text-align: center; */
    clear: both;
    font-weight: bold;
    text-align: center;
}
.komento{
	padding: 16px;
	line-height: 25px;
	background: #f5f5f5;
	line-height: 2em;
}
/****お客様の声***/
.b_voice {
    padding: 10px;
    font-size: 14px;
    color: #4f4d47;
    background: #e0f5ff;
    text-align: center;
    border-bottom: none;
    font-weight: bold;
    margin-bottom: 6px;
    border: 2px solid #2896cb;
}
.b_voice td{
    padding: 0 4px;
    text-align: center;
}

.bn_voice {
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    border-bottom: none;
    font-weight: bold;
}

.bn_voice td{
    padding: 0 4px;
    font-weight: bold;
    vertical-align: middle;
}
.voice_icon{
    width: 22%;
    padding: 4px !important;
    vertical-align: middle;
    text-align: center;
}

.staff_voice p{
    padding: 14px 0;
    font-weight: bold;
}


.staff_voice img{
    width: 22%;
    float: left;
    padding: 0 4px;
    margin: 6px 6px 0px 6px;
}

.staff_voice::before {
    content: '';
    display: block;
    background-color: #29abe9;
    height: 3px;
    width: 95%;
    margin: 5px auto;
}


.hyoka{
    font-weight: bold;
    margin-bottom: 10px;
    color: #238b82;
}
.starbox{
    display: flex;
    margin-top: 5%;
}

.starbox .hyoka{
    width: 33.33%;
    font-size: 1.15em;
}

.customer .starbox {
    margin-top: 3%;
    display: inline-block;
    float: right;
    width: 68%;
}
.customer .hyoka{
    width: 100%;
}
.b_koe {
    padding: 10px;
    font-size: 14px;
    color: #4f4d47;
    background: #e0f5ff;
    text-align: center;
    border-bottom: none;
    font-weight: bold;
    margin-bottom: 6px;
    border: 2px solid #2896cb;
}

.messeage_top {
    color: #0065cc;
    padding: 22px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    clear: both;
    margin-top: 50px;
    /* text-align: center; */
    margin: 0 auto;
    width: 45%;
}
.messeage_top p {
    text-align: center;
    padding: 10px;
    background: #e5f2ff;
    margin: 0 calc(50% - 50vw);
}

/*---詳細ボタン---*/
.button004{
	margin-top: auto;
}

.button004 a {
    background: #313131;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 280px;
    padding: 10px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-size: 1.2em;
    font-weight: bold;
    bottom: 0;
    border: 1px solid #4f4d47;
    margin: 10px auto;
}
.button004 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    font-weight: 900;
    transform: translateY(-50%);
	text-decoration: none;
}
.button004 a:hover {
    background: #fff;
    color: #313131;
	text-decoration: none;
}

/******施工事例一覧はこちらボタン********/
/* 角丸 */
.Radius5 {  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
/* ボタン共通 */
.button005 {
    overflow: hidden;
    margin: 0;
    width: 500px;
    text-align: center;
    margin: 40px auto;
}
.button005 a {
	display: block;
	position: relative;
	text-align:center;
	background: #00852B;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	text-decoration:none;
	font-weight: bold;
	border-radius: 30px;
    border: 2px solid #00852B;
}
.button005 a:hover {
	background: #fff;
    color: #00852B;
    /* マウスオーバーカラー */  
}

.button006 {
    overflow: hidden;
    margin: 0;
    width: 500px;
    text-align: center;
    margin: 40px auto;
}
.button006 a {
	display: block;
	position: relative;
	text-align:center;
	background: #0065cc;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-decoration:none;
	font-weight: bold;
	border-radius: 10px;
}
.button006 a:hover {
	background: #07367E;
	color: #fff;
}

.button007 {
    margin-top: 30px;
    width: 90%;
    margin: 30px auto;
    /*margin-bottom: 50px;*/
}

.button007 a {
    background: #0065cc;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #fff;
    font-weight: 500;
    margin: 10px 0;
    font-size: 16px;
    bottom: 0;
    border: 1px solid #0065cc;
}
.button007 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    font-weight: 900;
    transform: translateY(-50%);
	text-decoration: none;
}
.button007 a:hover {
    background: #fff;
    color: #0065cc;
	text-decoration: none;
}

.button008{
	margin-top: 30px;
}

.button008 a {
    background: #f1f1f1;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    color: #012da9;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    margin: 10px 0;
    font-size: 18px;
    font-weight: bold;
    bottom: 0;
    margin: 0 auto;
    border: 1px solid #4f4d47;
}
.button008 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    font-weight: 900;
    transform: translateY(-50%);
	text-decoration: none;
}
.button008 a:hover {
    background: #313131;
    color: #FFF;
	text-decoration: none;
}

.button009{
	margin-top: 50px;
}

.button009 a {
    background: #fff;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    bottom: 0;
    margin: 0 auto;
    border: 2px solid #313131;
    height: 50px;
	text-shadow: none;
}
.button009 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    font-weight: 900;
    transform: translateY(-50%);
	text-decoration: none;
}
.button009 a:hover {
    background: #313131;
    color: #FFF;
	text-decoration: none;
}

.button010 {
    margin-top: 30px;
    width: 90%;
    margin: 30px auto;
}

.button010 a {
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #046d08;
    font-weight: 500;
    margin: 10px 0;
    font-size: 16px;
    bottom: 0;
    border: 2px solid #158519;
}
.button010 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    font-weight: 900;
    transform: translateY(-50%);
	text-decoration: none;
}
.button010 a:hover {
    background: #158519;
    color: #fff;
	text-decoration: none;
}

.button011 a {
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    color: #222;
    font-weight: 500;
    margin: 2%;
    font-size: 16px;
    bottom: 0;
    border: 2px solid #4f4d47;
}
.button011 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    font-weight: 900;
    transform: translateY(-50%);
	text-decoration: none;
}
.button011 a:hover {
    background: #4f4d47;
    color: #fff;
	text-decoration: none;
}


.IconList1 a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
.IconList1 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #00a0e9;
}
.IconList1 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #3ab2e9;
}


.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 500px;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 99999;
}
.slick-prev:before, .slick-next:before {
  color: #000;
	z-index: 99999;
}
.slick-slide {
  transition: all ease-in-out .3s;
  /*opacity: .5;*/
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

/*====================================================================
.full-screen
====================================================================*/

.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 500px;
  margin: 0 auto;
}


.st_bnr{
	text-align: center;
	margin: 30px 0;
}
.st_bnr img{
	width: 500px;
	border: 4px solid #BCBCBC;
}

.footh{
	width: 25%;
	float: left;
	text-align: left;
}
	
.footh h4{
	padding: 15px 0;
	font-size: 14px;
	font-weight: bold;
}

.footh li{
	border-right: none;;
	float: none !important;
}
.footh li a{
	font-size: 13px !important;
}
.footbg{
	height: 80px;
	background-repeat: repeat;
	background-image: url("images/top_footer_haikei.webp");
    background-size: contain;
    background-color: #fff;
}
.footbg_c{
	height: 0px;
}


/***各商材保証部分******/
.main_ht{
    text-align: center;
    font-weight: bold;
    font-size: 36px;
	margin: 0 auto;
	margin-bottom: 20px;
	color: #0c96a6;
	margin-top: 20px;
	padding: 8px;
	border: 4px solid;
}
.towa01 {
    font-size: 15px;
    border-top: dashed 4px #308f11;
    border-bottom: dashed 4px #308f11;
    background: #f7f7f7;
}
.hosyoubutton {
    text-align: center;
    margin: 30px 20px 60px;
}
.hosyoubutton a{
    font-size: 22px;
    font-weight: bold;
    border: 8px solid #0065cc;
    background: #0065cc;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    width: 60%;
    border-radius: 40px;
	padding: 10px 20px;
}
.hosyoubutton :hover{
	font-size: 22px;
	font-weight: bold;
	border: 8px solid #0065cc;
	background: #fff;
	color: #0065cc;
	text-decoration: none;
}



/*******商材用メインイメージ********/
.water_heater_img{
	background-image: url("maker/images/kyuutou/common/water_heater_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.water_heater_chiikiimg{
	background-image: url("sekou/image/water_heater_chiikitop.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.water_heater_FAQ{
	background-image: url("faq/images/water_heater_FAQ.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.oil_img{
	background-image: url("maker/images/oil/common/oil_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.business_use_img{
	background-image: url("maker/images/business_use/business_use_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.gasconro_img{
	background-image: url("gasconro/images/gasconro_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.ih_img{
	background-image: url("ih/images/ih_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.rangefood_img{
	background-image: url("rangefood/images/rangefood_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.bathroomdryer_img{
	background-image: url("bathroomdryer/images/bathroomdryer_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.dishwasher_img{
	background-image: url("dishwasher/images/dishwasher_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.ecokyu-to_img{
	background-image: url("ecokyu-to/images/ecokyu-to_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.toilet_img{
	background-image: url("toilet/images/toilet_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.faucet_img{
	background-image: url("faucet/images/faucet_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.clothesdryer_img{
	background-image: url("clothesdryer/images/clothesdryer_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.aircon_img{
	background-image: url("airconditioner/images/aircon_top.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/**標準基本工事費**/
.construction_detail ul{
    margin: 10px 0 20px 0;
}
.construction_detail li{
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
    margin-left: 10px;
    padding-left: 20px;
}
.construction_detail li::before {
    content: '';
    margin-right: 10px;
    width: 24px;
    height: 24px;
    background-image: url("images/check_blue.webp");
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
}

#costpanel{
    overflow: hidden;
    text-align: center;
}
#costpanel li {
    width: 31.2%;
    float: left;
    height: 140px;
    position: relative;
    font-weight: bold;
    font-size: 15px;
    margin: 4px;
}
#costpanel .panel1{
    width: 20%;
    float: left;
    margin: 6px;
}
#costpanel .panel2{
    width: 55%;
    float: left;
    margin: 6px;
}

#costpanel .panel3{
    width: 20%;
    float: left;
    margin: 6px;
}
.panel_h {
    background: #0065cc;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.panel_d {
    padding: 6px;
    border: 1px solid #14baf9;
    overflow: hidden;
    background: #d9f3ff;
    border-radius: 4px;
    margin: 14px 0 0 0;
}
.panel_d div{
    margin: 4px;
    height: 266px;
}
.panel_d span {
    position: relative;
    top: 86px;
    color: #0065cc;
    font-weight: bold;
    font-size: 15px;
}
.panel_1 {
    padding: 6px;
    border: 1px solid #14baf9;
    overflow: hidden;
    background: #d9f3ff;
    border-radius: 4px;
}
.panel_6d li{
    padding: 6px;
    border: 1px solid #14baf9;
    overflow: hidden;
    background: #d9f3ff;
    border-radius: 4px;
}
.panel_6d span{
    position: relative;
    top: 74px;
    color: #0065cc;
}
.pl_1{
    background-image: url("images/kouji_panel1.webp") !important;
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_1 span{
    position: relative;
    top: 86px;
    color: #0065cc;
    font-weight: bold;
    font-size: 15px;
}
.pl_1 p{
    position: relative;
    top: 94px;
    text-align: center;
    border: 1px solid;
    background: #fff;
    color: #eb0000;
    font-weight: bold;
}
.pl_1 .gprice{
    position: relative;
    top: 110px;
    text-align: center;
    color: #009106;
    font-weight: bold;
    border: none;
    background: none;
}
.pl_2{
    background-image: url("images/kouji_panel2.webp") !important;
    background-size: 45% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_3{
    background-image: url("images/kouji_panel3.webp") !important;
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_4{
    background-image: url("images/kouji_panel4.webp") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_5{
    background-image: url("images/kouji_panel5.webp") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_6{
    background-image: url("images/kouji_panel6.webp") !important;
    background-size: 45% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_7{
    background-image: url("images/kouji_panel7.webp") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: top 14px center !important;
}
.pl_8{
    background-image: url("images/kouji_panel8.webp") !important;
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    background-position: top 30px center !important;
}
.pl_8 span{
    position: relative;
    top: 110px;
    color: #333;
    font-weight: bold;
    font-size: 15px;
}
.pac_text{
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    background: #f1f1f1;
    width: 80%;
    margin: 10px auto;
    margin-top: 20px;
    padding: 10px;
}
.cost_text1{
    padding: 18px;
    border: 3px solid #ccc;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333;
}
.cost_text1 li::before{
    content: '■';
    margin-right: 10px;
    background-size: contain;
    display: inline-block;
}
/**同時工事値引き**/
.dojinebiki {
    font-size: 38px;
    font-weight: bold;
    color: #313131;
    text-align: center;
    /*padding: 40px 0 0;*/
	background-size: cover;
}
.dojinebiki p {
    font-size: 15px;
    font-weight: normal;
    text-shadow: none;
    padding: 14px;
    background: #fff;
    margin: 40px 20px;
    opacity: 90%;
    border: 8px solid #a8e1e9;
}



/**保証**/
.hosyou_mainbox {
	/*margin-top: 40px;*/
}

.tokucho {
    padding: 20px;
    width: 60%;
    margin: 20px auto;
}
	.tokucho ul{
		margin: 20px;
	}
.tokucho li {
    font-size: 30px;
    list-style: auto;
    margin: 20px auto;
    padding-left: 20px;
    font-weight: bold;
    color: #EB0000;
    background: linear-gradient(transparent 60%, #ff6 60%);
}
	

/**商材別施工事例**/
.jirei_bnr {
    margin: 10px auto;
    /* width: 95%; */
    text-align: center;
}
.jirei_bnr img{
	margin-bottom: -5px;
}
/**スライド**/
.l-index {
  width: 100%;
  height: 235px;
  background: url("guarantee/images/guarantee_img.webp") repeat-x;
  background-size: 50%;
  animation: scroll-anim 20s linear infinite;
}
.l-index p {
    padding: 32px 25px;
    font-weight: bold;
    font-size: 43px;
    width: 73%;
    float: left;
	text-align: center;
	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;
}
@keyframes scroll-anim {
  100% {
    background-position: -100% 0;
  }
}


/***商材別メインボックス***/
.main_waku{
	margin: 30px 0px;
    border: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}
.main_3box {
	width: 31.8%;
    margin: 5px 5px;
    border: 1px solid #f1f1f1;
    font-size: 0.875em;
    text-align: center;
    float: left;
    background: #fff;
}
.box_text{
	padding: 15px;
	font-size: 14px;
}

/*******オススメ給湯器******/

#osusume {
    overflow: hidden;
    background: #f1f1f1;
}
#osusume a {
	text-decoration: none !important;
}
#osusume a :hover{
    background: #0a3505;
}
#osusume table {
    padding: 8px;
    border: 1px solid #ddd;
    background: #fff;
	width: 100%;
}
#osusume td{
	padding: 2px 8px;
	font-size: 12px;
	vertical-align: middle;
}
#osusume .btn{
    text-align: center;
    margin: 10px;
    padding: 8px;
    border-radius: 6px;
    background: #0A6600;
    color: #fff;
    font-size: 14px;
}
.go_24 {
    background: #f33b3b;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em !important;
    float: left;
    width: 32%;
    margin-right: 10px;
    padding: 2px;
    border: 2px solid #c93030;
}
.go_20 {
    background: #0797df;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em !important;
    float: left;
    width: 32%;
    margin-right: 10px;
    padding: 2px;
    border: 2px solid #1178a9;
}
.go_16 {
    background: #333;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em !important;
    float: left;
    width: 32%;
    margin-right: 10px;
    padding: 2px;
    border: 2px solid #4f4d47;
}
.cal_3{
	background: #333;
	color: #fff;
	font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}
.cal_4{
	background: #333;
	color: #fff;
	font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}
.eco {
    text-align: center;
    color: #fff;
    width: 55%;
    margin: 0 auto;
    float: left;
    padding-top: 4px;
}
.stn{
    text-align: center;
    color: #fff;
    width: 59%;
    margin: 0 auto;
    float: left;
}
.stn img{
    text-align: center;
}
.stn_gas{
    text-align: center;
    color: #fff;
    width: 59%;
    margin: 0 auto;
}
.stn_gas img{
    text-align: center;
}
.stn_oil{
    text-align: center;
    color: #fff;
    width: 70%;
    margin: 0 auto;
}
.stn_oil img{
    text-align: center;
}
.osusume_hinban{
	text-align: center;
	font-weight: bold;
	padding: 6px !important;
	font-size: 11px !important;
}
.osusume_kouri{
	font-size: 12px !important;
	text-align: center;
}
.osusume_teika{
	text-align: center;
}
.osusume_tokka {
    text-align: center;
    color: #EB0000;
    font-weight: bold;
}
.osusume_gokei {
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
	color: #EB0000;
}
.osusume_num{
	position: absolute;
	z-index: 5;
	width: 95%;
	text-align: center;
	font-weight: bold;
}

.osusume_h {
    padding: 4px;
    font-weight: bold;
    font-size: 1.05em;
    background: #0A6070;
    color: #fff;
    text-align: center;
    margin-bottom: 6px;
}

.osusume_full{
    padding: 4px;
    font-weight: bold;
    font-size: 15px;
    background: #c309b3;
    color: #fff;
	text-align: center;
    margin-bottom: 2px;
}
.osusume_auto{
    padding: 4px;
    font-weight: bold;
    font-size: 15px;
    background: #0a3270;
    color: #fff;
	text-align: center; 
    margin-bottom: 2px;
}
.osusume_hyojun{
    padding: 4px;
    font-weight: bold;
    font-size: 15px;
    background: #4f4d47;
    color: #fff;
	text-align: center; 
    margin-bottom: 2px;
}
.osusume_kyutosenyo{
    padding: 4px;
    font-weight: bold;
    font-size: 15px;
    background: #266706;
    color: #fff;
	text-align: center; 
}
.osusume_n{
    font-size: 30px;
    padding-top: -20px;
    padding: -20px;
    position: absolute;
    top: 4px;
}
.osusume_item {
    width: 24.2%;
    padding: 6px;
    float: left;
    border: 1px solid #dfdcdc;
    background: #fff;
    margin: 0.4%;
    position: relative;
}

.osusume_series {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: #caf0ff;
}
.osusume_num {
    padding: 8px 8px 0px 8px !important;
}

.osusume_kome {
    font-size: 12px !important;
	padding-bottom: 10px !important;
	line-height: 20px;
}






/***メーカーから選ぶ***/
.maker_waku {
    margin: 20px 0px 30px 0;
    border: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
    flex-wrap:wrap;
    display: flex;
}
.maker_waku div:hover{
    background: #0065cc;
    color: #fff;
    text-decoration: none;
}
.maker_3box a{

}
.maker_3box img{
    width: 100%;
}
.maker_3box :hover{
	background: #0065CC;
	color: #fff;
	text-decoration: none;
}
.maker_3box {
	width: 31.9%;
    margin: 5px 5px;
    border: 1px solid #f1f1f1;
    font-size: 0.875em;
    text-align: center;
    float: left;
    background: #fff;
}
.maker_4box a{

}
.maker_4box :hover{
	background: #0065CC;
	color: #fff;
	text-decoration: none;
}
.maker_4box {
	width: 48.6%;
    margin: 5px 5px;
    border: 1px solid #f1f1f1;
    font-size: 0.875em;
    text-align: center;
    float: left;
    background: #fff;
}
.makerbox_text{
	padding: 8px;
	font-size: 14px;
}

/**給湯器工事費用**/
.secchi_type table{
	margin-bottom: 30px;
	width: 100%;
}
.secchi_type td{
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
.secchi_type img{
	width: 80%;
}
.secchi_text{
    margin: 10px 20px 30px;
    border: 2px solid #aaa;
    padding: 10px;
}

.kyuutouki_hiyou table{
	margin-bottom: 30px;
	width: 100%;
}
.kyuutouki_hiyou td{
	padding: 10px;
	border: 1px solid #aaa;
	vertical-align: middle;
    text-align: center;
}

.kyuutou_type {
    background: #268712;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 18px !important;
    vertical-align: middle;
}
.kyuutou_price {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #eb0000;
}

/****ガスコンロ工事費用**/
.gasconro_hiyou table{
	margin-bottom: 30px;
	width: 100%;
}
.gasconro_hiyou td{
	padding: 10px;
	border: 1px solid #aaa;
	vertical-align: middle;
}

.gasconro_type {
    background: #268712;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 18px !important;
    vertical-align: middle;
}
.gasconro_price {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #eb0000;
}
/**お客様の声**/

#usr_voice {
	overflow: hidden;
}
#usr_voice .hyoka{
    text-align: center;
}
#usr_voice ul{
	background: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
}
#usr_voice li {
    width: 31.11111%;
    float: left;
    margin: 8px;
    background: #fff;
    border: 2px solid #23d3bb;
    padding: 2px;
}
#usr_voice p {
    line-height: 1.6em;
    font-size: .9em;
    padding: 5%;
}
#usr_voice .explain {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 20;
}
#wh_koe {
	overflow: hidden;
}
#wh_koe ul{
	background: #f1f1f1;
}
#wh_koe li{
    width: 31.11111%;
    float: left;
    margin: 8px;
    background: #fff;
}

.explain {
    float: none;
    width: 100%;
    padding: 1%;
}

/*******商材別人気ランキング******/

#rank{
	overflow: hidden;
}
#rank a {
	text-decoration: none !important;
}
#rank a :hover{
    background: #0a3505;
}
#rank table {
    padding: 8px;
    border: 1px solid #ddd;
    background: #fff;
	min-height: 200px;
}
#rank td{
	padding: 4px 8px;
	font-size: 14px;
	vertical-align: middle;
}
#rank .btn {
    text-align: center;
    background: #aaa;
    margin: 6% 2% 2%;
    padding: 8px;
    border-radius: 6px;
    background: #0A6600;
    color: #fff;
    font-size: 14px;
}
.ranknum{
	position: absolute;
	z-index: 5;
	width: 95%;
}

.rank_h {
    padding: 12px 24px 2px 45px;
    font-weight: bold;
    font-size: 15px;
    background: #349d21;
    color: #fff;
}
.rank_n{
    font-size: 30px;
    padding-top: -20px;
    padding: -20px;
    position: absolute;
    top: 4px;
}
.kurai{
    font-size: 20px;
}
.rank_item {
    width: 32%;
    padding: 8px;
    float: left;
    border: 1px solid #dfdcdc;
    background: #f5f5f5;
    min-height: 470px;
    margin: 0.6666%;
    margin-bottom: 1%;
	position: relative;
}

.rank_series {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: #caf0ff;
}
.rank_num {
    padding: 8px 0px 0px !important;
    text-align: center;
}

.rank_kome {
    font-size: 12px !important;
	padding-bottom: 10px !important;
	line-height: 20px;
}
.wide10 {
    text-align: center;
    padding: 2%;
    background: #fff;
}
.wide10 {
    font-weight: bold;
}
.wide10 p {
    text-align: center;
    border: 1px solid;
    width: 60%;
    margin: 6px auto;
}
.wide10 span{
    color: #eb0000;
}
/***商材別Q＆A***/

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}


.qa-001 {
    margin-bottom: 7px;
    border: 1px solid #d6dde3;
    border-radius: 5px;
	width: 95%;
	margin: 10px auto;
}

.qa-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 4.5em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-001 summary::before,
.qa-001 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-001 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-001[open] summary::after {
    transform: rotate(225deg);
}

.qa-001 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding:0 3em 1.5em 4.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-001[open] p {
    transform: none;
    opacity: 1;
}

.qa-001 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}

/***品質とサービス***/

.service {
    background: #f1f1f1;
    padding: 18px;
    border: 1px solid #dbd9d9;
}
.service img{
    width: 100%;
}
.se_text {
    font-size: 18px;
    border-bottom: 2px solid #0065cc;
    padding: 4px 8px;
    margin-bottom: 14px;
    font-weight: bold;
}

.service img{
    background: #fff;
    padding: 18px;
    border: 1px solid #dbd9d9;
	margin-top: 10px;
}
.service ul {
    margin: 10px;
    background: #fff;
    border: 1px solid #dfdfdf;
    padding: 8px;
}
.service li{
	padding: 2px;
	list-style: disc;
	margin-left: 20px;
}

/****色*****/
.gold{
  background: linear-gradient(45deg, #DAAF08 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #DAAF08 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.silver{
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.bronze{
  background: linear-gradient(45deg, #a57e65 0%, #a57e65 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


.op01 {
    font-size: 9px;
    position: relative;
    top: 5px;
}


/***レビュー星***/
.star5{
	padding: 0px 8px !important;
	text-align: center;
	font-size: 12px !important;
	color: #3f76c7;
}
.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    font-size: 18px; 
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

/***レビュー星***/



#jutakushoene2023 {
    text-align: center;
}
#zeroemi {
    margin-top: 8px;
}

/*商品+工事両方10年保証削除*/
@media screen and (max-width : 1180px){
    .hosyou_10menu{
        display: none !important;
    }

}

/****見積りの流れタブ***/

.estimate-tab {
    display: flex;
    flex-wrap: wrap;
}

.estimate-tab > label {
    flex: 1 1;
    order: -1;
    position: relative;
    min-width: 70px;
    padding: .7em 1em;
    background-color: #f2f2f2;
    color: #999;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
    border: 2px solid #ccc;
}

.estimate-tab > label:hover, .estimate-tab label:has(:checked) {
    background-color: #2589d0;
    color: #fff;
    border: 2px solid #2589d0;
}

.estimate-tab label:has(:checked)::before {
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 27px;
    height: 10px;
    background-color: #2589d0;
    content: '';
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.estimate-tab input {
    display: none;
}

.estimate-tab > div {
    display: none;
    width: 100%;
    padding: 1.5em .5em;
}

.estimate-tab label:has(:checked) + div {
    display: block;
}

.estimate-tab h3{
    font-weight: bold;
    font-size: 1.4em;
}




/*****見積りボタンinclude*****/
#mitsumori_box {
    border: 15px solid #f1f1f1;
    margin: 20px 0;
    display: inline-block;
    padding: 0 0 15px 0;
}
.m_box_01 {
    padding: 16px;
    width: 72%;
    font-weight: bold;
    float: left;
}
.m_box_02 {
    padding: 16px;
    width: 100%;
    font-weight: bold;
}
.m_text_01{
    font-size: 20px;
    color: #eb0000;
}
.m_text_02{
    margin-top: 12px;
    font-size: 14px;
    border: 1px solid #f17eb9;
    padding: 15px;
    border-radius: 10px;
    background: #fff5fe;
}
.m_text_03{
    font-size: 11px;
    padding: 10px 20px;
}
.annai_01{
    width: 28%;
    overflow: hidden;
    padding: 10px;
}
.free_01{
    width: 47%;
    float: left;
    background-size: cover;
    margin: 0px 15px;
}
.free_01 img{
    border: 3px solid #fff;
}
.free_01 img:hover{
    border: 3px solid #0065cc;
}
.form_01 {
    width: 47%;
    overflow: hidden;
    background-size: cover;
    margin: 0px 15px;
} 
.form_01 img{
    border: 3px solid #fff;
}
.form_01 img:hover{
    border: 3px solid #0065cc;
}


/****商材バナー***/
.cb_bnr{
    display: block;
    margin-bottom: 20px;
}



/****施工例****/
.voice_box {
    display: flex;
    flex-wrap: wrap;
    margin: 3% 1% 0;
}

.user_v {
    display: block;
    border: 3px solid #61bd46;
    width: 48%;
    margin: 1%;
    background: #fff;
}
.user_v span::before{
    content: url("images/user_icon_s.webp");
    margin-right: 6%;
}

.user_v span {
    border-radius: 40px;
    border: 2px solid #61bd46;
    margin: 3% 3% 0;
    color: #61bd46;
    padding: 1% 4% 1% 10%;
    display: inline-block;
    font-weight: bold;
    width: 94%;
    /* text-align: center; */
    font-size: 1.4em;
}
.staff_v {
    display: inline-block;
    border: 3px solid #29abe9;
    width: 48%;
    margin: 1%;
    background: #fff;
}
.staff_v span::before{
    content: url("images/support_icon_s.webp");
    margin-right: 6%;
}

.staff_v span {
    border-radius: 40px;
    border: 2px solid #29abe9;
    margin: 3% 3% 0;
    color: #29abe9;
    padding: 1% 4% 1% 10%;
    display: inline-block;
    font-weight: bold;
    width: 94%;
    /* text-align: center; */
    font-size: 1.4em;
}



/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

.forPcTb{
	display:block !important; 
}
.forTbSp{
	display:none !important;
}
body.toppage section h2:before, body.toppage section h2:after {
	/*width: 200px;*/
}

	.syugouimg{
		padding: 20px;
        margin-top: 40px;
	}
.grid > .box p {
	min-height: 115px;
}
.col9_pic li {
	margin-left: 12px;
}
	
.main_bg5 {
    background-image: url("images/character/main_top01_pc.webp");
}
.main_bg404 {
    background-image: url("images/character/404.webp");
}
/***TVCMギャラリー***/
.tvcm_btn01{
	margin-top: 120px !important;
}
	
/*******商材用メインイメージ********/
.water_heater_img{
	height: 380px !important;
}
.water_heater_chiikiimg{
	height: 380px !important;
}
.water_heater_FAQ{
	height: 380px !important;
	margin-bottom: 20px;
}
.oil_img{
	height: 380px !important;
}
.business_use_img{
	height: 326px !important;
}
.gasconro_img{
	height: 380px !important;
}
.ih_img{
	height: 380px !important;
}
.rangefood_img{
	height: 380px !important;
}
.bathroomdryer_img{
	height: 380px !important;
}
.dishwasher_img{
	height: 380px !important;
}
.ecokyu-to_img{
	height: 380px !important;
}
.toilet_img{
	height: 380px !important;
}
.faucet_img{
	height: 380px !important;
}
.clothesdryer_img{
	height: 380px !important;
}
.aircon_img{
	height: 380px !important;
}
.decoration01 {
    bottom: -20px;
    height: 115px;
    right: 11px;
    width: 115px;
}
.decoration02 {
    bottom: -76px;
    height: 228px;
    right: -46px;
    width: 228px;
}
.decoration03 {
    bottom: -123px;
    height: 220px;
    left: 45px;
    width: 220px;
    top: -96px;
}
.decoration03::before {
    height: 125px;
    width: 125px;
    left: 623px;
    top: 448px;
}
.decoration04 {
    bottom: -123px;
    height: 257px;
    left: -102px;
    width: 257px;
}
.decoration04::before{
    height: 125px;
    width: 125px;
}
.decoration05 {
    bottom: 14px;
    height: 120px;
    left: 190px;
    width: 120px;
}
.decoration06 {
    bottom: -28px;
    height: 160px;
    right: 190px;
    width: 160px;
    top: 20px;
}
.decoration06::before {
    height: 80px;
    width: 80px;
    left: 10px;
    top: 148px;
}
/*****キャラクター******/
    
.character01 {
    background-image: url("images/character/character01.webp");
    height: 458px;
    top: 272px;
    width: 336px;
    background-size: contain;
    float: none;
    left: 23%;
    transform: translateX(-50%);
    z-index: 6;
}

.off{
    background-image: url("images/character/off.webp");
    background-size: contain;
    height: 161px;
    top: -43%;
    width: 161px;
    float: none;
    left: 10%;
    z-index: 6;
    position: relative;
}
    
    
    
    
    
    
    
    
/**同時工事値引き**/
.dojinebiki {
	/*width: 96%;
	margin: 0 auto;*/
}

/****商材別pic***/ 
.col1_pic_title_explain img {
    width: 37%;
    margin-left: 10px;
}
.col8_pic_title_explain img {
    width: 50%;
    margin-left: 10px;
}   
    
    
/***footer**/
.footbg{
	height: 100px;
    background-size: auto;
}
    
    
    
}
	

/*タブレット*/
@media screen and (max-width : 959px){
.description2 {
	display: none;
}	
	
.forPc{
	display:none !important;
}
.forTb{
	display:block !important;
}
	
.forSp{
	display:none !important;
}
.forPcTb{
	display:block !important; 
}
.forTbSp{
	display:block !important;
}
h1{
	font-size:10px;
	padding:5px 10px;	
}	

	
header#header .inr {
	max-width: 100%;
    padding-top: 15px;
    margin: 0 auto;
}
.mbox p {
    margin: 20px 0px;
}
	
a.btn-c {
    font-size: 16px;
    min-width: 200px;
}
header#header_new3 p img {
   /* margin: 10px;*/
}
	
.main_bg5 {
    background-image: url("images/character/main_top01_tb.webp");
}
.main_bg{
	height: auto;
}
#news01 {
	padding: 0 60px;
}
/****2023メインイメージ***/
 .top_mainbg {
    background-image: url("images/character/top_mainbg_pc.webp");
}   
    

#inquiry {
    right: 4%;
}	
#estimate {
    right: 0.5%;
}
	
	
	
#tell_mitsumori {
    top: 500px;
}
#inquiry1 {
    right: 4%;
}	
#estimate01 {
    right: 0.5%;
}
	
	
	
#tell_mitsumori1 {
    top: 500px;
}
/* nav
---------------------------*/

nav#gnav{
	background:none;
}

nav#gnav .inr{
	width:930px;
	max-width:100%;
	margin:0 auto;
}
	
nav#gnav .inr > ul{
	margin-right:-2px;
	margin-bottom:-1px;
}

nav#gnav .inr > ul > li{
	float:left;
  width: 33.1378%;
	margin-right:1px;
	margin-bottom:1px;
}
	
	
nav#gnav .inr li.productListBtn ul {
	width:260px;
}
	
	
nav#gnav .inr > ul > li > a{
	display: block;
	width: 100%;
	height:auto;
	padding-top:0;
	padding:20px 10px;
	border-left:none;
	color:#fff;
	font-weight:bold;
	border:1px solid #216119;
	background:#0e8c1e;
}

nav#gnav .inr > ul > li > a:hover{
	color:#333;
	background:#0e8c1e;
}

nav#gnav .inr > ul > li:last-child{
	border-right:none;
}

nav#gnav .inr > ul > li a span:not(.jp){
	display:none;	
}
	

	
.main_bg2 {
	background-image: url("images/image_haikei_t.webp");
}
	
.main_bg2 img {
    position: relative;
	float: none;
	}
	
.main_bg3 {
	background-image: url("images/image_haikei_t.webp");
	margin-top: 178px;
}
	
.main_bg3 img {
    position: relative;
	float: none;
}
.main_bg4 {
	background-image: url("images/img0001.webp");
	margin-top: 178px;
}
	
.main_bg4 img {
    position: relative;
	float: none;
}
.mansyon_bg {
	background-image: url("main/images/mansyon_haikei.webp");
	margin-top: 178px;
}
	
.mansyon_bg img {
    position: relative;
	float: none;
	}
	
	
.estimate_btn{
	width: 100%;
}
.decoration01 {
    bottom: -20px;
    height: 115px;
    right: 11px;
    width: 115px;
}
.decoration02 {
    bottom: -76px;
    height: 228px;
    right: -46px;
    width: 228px;
}
.decoration03 {
    bottom: -123px;
    height: 220px;
    left: 45px;
    width: 220px;
    top: -96px;
}
.decoration03::before {
    height: 125px;
    width: 125px;
    left: 623px;
    top: 448px;
}
.decoration04 {
    bottom: -25px;
    height: 257px;
    left: -102px;
    width: 257px;
}
.decoration04::before{
    height: 125px;
    width: 125px;
}

.decoration06 {
    bottom: -28px;
    height: 160px;
    right: 190px;
    width: 160px;
    top: 20px;
}
.decoration06::before {
    height: 80px;
    width: 80px;
    left: 10px;
    top: 148px;
}
/*****キャラクター******/
    
.character01 {
    background-image: url("images/character/character01.webp");
    height: 493px;
    top: 237px;
    width: 398px;
    background-size: contain;
    float: none;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}
    
   #inquiry1 {
    /* background: #fff; */
    padding: 20px;
    /* border-radius: 100px; */
    pointer-events: none;
    /* box-shadow: 6px 6px 6px rgba(0,0,0,0.2); */
    float: left;
    background: rgb(247 247 247 / 87%);
} 
    
    
/****ガスペックサービス****/

    
    
    
/****お知らせ*****/
nav#oshirase .inr {
    width: 80%;
}	
	
/* ガスペックが選ばれ続ける理由
---------------------------*/
    .gridWrapper .box{
        margin: 0;
    }
.gridWrapper .box {
	/*height: auto;*/
	position: relative;
}
.gridWrapper .box img {
    width: 100% !important;
    height: auto !important;
}
.gridWrapper .box h3 {
    font-size: 1.3em;
}
.gridWrapper .box h4 {
    font-size: 12px;
}
.grid {
    width: 33.3333%;
    margin-bottom: 20px;
}
.flexbox {
    display: inline-block;
}
    
/* 独自サービス
---------------------------*/

.box5 {
	height: auto;
}

.box5 img{
	margin-bottom: 20px;
}
	
.box5 p{
	padding:10px;
}
.gridWrapper2 .box5 img {
    width: 100% !important;
    height: auto !important;
}

/***取扱商材一覧***/
.grid2 > .box p {
    font-size: 22px;
}
.syozai {
    font-size: 18px;
}
.gridWrapper2 .box img {
    width: 100% !important;
    height: auto !important;
}
    
.gridWrapper2 .box img:hover {
    border: 2px  solid #0065CC;
}
    
    .grid2 {
        width: 33.3333%;
    }
    
/***当社のご案内***/ 
.gridWrapper9 .boxc img {
    width: 100% !important;
    height: auto !important;
}
/* sidebar
---------------------------*/	
	
aside#sidebar {
  float: none;
  width: 100%;
  height: 100%;
}	
	
	
	
	
/* article
---------------------------*/	
body.column2 article#contents {
  float: none;
  width: 100%;
  padding: 0px 6px 10px 6px;
}	
	


/* footer
---------------------------*/
footer#footer {
  width: 100%;
  font-size: 12px;
	line-height: 1.5;
  color: #fff;
  text-align: center;
	background: #eee;
}

footer#footer .inr{
}

	

footer#footer .infoArea{
  float: none;
	width:100%;
	padding-left:0;
	margin-bottom: 20px;
}

footer#footer .info{
	float:none;
	padding: 0;
}

footer#footer .infoArea .logo{
  text-align: center;
  width: 100%;
}


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

footer#footer .info span:not(.number){
	display:block;
	text-align:center;
}

footer#footer .info span.number{
	color:#8aaa16;
	font-weight:bold;
}




footer#footer ul{
	float:none;
	width:100%;
	padding:0;
}

footer#footer li{
	float:none;
  font-size: 14px;
	padding: 0 7px 0 8px;
	margin-bottom:10px;
}
.footh{
	width: 25%;
}

.messeage_top {
    width: 100%;
}
    
    
    
    
/*------pic・title・explain(4つ)------*/

.col4_pic_title_explain > div{
	width: 49%;
}
	
	
	
}

/***TVCMギャラリー***/
.tvcm_btn01{
	margin-top: 60px;
	text-align: center;
}

.tvcm_btn01 img{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.tvcm_btn01 img:hover{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}


/***３ボックス****/
a.btn-c {
    font-size: 20px;
    width: 90%;
}

.mbox {
    margin: 10px;
}


.water_heater_img{
	height: 480px;
}
.water_heater_chiikiimg{
	height: 480px;
}
.oil_img{
	height: 480px;
}
.gasconro_img{
	height: 480px;
}
.ih_img{
	height: 480px;
}
.rangefood_img{
	height: 480px;
}
.bathroomdryer_img{
	height: 480px;
}
.dishwasher_img{
	height: 480px;
}
.ecokyu-to_img{
	height: 480px;
}
.toilet_img{
	height: 480px;
}
.faucet_img{
	height: 480px;
}
.clothesdryer_img{
	height: 480px; 
}
.aircon_img{
	height: 480px; 
}
/**商材メインページボックス**/
.main_3box img{
    width: 100%;   
}

    .m_auto40 img{
        margin: 40px auto;
    } 

/* apad*/
@media only screen and (max-width:820px){
.water_heater_img{
	height: 420px;
}
.water_heater_chiikiimg{
	height: 420px;
}
.oil_img{
	height: 420px;
}
.gasconro_img{
	height: 420px;
}
.ih_img{
	height: 420px;
}
.rangefood_img{
	height: 420px;
}
.bathroomdryer_img{
	height: 420px;
}
.dishwasher_img{
	height: 420px;
}
.ecokyu-to_img{
	height: 420px;
}
.toilet_img{
	height: 420px;
}
.faucet_img{
	height: 420px;
}
.clothesdryer_img{
	height: 420px;
}
.aircon_img{
	height: 420px;
}
/***３ボックス****/
a.btn-c {
    font-size: 16px;
    width: 100%;
}
    .mbox{
        padding: 20px 10px;
    } 
    .m_auto40 img{
        margin: 40px auto;
        width: 100%;
        height: auto;
    } 
    
    .decoration04{
        display: none;
    }
    .decoration04::before{
        display: none;
    }
    
    
/*****キャラクター*****/
    
.character01 {
    background-image: url("images/character/character01.webp");
    height: 493px;
    top: 237px;
    width: 362px;
    background-size: contain;
    float: none;
    left: 25%;
    transform: translateX(-50%);
    z-index: 1;
}
    
#tell_mitsumori1 {
    margin: 0 auto;
    display: inline-block;
    top: 380px;
    position: relative;
    left: 180px;
    z-index: 1;
}   
#estimate01 {
    padding: 0px;
    float: none;
    margin-bottom: 15px;
}
.estimate_btn01 {
    width: 100%;
}
 
    
}



/* apad mini*/
@media only screen and (max-width:768px){
.water_heater_img{
	height: 390px;
}
.water_heater_chiikiimg{
	height: 390px;
}
.oil_img{
	height: 390px;
}
.gasconro_img{
	height: 390px;
}
.ih_img{
	height: 390px;
}
.rangefood_img{
	height: 390px;
}
.bathroomdryer_img{
	height: 390px;
}
.dishwasher_img{
	height: 390px;
}
.ecokyu-to_img{
	height: 390px;
}
.toilet_img{
	height: 390px;
}
.faucet_img{
	height: 390px;
}
.clothesdryer_img{
	height: 390px;
}	
.aircon_img{
	height: 390px;
}	
    
    .decoration04{
        display: none;
    }
    .decoration04::before{
        display: none;
    }
    
    
/*****キャラクター*****/
    
.character01 {
    background-image: url("images/character/character01.webp");
    height: 493px;
    top: 237px;
    width: 362px;
    background-size: contain;
    float: none;
    left: 25%;
    transform: translateX(-50%);
    z-index: 6;
}
    
#tell_mitsumori1 {
    margin: 0 auto;
    display: inline-block;
    top: 380px;
    position: relative;
    left: 180px;
    z-index: 6;
}   
#estimate01 {
    padding: 0px;
    float: none;
    margin-bottom: 15px;
}
.estimate_btn01 {
    width: 100%;
}
 
    
}
	
	
	
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:480px){
.grid{
	float:left;
}
.main_bg{
	height: auto;
}
	
.description{
	display: none;
	}
.forPcTb{
	display:none !important; 
}
.forTb{
	display:none !important;
}	

.forSp{
	display:block !important;
}
.forTbSp{
	display:block !important;
}
/*
	body.column1 section {
    padding: 5px;
}
*/

	nav#oshirase{
		display: none;
	}
	
	nav#oshirase2{
		font-size: 12px;
	}
	
h1{
	margin-bottom:10px;	
}	
    
.decoration01 {
    display: none;
}
.decoration02 {
    display: none;
}
.decoration03 {
    display: none;
}
.decoration03::before {
    display: none;
}
.decoration04 {
    display: none;
}
.decoration04::before{
    display: none;
}
.decoration05 {
    display: none;
}
.decoration06 {
    display: none;
}
.decoration06::before {
    display: none;
}
/*****キャラクター******/
    
.character01 {
    background-image: url("images/character/character01.webp");
    height: 493px;
    top: 237px;
    width: 398px;
    background-size: contain;
    right: 352px;
    float: none;
    left: 60%;
    transform: translateX(-50%);
    z-index: 6;
}

.logo_btn{
	width:200px;
}	
	.flexbox{
		display: flex;
	}
    
    .warning_sign{
        text-align: center;
    }  

    
/***３ボックス****/
a.btn-c {
    font-size: 20px;
    width: 90%;
}
    
    
    
/*　商材メニュー-----*/

#syouzai_menu {
	font-size: 6px;
    color: #fff;
    text-align: left;
    background-color: #007950;
    padding: 2px 0 2px 15px;
    margin-bottom: 10px;
}

	
#syouzai_menu img{
	width: 65%;
	}

#syouzai_menu a{
	float: left;
	}	
#syouzai_menu li{
    display: inline-block;
    width: 66px;
    height: 50px;
	}

.syouzai_list　{
	margin: 3px;
	float: left;
	list-style: none;
	width: 16.34%;
}	
	
	
	
	
	
/* キャンペーン商品
---------------------------*/

.grid3 {
	float:none;
  width: 100%;
	margin-bottom:10px;
}

.grid3.last{
	
}	

/* キャンペーン商品（給湯器top用）
---------------------------*/

.grid3_list {
	float:none;
  width: 100%;
	margin-bottom:10px;
}

.grid3_list.last{
	
}	

	
/* 取扱商材一覧
---------------------------*/
.grid2 {
	width: 50%;
}	

	
/* ガスペックが選ばれ続ける理由
---------------------------*/	
.grid{
	float:none;
	width:50%;
	margin-bottom:0;
}
.gridWrapper .box {
    max-width: 100%;
    padding: 10px;
    border: 1px solid #f1f1f1;
    font-size: 0.875em;
    background-color: #f7f7f7;
    text-align: center;
}
/* ガスペックが選ばれ続ける理由
---------------------------*/	
.main_grid{
	float:none;
	width:100%;
	margin-bottom:10px;
}


    
    
    
/* 施工実績
---------------------------*/
	
/*--商材別トップページに表示している実績はスライダーを設定しているので高さ指定--*/
.bx-viewport{
	min-height:550px;
}
	
	
	
	
	
article#voiceAndsekou{
	padding:0;
	margin:10px;	
}
	

ul#saishinSekouList{
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-bottom:15px;
	}

ul#saishinSekouList .inr{
	padding:0;	
}
	
	
ul#saishinSekouList li.item{
  padding: 10px 5px;
	width: 50%;
}	
	
ul#saishinSekouList li.item .item_inner .bottom,
ul#saishinSekouList li.item .priceAndbtn{
	width:100%;	
}
	
ul#saishinSekouList li.item .item_inner .bottom{
	padding: 4px;	
}	
ul#saishinSekouList li.item .priceAndbtn p.koujihi {
    width: 95%;
}
	

	
/*スタッフブログ*/	
section.blog div dd{
	width:30%;	
}	
	
section.blog div dt{
	width:65%;	
}	

/*お客様の声*/
#voice .item .customer {
    height: auto;
    position: relative;
    float: left;
    width: 30%;
}
#voice .item .customer p{
	position:relative;
}
#voice .item {
    min-height: 140px;
}
#voice img {
    width: 35%;
    margin: 10px auto;
    padding-top: 0px;
}
#voice .item .custmerDetail{
    position: relative;
	right: 0;
	bottom: 5px;
    left: 0;
}
	
#voice .item .comment {
    width: 69%;
    min-height: 180px;
}
#voice .item .comment p {
    -webkit-line-clamp: 6;
} 
#voice .item .custmerDetail .pre, #voice .item .custmerDetail .city, #voice .item .custmerDetail .name {
    font-size: 12px;
    display: block;
    text-align: center;
    padding: 1%;
}


/* 独自サービス
---------------------------*/


.grid4 {
  float: none;
  width: 100%;
}

.grid4:nth-child(even){
	margin-right:0;
}

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

/* ガスペックからのお知らせ
---------------------------*/
.news,
.omakasekudasai{
	width:100%;
}
	
.news_List_Ymd{
	margin-right:5px;
	width: 100%;
}
	
	
/*--#spBtn--*/

#spBtn{
	position:fixed;
	bottom:0;
	width:124%;
	z-index:900;
}
	
#spBtn ul{
	width:100%;	
	padding:5px;
	background:rgb(255 255 255 / 60%);
}
	
#spBtn ul li{
	float:left;
	width: 32.2%;
	margin-right:5px;
}
	
#spBtn ul li:last-child{
	margin-right:0;	
}

#spBtn ul li a {
    display: block;
    width: 100%;
    color: #333;
    text-align: center;
    text-decoration: none;
    background: #DB0A0A;
    /* border-bottom: solid 2px #168596; */
    /* border-radius: 50px; */
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
	
#spBtn ul li a:hover{
  color: #007a4c;
	background:#ccc;
}

#spBtn ul li a i img{
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 23px 0px 0 15px;
    float: left;
}

#spBtn img {
    float: left;
    margin-top: 34px;
    margin-left: 13px;
}
    
#spBtn ul li a span {
    display: block;
    padding: 36px 5px 5px 0px;
    height: 62px;
    color: #fff;
}
#spBtn p {
    position: absolute;
    font-size: 13px;
    color: #222;
    font-weight: bold;
    background: #fff900;
    border-radius: 20px;
    padding: 0 10px;
    margin: 4px;
}
	
footer#footer{
	margin-bottom: 75px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	
/*******当社のご案内*******/
.grid6 {
    width: 50%;
    /*margin-bottom: 20px;*/
}	
	
	
/*------------------------------------------------------------------------------------------------
																						  下層ページ
--------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------
						　　　　           service.php
-----------------------------------------------------------------------*/
body.service article section.step{
	width: 100%;
}	
	
body.service article section.step p.explain {
  padding: 10px;
}
	
body.service article section.step .inr .box img {
  float: none;
  width: 100%;
	margin-bottom:10px;

}

body.service article section.step .inr .box .detail {
  float: none;
  width: 100%;
}
	
p.payDetail {
  width: 90%;
}	
	
	
	
	
	
	
/* header
---------------------------*/	
body.toppage #header{
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 1000;
	/*border-bottom: 1px solid #4aaeec;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
}	
	
header#header{
/**	background:none;	
  padding: 10px 5px 10px 5px;
	border-top: 3px solid #29abe9; **/
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 2000000;
	/*border-bottom: 1px solid #86b13e;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
	
}	

	
header#header .inr{
	padding-top:0px;
}

	
	
header#header ul.inr li{
	float:left;	
	width:20%;
	padding-top:5px;
}	
	
header#header ul.inr li:nth-child(2){
	width:60%;
	padding-top:0;
}		
	
	
/* header_new
---------------------------*/	
body.toppage #header_new{
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 1000;
	/*border-bottom: 1px solid #4aaeec;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
}	
	
header#header_new{
/**	background:none;	
  padding: 10px 5px 10px 5px;
	border-top: 3px solid #29abe9; **/
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 2000000;
	/*border-bottom: 1px solid #86b13e;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
	
}	

	
header#header_new .inr{
	padding-top:0px;
}

	
	
header#header_new ul.inr li{
	float:left;	
	width:20%;
	padding-top:4px;
}	
	
header#header_new ul.inr li:nth-child(2){
	width:60%;
	padding-top:0;
}		

/* header_new2
---------------------------*/	
body.toppage #header_new2{
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 1000;
	/*border-bottom: 1px solid #4aaeec;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
}	
	
header#header_new2{
/**	background:none;	
  padding: 10px 5px 10px 5px;
	border-top: 3px solid #29abe9; **/
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 2000000;
	/*border-bottom: 1px solid #86b13e;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
	
}	

	
header#header_new2 .inr{
	padding-top:0px;
}

	
	
header#header_new2 ul.inr li{
	float:left;	
	width:20%;
	padding-top:5px;
}	
	
header#header_new2 ul.inr li:nth-child(2){
	width:60%;
	padding-top:0;
}		
/* header_new3
---------------------------*/	
body.toppage #header_new3{
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 1000;
	/*border-bottom: 1px solid #4aaeec;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
}	
	
header#header_new3{
/**	background:none;	
  padding: 10px 5px 10px 5px;
	border-top: 3px solid #29abe9; **/
	background:none;
	position: fixed;
    top: 0px;
    height: 62px;
    background: #fff;
    z-index: 2000000;
	/*border-bottom: 1px solid #86b13e;*/
	border-top: 3px solid #29abe9;
	border-bottom: 2px solid #ececec;
	
}	

	
header#header_new3 .inr{
	padding-top:0px;
}

	
	
header#header_new3 ul.inr li{
	float:left;	
	width:20%;
	padding-top:5px;
}	
	
header#header_new3 ul.inr li:nth-child(2){
	width:60%;
	padding-top:0;
}		
/* nav
---------------------------*/
nav#gnav{
	margin-bottom:10px;	
}

nav#gnav .inr > ul{
	max-width: 100%;
	padding:0 5px;
	margin-right:-2px;
	margin-bottom:-1px;
}

nav#gnav .inr > ul > li{
	float:left;
  width: 16.34%;
	/*height:50px;*/
	margin-right:1px;
	margin-bottom:1px;
}
	
nav#gnav .inr > ul > li > a{
	/*display: block;
	width: 100%;
	height:100%;
	padding:0;
	padding-top:0;
	border-left:none;
	color:#333;
	font-size:13px;
	font-weight:bold;
	border:1px solid #bbb;
	border-bottom:2px solid #26ab0f;
	background: linear-gradient(#fff, #e1e1e1);*/
	display: none;
}

nav#gnav .inr > ul > li a:hover{
	background: linear-gradient(#ccc,#fff);
}

nav#gnav .inr > ul > li:last-child{
	border-right:none;
}


nav#gnav .inr > ul > li a span.jp.forSp{
	display:block;
	height: 100%;
	padding:0px;
	line-height:1.3;
	padding-top:8px;
	border-bottom:2px solid #6ae674;
}


nav#gnav .inr > ul > li a span:not(.jp){
	display:none;
}
	
	
.bx-wrapper{
	margin-bottom:0 !important;
}
	
	
	
	
	

/*------横長バナー------*/

	/*
.bnr{
	border:3px solid #ebebeb;
}*/

.bnr img{
	display:block;
}

.clcBnr{
	border:3px solid #ebebeb;
}

.clcBnr a{
	display:block;
	transition: all 0.3s;
}

.clcBnr a:hover{
	opacity:0.6;
}

.clcBnr a img{
	display:block;
}


/*------横2列バナー------*/

.col2_bnr{
	font-size:0;
}

.col2_bnr li{
	display:inline-block;
	width: 48.6112%;/*--(W350 / w720 *100)--*/
	max-width:100%;
	border:3px solid #ebebeb;
	margin-right: 1.38889%;/*--(m10 / w720 *100)--*/
}

.column1 .col2_bnr li{
	width:49.4624%;/*--(W460 / w930 *100)--*/
	margin-right:1.07527%;/*--(m10 / w900 *100)--*/
}

.col2_bnr li:last-child{
	margin-right:0;
}

.col2_bnr li a{
	display:block;
	transition:all 0.3s;
}

.col2_bnr li a:hover{
	opacity: 0.6;
}

/*------横3列バナー------*/

.col3_bnr{
	font-size:0;
}

.col3_bnr li{
	
	float: left;
  width: 48.9291%;
	
	/*
	display:inline-block;
	width:32.5807%;
	*/
	max-width:100%;
	border:3px solid #ebebeb;
	margin-right: 1.07527%;/*--(m10 / w900 *100)--*/
	margin-bottom:5px;
}

.col3_bnr li:nth-child(2n){
	margin-right:0;
}

.col3_bnr li a{
	display:block;
	transition:all 0.3s;
}

.col3_bnr li a:hover{
	opacity: 0.6;
}

/*------横2列画像ー------*/

.col2_pic{
	font-size:0;
}

.col2_pic li{
	display:inline-block;
	width: 49.3056%;
	max-width:100%;
	border:3px solid #ebebeb;
	margin-right: 1.38889%;
}

.col2_pic li:last-child{
	margin-right:0;
}


.col2_pic li img{
	display:block;
	margin:0 auto;
}

/*------横3列画像ー------*/

.col3_pic{
	font-size:0;
}


.col3_pic li{
	display:inline-block;
	width:31%;
	max-width:100%;
	border:2px solid #ebebeb;
  margin-right: 1.38889%;
}

.col3_pic li:last-child{
	margin-right:0;
}


.col3_pic li img{
	display:block;
	margin:0 auto;
}
	

	
/*------横4列画像ー------*/

.col4_pic{
	font-size:0;
}


.col4_pic li{
	display:inline-block;
	width:22.9167%;
	max-width:100%;
	border:2px solid #ebebeb;
  margin-right: 2.77778%;
}

.col4_pic li:last-child{
	margin-right:0;
}


.col4_pic li img{
	display:block;
	margin:0 auto;
}


/*------横4列画像ー------*/

.col5_pic{
	font-size:0;
}


.col5_pic li{
	display:inline-block;
	width:30%;
	max-width:100%;
	border:2px solid #ebebeb;
  margin-right: 2.77778%;
}

.col5_pic li:last-child{
	margin-right:0;
}


.col5_pic li img{
	display:block;
	margin:0 auto;
}
	
/*------横3列画像ー------*/

.col9_pic{
	font-size:0;
}


.col9_pic li{
	display:inline-block;
	width:31.9445%;
	max-width:100%;
	border:2px solid #ebebeb;
  margin-right: 1.38889%;
}

.col9_pic li:last-child{
	margin-right:0;
}


.col9_pic li img{
	display:block;
	margin:0 auto;
}
	
	

/*------pic・title・explain(1つ)------*/

.col1_pic_title_explain{

}

.col1_pic_title_explain img,
.col1_pic_title_explain iframe,
.col1_pic_title_explain.bigimg img{
	float:none;
	display:block;
	width:100%;
	margin-right:0;
}
	
.col1_pic_title_explain iframe{
	height:auto;
    margin-left: 0;
}


.col1_pic_title_explain .explain,.col1_pic_title_explain.bigimg .explain{
	float:none;
	width:100%;
}


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


/*------pic・title・explain(2つ)------*/

.col2_pic_title_explain > div{
	display:block;
	width:100%;
	margin-right:0%;
	margin-bottom:10px;
}

.col2_pic_title_explain > div img{
	width:100%;
    padding: 0;
}

    
.col8_pic_title_explain{

}

.col8_pic_title_explain img,
.col8_pic_title_explain iframe,
.col8_pic_title_explain.bigimg img{
	float:none;
	display:block;
	width:100%;
	margin-right:0;
}
	
.col8_pic_title_explain iframe{
	height:auto;
    margin-left: 0;
}


.col8_pic_title_explain .explain,.col1_pic_title_explain.bigimg .explain{
	float:none;
	width:100%;
}


.col8_pic_title_explain .explain table th,
.col8_pic_title_explain .explain table td{
	padding:5px;
	border:1px solid #ccc;
}
    
    
/*------title・pic(1つ)------*/

.col1_title_pic img{
	width:100%;
}

/*------見積り方法------*/

.mitsumori_pic_title{

}
.mitsumori_pic_title p {
    padding: 10px;
}
.mitsumori_pic_title img,
.mitsumori_pic_title iframe,
.mitsumori_pic_title.bigimg img{
	float:none;
	display:block;
	width:100%;
	margin-left:0;
}

	.mitsumori_pic_title img{
		width: 85% !important;
		margin: 0 auto;
	}
	
.mitsumori_pic_title iframe{
	height:auto;	
}


.mitsumori_pic_title .explain,.mitsumori_pic_title.bigimg .explain{
	float:none;
	width:100%;
	padding: 10px;
}


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


.mitsumori_title_pic img{
	width:100%;
}

/*------お客様の声------*/

.koe_pic_title{

}
.koe_pic_title p {
    padding: 10px;
}
.koe_pic_title img,
.koe_pic_title iframe,
.koe_pic_title.bigimg img{
	float:none;
	display:block;
	width:100%;
	margin-left:0;
}
	
.koe_pic_title iframe{
	height:auto;	
}


.koe_pic_title .explain,.koe_pic_title.bigimg .explain{
	float:none;
	width:100%;
	font-size: 12px;
}


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


.mitsumoti_title_pic img{
	width:100%;
}

	
/*------pic・title・explain(1つ)------*/

.mansyon_explain{

}

.mansyon_explain img,
.mansyon_explain iframe,
.mansyon_explain.bigimg img{
	float:none;
	display:block;
	width:100%;
	margin-right:0;
}
	
.mansyon_explain iframe{
	height:auto;	
}


.mansyon_explain .explain,.mansyon_explain.bigimg .explain{
	float:none;
	width:100%;
}


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

	
	
	
/* aside#sidebar
---------------------------*/	
body:not(.shouzai_top) #sidebar{
	display:none;
}
	
	
.sl_tb{
	overflow-x: scroll;
    white-space: nowrap;
}
	

/*レンジフードの商品リストテーブル*/
.rangefoodList img{
	width:100%;	
}

/*レンジフードパナソニックSSMフードの商品リストテーブル*/
.foodList img{
	width:100%;	
}
	
/*レンジフードパナソニックフードの商品リストテーブル*/
	
.foodList_pana img{
	width:100%;	
}

	
/*浴室水栓の商品リストテーブル*/
.bathroomList img{
	width:100%;	
}
	
	
.bathroomList table { width: 100%; border:none; padding: 10px;}
.bathroomList thead { display: none;}
.bathroomList tr {
  border-top: 1px solid #4f4d47;
  display: block;
  margin-bottom: 20px;
}
.bathroomList td {
  border-right: 1px solid #4f4d47;
  border-bottom: none;
  display: block;
  padding: 0;
}

/* tdのデザイン */
.bathroomList td:nth-of-type(1) { background-color: #ccc; font-size:24px; font-weight:bold;}
.bathroomList td:last-child { border-bottom: 1px solid #4f4d47;}
     
/*td:beforeのデザイン*/
.bathroomList td:before {
  background-color: #f5f3ec;
  color: #4f4d47;
  display: block;
  padding: 3px 0;
  margin-bottom: 5px;
}
 
/* contentでタイトルを追加 */
.bathroomList td:nth-of-type(1):before { content: "型番";}
.bathroomList td:nth-of-type(2):before { content: "定価";}
.bathroomList td:nth-of-type(3):before { content: "ガスペック価格";}
.bathroomList td:nth-of-type(4):before { content: "工事費コミ税込合計金額"; background:none;}



	
/*トイレの商品リストテーブル*/
.toiletList img{
	width:100%;	
}

/*totoトイレ（ネオレスト）の商品リストテーブル*/
.neorestList img{
	width:100%;	
}
	
/*totoトイレ（QR-EX）の商品リストテーブル*/
.qr-exList img{
	width:100%;	
}

/*totoトイレ（gg）の商品リストテーブル*/
.ggList img{
	width:100%;	
}
	
/*トイレの商品リストテーブル*/
.toiletList img{
	width:100%;	
}
	
/*トイレの商品リストテーブル*/
.toiletList img{
	width:100%;	
}
	
/*panasonicトイレ（L150）の商品リストテーブル*/
.L150List img{
	width:100%;	
}

	
/*panasonicトイレ（S141）の商品リストテーブル*/
.S141List img{
	width:100%;	
}

/*panasonicトイレ（S160）の商品リストテーブル*/
.S160List img{
	width:100%;	
}

	
/*panasonicトイレ（V）の商品リストテーブル*/
.VList img{
	width:100%;	
}

.main_bg2 img{
	width: 250px;
	position: relative;
}
	
.main_bg2{
	background-image: url("images/image_haikei_s.webp");
	text-align: center;
	background-repeat: no-repeat;
	height: 100%;
}
.main_bg3 img{
	width: 250px;
	position: relative;
}
	
.main_bg3{
	background-image: url("images/image_haikei_s.webp");
	text-align: center;
	background-repeat: no-repeat;
	/*height: 100%;*/
}

.mansyon_bg img{
	width: 250px;
	position: relative;
}
	
.mansyon_bg {
	background-image: url("main/images/mansyon_haikei_s.webp");
	margin-top: 0px !important;
}
	
	
/*要素*/

.youso .col3_pic li{
	display:block;
	width:48.8%;
	margin-right:0;
	margin-bottom:10px;
	height: 300px;
	float: left;
	position:relative
}
.youso .col3_pic a {
    bottom: 15px;
    width: 150px;
}
.youso .col3_pic li p{
	height:auto;
}

.youso .col3_pic p.explain{
	height: 120px;
	padding: none;
	margin-bottom: 20px;
}
	

.youso .col9_pic li{
	display:block;
	width:48%;
	margin-right:0;
	margin-bottom:10px;
	float: left;
	position:relative
}
.youso .col9_pic a {
    bottom: 15px;
    width: 150px;
}
.youso .col9_pic li p{
	height:auto;
}

.youso .col9_pic p.explain{
	height: 120px;
	padding: none;
	margin-bottom: 20px;
}
	
}




/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	
.col1_pic_title_explain .title{
	margin-top: 15px;
}
.col8_pic_title_explain .title{
	margin-top: 15px;
}
    
    
/**給湯器h**/
.bb{
	margin: 0 calc(50% - 50vw) !important;
	font-size: 20px !important;
}	
	
	
/* メイン画像
----------------------------*/
#tell_mitsumori1 {
    display: none;
} 
    .character01{
        display: none;
    }  
.kyuutoukimainImg{
  margin: 0 calc(50% - 50vw);
}
#chiiki_main{
  margin: 0 calc(50% - 50vw);
}
.mainImg {
  margin: 0 calc(50% - 50vw);
}
.kyutop_txt {
    padding: 16px;
    margin-top: -5px;
    margin: 0 calc(50% - 50vw);
    margin-top: -23px;
}
.sekiyutop_txt {
    padding: 16px;
    margin-top: -5px;
    margin: 0 calc(50% - 50vw);
}
 .syozaitext {
    padding: 16px;
}
.b_kome {
    margin: 0 calc(50% - 50vw);
}
	
.komento {
    margin: 0 calc(50% - 50vw);
}	
	
.grid{
	float:left;
}
	.main_grid2 {
    width: 100%;
	min-height: 100%;
}
    
.gridWrapper2 .box {
    max-width: 100%;
    margin: 0;
    padding: 10% 5%;
    font-size: 0.875em;
    background-color: #f7f7f7;
    text-align: center;
}
    
    
.mbox {
    margin: 20px;
    background: #fff;
    border: none;
    padding: 20px;
    background-image: url(images/text_haikei01.webp);
    background-size: cover;
    border-radius: 10px;
}
.mbox img {
    width: 40%;
    float: left;
    margin-right: 20px;
    height: auto;
}
.mbox p {
    padding: 0 0 45px;
	/*min-height: 180px;*/
	background: none;
	margin: 20px 0;
}
.main_grid2 {
	margin: 0;
}
.mt20sp{
	margin-top: 20px;
}
.mt200sp{
	margin-top: 200px;
}
.pankuzu {
    /* margin-top: 100px; */
    overflow-x: scroll;
    white-space: nowrap;
}
.mb20sp{
	margin-bottom: 20px;
}
    
    
/**標準基本工事費**/
.construction_detail ul{
    margin: 20px;
}
.construction_detail li{
    font-size: 14px;
}
.construction_detail li::before {
    position: absolute;
    left: 20px;
}
#costpanel .panel1 {
    margin: 0;
    width: 100%;
}
#costpanel .panel2 {
    width: 100%;
    float: left;
    margin: 0px;
    margin-bottom: 10px;
}
#costpanel .panel3 {
    width: 100%;
    float: left;
    margin: 0px; 
}
.cost_text1 li {
    margin-left: 15px;
} 
.cost_text1 li::before {
    position: absolute;
    left: 20px;
}
    
    
    
.panel_d {
    padding: 6px;
    border: 1px solid #14baf9;
    overflow: hidden;
    background: #d9f3ff;
    border-radius: 4px;
    margin: 14px 4px;
}
.panel_d div {
    height: auto;
}
.pl_1 {
    background-size: contain!important;
    background-position: 10px !important;
}
.pl_1 p {
    position: relative;
    top: 0px;
    text-align: center;
    border: 1px solid;
    background: #fff;
    color: #eb0000;
    font-weight: bold;
    width: 68%;
    left: 112px;
}
.pl_1 span {
    position: relative;
    top: 0px;
    color: #0065cc;
    font-weight: bold;
    font-size: 15px;
    left: 54px;
}
.pl_1 .gprice {
    position: relative;
    top: 0px;
    text-align: center;
    color: #009106;
    font-weight: bold;
    border: none;
    background: none;
}
.pl_8 {
    background-size: contain!important;
    background-position: 40px !important;
}
.pl_8 span {
    position: relative;
    top: 0px;
    font-weight: bold;
    font-size: 22px;
    left: 60px;
}
    .pac_text{
        width: 100%;
        font-size: 14px;
    }
/*コンロ・レンジフード・トイレなどのパンクズ位置調整*/
	.mt56{
		margin-top:56px;
	}
/*ＴＯＰ位置調整*/
	.mt60{
		margin-top:60px;
	}
	
.top_main_img{
		margin-top: -8px;
}
	
.description{
	display: none;
	}

.description2{
	font-size: 10px;
	max-width:100%;
}
.description2 h1 {
    font-size: 32px;
    color: #fffefe;
    position: relative;
    top: 200px;
    z-index: 5;
    right: 0px;
    font-weight: bold;
    text-align: center;
}
body.toppage section h2 {
    font-size: 20px;
	text-align: center;
	/*padding-left:0;*/
}
	
	
#wrap {
    padding-top: 55px;
}
	

body.toppage section h2 {
    margin-top: 10px;
}	
	
body.column1 section{
	padding:0;
}

body{
	overflow-x: hidden;
}
.box3_pic ul {
    display: block;
}
.box3_pic li {
    width: 100%;
    font-size: 1em;
    line-height: 1.8em;
    float: left;
    margin: 4px;
    border: none;
    padding: 10px;
    margin: 10px auto;
}
.box3_pic h4 {
    margin: 0;
}
    
.box4 {
    padding: 10px;
    max-width: 100%;
    border: 3px solid #09276f;
    border-radius: 6px;
    margin: 10px;
}

.box5 {
	margin: 10px;
	
}

.flexbox{
	display: inline-block;
}
.logo_btn{
	width:200px;
	margin-top: 15px;
}
	
	
.box4_list {
  padding: 0px;
  max-width: 48.8%;
  border: none;
  border-radius: 0px;
  float : left;
  margin: 4px 2px;
}
	
.osusumewaku_kingaku_list{
  font-size: 20px;	
}

.osusume_tab > div {
    padding: .6em;
}
    
/* header
---------------------------*/	
header#header .inr {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
	padding: 10px;
}
	
#header img{
	max-width:180%;
	
}			

header#header p{
	float:left;
	width:100%;
	height:60px;
	padding:21px 10px 10px 30px;
	font-size: 14px;
}
	
/* header_new
---------------------------*/	
header#header_new .inr {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
	padding: 10px;
}
	
#header_new img{
	max-width:180%;
	
}			

header#header_new p{
	float:left;
	width:100%;
	/*height:60px;
	padding:21px 10px 10px 30px;*/
	font-size: 12px;
    text-align: center;
}
	
/* header_new2
---------------------------*/	
header#header_new2 .inr {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
	padding: 10px;
}
	
#header_new2 img{
	max-width:180%;
	
}			

header#header_new2 p{
	float:left;
	width:100%;
	/*height:60px;
	padding:21px 10px 10px 30px;*/
	font-size: 12px;
}
	
/* header_new3
---------------------------*/	
header#header_new3 .inr {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
	padding: 10px;
}
	
#header_new3 img{
	max-width:180%;
	
}			

header#header_new3 p{
	float:left;
	width:100%;
	/*height:60px;
	padding:21px 10px 10px 30px;*/
	font-size: 12px;
    text-align: center;
}
	
/*ハンバーガーメニュー*/

	
	
	
/*　商材メニュー-----*/

#syouzai_menu {
	font-size: 6px;
    color: #fff;
    text-align: left;
    background-color: #007950;
    padding: 2px 0 2px 15px;
    margin-bottom: 10px;
}
	
#syouzai_menu img{
	max-width: 100%;
}

    .syozai {
        font-size: 1.1em;
    }	
	
/*　ブログ-----*/
section.blog div {
    max-width: 100%;
    text-align: left;
    padding: 10px;
	border: solid 0;
}
/*ニュース*/
.newsArea {

}

/* メインテキスト
---------------------------*/
.maintext {
	margin: 0px 10px 0 10px;
    margin: 0 calc(50% - 50vw);
	border: none;
	margin-top: -5px;
}


.main_bg2{
	background-image: url("images/image_haikei_s.webp");
	text-align: center;
	padding: 30px 20px 40px 20px;
	margin-top: 62px;
	background-repeat: no-repeat;
	height: 460px;
}

.main_bg2 img{
	width: 200px;
	position: relative;
}
		
.main_bg3{
	background-image: url("images/image_haikei_s.webp");
	text-align: center;
	padding: 30px 20px 40px 20px;
	margin-top: 62px;
	background-repeat: no-repeat;
	height: 400px;
}

.main_bg3 img{
	width: 250px;
	position: relative;
}

	.syozai img{
		max-width: 100%;
	}
	
.mansyon_bg {
	background-image: url("main/images/mansyon_haikei_s.webp");
	margin-top: 0px !important;
}
	
.b_center {
    font-size: 13px;
	padding: 0 !important;
}

.col7_pic_title_explain iframe{
	width:100%;
}
.col7_pic_title_explain .explain{
	width:100%;
}
	
ul#news_list li {
	font-size: 13px;
}
.newsArea{
box-sizing: border-box;
    margin-bottom: 0px;
}
.oshirase_text{
	margin-left: 0px !important;
}
	
body.toppage section h2:before, body.toppage section h2:after {
  width: 45px;
	margin: 0 10px;
}
body.toppage section h2 {
    margin: 0px; 
}	
	

/**商材別メインテキスト**/
.syozaitext {
    margin: 0 calc(50% - 50vw);
	border: none;
	border-radius: 0px;
}
/**メーカー別メインテキスト**/
.gasconro_text {
    margin: 0 calc(50% - 50vw);
	border: none;
	border-radius: 0px;
}
.kyuutou_top img {
    border: none;
}
.kyuutou_top p {
    padding: 20px;
}
.gasconro_top img {
    border: none;
}
.gasconro_top p {
    padding: 20px;
}
.ih_top img {
    border: none;
}
.ih_top p {
    padding: 20px;
}   
.rangefood_top img {
    border: none;
}
.rangefood_top p {
    padding: 20px;
}  
.dishwasher_top img {
    border: none;
}
.dishwasher_top p {
    padding: 20px;
}
.bathroomdryer_top img {
    border: none;
}
.bathroomdryer_top p {
    padding: 20px;
}   
.ecokyu-to_top img {
    border: none;
}
.ecokyu-to_top p {
    padding: 20px;
}     
.toilet_top img {
    border: none;
}
.toilet_top p {
    padding: 20px;
}
.faucet_top img {
    border: none;
}
.faucet_top p {
    padding: 20px;
}   
.clothesdryer_top img {
    border: none;
}
.clothesdryer_top p {
    padding: 20px;
}    
.ec_top img {
    border: none;
}
.ec_top p {
    padding: 20px;
}    
    
    
/**商材別流れ**/
.nagare_box {
    width: 49%;
}
.nagare_box1 {
    width: 49%;
}
.nagare_box2 {
    width: 49%;
}
.nagare_n {
    /*margin: 0 calc(50% - 50vw);*/
}
    
.nagare_n h3 {
    float: none;
	text-align: center;
}	
.nagare_g h3 {
    float: none;
	text-align: center;
}
.nagare_g {
   /* margin: 0 calc(50% - 50vw);*/
}
    .nagare_n p{

    }
    .nagare_g p{

    }
.estimate-tab h3 {
    font-size: 1.2em;
}
    
/* お知らせ2
---------------------------*/
#news01 {
	padding: 0 10px;
}
.oshirase2{
	padding: 8px;
    background: #ffed18;
    border-top: 2px solid;
    border-bottom: 2px solid #ccc;
    text-align: center;
}

/**************おしらせ2*********************/
    
/**************選ばれる理由******************/ 
.grid > .box p {
    line-height: 1.8em;
    font-size: 1em;
    padding: 2%;
    color: #333;
    min-height: 100px;
}
    
	
/* 取扱商材一覧
---------------------------*/
.grid2 {
	width: 33.3%;
}	
.grid2 > .box p {
    font-size: 1.6em;
}
.gridWrapper2 .box {
    /*height: 100%;*/
    border: 0;
}
	/*.box_l{
		margin-right: 5px !important;
	}
	.box_r{
		margin-left: 5px !important;
	}*/
	

	
/*-------お客様の声------------*/


.koe_pic_title{
	height: 100%;
}

	
#page-top {
		display: none;
}


#voice{
	margin-top: 0px;
}
/*****リンクボタン*****/	
a.btn--yellow {
	width: 100%;
}	
	
.button005 {
    width: 90%;
}
	
    
/****独自サービス***/
.button004{
	/*margin-bottom: 10px;*/
}
    
    
/*****トップイメージ*****/
.main_bg5{
	background-image: url("images/character/main_top01_sp3.webp");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 600px;
	padding: 60px 20px 40px 20px;
	margin-top: 62px;
	background-size: cover;
}

.main_bg5 img{
	width: 200px;
}

.main_bg5 p:hover{
	color:#000288;
	background: #fff;
}

.main_bg5 a:hover{
	color:#000288;
	background: #fff;
}
/*****トップイメージ2023*****/
.top_mainbg{
	background-image: url("images/character/main_top01_sp4.webp");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 600px;
	padding: 60px 20px 40px 20px;
	margin-top: 62px;
	background-size: cover;
}

.top_mainbg img{
	width: 200px;
}

.top_mainbg p:hover{
	color:#000288;
	background: #fff;
}

.top_mainbg a:hover{
	color:#000288;
	background: #fff;
}
/*****************************/
.main_bg404{
	background-image: url("images/character/404_s.webp");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 600px;
	padding: 60px 20px 40px 20px;
	margin-top: 62px;
	background-size: cover;
}	
.life_tx {
    font-weight: bold;
    font-size: 24px;
    z-index: 3;
    position: relative;
    top: 220px;
    text-align: center;
    right: 0px;
	pointer-events: none;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background : rgb(1 126 255);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
}	
	
.button006 {
    width: 90%;
}
.button006 a {
	font-size: 16px;
}
/******フリーコール******/
#inquiry {
	display: none;
}
#inquiry p{
	line-height: 1.5em;
	text-align: center;
}
.inquiry_call{
	font-size: 18px;
    font-weight: bold;
}

.inquiry_title{
	
}

.inquiry-title::before {
    content: "";
    position: absolute;
    left: 0px;
    background: url(img_v4/icon_phone_red.webp);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 5%;
}

.inquiry-title::after {
    content: "無料";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: normal;
    background-color: #009fa7;
    padding: 2px 8px;
    color: #fff;
    border-radius: 20px;
}


.tell_num{
    font-size: 34px;
    font-weight: bold;
    color: #e70000;
}

/******お見積もり依頼ボタン*****/

#estimate {
	display: none;
}
.estimate_btn{
	width: 380px;
	font-size: 24px;
	background: #ffff01;
	border-radius: 20px;
	text-align: center;
	padding: 25px;
	font-weight: bold;
}

ul#saishinSekouList li.item {
    margin: 0;
}
	
/***TVCMギャラリー***/
.tvcm_btn01{
	margin-top: -55px;
	position: absolute;
}
.tvcm_btn01 img{
	border-radius: 0px;
    width: 100%;
    height: auto;
}	
	
	
	
/* footer
---------------------------*/
footer#footer {
  width: 100%;
  font-size: 12px;
	line-height: 1.5;
  color: #fff;
  text-align: center;
	background: #eee;
}

footer#footer .inr{
	background: #eee;
}

	

footer#footer .infoArea{
  float: none;
	width:100%;
	padding-left:0;
	margin-bottom: 20px;
}

footer#footer .info{
	float:none;
	padding: 0;
}

footer#footer .infoArea .logo{
  text-align: center;
  width: 100%;
}


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

footer#footer .info span:not(.number){
	display:block;
	text-align:center;
}

footer#footer .info span.number{
	color:#8aaa16;
	font-weight:bold;
}




footer#footer ul{
	float:none;
	width:100%;
	padding:0;
}

footer#footer li {
    float: none;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #fff;
    text-align: left;
    font-weight: bold;
    border-right: none;
    margin-bottom: 2px;
    font-size: 15px;
    background: #eee;
}
a:hover {
  text-decoration: none;
}	
	
footer#footer .inr{
	height: auto;
}
	
.dokuji_waku{
	border: none;
}	
.ms_mainImg {
    margin: 0 calc(50% - 50vw);
	margin-bottom: 10px;
}	
	#mainBanner1{
    margin: 0 calc(50% - 50vw);
	}
.btn-wrap {
    margin: 0 0 10px 0;
}
.mbox p {
    border: none;
    font-size: 1.1em;
    line-height: 24px;
    font-weight: bold;
}
.button004 a {
	font-size: 1.2em;
	padding: 10px;
}
/***各商材保証部分******/
.main_ht{
    font-size: 22px;
	margin-top: 40px;
}
	
.tokucho {
    width: 80%;
}
.tokucho ul {
    margin: 0px;
}
.tokucho li {
    font-size: 20px;
    padding-left: 20px;
    list-style: auto;
    margin: 20px auto;
}	
.messeage_top {
    font-size: 18px;
    text-align: left;
    padding: 20px;
    width: 100%;
}
/*******商材用メインイメージ********/
.water_heater_img{
	height: 360px !important;
	background-image: url("maker/images/kyuutou/common/water_heater_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.water_heater_chiikiimg{
	height: 360px !important;
	background-image: url("sekou/image/water_heater_chiikitop_s.webp");
    margin: 0 calc(50% - 50vw);
}
.water_heater_FAQ{
	height: 390px !important;
	background-image: url("faq/images/water_heater_FAQ_s.webp");
    margin: 0 calc(50% - 50vw);
}
.oil_img {
    height: 360px !important;
    background-image: url("maker/images/oil/common/oil_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.business_use_img {
    height: 360px !important;
    background-image: url("maker/html/business_use/images/business_use_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.gasconro_img{
	height: 360px !important;
	background-image: url("gasconro/images/gasconro_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.ih_img{
	height: 360px !important;
	background-image: url("ih/images/ih_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.rangefood_img{
	height: 360px !important;
	background-image: url("rangefood/images/rangefood_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.bathroomdryer_img{
	height: 360px !important;
	background-image: url("bathroomdryer/images/bathroomdryer_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.dishwasher_img{
	height: 360px !important;
	background-image: url("dishwasher/images/dishwasher_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.ecokyu-to_img{
	height: 360px !important;
	background-image: url("ecokyu-to/images/ecokyu-to_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.toilet_img{
	height: 360px !important;
	background-image: url("toilet/images/toilet_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.faucet_img{
	height: 360px !important;
	background-image: url("faucet/images/faucet_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.clothesdryer_img{
	height: 360px !important;
	background-image: url("clothesdryer/images/clothesdryer_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.aircon_img{
	height: 360px !important;
	background-image: url("airconditioner/images/aircon_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.hosyou_mainbox {
	margin-top: 0px;
}
    

/*****メインテキスト*****/
.oiltop_txt {
    margin: 0 calc(50% - 50vw);
}
.business_use_txt {
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_bz{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_kyuutou{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_gasconro{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_ih{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_rangefood{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_bathroomdryer{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_dishwasher{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_ecokyu-to{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_toilet{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_fauset{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_clothesdryer{
    margin: 0 calc(50% - 50vw);
}
.makertop_txt_aircon{
    margin: 0 calc(50% - 50vw);
}
/*****メインテキスト*****/ 
    
/***商材（メーカー別）TOPテキスト****/
.kyuutou_top {
    margin: 0 calc(50% - 50vw);
}
.gasconro_top {
    margin: 0 calc(50% - 50vw);
}
.ih_top{
    margin: 0 calc(50% - 50vw);
}
.rangefood_top{
    margin: 0 calc(50% - 50vw);
}
.bathroomdryer_top{
    margin: 0 calc(50% - 50vw);
}
.dishwasher_top{
    margin: 0 calc(50% - 50vw);
}
.ecokyu-to_top{
    margin: 0 calc(50% - 50vw);
}
.toilet_top{
    margin: 0 calc(50% - 50vw);
}
.fauset_top{
    margin: 0 calc(50% - 50vw);
}
.clothesdryer_top{
    margin: 0 calc(50% - 50vw);
}
.ec_top{
    margin: 0 calc(50% - 50vw);
}   
.aircon_top {
    margin: 0 calc(50% - 50vw);
}
/******商材ページ保証*****/
.l-index {
	height: auto;
	background: url("guarantee/images/guarantee_img_s.webp") repeat-x;
	animation: scroll-anim 25s linear infinite;
}
.l-index p {
    padding: 50px 20px 0;
    font-weight: bold;
    font-size: 30px;
    width: 100%;
    text-align: center;
}
.l-index img{
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    clear: both;
	width: 50%;
}
	

/***給湯器TOPお客様の声***/
	
#usr_voice li {
    width: 100%;
    float: left;
    margin: 4px;
    background: #fff;
    margin: 10px auto;
}
#wh_koe li {
    width: 47.7777%;
    float: left;
    margin: 4px;
    background: #fff;
}	 
.koe_pic_title p {
  padding: 0px !important;
}
.koe_pic_title {
    min-height: 200px;
    border: none;
}
@keyframes scroll-anim {
  100% {
    background-position: 1000px 0;
  }
}
	
/**商材メインページボックス**/
.main_3box {
	width: 95%;
	margin: 10px;
    min-height: 205px;
}
.main_3box img{
    width: 100%;   
}
.maker_4box {
	width: 50%;
    margin: 0;
    min-height: 205px;
}
	
	
.box_text{
	text-align: left;
    font-size: 17px;
}
.button007 {

}
.button007 a{
	font-size: 16px;
	margin: 0 auto !important;
    margin-bottom: 20px !important;
	width: 90%;
}
.button005 a {
    font-size: 18px;
}
	
/***キャンペーンリンク背景****/
.cp_bg {
	width: 95%;
}

.cp_bg h2{
	font-size: 1.4em;
	margin: 0 auto;
}
.cp_bg span{
	font-size: 20px;
}
/****おすすめ給湯器****/
.osusume_item {
    width: 48.6%;
}
.osusume_h {
    padding: 4px;
}

.osusume_item {
    margin: 0.7%;
    margin-bottom: 20px;
}	
.osusume_hinban{
	font-size: 12px !important;	
}
	
/**メーカー選択**/
.maker_3box {
    width: 50%;
    margin: 0;
}
.makerbox_text {
    line-height: 1.6em;
    min-height: 205px
}
/****人気ランキング****/
.rank_item {
    width: 48.6%;
}
.rank_h {
    padding: 12px 24px 4px 30px;
}
#rank table {
    min-height: 230px;
}
.op01 {
    margin-left: 0px;
    float: none;
    position: relative;
    top: 2px;
    margin-right: 0px;
}

/****メッセージ****/
    .message{
        padding: 7%;
    }
#top_msp {
    background-size: contain;
}
#top_msp .message em {
    color: #fff;
    font-size: 2.4em;
    z-index: 2;
    position: relative;
    top: 1.2em;
    font-weight: bold;
    font-style: normal;
}
#top_msp .message p {
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    font-size: 2.6em;
    top: 2em;
}
    
/******商材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%;
}
	
    
    
    
/**給湯器標準基本工事費用**/
.secchi_type td{
	padding: 10px 0px;
}
/****標準工事費***/
.kyuutou_type {
    font-size: 1.2em;
    padding: 12px !important;
}
.kyuutouki_hiyou .yen{
    font-size: 12px;
}
.kyuutou_price {
    font-size: 1.2em;
}
/**ガスコンロ工事費***/
.gasconro_type {
    font-size: 1em;
    padding: 12px !important;
}
.gasconro_hiyou .yen{
    font-size: 12px;
}
.gasconro_price{
    width: 40%;
    font-size: 1.2em;
}
    
    
/**商材別保証について**/
.hosyoubutton {
    text-align: center;
    margin: 30px 20px 0px;
}

	
/**同時工事値引き**/
.dojinebiki {
    min-height: 0px;
    font-size: 22px;
    font-weight: bold;
    color: #313131;
    text-align: center;
    /*padding: 40px 0 0;*/
    margin: 0 calc(50% - 50vw);
    margin-bottom: 20px;
}
.button009{
	margin-top: 20px;
}

	
/**商材別施工事例**/	
.jirei_bnr {
	margin: 0 calc(50% - 50vw);
}
	
/**品質とサービス**/
.service img{
    padding: 6px;
}
/***商材別Q&A***/	
.qa-001 summary {
    padding: 1em 1.5em 1em 3.5em;
}
.qa-001 p {
    padding: 0 2em 1.5em 3.5em;
}
/****footer***/

footer#footer li a{
	color:#333;
	font-size: 15px;
}
    
    
    

  /******お客様の声****/
.bn_voice {
    font-size: 18px;
}
.bn_voice img{
    width: 70%;
}
#usr_voice .explain{
    min-height: 0;   
    overflow: hidden;
    padding: 12px 20px;
} 
.staff_voice img{
    width: 18%;
    padding: 10px;
}
.staff_voice p {
    font-size: 18px !important;
    position: relative;
    top: 28px;
    left: 2%;
}
    .hyoka{
        font-size: 20px;
    }
    .customer .starbox{
        width: auto;
        text-align: center;
        margin: 0 auto;
        float: none;
        display: block;
    }
 /**   .hyoka span::before{
        font-size: 25px;
    }
    .hyoka span::after{
        font-size: 25px;
    }**/
    
    
/*****見積りボタンinclude*****/
#mitsumori_box {
    border: none;
    margin: 20px 0;
    display: inline-block;
    padding: 0 0 15px 0;
}
    .m_box_01{
        width: 100%;
    }
    .annai_01{
        width: 100%;
        text-align: center;
    }
.free_01 {
    width: 100%;
    margin: 10px auto;
    border: none;
}
.free_01:hover {
    border: none;
}
.form_01{
    width: 100%;
    margin: 10px auto;
    border: none;
}
.form_01:hover{
    border: none;
} 

    
/*******施工例口コミ****/
.starbox{
    display: block;
}
.starbox .hyoka{
    width: 100%;
    font-size: 1.4em;
}
.customer .hyoka{
    font-size: 1em;
}
.customer .star5_rating{
    font-size: 18px !important;
    }
 .hyoka .star5_rating{
        font-size: 25px;
    }
.user_v{
    width: 100%;
    } 
.user_v span {
    padding: 2% 3%;
}
.staff_v{
    width: 100%;
    } 
.staff_v span{
    padding: 2% 3%;
}
#voice .item .comment p {
    font-size: 13px;
    line-height: 22px;
}
#usr_voice p {
    padding: 0;
} 
}

/* スマートフォン 縦(ポートレートSE) */
@media only screen and (max-width:375px){

	
/*****トップイメージ*****/
.main_bg5{
	height: 520px;
}
.main_bg404{
	height: 520px;
}
/*****トップイメージ2023*****/
.top_mainbg{
	height: 520px;
}
.tell_num1 {
    font-size: 35px !important;
}
/*******商材用メインイメージ********/
.water_heater_img{
	height: 326px !important;
}
.water_heater_chiikiimg{
	height: 355px !important;
}
.gasconro_img{
	height: 320px !important;
}
h2.kyuutouki_h {
    font-size: 18px !important;
}
.hosyoubutton a {
    font-size: 20px;
}
.hosyoubutton a{
    font-size: 20px;
}
.hosyoubutton :hover{
	font-size: 20px;
}

/*******商材用メインイメージ********/
    
.water_heater_img{
	height: 326px !important;
	background-image: url("maker/images/kyuutou/common/water_heater_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.water_heater_chiikiimg{
	height: 390px !important;
	background-image: url("sekou/image/water_heater_chiikitop_s.webp");
    margin: 0 calc(50% - 50vw);
}
.water_heater_FAQ{
	height: 390px !important;
	background-image: url("faq/images/water_heater_FAQ_s.webp");
    margin: 0 calc(50% - 50vw);
}
.gasconro_img{
	height: 326px !important;
	background-image: url("gasconro/images/gasconro_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.ih_img{
	height: 326px !important;
	background-image: url("ih/images/ih_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.rangefood_img{
	height: 326px !important;
	background-image: url("rangefood/images/rangefood_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.bathroomdryer_img{
	height: 326px !important;
	background-image: url("bathroomdryer/images/bathroomdryer_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.dishwasher_img{
	height: 326px !important;
	background-image: url("dishwasher/images/dishwasher_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.ecokyu-to_img{
	height: 326px !important;
	background-image: url("ecokyu-to/images/ecokyu-to_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.toilet_img{
	height: 326px !important;
	background-image: url("toilet/images/toilet_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.faucet_img{
	height: 326px !important;
	background-image: url("faucet/images/faucet_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.clothesdryer_img{
	height: 326px !important;
	background-image: url("clothesdryer/images/clothesdryer_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
.aircon_img{
	height: 326px !important;
	background-image: url("airconditioner/images/aircon_top_s.webp");
    margin: 0 calc(50% - 50vw);
}
/**人気ランク**/
.rank_h {
    padding: 12px 0px 4px 18px;
}
	
/**商材別流れ**/
.nagare_box {
    width: 47.77%;
}
.nagare_box1 {
    width: 47.77%;
}
.nagare_box2 {
    width: 47.77%;
}
/**同時工事値引き**/
.dojinebiki {
	/*min-height: 400px;*/
}
/*****給湯器TOP給湯器の種類*****/

.koe_pic_title {
    min-height: 220px;
}	
	
	
/***商材別メーカーを選ぶ**/
.maker_4box {
	width: 50%;
}

 /***まるごと工事パック***/
#costpanel li {
    width: 31.11111%;
} 
.pl_1 p {
    position: relative;
    top: 0px;
    text-align: center;
    border: 1px solid;
    background: #fff;
    color: #eb0000;
    font-weight: bold;
    width: 70%;
    left: 100px;
}
    
/***footer***/
.footbg {
    height: 68px;
}
/*********/

}




@charset "utf-8";


*{
	box-sizing:border-box;
	list-style: none;
}




/* -----------------------------------------------------------------------
common parts
------------------------------------------------------------------------- */
/*--float--*/
.flL{float:left;}
.flR{float:right;}

/*--textalign--*/
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}

/*--margin/padding--*/

.m0{margin:0 !important;}
.m05{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m35{margin:35px !important;}
.m40{margin:40px !important;}
.m45{margin:45px !important;}
.m50{margin:50px !important;}

.mt0{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.p0{padding:0 !important;}
.p05{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p35{padding:35px !important;}
.p40{padding:40px !important;}
.p45{padding:45px !important;}
.p50{padding:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt12{padding-top:12px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.bd0{
    border: none;
}
.bd0 img{
    border: none;
}



/***float***/
.fl_l{
    float: left !important;
}

.fwb{
    font-weight: bold !important;
}

/*****font-size*****/
.fs1{
    font-size: 1em;
}
.fs1_2{
    font-size: 1.2em;
}
.fs1_4{
    font-size: 1.4em;
}













.waku{
	padding:3px;
}

.ss_mainbotan .waku{
	padding:none !important;
}


/* -------------------------------------------------------------- */

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-size: 100%;
-webkit-text-size-adjust: 100%;
}

p{
	/*line-height:1.8;*/
}




/* リンク設定
------------------------------------------------------------*/
a{color:#333;text-decoration:none;}
a:hover{color:#333;}
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;
/*padding: 0px 10px 10px 10px;*/
}



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


#header.toppage{
	background:url(common-new/images/top_header_bgimage_1.webp);
}

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

#header_maker{
height:130px;
	background:url(common-new/images/top_header_bgimage.webp);
}

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


#wrap{
	width:960px;
	height:130px;
	margin:30px auto 0;
	background:url(common-new/images/top_header_bgimage_1.webp);
	}
#cloud{
	/*height:130px;*/
	}
	@keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 50px;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 50px;}
	    100% {background-position: 960px 0;}
	}
	@-webkit-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 50px;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 50px;}
	    100% {background-position: 960px 0;}
	}
	@-moz-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 50px;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 50px;}
	    100% {background-position: 960px 0;}
	}
#wrap2{
	width:960px;
	height:130px;
	margin:30px auto 0;
	background:url(common-new/images/top_header_bgimage.webp);
	}





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

.logo p{float:left;}

/*

.logo img{
width:auto;
float:left;
padding:0 5px 0 20px;
}
*/

.logo span{display:block;}

.header_0{background-image:url(common-new/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:#0065cc;
  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 table{
	width:100%;
	border-collapse:collapse;
}





.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: 99999;
}




/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#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;
}




/**************************
/* グリッド
**************************/
.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;
padding:10px;
border:1px solid #ebebeb;
max-width:100%;
}

.box p{padding: 15px;}

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

.box9{
padding:10px;
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: #EB0000;
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;
}










/*---------------------------------------------------------
                         コンテナ
---------------------------------------------------------*/



#container{
width:960px;
max-width:100%;
/*margin-top:180px;*/
	/*margin-bottom: 100px;*/
}

.container_s{
	margin-top: 22px !important;
}


#container_s{
	width:960px;
	max-width:100%;
	margin: 0 auto;
}

#container_v{
	width:960px;
	max-width:100%;
	margin: 160px auto !important;
    margin-bottom: 0px !important;
}
#container_v2{
	width:960px;
	max-width:100%;
	margin: 160px auto !important;
    margin-bottom: 0px !important;
}
#container_main{
	width:960px;
	max-width:100%;
	margin: 0 auto;
	margin-bottom: 100px;
}
#container_cl{
	width:960px;
	max-width:100%;
	margin: 160px auto !important;
    margin-bottom: 0px !important;
}
.container_x{
	margin-top: 50px !important;
}

.container_v{
	margin-top: 22px !important;
}

.container_main{
	margin-top: 50px !important;
}
#container_cl{
	width:960px;
	max-width:100%;
	margin: 160px auto !important;
    margin-bottom: 0px !important;
}

/*---------------------------------------------------------
                     メインコンテンツ
---------------------------------------------------------*/

article#mainContents{
float:right;
/*width:77.4194%;/*--720px--*/
width:75%;
max-width:100%;
margin-bottom: 20px;
}

article#main2Contents{
float:right;
width:100%;/*--720px--*/
max-width:100%;
margin-bottom: 50px;
}

article#eriacontents{
float:right;
width:100%;/*--720px--*/
max-width:100%;
margin-bottom: 20px;
}


.pankuzu{
	/* margin-left: 10px; */
	margin-bottom: 10px;
	font-size: 13px;
}



article#mainContents section{
	margin-bottom:30px;
}

article#main2Contents section{
	margin-bottom:10px;
}


article#eriacontents section{
	margin-bottom:10px;
}

article#photoContents section{
	margin-bottom:10px;
}

.heading_01,
.heading_02,
.heading_03{
    font-family: "inherit",sans-serif;
	font-weight:bold;
}


h1.heading_01{
	
}

h1.heading_02{
	
}

h1.heading_03{
	
}

/*-----------【　h2　】----------*/

h2.heading_01 {
    padding: 0;
    */: ;
    color: #ffffff;
    font-size: 24px;
    padding: 11px 8px 5px;
    color: #fff;
    font-weight: bold;
    border-left: 0;
    /*border-bottom: 0;*/
    box-shadow: 0px 0px 2px #bbb;
    background: #0065cc;
    text-align: center;
	font-family: ui-rounded;
	margin-bottom: 20px;
	margin-top: 20px;
	overflow: hidden;
    font-family: inherit;
}

/*h2.heading_01:before{
    content: '';
    display: block;
    position: absolute;
	top: 10%;
    left: 10px;
    width: 8px;
    height: 80%;
	text-shadow:1px 1px 1px #bbb;
    background: #0065cc;
	
	
	
	
	
}
*/

h2.heading_02{

}

h2.heading_03{
    font-size: 20px;
    padding: 12px;
    margin-bottom: 10px;
    background: #29abe9;
    font-family: inherit;
    color: #fff;
}
.heading_001 {
    position: relative;
    padding: 12px;
    font-size: 1.15em;
    font-weight: bold;
    color: #333;
    padding: 0.8rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #1a8cf5 0 30%, #dedede 30%);
    background-repeat: no-repeat;
    background-size: 100% 8%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
}
/*-----------【　h3　】----------*/

h3.heading_01 {
    position: relative;
    font-size: 18px;
    padding: 10px 12px 8px;
    /* background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%); */
    /* background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%); */
    color: #0065cc;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); */
    margin-bottom: 20px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    font-family: inherit;
    margin-top: 20px;
}

h3.heading_01_b_red{
	position: relative;
  padding: 10px 30px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}

/*h3.heading_01:before{
    content: '';
    display: block;
    position: absolute;
	top: 10%;
    left: 10px;
    width: 8px;
    height: 80%;
    background: #fdfc03;*/
}

h3.heading_01_b_red:before{
  content: '';
  display: block;
  position: absolute;
	top: 10%;
  left: 10px;
  width: 8px;
  height: 80%;
  background: #fff;
}

h3.heading_02{
    border: 0;
    font-size: 16px;
    color: #4f4d4;
    line-height: 1.5;
    padding: 2px 10px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 8px 20px 8px 20px;
}

h3.heading_03{	
}

h3.heading_001{
	position: relative;
	padding: 12px 30px;
  /*-webkit-transform: skew(-15deg);
  transform: skew(-15deg);*/
  color: #fff;
background-image: linear-gradient(to right, #0065cc 0%, #68c4e0 100%);
}
h3.heading_001:before{
    content: '';
    display: block;
    position: absolute;
	top: 10%;
    left: 10px;
    width: 8px;
    height: 80%;
    background: #fff;
}

h3.heading_002{
	/*position: relative;*/
	padding: 12px;
  /*-webkit-transform: skew(-15deg);
  transform: skew(-15deg);*/
  color: #187FB1;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
	font-size: 18px;
}
h3.heading_002:before{
    content: '';
    display: block;
    position: absolute;
	top: 10%;
    left: 10px;
    width: 8px;
    height: 80%;
   /* background: #fff;*/
}

h3.heading_04{
  font-size: 18px;
  padding: .5em .75em;
　background-color: #ffe7e7!important;
　border-radius: 10px;
}
h3.heading_05{
  font-size: 13px;
  padding: .5em .75em;
　background-color: #ffe7e7;
　border-radius: 10px;
	
}

h3.heading_06{	
border: 0;
    font-size: 18px;
    color: #0065cc;
    border-radius: 4px;
    line-height: 1.5;
    padding: 2px 10px;
    background: #d9f8ff;
    margin-bottom: 15px;
    padding: 8px 0 8px 20px;
	font-weight: bold;
}

/*-----------【　h4　】----------*/

/*h4.heading_01 {
    border: 0;
    font-size: 16px;
    color: #333;
    border-radius: 4px;
    line-height: 1.5;
    padding: 5px 10px;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: #eceae0;
	font-family: inherit;
}*/
h4.heading_01 {
    border: 0;
    font-size: 16px;
    color: #4f4d4;
    line-height: 1.5;
    padding: 2px 10px;
    background: #f1f1f1;
    margin-bottom: 15px;
    padding: 8px 20px 8px 20px;
}
h4.heading_02{	
    /* font-weight: bold; */
    padding: 4px 10px;
    border-bottom: 1px solid #313131;
    margin: 0 6px;
    font-weight: bold;
    font-size: 16px;
	font-family: inherit;
    clear: both;
}

h4.heading_03{	

}

/*-----------【　h5　】----------*/

h5.heading_01{
	font-size: 14px;
	color:#333;
	border-radius:4px;
    line-height: 1.5;
	padding:5px 10px;
    margin-bottom: 10px;
    margin-top: 0px;
}



h5.heading_02{	
}

h5.heading_03{	
}

/*-----------【　h6　】----------*/

h6.heading_01{
	background:none;

	font-size: 12px;
	color:#6C6C6C;
	border-radius:4px;
	border:1px solid #ccc;
    line-height: 1.5;
	padding:5px 10px;
    margin-bottom: 10px;
}

h6.heading_02{	
}

h6.heading_03{	
}



article#mainContents img{
max-width:100%;
height:auto;

}

article#main2Contents img{
max-width:100%;
height:auto;
    margin: 0 auto;
}
article#eriacontents img{
max-width:47.3%;
max-height: 420px;
    margin: 0 auto;
}

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


.block{
	display: block;
	text-align: center;
}


/*************
テーブル
*************/
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;
}




.header_box3 table{
	 width:100%;
}


.header_box3 table .red{
	color:#FF0000;
}


/**サイドメニュー**/
.menu_griyouannai{
	border-radius: 4px;
}

.menu_griyouannai img {
	display: block;
	transition: all 0.3s;
	border-radius: 4px;
	margin-bottom: 10px;
}
.menu_griyouannai img:hover {
	opacity: 0.6;
}

/*--メニューエリア--*/
aside_s#sidebar ul.menuArea li {
	margin-bottom: 5px;
}
/*---------------------------------------------------------
                         サイドバー
---------------------------------------------------------*/


/*************
/* フッター

#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
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;
}

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

/*---------------------------------------------------
					ブログ記事一覧
----------------------------------------------------*/


section.blog{
	margin: 30px 0;
}


   

section.blog div{
    width: 91%;
    padding: 10px;
    border: 3px solid #ccc;
    margin: 0 auto;
    border-radius: 5px;
}


section.blog div dl{
	padding:5px 0;
	border-bottom:1px dashed #ccc;
}

section.blog div dl:last-child{
	border-bottom:none;
}


section.blog div dd{
	width: 10%;
    float: left;
}

section.blog div dt{
	width:85%;
	float:right;
}



.city_s{
    font-size: 26px;
	color:#FFF500;
}


.p_box{
	padding: 8px 20px;
	background: #f5f5f5;
	text-align: left;
    font-size: 1em; 
    line-height: 2em;
}

.main_box{
	padding: 10px;
	font-size: 13px;
}


/******commodity_search****/
#gpc_pricebox{
    margin-top:2%;
}
#gpc_pricebox .mod_num{
    background: #ebebeb;
    padding: 1.8%;
    border: 1px solid #ddd;
}
#gpc_pricebox .gpr {
    border-bottom: 1px solid #aaa;
    padding: 4% 0% .8%;
    overflow: hidden;
}
.gpr .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #fb7ae4;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.gpr .style02 {
    float: left;
    width: 55%;
    font-weight: bold;
    padding-left: 3%;
}
.gpr .style02 p{
}
.gpr .style02 span{
    font-size: 1.6em;
}
.discount_rate {
    position: absolute;
    right: 24%;
    background: #eb0000;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    padding: .3%;
    aspect-ratio: 1 / 1;
    border: 3px solid #ff8181;
}
.discount_rate p {
    text-align: center;
    line-height: 18px;
    font-size: 20px;
    position: relative;
    top: 15px;
    padding: 5%;
}
.discount_rate span{
    font-size: 14px;
}
.gpr .arrow img {
    width: 40px;
    position: absolute;
    right: 34%;
    margin-top: 1.5%;
}
.gpr .style03 {
    float: left;
    text-align: center;
    width: 28%;
    font-weight: bold;
    color: #eb0000;
}
.gpr .style03 p {
    text-align: center;
    position: relative;
    font-size: 1.2em;
    border: 1px solid #eb0000;
}
.gpr .style03 span{
    font-size: 2em;
}

#gpc_pricebox .rimocon {
    border-bottom: 1px solid #aaa;
    padding: 4% 0% .8%;
    overflow: hidden;
}
.rimocon .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #fb7ae4;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.rimocon .style02 {
    float: left;
    width: 55%;
    font-weight: bold;
    padding-left: 3%;
}
.rimocon .style02 p{
}
.rimocon .style02 span{
    font-size: 1.6em;
}
.rimocon .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #0c954a;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.rimocon .style02 {
    float: left;
    width: 55%;
    font-weight: bold;
    padding-left: 3%;
}
.rimocon .style02 p{
}
.rimocon .style02 span{
    font-size: 1.6em;
}
.rimocon .arrow img {
    width: 40px;
    position: absolute;
    right: 34%;
    margin-top: 1.5%;
}
.rimocon .style03 {
    float: left;
    text-align: center;
    width: 28%;
    font-weight: bold;
    color: #eb0000;
}
.rimocon .style03 p{
    text-align: center;
    position: relative;
    font-size: 1.2em;
    border: 1px solid #eb0000;
}
.rimocon .style03 span{
    font-size: 2em;
}

#gpc_pricebox .kaba {
    border-bottom: 1px solid #aaa;
    padding: 4% 0% .8%;
    overflow: hidden;
}
.kaba .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #fb7ae4;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.kaba .style02 {
    float: left;
    width: 55%;
    font-weight: bold;
    padding-left: 3%;
}
.kaba .style02 p{
}
.kaba .style02 span{
    font-size: 1.6em;
}
.kaba .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #ede800;
    color: #333;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.kaba .style02 {
    float: left;
    width: 55%;
    font-weight: bold;
    padding-left: 3%;
}
.kaba .style02 p{
}
.kaba .style02 span{
    font-size: 1.6em;
}
.kaba .arrow img {
    width: 40px;
    position: absolute;
    right: 34%;
    margin-top: 1.5%;
}
.kaba .style03 {
    float: left;
    text-align: center;
    width: 28%;
    font-weight: bold;
    color: #eb0000;
}
.kaba .style03 p{
    text-align: center;
    position: relative;
    font-size: 1.2em;
    border: 1px solid #eb0000;
}
.kaba .style03 span{
    font-size: 2em;
}
#gpc_pricebox .model_num{
    

    font-size: 1.1em;
}


#gpc_pricebox .marugotopac{
    border-bottom: 1px solid #aaa;
    padding: 4% 0% .6%;
    overflow: hidden;
}
.marugotopac .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #29abe9;
    color: #fff;
    font-weight: bold;
    padding: .5%;
    margin-right: 6px;
}
.marugotopac .style01 p{
    text-align: center;
}
.marugotopac .style02{
    float: left;
    width: 58%;
    text-align: right;
    font-weight: bold;
}
.marugotopac .style02 span{
    font-size: 1.6em;
}
.marugotopac .style02 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 4px auto;
}
.marugotopac .style02 li {
    background-size: 60% !important;
    background-repeat: no-repeat !important;
    background-position: top 8px center !important;
    text-align: center;
    border: 2px solid #0065cc;
    height: 100px;
    margin: 3.6px;
    padding: 0px;
    border-radius: 4px;
    width: 14.6%;
}
.marugotopac .style02 span {
    font-size: .75em;
    position: relative;
    top: 50px;
    color: #0065cc;
    overflow: hidden;
}
.marugotopac .pa1{
    background-image: url(images/kouji_panel2.webp) ;
}
.marugotopac .pa2{
    background-image: url(images/kouji_panel3.webp) ;
}
.marugotopac .pa3{
    background-image: url(images/kouji_panel4.webp) ;
}
.marugotopac .pa4{
    background-image: url(images/kouji_panel5.webp) ;
}
.marugotopac .pa5{
    background-image: url(images/kouji_panel6.webp) ;
}
.marugotopac .pa6{
    background-image: url(images/kouji_panel7.webp) ;
}
.marugotopac .style03{
    float: left;
    text-align: right;
    width: 25%;
    font-weight: bold;
    position: relative;
    top: 80px;
}
.marugotopac .style03 p{
    color: #eb0000;
    text-align: right;
}
.marugotopac .style03 span{
    font-size: 2em;
}
.eco_pac{
    font-size: .9em !important;
}


#gpc_pricebox .guarantee {
    border-bottom: 1px solid #aaa;
    padding: 4% 0% .6%;
    overflow: hidden;
}
.guarantee .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #0a7e7f;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.guarantee .style02{
    float:left;
    width: 52%;
    text-align: right;
    font-weight: bold;
}
.guarantee .style02 img{
    width: 85%;
    border: 2px solid #aaa;
}
.guarantee .style02 span{
    font-size: 1.6em;
}
.guarantee .style03 {
    float: left;
    text-align: right;
    width: 31%;
    font-weight: bold;
    position: relative;
    top: 43px;
}
.guarantee .style03 p{
    color: #eb0000;
    text-align: right;
    position: relative;
    top: 12px;
}
.guarantee .style03 span{
    font-size: 2em;
}
.photosale .style01 {
    float: left;
    width: 16%;
    text-align: center;
    background: #f17d01;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
}
.photosale .style02{
    float:left;
    width: 52%;
    text-align: right;
    font-weight: bold;
}
.photosale .style02 img{
    width: 100%;
}
.photosale .style02 p{
    text-align: center;
}
.photosale .style02 p::after {
    content: url("images/up-right-from-square-solid.svg");
    width: 1.5%;
    float: right;
    position: absolute;
    margin-left: 4px;
}
.photosale .style02 span{
    font-size: 1.6em;
}
.photosale .style03 {
    float: left;
    text-align: right;
    width: 31%;
    font-weight: bold;
    position: relative;
    top: 43px;
}
.photosale .style03 p{
    color: #eb0000;
    text-align: right;
    position: relative;
    top: 48px;
}
.photosale .style03 span{
    font-size: 2em;
}
#gpc_pricebox .photosale {
    border-bottom: 1px solid #aaa;
    padding: 4% 0% .6%;
    overflow: hidden;
}
.total_amount {
    background: #eb0000;
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    padding: 3% 1% 1%;
    margin-top: 20px;
    border-bottom: 4px solid #950e0e;
}
.total_amount span {
    font-size: 1.8em;
    margin-left: 20px;
}
.total_amount p {
    text-align: right;
}
.total_amount div{
    float: left;
    width: 100%;
    padding: 0 3%;
}

.repletion {
    padding: 2%;
    border: 1px solid #d90a12;
}


.triangle-bottom {
    display: inline-block;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #eb0000 transparent transparent transparent;
    margin-top: 20px;
}
.estimate{
    margin-top: 4%;
}
.estimate p {
    width: 50%;
    font-weight: bold;
    text-align: center;
    background: #eb5900;
    padding: 1%;
    margin: 0 auto;
    font-size: 1.8em;
    border-radius: 4px;
    border: 2px solid #c74b00;
    color: #fff;
    margin-bottom: 8%;
}
.estimate p::before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0.3em 0 0;
    border: 8px solid transparent;
    border-right: 0 solid transparent;
    border-left: 15px solid #fff;
}
.estimate p:hover{
    background: #752323;
    border: solid 2px #4d0606;
}
.estimate a:hover{
    text-decoration: none;
}

/****アコーディオン****/
.accordion-01 {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background: #af93ff;
}

.accordion-01 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    color: #3f15b7;
}
.accordion-01 summary::-webkit-details-marker {
    display: none;
}
.accordion-01 summary::before,
.accordion-01 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333333b3;
    content: '';
}

.accordion-01 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-01 summary::after {
    transition: rotate .3s;
}

.accordion-01[open] summary::after {
    rotate: 90deg;
}

.accordion-01 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-01[open] p {
    transform: none;
    opacity: 1;
}
.accordion-01 ul {
    background: #fff;
    border: 2px solid #af93ff;
    border-top: 0;
}
.accordion-02 {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background: #63dd7f;
}

.accordion-02 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    color: #035d1b;
}
.accordion-02 summary::-webkit-details-marker {
    display: none;
}
.accordion-02 summary::before,
.accordion-02 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333333b3;
    content: '';
}

.accordion-02 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-02 summary::after {
    transition: rotate .3s;
}

.accordion-02[open] summary::after {
    rotate: 90deg;
}

.accordion-02 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-02[open] p {
    transform: none;
    opacity: 1;
}
.accordion-02 ul {
    background: #fff;
    border: 2px solid #63dd7f;
    border-top: 0;
}
.accordion-03 {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background: #fffb49;
}

.accordion-03 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    color: #5b5500;
}
.accordion-03 summary::-webkit-details-marker {
    display: none;
}
.accordion-03 summary::before,
.accordion-03 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333333b3;
    content: '';
}

.accordion-03 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-03 summary::after {
    transition: rotate .3s;
}

.accordion-03[open] summary::after {
    rotate: 90deg;
}

.accordion-03 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-03[open] p {
    transform: none;
    opacity: 1;
}
.accordion-03 ul {
    background: #fff;
    border: 2px solid #fffb49;
    border-top: 0;
}
.accordion-04 {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background: #75caf3;
}

.accordion-04 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    color: #034a93;
}
.accordion-04 summary::-webkit-details-marker {
    display: none;
}
.accordion-04 summary::before,
.accordion-04 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333333b3;
    content: '';
}

.accordion-04 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-04 summary::after {
    transition: rotate .3s;
}

.accordion-04[open] summary::after {
    rotate: 90deg;
}

.accordion-04 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.accordion-04[open] p {
    transform: none;
    opacity: 1;
}
.accordion-04 ul {
    background: #fff;
    border: 2px solid #75caf3;
    border-top: 0;
}
.accordion-05 {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background: #ffaaf4;
}

.accordion-05 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    color: #751c71;
}
.accordion-05 summary::-webkit-details-marker {
    display: none;
}
.accordion-05 summary::before,
.accordion-05 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #333333b3;
    content: '';
}

.accordion-05 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-05 summary::after {
    transition: rotate .3s;
}

.accordion-05[open] summary::after {
    rotate: 90deg;
}

.accordion-05 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-05[open] p {
    transform: none;
    opacity: 1;
}
.accordion-05 ul {
    background: #fff;
    border: 2px solid #ffaaf4;
    border-top: 0;
}


/**************************************/
.kakaku_3box{
    overflow: hidden;
}
.kakaku_3box ul{
    display: flex;
    flex-wrap: wrap;
}
.kakaku_3box li{
    width: 33.333333%;
    font-size: 1em;
    line-height: 1.8em;
    float: left;
    padding: 10px;
    background: #fff;
}
.kakaku_3box .type{
    text-align: center;
    font-weight: bold;
    font-size: 1.15em;
    margin-bottom: 2%
}
.kakaku_3box span{
    font-size: .8em;
}
.kakaku_3box .k_series{
    font-size: 1.5em;
    color: #eb0000;
    font-weight: bold;
    text-align: center;
}
.kakaku_3box .btn_bg01{
    background: #c6e9ff;
    border: 2px solid #29abe9;
    border-top: none; 
}
.kakaku_3box .btn_bg02{
    background: #c6e9ff;
    border: 2px solid #29abe9;
    border-top: none; 
}
.kakaku_3box .btn_bg03{
    background: #c6e9ff;
    border: 2px solid #29abe9;
    border-top: none; 
}
.kakaku_3box .btn_bg04{
    background: #c6e9ff;
    border: 2px solid #29abe9;
    border-top: none; 
}
.kakaku_3box .btn_bg05{
    background: #c6e9ff;
    border: 2px solid #29abe9;
    border-top: none; 
}
.s_btn {
    text-align: center;
    font-weight: bold;
    margin: 5% 0 0;
    background: #ededed;
    border-radius: 5px;
    font-size: 1.1em;
    border: 1px solid #adadad;
}
.s_btn p{
    text-align: center;
    padding: 4%;
}
.s_btn a:hover{
    text-decoration: none;
}
.s_btn p:hover{
    background: #cfcfcf;
}
/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

#wrapper{
padding:0;
}	
#container{
margin-top:160px;
}
	.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(common-new/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:155px;
	height:60px;
	padding-top:15px;
	color:#333;
	background:url(common-new/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;
	margin-top: 15px;
	}

	
	/* グリッド全体 */
	.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; 
		max-width: 100%;
	}  /* miniを非表示 */
	
	.p_center img.miniimage { 
		display: none !important; 
		max-width: 100%;
	}  /* miniを非表示 */
	
	
	img.bigimage  { 
		display: block; 
		max-width: 100%;
	} /* 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;
	}

.image_1{
	background-image:url(common-new/images/top_header_bgimage.webp);
	width:auto;
	height:130px;
	}

.mt180{margin-top:180px !important;}
}


.container_sekiyu{
	margin-top: 0px !important;
}

/****ボーダー***/
.bdc_gray1 img{
    border: 2px solid #ddd;
}

/****商品レビュー***/
.model_review {
    font-size: 2em;
    margin-top: 5%;
    margin-bottom: 1%;
    border-bottom: 2px dashed #a5a5a5;
    padding-bottom: 1.5%;
}
.model_review h3 {
    font-size: .9em;
    margin: 0.3% 4% 1%;
}
.model_review .star5_rating {
    font-size: 1em;
    margin: 0 12px;
}
.model_review .num {
    font-size: .6em;
    margin-left: 60%;
    padding: 1.3%;
}
.model_review .hyoka{
    font-weight: bold;
    margin-bottom: 10px;
    color: #238b82;
    float: left;
}

#review .user_voice p{
    margin: 5% 9%;
    border: 1px solid;
    padding: 3%;
    text-align: center;
}
#review .user_voice p:hover{
    background: #aaa;
}
#review .user_voice a{
    text-decoration: none;
}
#review .user_voice p {
    margin: 4% auto;
    border: 1px solid #696969;
    padding: 2.6%;
    text-align: center;
    width: 80%;
}
.review_box {
    padding: 2%;
    font-size: 1.1em;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5%;
}
.review_box .name {
    float: left;
    margin-right: 2%;
    padding: .3% 1%;
    color: #333;
    font-weight: bold;
}
.review_box .star5_rating {
    font-size: 1.1em;
    margin-left: 1%;
}


.review_box .hyoka {
    font-size: 1em;
    text-align: left;
}
.review_box .title{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1%;
}

.Pagination {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 55%;
}
.Pagination-Item-Link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 45px;
  height: 45px;
  background: #fff;
  border: solid 2px #111;
  font-size: 14px;
  color: #111;
  font-weight: bold;
  transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
  width: 20px;
}
.Pagination-Item-Link.isActive {
  background: #111;
  color: #fff;
  pointer-events: none;
}
.Pagination-Item-Link:not(.isActive):hover {
  background: #111;
  color: #fff;
}
.Pagination > * + * {
  margin-left: 12px;
}

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

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



.container_sekiyu{
	margin-top: 180px !important;
}	
	






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

#cloud{
	width:100%;
	}
	
	
	#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-top: 10px;
	}

	.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;max-width: 100%; }  /* miniを非表示 */
	img.bigimage  { display: block;max-width: 100%; } /* bigを表示 */
	
.p_class img.miniimage { display: none !important;max-width: 100%; }  /* miniを非表示 */
.p_class img.bigimage  { display: block !important;max-width: 100%; } /* bigを表示 */
	
	.p_center img.miniimage { 
		display: none; 
		max-width: 100%;
	}  /* miniを非表示 */
	
	
	.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: #EB0000;
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;
} 	
	
.image_1{
	background-image:url(common-new/images/top_header_bgimage.webp);
	width:auto;
	height:130px;
	}
	
/****ボーダー***/
.bdc_gray1 img{
    border: 2px solid #ddd;
}
}














/*タブレット*/
@media screen and (max-width : 959px){


#container{
	width:100%;
	/*margin-top:95px;*/
}

#container_s{
	width:100%;
}
	
#container_v{
	width:100%;
}	
#container_v{
	margin: 0px auto !important;
}
#container_v2{
	margin: 0px auto !important;
}
#container_main{
	width:100%;
}	
#container_cl{
	width:100%;
}
#container_cl{
	margin: 0 auto !important;
}
article#mainContents{
float:none;
width:100%;
}	
	
article#main2Contents{
float:none;
width:100%;
padding: 0 3px;
}	
article#eriacontents{
float:none;
width:100%;
}	
.container_s{
	margin-top: 280px !important;
}	
	
/***ご利用の流れ***/	
.container_x{
	margin-top: 70px !important;

}
/******************/
/***その他の商材**/
.container_v{
	margin-top: 280px !important;
}	
.container_main{
	margin-top: 280px !important;
}	

/*****************/
	
.container_sekiyu{
	margin-top: 180px !important;
}	
	
.container_cl{
	margin-top: 280px !important;
}
    
/******commodity_search****/
    
.discount_rate {
    position: absolute;
    right: 32%;
    background: #eb0000;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    padding: .2%;
    aspect-ratio: 1 / 1;
    border: 3px solid #ff8181;
}
}















/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	
	
	#header{
	height:auto;
	padding-bottom:20px;
	background-image:none;
	}
	
	#header_maker{
	height:auto;
	padding-bottom:20px;
	background-image:none;
	}
	
	#cloud{display:none;}
	
	#header h1,.logo,.info{display:none}
	
	#header_maker 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;max-width: 100%; }  /* miniを表示 */
	img.bigimage  { display: none; max-width: 100%;} /* bigを非表示 */
	
.p_center img.miniimage { display: block!important;max-width: 100%; }  /* miniを表示 */
.p_center img.bigimage  { display: none!important;max-width: 100%; } /* 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(common-new/images/top_header_bgimage1.webp);}
	
	.tablet_mainbotan img{
	width:100%;
	display:block;
	float:left;
	height:auto;
	padding:5px;
	margin:5px 5px 5px 0;
} 


.gridWrapper h3{
	text-align: center;
	padding:0;
}
	
	
/****ボーダー***/
.bdc_gray1 img{
    border: none;
}
/*************
/* ロゴ
*************/
.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;}
	
	
/*---------------------------------------------------
					ブログ記事一覧
----------------------------------------------------*/

section.blog div{
	width:97%;
}


section.blog div dd{
	width: 10%;

}

section.blog div dt{
	width:65%;

}
	
/**工事エリア・施工事例・保証など**/	
	
.container_s {

		
}
	
/*******************************/
	
/**ご利用の流れ****/
	
.container_x {
	margin-top: 70px !important;
		
}

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

/*******************************/
	
/**その他の商材****/
	
.container_v {
	margin-top: 280px !important;
		
}

.container_main {
	margin-top: 280px !important;
		
}
.container_cl {
	margin-top: 280px !important;
		
}
/********************************/		
	

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
article#mainContents{
padding: 0 3px;
}
	#container {
    padding-top: 0px;
	margin:118px 0 0 0;
}
	#container_s {
    padding-top: 0px;
	margin:118px 0 0 0;
		
}
	
	#container_v {
    padding-top: 0px;
	margin-top:118px !important;
		
}
	#container_v2 {
    padding-top: 0px;
	margin-top:72px !important;
		
}
	#container_main {
    padding-top: 0px;
	margin-top:72px !important;
		
}	
	#container_cl {
    padding-top: 0px;
	margin-top:72px !important;
		
}
.container_s {
	margin-top: 0px !important;
		
}	
.container_v {
	margin-top: 72px !important;
		
}	

.container_main {
	margin-top: 72px !important;
		
}	
.container_cl {
	margin-top: 72px !important;
		
}	
.container_sekiyu{
	margin-top: 0px !important;
}	
h2.heading_01 {
    text-align: left;
} 
/*-----------【　h3　】----------*/

h3.heading_01 {
    font-size: 16px;
}
    
    
article#eriacontents img{
max-width:100%;
max-height: auto;
    margin: 0 auto;
}
	
	
	#header{
	height:auto;
	padding-bottom:20px;
	background-image:none;
	}
	
	#header_maker{
	height:auto;
	padding-bottom:20px;
	background-image:none;
	}
	
	#cloud{display:none;}
	
	#header h1,.logo,.info{display:none}
	
	#header_maker 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;}
	
	

	
    .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; max-width: 100%;}  /* miniを表示 */
	img.bigimage  { display: none; max-width: 100%; } /* 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(common-new/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;
}

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






.waku{
	padding:3px;
}


.ss_mainbotan img{
	width:98%;
}

.p_center img.bigimage { 
	display: none !important; 
	max-width: 100%;
}  /* miniを非表示 */

	
article#mainContents {

}
h2.heading_01 {
	margin: 0 calc(50% - 50vw);
    box-shadow: none;
    border: none;
    margin-bottom: 0px;
    font-size: 20px;
    margin-bottom: 20px;
	/*margin-top: 20px;*/
}
h2.heading_03{
    font-size: 18px;
}
.heading_001{
     margin: 0 calc(50% - 50vw);
} 
.heading_001 {
    position: relative;
    padding: 12px;
    font-size: 1.15em;
    font-weight: bold;
    padding: 3%;
    margin-bottom: 0.2rem;
    color: #fff;
    font-weight: bold;
    background: #0065cc;
}
/******commodity_search****/
#gpc_pricebox .gpr{
    position: relative;
}
.gpr .style01 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
    font-size: 1.3em;
}
.gpr .style02 {
    float: left;
    width: 100%;
    text-align: right;
    font-weight: bold;
    margin-bottom: 3%;
}
.gpr .style02 p{
    margin: 3% 0 1%;
    text-align: center;
    font-size: 1.2em;
}
.discount_rate {
    left: 3%;
    right: auto;
    top: 62%;
    z-index: 9;
    padding: 1.1%;
}
.gpr .arrow {
    display: none;
}
.gpr .style03 {
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
    font-size: 1.2em;
}
.gpr .style03 p {
    color: #eb0000;
    text-align: center;
    position: relative;
    font-size: 1.2em;
    background: #fff;
    border: none;
    text-align: center;
}
#gpc_pricebox .rimocon{
    position: relative;
}
.rimocon .style01 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
    font-size: 1.3em;
}
.rimocon .style02 {
    float: left;
    width: 100%;
    text-align: right;
    font-weight: bold;
    margin-bottom: 3%;
}
.rimocon .style02 p{
    margin: 3% 0 1%;
    text-align: center;
    font-size: 1.2em
}
.discount_rate {
    left: 3%;
    right: auto;
    top: 62%;
    z-index: 9;
    padding: 1.1%;
}
.rimocon .arrow {
    display: none;
}
.rimocon .style03 {
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
    font-size: 1.2em;
}
.rimocon .style03 p {
    color: #eb0000;
    text-align: center;
    position: relative;
    font-size: 1.2em;
    background: #fff;
    border: none;
    text-align: center;
}
    
#gpc_pricebox .kaba{
    position: relative;
}
.kaba .style01 {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
    font-size: 1.3em;
}
.kaba .style02 {
    float: left;
    width: 100%;
    text-align: right;
    font-weight: bold;
    margin-bottom: 3%;
}
.kaba .style02 p{
    margin: 3% 0 1%;
    text-align: center;
    font-size: 1.2em
}

.kaba .arrow {
    display: none;
}
.kaba .style03 {
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
    font-size: 1.2em;
}
.kaba .style03 p {
    color: #eb0000;
    text-align: center;
    position: relative;
    font-size: 1.2em;
    background: #fff;
    border: none;
    text-align: center;
} 
    
#gpc_pricebox .model_num{
    font-size: 1.4em;
    text-align: center;
}    
    
.marugotopac .style01 {
    float: left;
    width: 100%;
    background: #29abe9;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    font-size: 1.3em;
    margin: 0px;
}
.marugotopac .style01 p{
    width: 50%;
    float: left;
    text-align: right;
}
.marugotopac .style02 {
    float: left;
    width: 100%;
    text-align: right;
    font-weight: bold;
}
.marugotopac .style02 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
}
.marugotopac .style02 li {
    background-size: 48% !important;
    background-repeat: no-repeat !important;
    background-position: top 8px center !important;
    text-align: center;
    border: 2px solid #0065cc;
    height: 130px;
    margin: 1%;
    padding: 0px;
    border-radius: 4px;
    width: 31.3%;
}
.marugotopac .style02 span {
    font-size: 1em;
    position: relative;
    top: 75px;
    color: #0065cc;
    overflow: hidden;
}
.marugotopac .style03 {
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
    position: initial;
    top: 80px;
    padding: 2% 0;
    font-size: 1.2em;
}
.eco_pac{
    font-size: 1.2em !important;
}

.guarantee .style01 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
    font-size: 1.3em;
}
.guarantee .style02 {
    float: none;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.guarantee .style02 img {
    width: 85%;
    border: 2px solid #aaa;
    margin-top: 4%;
}
.guarantee .style03 {
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
    position: initial;
    /* top: 43px; */
    padding: 2% 0;
    font-size: 1.2em;
}
.guarantee .style03 p {
    color: #eb0000;
    text-align: right;
    position: relative;
    top: 12px;
    padding: 1% 0 2.5%;
}
.photosale .style01 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 2%;
    margin-right: 6px;
    font-size: 1.3em;
}
.photosale .style02 {
    float: none;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.photosale .style02 img {
    width: 100%;
    margin-top: 4%;
}
.photosale .style02 p::after {
    width: 3.2%;
}
.photosale .style03 {
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
    position: initial;
    /* top: 43px; */
    padding: 2% 0;
    font-size: 1.2em;
}
.photosale .style03 p {
    color: #eb0000;
    text-align: right;
    position: relative;
    top: 12px;
    padding: 1% 0 2.5%;
} 
    
/*--textalign--*/
.txtL_s{text-align:left !important;}
    
.estimate p {
    width: 100%;
    padding: 6% 1%;
}
    
/***レビュー***/
    .Pagination{
        width: 100%;
        margin-bottom: 8%;
        margin-top: 5%;
    }
.review_box .hyoka {
    font-size: 1.2em;
    text-align: right;
    margin-right: 2%;
}
    .model_review .hyoka{
        float: right;
    }
.model_review .num {
    text-align: right;
    margin-right: 2%;
}
    
    
/******アコーディオン****/
.s_btn {
    font-size: .9em;
}
.kakaku_3box li {
    width: 50%;
    font-size: 1em;
    line-height: 1.8em;
    float: left;
    padding: 10px;
    background: #fff;
}
.kakaku_3box .k_series {
    font-size: 1.25em;
}
/******アコーディオン****/
    
/***メーカー施工例***/
.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{
    
}
}