@charset "utf-8";
@media screen and (min-width: 561px){
body {font-family: "メイリオ", "ヒラギノ角ゴ Pro W3";}
body #undercolumn {margin: auto;width: 100%;}
.s-b-category .inner-text {line-height: 1.2!important;}
.s-b-category dd {line-height: 1!important;}
.return-top {border-top: 1px dotted #9c9c9c;clear: both;text-align: right;margin: 20px 0;}
.return-top a {color: #555;display: inline-block;font-size: 12px;letter-spacing: .6px;padding-top: 5px;}
.return-top a:hover {font-weight: bold;}
.sub-title {background: url(https://jyusetu.com/img/main_h3_toujitu.gif);width: 540px;height: 39px;padding: 17px 0 0 40px;margin: 0 0 10px 0;font-size: 16px;font-weight: bold;}
.sub-title-columns {width: 580px;height: 56px;background: url(https://jyusetu.com/img/main_h3_toujitu.gif);padding: 17px 0 0 40px;margin: 0 0 10px 0;font-size: 16px;font-weight: bold;}
h1 {box-sizing: border-box;display: block;overflow-x: auto;padding: 5px 0;text-align: center;z-index: 5;width: 100%;}
h1,h1 a {background-color: #10b7ed;font-size: 12px;color: #fff;font-weight:normal;width: 100%;}
h1 a {color: #fff;letter-spacing: .3px;}
h1 a:hover {color: #fff;text-decoration: underline;}
.header-grid-box {font-family: 'Arial','メイリオ','Meiryo','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;display: grid;display: -ms-grid;grid-template-columns: 166px 10px 240px 15px .9fr 10px 1fr;-ms-grid-columns: 166px 10px 240px 15px .9fr 10px 1fr;grid-template-rows: 20px 10px 1fr 15px 20px;-ms-grid-rows: 20px 10px 1fr 15px 20px;margin: 10px auto;}
/* header */
#header {width: 980px;}
.header-grid-box #header-info-login {grid-column: 1 / 8;grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;-ms-grid-row: 1;position: relative;}
.header-grid-box .top-logo {grid-column: 1;grid-row: 3;-ms-grid-column: 1;-ms-grid-row: 3;}
.header-grid-box .apeal-box {grid-column: 3;grid-row: 3;-ms-grid-column: 3;-ms-grid-row: 3;}
.header-grid-box .contact-tel {grid-column: 5;grid-row: 3;-ms-grid-column: 5;-ms-grid-row: 3;}
.header-grid-box .btn-n-search {grid-column: 7;grid-row: 3;-ms-grid-column: 7;-ms-grid-row: 3;}
.header-grid-box #header-info {grid-column: 1 / 8;grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 7;-ms-grid-row: 5;}
.top-logo {display: inline-flex;flex-direction: column;font-size: 11px;color: #333;}
.top-logo img {align-self: flex-start;}
.top-logo:hover {text-decoration: none;color: #333;}
.apeal-box,.btn-n-search {display: inline-flex;flex-wrap: wrap;}
.apeal-box {justify-content: flex-start;}
.apeal-box dt,.btn-n-search li:last-of-type {width: 100%;}
.apeal-box dt {height: 1.5em;font-size: 11px;}
.apeal-box dt span,.apeal-box dd span {color: #ff6608;font-weight: bold;}
.apeal-box dt span {font-size: 1.2em;}
.apeal-box dd {background-repeat: no-repeat;background-position: left bottom;color: #3d3d3d;font-size: 12px;font-weight: 600;height: 55px;line-height: 40px;text-align: center;width: 75px;}
.apeal-box dd span {font-size: 25px;letter-spacing: -.5px;}
.apeal-box dd:nth-of-type(1) {background-image: url(/img/header/apeal_bg01.gif?1911);margin-right: 5px;}
.apeal-box dd:nth-of-type(2) {background-image: url(/img/header/apeal_bg02.gif?1911);margin-right: 5px;}
.apeal-box dd:nth-of-type(3) {background-image: url(/img/header/apeal_bg03.gif?1911);}
.contact-tel dt {font-weight: 600;color: #333;}
.contact-tel dd {padding-top: 5px;}
.contact-tel dd:first-of-type {color: #7cb130;font-size: 30px;font-weight: bold;display: inline-flex;align-items: center;width: 100%;}
.btn-n-search {align-items: center;justify-content: space-between;}
#head-consider, #head-cart {position: relative;}
#head-consider .consider-count, #head-cart .cart-count {position: absolute;top: 4px;right: 4px;background-color: #ff0018;width: 18px;height: 17px;line-height: 17px;text-align: center;color: #fff;border-radius: 50%;font-size: 11px;font-weight: bold;}
.btn-n-search li:not(:last-of-type) {border: solid 1px #bebebe;border-radius: 3px;display: inline-block;height: 30px;line-height: 30px;position: relative;width: 88px;}
.btn-n-search a {display: inline-block;vertical-align: middle;height: 100%;padding-left: 25px;width: calc(100% - 25px);}
.btn-n-search i {position: absolute;left: 5px;top: 50%;transform: translateY(-50%);}
.btn-n-search li:not(last-of-type) {background: #fff;background: -moz-linear-gradient(top,  #fff 50%, #f3f3f3 100%);background: -webkit-linear-gradient(top,  #fff 50%,#f3f3f3 100%);background: linear-gradient(to bottom,  #fff 50%,#f3f3f3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f3f3f3',GradientType=0 );}
.btn-n-search li:hover {background: #f7f7f7;}
.btn-n-search li:hover a {color: #009efb;text-decoration: none;}
.btn-n-search li:last-of-type {outline: 2px solid #666;outline-offset: -2px;height: 32px;clear: both;position: relative;}
.btn-n-search form {height: 100%;}
.btn-n-search form input {border: 0;height: inherit;padding: 0 0 0 10px;}
.btn-n-search input[name*="kwd"] {border: 0;height: 100%;padding-left: 10px;}
.btn-n-search input[name*="kwd"]:focus {outline: 0;}
.btn-n-search .btn {background-color: #666;display: inline-block;height: 100%;position: absolute;right: 0;bottom: 0;width: 23%;}
.btn-n-search .btn input {color: #fff;cursor: pointer;background-color: transparent;border: none;padding: 0;height: inherit;width: 100%;}
.svg-box {display: inline-block;}
#header-info-login iframe {border:none;}
.tab-group {display: flex;justify-content: center;margin-bottom: 10px;}
.panel {display:none;}
.panel.is-show {display: inline-flex;}
.tab-group li {border: 1px solid #d4d8db;border-radius: 5px;color: #fff;cursor: pointer;font-family: 'Arial','メイリオ','Meiryo','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;font-size: 14px;letter-spacing: 1px;list-style: none;position: relative;text-align: center;}
.tab-group li:not(:last-of-type) {width: calc((100% - 165px) / 3);margin-right: 5px;padding: 15px 0;}
.tab-group li:last-of-type {width: 140px;}
.tab-group li.arrow::before {left: auto;top: 20px;right: 15px;box-sizing: border-box;border: 6px solid transparent;border-top: 8px solid #fff;margin: 0;position: absolute;}
.tab-group li::after {content: '';height: 20px;width: 20px;left: 18px;}
.tab-group li:nth-of-type(1)::after {background-image: url(/svg/menu_f.svg);}
.tab-group li:nth-of-type(2)::after {background-image: url(/svg/memo_f.svg);}
.tab-group li:nth-of-type(3)::after {background-image: url(/svg/info_f.svg);}
.tab-group li a {border-radius: 4px;color: #fff;display: inline-block;line-height: 45px;height: 100%;width: 100%;}
.tab-group li:hover {opacity: .9;}
.tab-group li:hover,.tab-group li.is-active {box-shadow: 0px 1px 3px #d0d0d0;}
.tab-group li.arrow:hover::before,.tab-group li.arrow.is-active::before {border-top: 8px solid #fff;}
.tab-group li:nth-of-type(1),.tab-group li a {background-color: #2d62a3;}
.tab-group li:nth-of-type(2) {background-color: #309e2c;}
.tab-group li:nth-of-type(3) {background-color: #ec981b;}
.tab-group li a:hover {text-decoration: none;}
.panel.is-show {display: inline-flex;animation-name: fade-in;animation-duration: .6s;animation-timing-function: ease-out;animation-iteration-count: 1;animation-direction: normal;animation-fill-mode: forwards;}
@keyframes fade-in {
0% {opacity: 0; transform: translate3d(0,0,0);}
100% {opacity: 1; transform: translate3d(0,0,0);}
}
#category-nav {height: auto;margin-bottom: 20px;}
#category-nav ul {box-shadow: 0px 1px 3px #d0d0d0;clear: both;flex-wrap: wrap;width: 100%;padding: .7% 1%;position: relative;}
.select-nav:nth-of-type(1) {border: 2px #2d62a3 solid;box-sizing: border-box;}
.select-nav:nth-of-type(2) {border: 2px #309e2c solid;box-sizing: border-box;}
.select-nav:nth-of-type(3) {border: 2px #ec981b solid;box-sizing: border-box;padding: 1% 2%;}
#category-nav .drawer-menu-item {text-indent: 0 !important;}
.select-nav li {font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;height: 43px;}
.select-nav:not(:nth-of-type(3)) li {font-size: 12px;width: 131px;padding-left: 5px;}
#category-nav .select-nav:nth-of-type(3) li {width: 150px;padding-left: 9px;}
.select-nav:nth-of-type(3) a::before {content: "";width: 8px;height: 8px;display: inline-block;background-color: #eca51b;position: relative;top: -1px;border-radius: 50%;margin-right: 8px;}
#category-nav .select-nav:nth-of-type(3) a {padding: 0;margin-left: 0;}
.select-nav:nth-of-type(1) li:hover {background: #fff8a3;}
.select-nav:nth-of-type(2) li:hover {background: #d1f3ad;}
.select-nav:nth-of-type(3) li:hover {background: #ffdb9a;}
#category-nav a {background-size: 24px;background-position: left center;background-repeat: no-repeat;color: #333;font-weight: 400;line-height: 43px;}
#category-nav:not(:nth-of-type(3)) a {padding: 0 0 0 22%;}
#category-nav a:hover {text-decoration: none;}
.c-nav01 {background-image: url("/img/header/c_icon01.gif");}
.c-nav02 {background-image: url("/img/header/c_icon02.gif");}
.c-nav03 {background-image: url("/img/header/c_icon03.gif");}
.c-nav04 {background-image: url("/img/header/c_icon04.gif");}
.c-nav05 {background-image: url("/img/header/c_icon05.gif");}
.c-nav06 {background-image: url("/img/header/c_icon06.gif");}
.c-nav07 {background-image: url("/img/header/c_icon07.gif");}
.c-nav08 {background-image: url("/img/header/c_icon08.gif");}
.c-nav09 {background-image: url("/img/header/c_icon09.gif");}
.c-nav10 {background-image: url("/img/header/c_icon10.gif");}
.c-nav11 {background-image: url("/img/header/c_icon11.gif");}
.c-nav12 {background-image: url("/img/header/c_icon12.gif");}
.c-nav13 {background-image: url("/img/header/c_icon13.gif");}
.c-nav14 {background-image: url("/img/header/c_icon14.gif");}
.c-nav15 {background-image: url("/img/header/c_icon15.gif");}
.c-nav16 {background-image: url("/img/header/c_icon16.gif");}
.c-nav17 {background-image: url("/img/header/c_icon17.gif");}
.c-nav18 {background-image: url("/img/header/c_icon18.gif");}
.c-nav19 {background-image: url("/img/header/c_icon19.gif");}
.c-nav20 {background-image: url("/img/header/c_icon20.gif");}
.c-nav21 {background-image: url("/img/header/c_icon21.gif");}
.c-nav22 {background-image: url("/img/header/c_icon22.gif?1911");}
.c-nav23 {background-image: url("/img/header/c_icon23.gif?1911");}
.c-nav25 {background-image: url("/img/header/c_icon25.gif");}
.c-nav26 {background-image: url("/img/header/c_icon26.gif?1912");}
.c-nav27 {background-image: url("/img/header/c_icon27.gif?20200904");}
.c-nav28 {background-image: url("/img/header/c_icon28.gif?21042805");}
.c-nav24 {position: relative;}
.c-nav24::before {font-family: "fontello";content: '\e802';color: #2d62a3;display: inline-block;font-size: 20px;font-weight: normal;left: 7px;position: absolute;}
.arrow {position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;}
.arrow::before,.arrow::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.arrow::before {top: 2px;left: 4px;box-sizing: border-box;width: 4px;height: 4px;border: 6px solid transparent;border-left: 6px solid #7a0;margin: 0;position: absolute;}
#faucet-sub-type a {display: block;width: 180px;height : 55px;margin-right: auto;margin-left: auto;background-repeat : no-repeat;background-position : center center;}
#faucet-sub-type a:link {background-image : url(/faucet/img/faucet_sub_type.gif) ;}
#faucet-sub-type a:hover {background-image : url(/faucet/img/faucet_sub_type_o.gif) ;}
#faucet-sub-type a:link img {visibility : visible;border-style : none;}
#faucet-sub-type a:hover img {visibility : hidden ;border-style : none ;}
.line3 {background-image: url(/gasconro/img/main_3line_bg.gif);background-repeat: repeat-y;}
.line3 li {width:173px;margin: 0;padding: 10px 10px 0 10px;float: left;}
.line3:after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
/* 使ってなさそう：確認 */
#gc-t table {width: 580px;border-collapse: collapse;padding: 0px;border-top-width: 1px;border-left-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #bebfbf;border-left-color: #bebfbf;}
#gc-t table img {padding: 0px;}
#gc-t table a {color: #e8340c;}
#gc-t th {padding: 2px;margin: 0;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #bebfbf;border-bottom-color: #bebfbf;}
#gc-t td {margin: 0 0 20px 0;vertical-align: top;padding: 9px;margin: 0;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #bebfbf;border-bottom-color: #bebfbf;}
#gc-t td a {font-weight: bold;line-height: 1.3;}
#gc-t td span {font-weight: normal;font-size: 10px;}
a.gc-t-btn {background: url(/gasconro/img/gc_t_btn.gif);width:156px;height:45px;display: block;text-indent: -9999px;text-decoration: none;}
a.gc-t-btn:hover {background-position:left bottom;}

/* 外れている */
a#gc-main-flow {background: url(/gasconro/img/gc_main_flow_btn.jpg);width:580px;height:104px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 10px;}
a#gc-main-flow:hover {background-position:left bottom;}
a#gc-main-basic {background: url(/gasconro/img/gc_main_basic_btn.jpg);width:580px;height:104px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 10px;}
a#gc-main-basic:hover {background-position:left bottom;}
/* 外れている */

a#gc-estimates-btn {background: url(/gasconro/img/gc_estimates_btn.jpg);width:380px;height:104px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#gc-estimates-btn:hover {background-position:left bottom;}
.gc-main-box-l {width: 190px;float: left;}
.gc-main-box-r {width: 380px;float: right;}
#gc-flow h3 {width: 580px;height: 80px;margin: 0px;padding: 0px;}
.gc-flow-box {background-image: url(/gasconro/img/gc_flow_bg.gif);background-repeat: repeat-y;margin: 0px;padding: 20px 30px 0 30px;}
.gc-flow-box:after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.gc-img-r {float: right;padding: 0 0 20px 15px;}
#gc-basic h4 {background-image: url(/gasconro/img/gc_basic_h4_bg.gif);color: #FFFFFF;background-repeat: no-repeat;height: 23px;width: 570px;margin: 0px 0px 10px 0px;padding: 6px 0px 0px 10px;}
.gc-table-th {width: 70px;background-color: #E8EAEB;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C2C9CB;font-weight: bold;padding: 10px;}
a#sub-g-btn-n-smartconro {background: url(/gasconro/img/sub_g_s_noritz_01_smartconro.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-n-smartconro:hover {background-position:left bottom;}
a#sub-g-btn-h-b-advance {background: url(/gasconro/img/sub_g_s_harman_01_s_blink_advance.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-b-advance:hover {background-position:left bottom;}
a#sub-g-btn-h-progre {background: url(/gasconro/img/sub_g_s_harman_10_progre.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-progre:hover {background-position:left bottom;}
a#sub-g-btn-h-b-duo {background: url(/gasconro/img/sub_g_s_harman_02_s_blink_duo.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-b-duo:hover {background-position:left bottom;}
a#sub-g-btn-h-b-revor {background: url(/gasconro/img/sub_g_s_harman_03_s_blink_revor.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-b-revor:hover {background-position:left bottom;}
a#sub-g-btn-h-piatto {background: url(/gasconro/img/sub_g_s_noritz_02_piatto.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-piatto:hover {background-position:left bottom;}
a#sub-g-btn-h-i-select {background: url(/gasconro/img/sub_g_s_harman_04_i_select.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-i-select:hover {background-position:left bottom;}
a#sub-g-btn-h-mifit {background: url(/gasconro/img/sub_g_s_harman_05_mifit.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-mifit:hover {background-position:left bottom;}
a#sub-g-btn-h-b-plusdo {background: url(/gasconro/img/sub_g_s_harman_06_s_blink_plus_do.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-b-plusdo:hover {background-position:left bottom;}
a#sub-g-btn-h-fami {background: url(/gasconro/img/sub_g_s_harman_07_fami.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-fami:hover {background-position:left bottom;}
a#sub-g-btn-h-metaltop {background: url(/gasconro/img/sub_g_s_harman_08_metal_top.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-h-metaltop:hover {background-position:left bottom;}
a#sub-g-btn-h-compact {background: url(/gasconro/img/sub_g_s_harman_09_compact.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;}
a#sub-g-btn-h-compact:hover {background-position:left bottom;}
a#sub-g-btn-r-delicia {background: url(/gasconro/img/sub_g_h5_s_rinnai_01_delicia.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-delicia:hover {background-position:left bottom;}
a#sub-g-btn-r-d-griller {background: url(/gasconro/img/sub_g_h5_s_rinnai_02_delicia_griller.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-d-griller:hover {background-position:left bottom;}
a#sub-g-btn-r-udea {background: url(/gasconro/img/sub_g_h5_s_rinnai_03_udea.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-udea:hover {background-position:left bottom;}
a#sub-g-btn-r-u-ef {background: url(/gasconro/img/sub_g_h5_s_rinnai_04_udea_ef.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-u-ef:hover {background-position:left bottom;}
a#sub-g-btn-r-mytone {background: url(/gasconro/img/sub_g_h5_s_rinnai_06_mytone.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-mytone:hover {background-position:left bottom;}
a#sub-g-btn-r-safull {background: url(/gasconro/img/sub_g_h5_s_rinnai_07_safull.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-safull:hover {background-position:left bottom;}
a#sub-g-btn-r-metaltop {background: url(/gasconro/img/sub_g_h5_s_rinnai_08_metal_top.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-metaltop:hover {background-position:left bottom;}
a#sub-g-btn-r-compact {background: url(/gasconro/img/sub_g_h5_s_rinnai_09_compact.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;}
a#sub-g-btn-r-compact:hover {background-position:left bottom;}
a#sub-g-btn-p-dresy {background: url(/gasconro/img/sub_g_h5_s_paloma_01_dresy.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-dresy:hover {background-position:left bottom;}
a#sub-g-btn-p-selection {background: url(/gasconro/img/sub_g_h5_s_paloma_02_selection.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-selection:hover {background-position:left bottom;}
a#sub-g-btn-p-f-selection {background: url(/gasconro/img/sub_g_h5_s_paloma_03_free_selection.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-f-selection:hover {background-position:left bottom;}
a#sub-g-btn-p-c-glasstop {background: url(/gasconro/img/sub_g_h5_s_paloma_04_clear_glass_top.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-c-glasstop:hover {background-position:left bottom;}
a#sub-g-btn-p-c-s-series {background: url(/gasconro/img/sub_g_h5_s_paloma_05_clear_s-series_top.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-c-s-series:hover {background-position:left bottom;}
a#sub-g-btn-p-standard {background: url(/gasconro/img/sub_g_h5_s_paloma_05_standard_kitchen.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;}
a#sub-g-btn-p-standard:hover {background-position:left bottom;}
a#sub-g-btn-p-faceis {background: url(/gasconro/img/sub_g_h5_s_paloma_06_faceis.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-faceis:hover {background-position:left bottom;}
a#sub-g-btn-p-crea {background: url(/gasconro/img/sub_g_h5_s_paloma_07_crea.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-crea:hover {background-position:left bottom;}
a#sub-g-btn-p-brillio {background: url(/gasconro/img/sub_g_h5_s_paloma_08_brillio.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-brillio:hover {background-position:left bottom;}
a#sub-g-btn-p-sisto {background: url(/gasconro/img/sub_g_h5_s_paloma_09_sisto.gif?190108);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-p-sisto:hover {background-position:left bottom;}
.sub-g-s-m-bg1 {background-image: url(/gasconro/img/sub_g_s_bg1.gif);background-repeat: repeat-y;width: 175px;padding-left: 5px;padding-bottom: 0px;}
.sub-g-s-m-bg1:after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.sub-g-s-m-bg2 {background-image: url(/gasconro/img/sub_g_s_bg2.gif);background-repeat: repeat-y;width: 175px;padding-left: 5px;}
a#sub-g-btn-r-lisse {background: url(/gasconro/img/sub_g_h5_s_rinnai_10_lisse.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-lisse:hover {background-position:left bottom;}
a#sub-g-btn-r-beiz {background: url(/gasconro/img/sub_g_h5_s_rinnai_11_beiz.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-beiz:hover {background-position:left bottom;}
a#sub-g-btn-r-glass {background: url(/gasconro/img/sub_g_h5_s_rinnai_12_glass.gif);width:170px;height:51px;display: block;text-indent: -9999px;text-decoration: none;margin-bottom: 5px;}
a#sub-g-btn-r-glass:hover {background-position:left bottom;}
#footer-sitemap ul{overflow:hidden;margin: 0 auto;display:inline-block;border-left: 1px solid #999;margin: 4px 0;line-height: 100%;}
#footer-sitemap li{float:left;padding: 0 14px;border-right: 1px solid #999;}
.sub-toilet-more a{text-indent:0;white-space:normal;overflow:hidden;padding-top: 8px;padding-left: 17px;}
/*video*/
.maker-video-img {margin: 0 auto;}
.maker-video-img img {width: 100%;}
.maker-video-btn {padding: 8px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.maker-video-btn ul {display: flex;justify-content: center;}
.maker-video-btn li {margin: 0 5px;}
/* 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) {
/* Edge のみ適用 */
#footer-info-vessel {width:970px;height:795px;}
}
/* 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; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #474747 16%, #1c1c1c 80%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#474747 16%,#1c1c1c 80%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4c4c 0%,#474747 16%,#1c1c1c 80%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.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;}
/* footer-contents */
.footer-contents a {text-decoration:none;color:#333;}
.footer-contents h4 {font-size: 16px;font-weight: 800;letter-spacing: 5px;margin-bottom: 15px;}
.footer-contents ul {display: flex;flex-wrap: wrap;}
.footer-contents li {width: 230px;margin: 0 20px 15px 0;}
.footer-contents li:nth-child(4n) {margin: 0 0 15px 0;}
.footer-contents-type {font-size: 10px;padding-bottom: 8px;text-align:center;display: inline-block;width: 230px;font-weight: 600;}
.footer-service {color: #2785a4;}
.footer-campaign {color: #d20225;}
.footer-information {color: #019257;}
.footer-contents img {margin-bottom: 10px;}
.footer-contents h5 {margin-bottom: 5px;font-size: 14px;}
/* footer-contents */
#header{overflow: hidden;}
/*side_fixeds*/
a.pc[href*="cashless.php"]{max-width: 13vw;}
a.pc img[src*="bnr_cashless_left.png"]{width: 100%;}
/*right*/
.side-modal .modal-check {display: none;}
#side-contents {position: fixed;right: 10px;top: 10vh;z-index: 9999;}
.modal-window {position: relative;animation: fadein .3s 1, zoomin .3s 1;}
.modal-label {position: absolute;top: -35px;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;width: 30px;height: 30px;border-radius: 50%;background-color: #888;cursor: pointer;transition: all .2s ease;z-index: 100001;}
.modal-label svg {fill: red;}
.modal-label:hover {background-color: #cacaca;}
#side-contents ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 13em;}
#side-contents li {width: 100%;display: inline-block;}
#side-contents li:not(:last-of-type) {margin: 0 0 10px 0;}
#side-contents li img {width: 100%;}
#side-contents li a {display: inline-block;height: 100%;box-shadow: 0 2px 5px #bbbaba5c;}
#side-contents a img {vertical-align: top;}
.side-modal .modal-check:checked + .modal-body {transition: .3s;visibility: hidden;opacity: 0;}
.head-slid {max-width: 100%;max-height: 80px;overflow: hidden;}
}

/* ipad用 */
@media screen and (min-width: 600px) and (max-width: 980px) {
html {width: fit-content;}
}

@media (min-width:600px) and ( max-width:1365px) {
.modal-label {position: absolute;top: -45px;left: 0;width: 40px;height: 40px;background-color: #888;}
#side-contents {left: 15px;bottom: 10px;right: auto;top: auto;height: 20vh;width: auto;}
.modal-window,#side-contents li,#side-contents li a {height: 100%;}
#side-contents ul {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: 100%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;height: 100%;}
#side-contents li:not(:last-of-type) {margin: 0 10px 0 0;}
#side-contents li img {height: 100%;width: auto;}
}