@charset "utf-8";
#header-new .info-box {margin: 0.2em 0!important;}
.first-area {position: relative;margin: 20px 0 15px;}
.header-slide {position: absolute;top: 0;left: 200px;}
.header-slide .header-swiper {height: 60px;width: 460px;overflow: hidden;}
.operation-box {position: absolute;right: 0px;top: 2px;text-align:right;}
.operation-box p {margin: 0 0 0 auto;}
.operation-login-box {margin: 0 0 7px auto;padding-bottom: 3px;width: 310px;}
.operation-horizontal-box ul {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.operation-horizontal-box li {margin-left: 10px;}
.header-keyword-box ul {display: flex;flex-wrap: wrap;justify-content: flex-end;margin-bottom: 20px;align-items: center;}
.header-keyword-box li {margin-left: 10px;}
.header-keyword-box li a {margin: 0 auto;padding: 5px 10px 4px;font-size: 11px!important;border-radius: 5px;transition: 0.4s;background-color: #e2e2e2;}
.header-keyword-box li:last-child {outline: 2px solid #666;outline-offset: -2px;height: 32px;clear: both;position: relative;margin-left: 15px;}
.header-keyword-box input[name*="kwd"] {border: 0;height: 30px;padding-left: 10px;}
.header-keyword-box .btn {background-color: #666;display: inline-block;height: 100%;position: absolute;right: 0;bottom: 0;width: 24%;}
.header-keyword-box .btn input {color: #fff;cursor: pointer;background-color: transparent;border: none;padding: 0;height: inherit;width: 100%;}
#header-new nav {z-index: 20;}
#header-new nav ul {display: flex;flex-wrap: wrap;z-index: 15;}
#header-new nav li:first-child {margin-left: 0;}
#header-new nav li {width: 81.6px;padding: 0px;text-align: center;margin: 0 0px;}
#header-new nav li:last-child {margin-right: 0;}
#header-new nav li img {margin: 0 auto;padding-top: 5px;padding-bottom: 2px;display: block;}
#header-new nav li a {display: block;font-size: 11px;color: #333;}
#header-new nav li a:hover {background-color: #caecf7;border-radius: 5px;text-decoration: none;color: #333;}
#header-new nav li a:active {color: #333;}
/* box */
.global_menu {width: 100%;position: relative;margin-bottom: 15px;}
.global_menu li {display: inline-block;}
.child_menu {width: 940px;position: absolute;top: 1;left: 0;padding: 40px 20px;color: #333;background: #fff;visibility: hidden;opacity: 0;box-shadow: 0 0 3px #aaa;transition-delay: .4s;transition-duration: .4s;}
.category_menu:hover .child_menu {opacity: 1;visibility: visible;transition-delay: .4s;}
#header-new nav .child_menu {display: flex;flex-wrap: wrap;}
#header-new nav .child_menu ul {display: block;width: 194px;padding: 10px 20px 0px;border-right: 1px #ccc solid;}
#header-new nav .child_menu ul:last-child {border-right: none;}
#header-new nav .child_menu li {width: 195px!important;font-size: 14px;text-align: left!important;margin-bottom: 10px;}
#header-new nav .child_menu li h3 {font-size: 16px!important;}
#header-new nav .child_menu .nav-img-hover a:hover {background-color: transparent!important;}
#header-new nav .child_menu li {margin-left: 0!important;margin-right: 0!important;}
/* btn */
.btn-category-top a {position: relative;display: flex;justify-content: space-between;margin: 0 auto;padding: 7px 7px 5px 12px;width: 185px;color: #fff;font-size: 16px!important;font-weight: 700;background-color: #098df2;border-radius: 5px;color: #fff!important;}
.btn-category-top a::after {content: url(/templates/img/pc/btn_arrow.png);position: absolute;top: 10px;right: 10px;}
.btn-category-top a:hover {text-decoration: none!important;background-color: #098df2!important;}
.btn-quote-top a {position: relative;display: flex;justify-content: space-between;margin: 0 auto;padding: 7px 7px 5px 12px;width: 185px;color: #fff;font-size: 16px!important;font-weight: 700;background-color: #00b804;border-radius: 5px;color: #fff!important;}
.btn-quote-top a::after {content: url(/templates/img/pc/btn_arrow.png);position: absolute;top: 10px;right: 10px;}
.btn-quote-top a:hover {text-decoration: none!important;background-color: #00b804!important;}
/* text-link */
.text-link-category a, .text-link-category-etc a, .text-link-info a, .text-link-quote a {position: relative;display: flex;justify-content: space-between;margin: 0 auto;padding: 0px 7px 0px 20px;font-size: 14px!important;border-radius: 5px;transition: 0.4s;}
.text-link-category a::before, .text-link-category-etc a::before, .text-link-info a::before, .text-link-quote a::before {content: url(/templates/img/pc/arrow_text_link_category.png);position: absolute;top: 1px;left: 0;}
.text-link-category-etc a::before {content: url(/templates/img/pc/arrow_text_link_category_etc.png);}
.text-link-info a::before {content: url(/templates/img/pc/arrow_text_link_info.png);}
.text-link-quote a::before {content: url(/templates/img/pc/arrow_text_link_quote.png);}
.text-link-category a:hover, .text-link-category-etc a:hover, .text-link-info a:hover, .text-link-quote a:hover {text-decoration: underline!important;background-color: transparent!important;text-underline-position: under;}
.text-link-info a::before {content: url(/templates/img/pc/arrow_text_link_info.png);}
.text-link-category a:hover {color: #098df2!important;}
.text-link-category-etc a:hover {color: #0c67e3!important;}
.text-link-info a:hover {color: #0b56c7!important;}
.text-link-quote a:hover {color: #00b804!important;}
.text-link-category-top {padding-bottom: 5px!important;border-bottom: 2px #098df2 solid;}
.text-link-category-top a {position: relative;display: flex;justify-content: space-between;margin: 0 auto;padding: 0px 7px 0px 20px;font-size: 16px!important;font-weight: bold!important;border-radius: 5px;transition: 0.4s;}
.text-link-category-top a::before {content: url(/templates/img/pc/arrow_text_link_category.png);position: absolute;top: 1px;left: 0;}
.text-link-category-top a:hover {text-decoration: none!important;background-color: transparent!important;text-underline-position: under;color: #098df2!important;}
#pc-header {margin: 0 auto;max-width: 980px;width: 100%;}
#pc-header * {box-sizing: border-box;}
#pc-header,#pc-header nav {margin-bottom: 12px;}
.header-first {align-items: center;display: flex;height: auto;padding-top: 16px;margin-bottom: 14px;z-index: 50;}
.header-first .login-box {position: absolute;right: 0;top: 0;text-align: right;padding-top: 1px;}
.header-logo {align-self: flex-start;display: inline-block;width: 13%;}
.header-logo img {vertical-align:top;width: 100%;}
.header-logo-20 {margin-left: 10px;}
.header-first .list-contents {display: flex;justify-content: space-between;margin-left: auto;}
.header-first .list-contents > .item:not(:last-of-type) {margin-right: 14px;}
.header-first .list-contents > .item a {align-items: center;color: #222;display: inline-flex;height: 34px;font-size: 14px;font-weight: bold;}
.header-first .list-contents > .item:nth-child(1):hover {color: #E40000;}
.header-first .list-contents > .item:nth-child(2):hover {color: #00A3DE;}
.header-first .list-contents > .item .icon {width: 20px;height: 20px;margin-right: 7px;margin-bottom: 3px;}
.header-first .list-contents > .item:hover .icon {opacity: .8;}
.header-first .header-btn > a {align-items: center;border-radius: 5px;display: inline-flex;font-size: 14px;font-weight: bold;height: 36px;justify-content: center;letter-spacing: .5px;}
.header-first .header-btn > a .icon {line-height: 1;margin-right: 0.3rem;width: 18px;}
.header-first .header-btn > a .icon img {height: auto;width: 100%;}
.header-first .header-btn.type-estimate {margin-right: 10px;}
.header-first .header-btn.type-estimate > a {background-color: #00a103;color: #fff;width: 132px;}
.header-first .header-btn.type-estimate > a:hover {background-color: #06af09;}
.header-first .header-btn.type-cart > a {background-color: #E40000;color: #fff;width: 90px;}
.header-first .header-btn.type-cart > a:hover {background-color: #f11a1a;}
.nav-category {align-items: stretch;display: flex;justify-content: space-between;}
.nav-category .item {flex-basis: 73px;width: 100%;}
.nav-category .item > a {align-items: center;color: #555;display: inline-flex;height: 100%;flex-direction: column;font-size: 11px;padding-bottom: 4px;justify-content: center;width: 100%;}
.nav-category .open-item a {cursor: pointer;}
.nav-category .item > a:hover {text-decoration-line: unset;}
.nav-category .item.another > a {background-color: #F8F8F8;font-size: 13px;}
.nav-category > .item:hover::after,.nav-category > .item:active::after {content: '';background-color: #0192D1;bottom: 0;display: block;height: 3px;position: absolute;width: 73px;}
.nav-category .item > a img {display: block;height: auto;max-width: 40px;margin-bottom: 2px;}
.header-open {position: relative;}
.header-open .open-box {background-color: #fff;box-shadow: 0 2px 10px #54545433;display: flex;flex-wrap: wrap;justify-content: space-between;top: 105%;left: 50%;margin: auto;max-width: 980px;padding: 2% 2.8% 2.6%;position: absolute;opacity: 0;visibility: hidden;transform: translateX(-50%);transition-delay: .2s;transition-duration: .2s;width: 100%;z-index: 50;}
.nav-category .open-box {top: 100%;}
.header-open .open-item:hover .open-box {opacity: 1;visibility: visible;transition-delay: .4s;}
.open-box .inner-box {display: flex;flex-direction: column;width: auto;}
.open-box.col-3 .label-list,.open-box.col-4 .label-list,.open-box.col-3 .label-est-list,.open-box.col-4 .label-est-list {display: inline-flex;flex-direction: column;}
.open-box.col-3 .inner-box {min-width: 28%;}
.open-box.col-4 .inner-box {min-width: 20.4%;}
.open-box .inner-box:not(:first-of-type) {border-left: 1px solid #e7e7e7;padding-left: 22px;}
.open-box .head {align-items: center;border-bottom: 2px solid #098DF2;color: #333;display: flex;font-size: 16px;font-weight: bold;letter-spacing: .9px;padding-bottom: 9.6px;margin-bottom: 20px;width: 100%;}
.open-box .head img {height: 36px;margin-right: 9.6px;width: 36px;}
.open-box.estimate-items .head {border-bottom: 2px solid #00B804;}
.open-box .head .img-arrow {height: 24px;margin-left: 9.6px;position: relative;width: 24px;}
.open-box .head .img-arrow::after {background-image: url(/img/header/header_box_arrow_b.gif);background-size: contain;background-repeat: no-repeat;content: '';height: 100%;position: absolute;width: 100%;}
.open-box.estimate-items .head .img-arrow::after {background-image:  url('/img/header/header_box_arrow_g.gif');}
.open-box .inner-box .list-head {color: #333;font-size: 16px;font-weight: bold;margin-bottom: 11px;}
.open-box .label-list .item,.open-box .label-est-list .item {align-items: flex-start;color: #222;display: inline-flex;font-size: 15px;padding-left: 20px;position: relative;margin-bottom: 9.6px;}
.open-box .label-list .item-img,.open-box .label-est-list .item-img {font-size: 14px;margin-bottom: 12px;}
.open-box .label-list .item-img img,.open-box .label-est-list .item-img img {height: auto;margin-right: 6px;margin-left: 0;}
.open-box .label-list .item:hover,.open-box .label-est-list .item:hover {text-decoration: underline;}
.open-box .label-list .item::before {content: url('/templates/img/pc/arrow_text_link_category.png');position: absolute;top: 0;left: 0;}
.open-box .label-est-list .item::before {content: url('/templates/img/pc/arrow_text_link_quote.png');position: absolute;top: 0;left: 0;}
.open-box.estimate-items .label-list .item::before {content: url('/templates/img/pc/arrow_text_link_quote.png');}
.header-guide {display: flex;justify-content: space-between;width: 100%;}
.header-guide .bg-list {background-color: #F4F4F4;border-radius: 50px;display: inline-flex;justify-content: space-between;padding: 9.4px 30px;width: 65%;}
.header-guide .bg-list .item a:hover {color: #0192D1;}
.header-guide .bg-list .border-right {border-right: 1px solid #737373;padding-right: 24px;}
.header-guide .bg-list .item a {color: #505050;font-size: 14px;font-weight: bold;}
.header-guide .bg-list .open-item:hover {cursor: pointer;}
.header-guide .header-search-box {border-radius: 5px;display: flex;position: relative;width: 33%;align-items: stretch;}
.header-guide .header-search-box input[type="text"] {background-color: #fff;border: 1px solid #0192d1;border-radius: 5px 0 0 5px;font-size: 14px;letter-spacing: .6px;height: 100%;padding: 0 11px;width: 82%;}
.header-guide .header-search-box input[type="text"]:focus {outline-offset: -2px;outline: 2px solid #007fb7;}
.header-guide .header-search-box .submit-btn {background-color: #0192D1;border: 1px solid #007fb7;border-radius: 0 5px 5px 0;height: 100%;position: relative;width: 18%;}
.header-guide .submit-btn::before {content: '';background-image: url(/img/header/header_submit_icon.png);background-size: contain;background-repeat: no-repeat;display: block;height: 20px;width: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.header-open .bg-list .open-box {top: 126%;}
.header-open .bg-list .open-box::before {content: '';border-style: solid;border-width: 0 14px 16px 14px;border-color: transparent transparent #0193d1 transparent;top: -16px;height: 0;left: 10%;position: absolute;width: 0;}
/*給湯器 商品検索結果*/
.menu-list-waterheater ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 5px;}
/* ipad用 */
@media screen and (min-width: 600px) and (max-width: 980px) {
#pc-header {box-sizing: border-box;padding: 0 1%;max-width: 100%;width: 100%;}
}