@charset "utf-8";
img { -ms-interpolation-mode: bicubic; }
/* container */
#container {margin: 0px;padding: 0px;width: 980px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#container:after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
/* contents */
#contents {clear: both;overflow:hidden;width: 980px;height: 100%;padding-bottom: 15px;}
#contents:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
.s-box-5 {margin-bottom: 5px;}
.s-box-10 {margin-bottom: 10px;}
.s-box-20 {margin-bottom: 20px;}
/* side1 */
#side1 {float: left;width: 180px;margin-right: 20px;}
#s-login a {display : block;width : 180px;height : 38px;margin-right: auto;margin-left: auto;background-repeat : no-repeat;background-position : center center;}
#s-login a:link {background-image : url(../img/side_login.gif) ;}
#s-login a:hover {background-image : url(../img/side_login_o.gif) ;}
#s-login a:link img {visibility : visible;border-style : none;}
#s-login a:hover img {visibility : hidden;border-style : none;}
#s-member-s a {width: 180px;height: 0px;margin: 0 0 10px 0;padding: 55px 0 0 0;background: url(../img/side_member-s.gif) no-repeat left top;overflow: hidden;display: block;}
#s-member-s a:hover {background: url(../img/side_member-s.gif) no-repeat left bottom;}
#s-search {background-image : url(/img/side_a/side_search_bg.gif);background-repeat: no-repeat;height: 91px;}
#s-search form {padding-top: 5px;padding-left: 10px;}
#s-search input {margin-bottom: 5px;}
.s-search-box {color: #333333;}
#s-c-form h4 {margin: 0px;padding: 0px;height: 45px;}
#s-c-form h5 {margin: 0px;padding: 0px;height: 40px;}
#s-c-form-b {margin: 0px;padding: 0px;height: 5px;width: 180px;}
#s-c ul {background-image : url(../img/side_category_bg.gif);background-repeat: repeat-y;padding-left: 10px;padding-bottom: 8px;}
#s-c li {background-image : url(../img/category_arrow.gif);background-repeat: no-repeat;background-position: left;padding-left: 13px;}
/* series-box3 */
.construction-c-l {float: left;width: 260px;padding-left: 20px;margin-bottom: 10px;}
.construction-c-r {float: right;width: 260px;padding-right: 20px;margin-bottom: 10px;}
#series-box3 table {width: 580px;margin: 0;padding: 0;border-left-width: 1px;border-left-style: dotted;border-left-color: #c2c9cb;margin-bottom: 10px;border-right-width: 0;border-bottom-width: 0;}
#series-box3 td {width: 33%;border-right-width: 1;border-right-style: dotted;border-right-color: #c2c9cb;padding-left: 10px;}
/* side2 */
#side2 {float: left;width: 180px;}
/* main */
#main {width: 580px;float: left;margin-right: 20px;}
/* top */
#sub-bnr {width: 580px;margin: 0 0 10px 0;}
#main-bnr li {float: left;padding-bottom: 10px;}
.main-l {padding-right: 10px;}
#top-construction {clear: both;}
#top-construction a {display : block;width : 580px;height : 160px;margin-right: auto;margin-left: auto;background-repeat : no-repeat;background-position : center center;}
#top-construction a:link {background-image : url(../img/top_construction.jpg?230919) ;}
#top-construction a:hover {background-image : url(../img/top_construction_o.jpg?230919) ;}
#top-construction a:link img {visibility : visible;border-style : none ;}
#top-construction a:hover img {visibility : hidden;border-style : none;}
#main-popularity {height: auto;width: 580px;margin-bottom: 10px;overflow: hidden;}
#main-popularity li {float: left;width: 120px;height: 230px;padding-top: 11px;padding-left: 10px;padding-right: 10px;margin-left: 4px;margin-bottom: 10px;border: 1px solid #cccccc;border-radius: 5px;}
#main-popularity li:nth-child(1), #main-popularity li:nth-child(5) {margin-left: 0;}
@supports (-ms-ime-align: auto) {
/* Edge のみ適用されるハック */
#main-popularity li {height: 260px;}
}
.top-popularity-l {padding-right: 2px;}
.popularity-img {padding-top: 12px;padding-bottom: 17px;padding-left: 10px;}
.popularity-text {font-size: 10px;line-height: 120%;}
.popularity-red {color: #e00000;font-size: 14px;}
.popularity-red-s {color: #e00000;font-size: 10px;}
.page-top-top {clear: both;padding-bottom: 20px;}
.pankuzu {font-size: 10px;padding-bottom: 5px;}
.pankuzu a {font-size: 10px;padding-bottom: 10px;color: #ff5600;}
.clear1 {clear: both;}
#main h2 {margin-bottom: 20px;}
.main-box h3 {background: url(../img/main_box_h3.gif);height: 25px;width: 558px;padding: 9px 0 0 22px;font-size: 12px;}
.main-box-c h3 {background: url(../img/main_box_h3.gif);height: 25px;width: 558px;padding: 9px 0 0 22px;font-size: 12px;}
.main-box-c a {color: #ff5600;}
.main-box-c li {display:inline-block;vertical-align:top;width: 137px;margin-bottom: 10px;}
* html .main-box-c li { /* IE 6 */display:inline;zoom:1;}
*:first-child+html .main-box-c li{ /* IE 7 */display:inline;zoom:1;}
ul#t1 .main-box-c li {margin:0px;}
.main-box-c-r {margin-right: 10px;}
.main-box-c-r-6 {margin-right: 6px;}
.main-box-c img {padding-bottom: 5px;}
.orange {color: #ff5200;}
.small-font {font-size: 10px;}
.page-top {clear: both;padding-bottom: 20px;}
/* footer */
#footer {clear: both;overflow:hidden;text-align: center;width: 980px;}
#footer:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
#footer-sitemap {background-image: url(../img/footer_dot_line.gif);font-size: 10px;color: #666666;padding-top: 15px;padding-bottom: 16px;background-repeat: no-repeat;background-position: bottom;background-color: #FFFFFF;margin-bottom: 20px;}
#footer-nagano {width: 330px;text-align: center;padding-top: 32px;font-size: 10px;float: left;}
#footer-nagano-top {width: 330px;text-align: center;padding-top: 22px;font-size: 10px;float: left;}
.t-f-g {margin-bottom: 10px;margin-left: 26px;}
#footer-img-flow {background-image: url(../img/footer_help_bg.gif);background-repeat: no-repeat;background-position: right;float: right;width: 642px;}
#footer-img-flow ul {float: right;padding-top: 20px;padding-right: 17px;}
#footer-img-flow li {float: left;padding-left: 12px;}
.img-l {float: left;}
#footer-h-dc a {display : block;width : 80px;height : 81px;margin-right: auto;margin-left: auto;background-repeat : no-repeat;background-position : center center;}
#footer-h-dc a:link {background-image : url(../img/footer_help_digital_camera.gif) ;}
#footer-h-dc a:hover {background-image : url(../img/footer_help_digital_camera_o.gif) ;}
#footer-h-dc a:link img {visibility : visible;border-style : none;}
#footer-h-dc a:hover img {visibility : hidden;border-style : none;}
#footer-h-pb a {display : block;width : 80px;height : 81px;margin-right: auto;margin-left: auto;background-repeat : no-repeat;background-position : center center;}
#footer-h-pb a:link {background-image : url(../img/footer_help_portable.gif);}
#footer-h-pb a:hover {background-image : url(../img/footer_help_portable_o.gif);}
#footer-h-pb a:link img {visibility : visible;border-style : none;}
#footer-h-pb a:hover img {visibility : hidden;border-style : none;}
#footer-h-ps a {display : block;width : 80px;height : 81px;margin-right: auto;margin-left: auto;background-repeat : no-repeat;background-position : center center;}
#footer-h-ps a:link {background-image : url(../img/footer_help_post.gif);}
#footer-h-ps a:hover {background-image : url(../img/footer_help_post_o.gif);}
#footer-h-ps a:link img {visibility : visible;border-style : none;}
#footer-h-ps a:hover img {visibility : hidden;border-style : none;}
#copy {text-align: center;clear: both;font-size: 10px;color: #666666;padding-top: 20px;padding-bottom: 20px;}
#series-box3 table {width: 580px;margin: 0;padding: 0;border-left-width: 1px;border-left-style: dotted;border-left-color: #c2c9cb;margin-bottom: 10px;border-right-width: 0;border-bottom-width: 0;}
#series-box3 td {width: 33%;border-right-width: 1;border-right-style: dotted;border-right-color: #c2c9cb;padding-left: 10px;}
.small-font {font-size: 10px;}
.sale {font-weight: bold;color: #E1058C;}
#nav li a {display:inline-block;}
#main-bnr li a {display:inline-block;}
#footer-img-flow li a {display:inline-block;}
/* ie6.7 */
.box h3 {background-image : url(../img/main_box_h3.gif);height: 25px;width: 558px;padding-top: 9px;padding-left: 22px;font-size: 12px;}
/* first */
#first-box a {color: #ff5600;}
#first-box li {display:inline-block;vertical-align:top;width: 185px;margin-bottom: 10px;}
#first-box li img {margin-bottom: 5px;}
* html #first-box li { /* IE 6 */display:inline;zoom:1;}
*:first-child+html #first-box li { /* IE 7 */display:inline;zoom:1;}
ul#t1 #first-box li {margin:0px;}
.first-box-li-r {margin-right: 10px;}
/* kouji */
#construction-box-12 {background-image : url(../img/construction_img_japan.gif);background-repeat: no-repeat;height: 210px;width: 260px;padding-right: 320px;background-position: right;}
.page-top {clear: both;padding-bottom: 20px;}
#const-box-11 {background-image : url(../img/construction_img_11_bg.jpg);height: 140px;width: 405px;padding-top: 90px;padding-left: 35px;padding-right: 140px;background-repeat: no-repeat;}
#const-box-12 {background-image : url(../img/construction_img_12_bg.jpg?2203);background-repeat: no-repeat;height: 140px;width: 315px;padding-top: 90px;padding-left: 35px;padding-right: 230px;}
#const-box-13 {background-image : url(../img/construction_img_13_bg.jpg);background-repeat: no-repeat;height: 200px;width: 295px;padding-top: 90px;padding-left: 35px;padding-right: 250px;}
.kouji-table table {margin-bottom: 15px;border-top-width: 1px;border-left-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #c0c0c0;border-left-color: #c0c0c0;}
.kouji-table th {background-color: #777777;font-size: 10px;font-weight: bold;text-align: center;color: #FFFFFF;padding-top: 6px;padding-bottom: 6px;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #c0c0c0;border-bottom-color: #c0c0c0;}
.kouji-table td {padding-top: 10px;padding-bottom: 10px;}
.k-t-00 {padding-right: 10px;padding-left: 10px;}
.k-t-01 {padding-right: 10px;padding-left: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c0c0c0;}
.k-t-02 {padding-right: 10px;padding-left: 10px;text-align: left;border-right-width: 1px;border-right-style: dotted;border-right-color: #c0c0c0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c0c0c0;}
.k-t-03 {padding-right: 10px;padding-left: 10px;text-align: center;border-right-width: 1px;border-right-style: dotted;border-right-color: #c0c0c0;font-weight: bold;color: #e1058c;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c0c0c0;}
.k-t-04 {padding-right: 10px;padding-left: 10px;text-align: center;border-right-width: 1px;border-right-style: solid;border-right-color: #c0c0c0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c0c0c0;}
.small {font-size: 10px;}
.red {color: #FF3333;}
.bold {font-weight: bold;}
/* past */
.main-box-past h3 {background-image : url(../img/main_box_h3.gif);height: 25px;width: 558px;padding-top: 9px;padding-left: 22px;font-size: 12px;}
.main-box-past a {color: #ff5600;}
.red-12 {color: #d90e0e;}
/* top-info */
#top-info {width: 580px;margin-bottom: 10px;}
#top-info a {color: #ff4200;}
#top-info li {background-image: url(../img/list_mark.gif);background-repeat: no-repeat;background-position: 0px center;padding-left: 12px;}
#top-info dt {background-image: url(../img/list_mark.gif);background-repeat: no-repeat;background-position: 0px center;padding-left: 12px;font-weight: bold;}
#top-info dd {padding-left: 83px;padding-bottom: 5px;}
#top-info span {font-weight: normal;}
dd iframe {padding: 1% 0;}
dd iframe:hover {opacity: 0.8;}
#side2 a#side-sp {background: url(/img/side_b/sp.jpg);width:180px;height:120px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 10px;}
#side2 a#side-sp:hover {background-position:left bottom;}
/* new search */
#s-search2 {background-image : url(/img/side_a/side_search_bg.gif);background-repeat: repeat-y;padding: 6px 10px 0 10px;}
.s-search2-box {color: #333333;margin: 2px 0px 6px 0px;}
/* 年末年始のお知らせ */
#year-holiday{padding:10px 5px 5px 5px;border:2px #CCCCCC solid;text-align:center;font-size:10px;color:#333;overflow:hidden;line-height:150%;margin-bottom:10px;}
#year-holiday span{font-weight:bold;font-size:12px;color:#000;}
.p-text-box-3 {overflow: auto;width: 543px;height: 150px;border: 1px solid #abadb3;padding:15px;}
/*給湯器追加分181023*/
div.main3box_container {display: flex;justify-content: space-between;}
div.main3box_one {width: 181px;border: #cc0000 3px solid;border-style: solid solid hidden;position: relative;}
div.box_ecojose_ver {border: #0b60b0 3px solid;border-style: solid solid hidden;}
div.main3box_one:nth-of-type(2) {margin: 0 0 0 1px;}
div.main3box_one img.ecojose_ver {padding: 5px 20px 0 0;margin-bottom: 5px;}
div.main3box_one:hover .item {opacity: 0.8;filter: alpha(opacity=80);}
div.main3box_one:hover .box3_on {-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);filter: brightness(1.1);}
.main3box_one a {display: inline-block;text-decoration: none;text-align: center;width: 100%;}
.box3_on {position: absolute;bottom: 30px;right:3px;margin: 0 0 10px 0;}
/*品番のとこ*/
div.box3_hinban {vertical-align: middle;height: 30px;line-height: 29px;color: #fd3700;font-weight: bold;color: #f73a14;margin: 3px 0  0 ;padding-top: 4px;background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 49%,#EAEAEA 50%,#EAEAEA 100%);border:1px solid #e3e4e8;border-style: solid hidden hidden;}
div.main3box_one:hover .box3_hinban {color: #fff;background: linear-gradient(#ff6534 0%, #ff652f 50%, #ff3001 50%, #ff3300 100%);}
.small-font12 {font-size: 12px;}
/*工場の取り組み表追加1128*/
#contents .service_i_table table {width: 100%;margin: 3% auto;}
.service_i_table table tr,.service_i_table table th,.service_i_table table td {border: 1px solid #ccc;border-collapse: collapse;text-align: center;padding: 1% 0;}
.service_i_table table td img {width: 80%;}
.service_i_table table td img:hover {border: 5px solid orange;cursor : pointer;}
.service_i_table table td img:hover {margin: -5px;}
.service_i_table table th.title1 {background-color: #f6f6f6;font-size: 1.2em;font-weight: bold;}
.service_i_table table th.title2 {font-size: 1.1em;}
.service_i_table table td {padding: 2% 0;}
/* footer-info */
.footer-info {background: #d3d3d3;border-radius:5px;padding-top:1px}
.footer-info h4 {text-align: center; margin: 3px;padding: 8px 0; font-size: 16px;color: #fff;text-shadow:0 -1px #1a6ea0;background-image:-moz-linear-gradient(top,#4bbaeb 0%,#4bbaeb 40%,#4bbaeb 52%,#02aeeb);background-image:-webkit-gradient(linear,left top,left bottom,from(#4bbaeb),color-stop(0.49,#4bbaeb),color-stop(0.52,#4bbaeb),to(#02aeeb));border-radius: 5px 5px 0 0 / 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;}
.footer-info-box {width: 305px; background: #fff;border-radius:5px;margin: 0;padding: 5px;overflow: hidden;}
#footer-info-vessel {width:970px;margin: 0 auto;padding: 5px 0 10px 10px;column-count: 3;column-gap: 0;}
@supports (-ms-ime-align: auto) {
#footer-info-vessel {width:970px;height:765px;}
}
/* IE8-11 のみ適用 */
.footer-info h4 {background:-ms-linear-gradient(top, #4bbaeb, #02aeeb);}
#footer-info-vessel {width:970px;}
.footer-info li {margin:0 5px 5px 0;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.footer-info-box-line {width: 100%;padding: 0.7em 0.5em 0.5em 0.7em;border: 1px solid #e0dfde;box-sizing:border-box;position: relative;}
.footer-info-box-line h5 {font-size: 14px;padding: 0.3em 0.6em;margin-bottom: 0.5em;border-left: solid 4px #02aeeb;}
.footer-info-box-btn {width:40px;font-size:11px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:3px 0 2px 0;border-radius:5px;position: absolute;top: 10px;right: 11px;color: #fff;background: #4c4c4c;background: -moz-linear-gradient(top, #4c4c4c 0%, #474747 16%, #1c1c1c 80%, #131313 100%);background: -webkit-linear-gradient(top, #4c4c4c 0%,#474747 16%,#1c1c1c 80%,#131313 100%);background: linear-gradient(to bottom, #4c4c4c 0%,#474747 16%,#1c1c1c 80%,#131313 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );}
.footer-info-box-btn a {width: 40px;height: 23px;}
.footer-info-details-box a:hover, .footer-info-details-box a:visited {color: #fff !important;text-decoration:none;}
.footer-info-box-line p {font-weight:bold;line-height: 1.7em;padding-bottom:4px;}
.footer-info-box-line strong {font-weight:bold; font-size: 26px}
.font-orange {color: #ff4100;}
.font-gray {color: #656565;font-size: 11px;line-height:1.5em;}
.top-category {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.top-category * {font-family: 'Arial','メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;}
.top-category .category-list {margin-bottom: 10px;width: 49.4%;}
.top-category a {box-sizing: border-box;display: inline-block;height: 100%;position: relative;width: 100%;}
.top-category a:hover {text-decoration: none;}
.top-category .inner-item {box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%;padding: 2%;position: absolute;width: 100%;z-index: 2;}
.category-text {display: -webkit-box;display: -ms-flexbox;display: flex;height: 3rem;}
.category-text p {box-sizing: border-box;color: #333;line-height: 1.4;padding: 0;margin: 2px 0 -2px .5em;word-break: keep-all;}
.category-text p,.bottom-arrow {font-weight: bold;text-shadow:rgba(255,255,255,0.8) 2px 0px,  rgba(255,255,255,0.8) -2px 0px,rgba(255,255,255,0.8) 0px -2px, rgba(255,255,255,0.8) 0px 2px,rgba(255,255,255,0.8) 2px 2px , rgba(255,255,255,0.8) -2px 2px,rgba(255,255,255,0.8) 2px -2px, rgba(255,255,255,0.8) -2px -2px,rgba(255,255,255,0.8) 1px 2px,  rgba(255,255,255,0.8) -1px 2px,rgba(255,255,255,0.8) 1px -2px, rgba(255,255,255,0.8) -1px -2px,rgba(255,255,255,0.8) 2px 1px,  rgba(255,255,255,0.8) -2px 1px,rgba(255,255,255,0.8) 2px -1px, rgba(255,255,255,0.8) -2px -1px;}
.category-text strong:not(.color-g),.bottom-arrow {color: #ff5600;}
.category-text strong.color-g {color: #76a908;}
.category-text strong {display: block;font-size: 2em;letter-spacing: 1px;line-height: 1.3;}
.category-text strong span {font-size: .65em;}
.category-list img {vertical-align: middle;width: 100%;}
.category-list .square-box {border: 2px solid #fff;border-radius: 5px;box-sizing: border-box;height: 100%;position: relative;width: 20%;}
.category-list .square-box:not(.bg-color-g) {background: #ff7d00;background: -moz-linear-gradient(top,  #ff7d00 0%, #ff4f00 100%);background: -webkit-linear-gradient(top,  #ff7d00 0%,#ff4f00 100%);background: linear-gradient(to bottom,  #ff7d00 0%,#ff4f00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d00', endColorstr='#ff4f00',GradientType=0 );}
.category-list .square-box.bg-color-g {background: #acd033;background: -moz-linear-gradient(top,  #acd033 0%, #77960d 100%);background: -webkit-linear-gradient(top,  #acd033 0%,#77960d 100%);background: linear-gradient(to bottom,  #acd033 0%,#77960d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd033', endColorstr='#77960d',GradientType=0 );}
.category-list .square-box::before {content: '特集 ページ';color: #fff;display: inline-block;font-weight: bold;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);left: 50%;line-height: 1.2;width: 3em;}
.category-list .on-off,.category-list .open-price {bottom: 1.5rem;background-position: center;background-repeat: no-repeat;box-sizing: border-box;height: 5rem;padding-top: 2.3em;position: absolute;right: .2rem;text-align: center;width: 5rem;}
.category-list .on-off {background-image: url(/img/off-seal.gif);}
.category-list .open-price {background-image: url(/img/open-price-seal.gif);}
.category-list .on-off span {color: #fff;font-size: 1.8rem;font-weight: bold;letter-spacing: -.5px;text-shadow: 2px 1px 2px #4848486b;}
.category-list .on-off span::after {content: '%';font-size: .5em;}
.category-list .bottom-arrow {align-self: flex-end;padding-right: 1.6em;position: relative;}
.category-list .bottom-arrow::after,.category-list .bottom-arrow::before {content: '';display: inline-block;height: 20px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;}
.category-list .bottom-arrow::before {content: '';background: url(/img/top/arrow-r.png?200623) no-repeat;background-position: center;background-size: 50%;z-index: 2;}
.category-list .bottom-arrow::after {background-color: #ff5600;border: 2px solid #fff;border-radius: 20px;box-sizing: border-box;}
/* PC */
@media screen and (min-width: 561px) {
div.price-list {display: flex;justify-content: space-between;flex-wrap: wrap;background-color: #f1f1f1;border: 1px solid #c2c3c3;padding: 15px;border-radius: 5px;margin-bottom: 10px;}
div.price-list div.price-column ul {width: 170px;border: 1px solid #c2c3c3;background-color: #ffffff;margin-bottom: 10px;}
div.price-list div.price-column ul:last-child {margin: 0;}
div.main-box-c div.price-list li {display: block;width: 170px;margin: 0;border-bottom: 1px dotted #c2c3c3;}
div.main-box-c div.price-list li:last-child {border: none;}
div.price-list div.button {display: flex;justify-content: space-between;flex-wrap: wrap;width: 96%;margin: 0 auto;}
div.price-list div.button a img:hover {opacity: 0.8;}
.category-list .hover-text {background-color: rgba(66,66,66,0.6);border-radius: 5px;box-sizing: border-box;color: #fff;font-size: 1.1em;font-weight: bold;height: 100%;letter-spacing: .6px;padding: 28% 0 0 4%;position: absolute;text-shadow: 1px 1px 2px #636363;display: none;width: 100%;z-index: 1;}
.category-list:hover .hover-text {display: inline-block;}
}
/* sp */
@media screen and (max-width: 560px) {
a img.np-img {width: 100%;}
#contents .service_i_table table {width: 96%;padding: 2%;margin: 5% auto;}
.service_i_table table td img {width: 90%;}
.service_i_table table td img:hover {border: 3px solid orange;}
.service_i_table table td img:hover {margin: -3px;}
/* footer */
.br-sp { display:none; }
#footer-info-vessel {width:100%;margin: 0 auto;padding: 2% 0 2% 2%;column-count: 1;column-gap: 0;}
.footer-info-box {width: 93.3%; background: #fff;border-radius:5px;margin: 0;padding: 5px;overflow: hidden;display: block;}
.footer-info-box-line p {font-size: 3.5vw;font-weight: normal;line-height: 1.3em;padding-bottom:4px;}
.footer-info-box-line strong {font-weight:bold;font-size: 3.5vw;}
.font-gray {line-height:1.3em;}
/* 工事費の価格表 */
div.price-list {background-color: #f1f1f1;border: 1px solid #c2c3c3;padding: 1%;border-radius: 5px;margin-bottom: 10px;overflow: hidden;}
div.price-list div.price-column {width: 100%;}
div.price-list div.price-column ul {background-color: #ffffff;display: inline;}
div.main-box-c div.price-list li {display: block;width: 46%;float: left;border: 1px solid #c2c3c3;margin: 1.6%;background-color: #ffffff;}
div.main-box-c div.price-list li img {width: 100%;}
div.price-list div.button {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 1% 2%;}
div.price-list div.button a {width: 48%;}
#contents .top-category {-ms-flex-pack: distribute;justify-content: space-around;margin: auto;width: 99%;}
.top-category .category-list {margin-bottom: 6px;}
.category-text {height: 2.4rem;}
#contents .category-text p {font-size: 8px!important;margin: 2px 0 -2px .5em;text-shadow:rgba(255,255,255,0.8) 1px 0px,  rgba(255,255,255,0.8) -1px 0px,rgba(255,255,255,0.8) 0px -1px, rgba(255,255,255,0.8) 0px 1px,rgba(255,255,255,0.8) 1px 1px , rgba(255,255,255,0.8) -1px 1px,rgba(255,255,255,0.8) 1px -1px, rgba(255,255,255,0.8) -1px -1px,rgba(255,255,255,0.8) 1px 1px,  rgba(255,255,255,0.8) -1px 1px,rgba(255,255,255,0.8) 1px -1px, rgba(255,255,255,0.8) -1px -1px,rgba(255,255,255,0.8) 1px 1px,  rgba(255,255,255,0.8) -1px 1px,rgba(255,255,255,0.8) 1px -1px, rgba(255,255,255,0.8) -1px -1px;}
@media screen and (max-width: 560px) {
#contents .category-text p {font-size: 12px!important;}
}
.category-list .square-box {width: 30%;}
.category-list .square-box::before {content: '特集';font-size: 8px;}
.category-text strong {font-size: 1rem;}
.category-list .on-off,.category-list .open-price {bottom: 1.3rem;background-size: contain;height: 3.2rem;padding-top: 1.2em;right: .1rem;width: 3.5rem;}
.category-list .on-off span {font-size: 1.2rem;}
.category-list .bottom-arrow {font-size: .6em;padding-right: 2.2em;}
.category-list .bottom-arrow::after,.category-list .bottom-arrow::before {height: 18px;width: 18px;}
.category-list .bottom-arrow::before {background-size: 45%;}
.category-list .bottom-arrow::after {border: 2px solid #fff;border-radius: 18px;}
#contents .category-list img {display: inline-block;}
#contents .category-list .hover-text {display: none;}
}