@charset "utf-8";

@media screen and (min-width: 561px){
    .return-page-top {
        height: 40px;
        text-align: center;
        margin-bottom: 10px;
    }
    .return-page-top a {
        background-color: #2d62a3;
        border: 1px solid #c0c0c0;
        border-radius: 5px;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 40px;
        width: 100%;
    }
    .return-page-top a:hover,
    .side-banner li:hover {
        text-decoration: none;
        opacity: .9;
        transition: all .2s;
    }
    .return-page-top img {
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px 5px 0;
    }
    .side-banner li {
        display: inline-block;
        margin-bottom: 10px;
    }
    h1 {
        background-color: #10b7ed;
        font-size: 12px;
        display: block;
        text-align: center;
        width: 100%;
    }
    h1 a {
        color: #fff;
        line-height: 30px;
        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: 8px;
    }
    .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 {
        background-color: #fbfdfe;
        border: 1px solid #d4d8db;
        border-radius: 5px;
        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 #1d3994;
        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_cr.svg);
    }
    .tab-group li:nth-of-type(2)::after {
        background-image: url(/svg/memo_cr.svg);
    }
    .tab-group li:nth-of-type(3)::after {
        background-image: url(/svg/info_cr.svg);
    }
    .tab-group li a {
        border-radius: 4px;
        display: inline-block;
        line-height: 45px;
        height: 100%;
        width: 100%;
    }
    .tab-group li:hover,
    .tab-group li.is-active {
        box-shadow: 0px 1px 3px #d0d0d0;
    }
    .tab-group li:hover,
    .tab-group li.is-active,
    .tab-group li a:hover,
    .tab-group li a:active {
        color: #fff;
    }
    .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):hover,
    .tab-group li:nth-of-type(1).is-active,
    .tab-group li a:hover,
    .tab-group li a:active {
        background-color: #2d62a3;
    }
    .tab-group li:nth-of-type(2):hover,
    .tab-group li:nth-of-type(2).is-active {
        background-color: #309e2c;
    }
    .tab-group li:nth-of-type(3):hover,
    .tab-group li:nth-of-type(3).is-active {
        background-color: #ec981b;
    }
    .tab-group li:nth-of-type(1):hover::after,
    .tab-group li:nth-of-type(1).is-active::after {
        background-image: url(/svg/menu_f.svg);
    }
    .tab-group li:nth-of-type(2):hover::after,
    .tab-group li:nth-of-type(2).is-active::after {
        background-image: url(/svg/memo_f.svg);
    }
    .tab-group li:nth-of-type(3):hover::after,
    .tab-group li:nth-of-type(3).is-active::after {
        background-image: url(/svg/info_f.svg);
    }
    .tab-group li a:hover {
        text-decoration: none;
    }
    .tab-group li:nth-of-type(4):hover,
    .tab-group li:nth-of-type(4).is-active {
      background-color: #2d62a3;
    	color: #ffffff;
    }
    .tab-group li:nth-of-type(4).is-active a {
    	color: #ffffff;
    }
    .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-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 */
		#s-c-top-faucet a {
			display : block;
			width : 180px;
			height : 108px;
			margin-right: auto;
			margin-left: auto;
			background-repeat : no-repeat;
			background-position : center center;
		}
		#s-c-top-faucet a:link {
		    background-image : url(/faucet/img/s_c_top_faucet.gif) ;
		}
		#s-c-top-faucet a:hover {
		    background-image : url(/faucet/img/s_c_top_faucet_o.gif) ;
		}
		#s-c-top-faucet a:link img {
		    visibility : visible ;
		    border-style : none ;
		}
		#s-c-top-faucet a:hover img {
		    visibility : hidden ;
		    border-style : none ;
		}
		#faucet-sub-diy a {
			display : block;
			width : 180px;
			height : 156px;
			margin-right: auto;
			margin-left: auto;
			background-repeat : no-repeat;
			background-position : center center;
		}
		#faucet-sub-diy a:link {
		    background-image : url(/faucet/img/faucet_sub_diy.gif) ;
		}
		#faucet-sub-diy a:hover {
		    background-image : url(/faucet/img/faucet_sub_diy_o.gif) ;
		}
		#faucet-sub-diy a:link img {
		    visibility : visible ;
		    border-style : none ;
		}
		#faucet-sub-diy a:hover img {
		    visibility : hidden ;
		    border-style : none ;
		}
		#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 ;
		}

		/* ■ガスコンロ：gasconro */
		#s-c-top-gas-conro a {
			display : block;
			width : 180px;
			height : 108px;
			margin-right: auto;
			margin-left: auto;
			background-repeat : no-repeat;
			background-position : center center;
		}
		#s-c-top-gas-conro a:link {
		    background-image : url(/gasconro/img/s_c_top_gas-conro.gif) ;
		}
		#s-c-top-gas-conro a:hover {
		    background-image : url(/gasconro/img/s_c_top_gas-conro_o.gif) ;
		}
		#s-c-top-gas-conro a:link img {
		    visibility : visible ;
		    border-style : none ;
		}
		#s-c-top-gas-conro a:hover img {
		    visibility : hidden ;
		    border-style : none ;
		}
		a#sub-g-free-estimates-btn {
			background: url(/gasconro/img/sub_g_free_estimates_btn.gif);
			width:180px;
			height:100px;
			display: block;
			text-indent: -9999px;
			text-decoration: none;
		}
		a#sub-g-free-estimates-btn:hover {
		    background-position:left bottom;
		}
		a#sub-g-flow-btn {
			background: url(/gasconro/img/sub_g_flow_btn.gif);
			width:180px;
			height:97px;
			display: block;
			text-indent: -9999px;
			text-decoration: none;
		}
		a#sub-g-flow-btn:hover {
		    background-position:left bottom;
		}
		a#sub-g-basic-btn {
			background: url(/gasconro/img/sub_g_basic_btn.gif);
			width:180px;
			height:97px;
			display: block;
			text-indent: -9999px;
			text-decoration: none;
		}
		a#sub-g-basic-btn:hover {
		    background-position:left bottom;
		}
		.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;
		}

		/* 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;}

		/* 5秒参考見積もり */
		a.s-cost-5 {
		    background: url(/waterheater/img/side_a_cost_5.gif);
		    width: 180px;
		    height: 136px;
		    display: block;
		    text-indent: -9999px;
		    text-decoration: none;
		}
		a.s-cost-5:hover {background-position:left bottom;}

		/* 無料見積もり */
		a.s-cost-f {
		    background: url(/waterheater/img/side_a_cost_f.gif);
		    width: 180px;
		    height: 136px;
		    display: block;
		    text-indent: -9999px;
		    text-decoration: none;
		}
		a.s-cost-f:hover {background-position:left bottom;}

		/* side-b */
		.side-b-info, .side-b-fax, .side-b-works {
		    padding: 10px 0;
		    text-align:center;
		    font-family: "A-OTF Shin Go Pro";
		    text-shadow: 0px 0px 3px rgba(109, 109, 109, 0.8);
		    line-height: 1.2;
		    color: #fff;
		    -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		    -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		}
		.side-b-info {
		    background-color: #2994c1;
		}
		.side-b-fax {
		    background-color: #2cab8f;
		}
		.side-b-works {
		    background-color: #ffb40a;
		}

		.side-b-info-small-font {
		    font-size: 0.5em;
		}
		.side-b-info-bg {
		    background-color: #2994c1;
		    padding: 0 3px 1px;
		    -webkit-border-radius: 0 0 5px 5px/ 0 0 5px 5px;
		    -moz-border-radius: 0 0 5px 5px/ 0 0 5px 5px;
		    border-radius: 0 0 5px 5px/ 0 0 5px 5px;
		}
		.side-b-info-free {
		    background: url(/templates/img/side-b/info_img_flee.gif);
		}
		.side-b-info-area {
		    background: url(/templates/img/side-b/info_img_area.gif);
		}
		.side-b-info-security {
		    background: url(/templates/img/side-b/info_img_security.gif);
		}
		.side-b-info-payment {
		    background: url(/templates/img/side-b/info_img_payment.gif);
		}
		.side-b-info-shipment {
		    background: url(/templates/img/side-b/info_img_shipment.gif);
		}
		.side-b-info-free, .side-b-info-area, .side-b-info-security, .side-b-info-payment, .side-b-info-shipment {
		    background-repeat: no-repeat;
		    background-position:4px 4px;
		}
		.side-b-info-box {
		    width: 174px;
		    margin-bottom:2px;
		    padding: 8px 1px 0 8px;
		    background-color: #fff;
		    box-sizing:border-box;
		    border:  1px solid #c1c1c1;
		}
		.side-b-info-box h5 {
		    color:#ff5600;
		    font-size: 1.7em;
		    line-height: 0.9em;
		    padding-left: 50px;
		    padding-bottom: 6px;
		}
		.side-b-info-h5-small-font {
		    color:#333;
		    font-size: 0.6em;
		}
		.side-b-info-box p {
		    font-size: 0.9em;
		    line-height: 1.2em;
		}
		.side-b-info-orange-font {
		    color:#ff5600;
		}
		.side-b-info-bg a {
		    color:#333;
		    text-decoration: none;
		}
		.side-b-works-wh-fullauto {
		    background: url(/templates/img/side-b/works_img_waterheater_fullauto.gif);
		}
		.side-b-works-wh-supplyonly {
		    background: url(/templates/img/side-b/works_img_waterheater_supplyonly.gif);
		}
		.side-b-works-toilet {
		    background: url(/templates/img/side-b/works_img_toilet.gif);
		}
		.side-b-works-toilet-seat {
		    background: url(/templates/img/side-b/works_img_toilet_seat.gif);
		}
		.side-b-works-pr-800 {
		    background: url(/templates/img/side-b/works_img_powderroom_800.gif);
		}
		.side-b-works-pr-750 {
		    background: url(/templates/img/side-b/works_img_powderroom_750.gif);
		}
		.side-b-works-ecocute {
		    background: url(/templates/img/side-b/works_img_ecocute.gif);
		}
		.side-b-works-electric-wh {
		    background: url(/templates/img/side-b/works_img_electric_waterheater.gif);
		}
		.side-b-works-faucet {
		    background: url(/templates/img/side-b/works_img_faucet.gif);
		}
		.side-b-works-b-faucet {
		    background: url(/templates/img/side-b/works_img_branch_faucet.gif);
		}

		.side-b-works-wh-ecojozu {
		    background: url(/templates/img/side-b/works_img_waterheater_ecojozu.gif);
		}
		.side-b-works-wh-water-boiler {
		    background: url(/templates/img/side-b/works_img_waterheater_boiler.gif);
		}
		.side-b-works-small-electric-wh {
		    background: url(/templates/img/side-b/works_img_electric_waterheater.gif);
		}
		.side-b-works-oil-wh-supplyonly {
		    background: url(/templates/img/side-b/works_img_oil_waterheater_supplyonly.gif);
		}
		.side-b-works-oil-wh-function {
		    background: url(/templates/img/side-b/works_img_oil_waterheater_function.gif);
		}
		.side-b-works-oil-wh-ecofeel {
		    background: url(/templates/img/side-b/works_img_oil_waterheater_ecofeel.gif);
		}

		.side-b-works-wh-fullauto, .side-b-works-wh-supplyonly, .side-b-works-toilet, .side-b-works-toilet-seat, .side-b-works-pr-800, .side-b-works-pr-750, .side-b-works-ecocute, .side-b-works-electric-wh, .side-b-works-faucet, .side-b-works-b-faucet, .side-b-works-wh-ecojozu, .side-b-works-wh-water-boiler, .side-b-works-small-electric-wh, .side-b-works-oil-wh-supplyonly, .side-b-works-oil-wh-function, .side-b-works-oil-wh-ecofeel {
		    background-repeat: no-repeat;
		    background-position:4px 6px;
		    height: 115px;
		}

		.side-b-bg {
		    background-color: #f1f1f1;
		    padding: 0 3px 1px;
		    -webkit-border-radius: 0 0 5px 5px/ 0 0 5px 5px;
		    -moz-border-radius: 0 0 5px 5px/ 0 0 5px 5px;
		    border-radius: 0 0 5px 5px/ 0 0 5px 5px;
		    box-sizing:border-box;
		    border: 1px solid #c0c0c0;
		}
		.side-b-box {
		    margin-top: 4px;
		    margin-bottom:2px;
		    padding: 5px 5px 0 5px;
		    background-color: #fff;
		    box-sizing:border-box;
		    border:  1px solid #dfdfdf;
		    position: relative;
		}
		.side-b-fax-h5 {
		    padding: 5px 0;
		    font-size: 0.5em;
		    text-align:center;
		    line-height: 1.2;
		    background-color: #f0f0f0;
		}
		.side-b-fax-icon {
		    display: flex;
		    justify-content:center;
		}
		.side-b-fax-icon li {
		    margin: 8px;
		}
		.side-b-fax-number {
		    color: #2cab8f;
		    padding: 8px 0;
		    font-size: 1.5em;
		    text-align:center;
		    font-weight:600;
		}
		.side-b-works-h5 {
		    font-family: "A-OTF Shin Go Pro";
		    color:#ff5600;
		    font-size: 1.4em;
		    line-height: 0.9em;
		    padding-top: 8px;
		    padding-left: 50px;
		    padding-bottom: 6px;
		    position:absolute;
		    z-index: 2;
		}
		.side-b-works-h5-small-font {
		    font-size: 0.5em;
		}
		.side-b-works-font {
		    font-size: 0.8em;
		    position: absolute;
		    right: 5px;
		    top: 45px;
		}
		.side-b-works-money {
		    position: absolute;
		    right: 4px;
		    top: 63px;
		    font-size: 1.8em;
		    font-weight: 600;
		    color: #e00000;
		}
		.side-b-works-red {
		    color: #e00000;
		}
		.side-b-works-small-font {
		    font-size: 0.7em;
		}

		.side-b-works-good {
		    right: 1px;
		    top: 1px;
		    position:absolute;
		    z-index: 1;
		}

		.side-b-works-btn-box {
		    display: flex;
		    justify-content:center;
		    position: relative;
		}
		.side-b-works-wh-fullauto ul, .side-b-works-wh-supplyonly ul, .side-b-works-toilet ul, .side-b-works-toilet-seat ul, .side-b-works-pr-800 ul, .side-b-works-pr-750 ul, .side-b-works-ecocute ul, .side-b-works-electric-wh ul, .side-b-works-faucet ul, .side-b-works-b-faucet ul, .side-b-works-wh-ecojozu ul, .side-b-works-wh-water-boiler ul, .side-b-works-small-electric-wh ul, .side-b-works-oil-wh-supplyonly ul, .side-b-works-oil-wh-function ul, .side-b-works-oil-wh-ecofeel ul {
		    position: absolute;
		    right: 6px;
		    top: 86px;
		}
		.side-b-works-btn-box li {
		    margin: 0 2px;
		}
		.side-b-works-btn-square-info {
		    background: #91b320;
		    border: solid 1px #86a718;
		}
		.side-b-works-btn-square-estimate {
		    background: #ff6500;
		    border: solid 1px #ff4c00;
		}
		.side-b-works-btn-square-info, .side-b-works-btn-square-estimate {
		    font-size: 0.7em;
		    position: relative;
		    display: inline-block;
		    padding: 0em 0.5em;
		    text-decoration: none;
		    color: #FFF;
		    border-radius: 5px;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
		    font-weight: bold;
		}
		.side-b-works-btn-box a {
		    color: #FFF;
		    text-decoration: none;
		}
		.side-b-works-btn-square-info:active, .side-b-works-btn-square-estimate:active {
		    box-shadow: 0 0 4px rgba(0, 0, 0, 0.60);
		}
		.side-b-works-list {
		    padding: 5px 0 20px;
		    text-align: right;
		    font-size: 0.9em;
		}
		.side-b-works-list-text {
		    color: #ff5600;
		    text-decoration: none;
		}
		.side-b-efforts {
		    border-bottom: solid 2px #1e5e8e;
		    margin-bottom: 10px;
		}

		#header{
			overflow: hidden;
		}
/*side_fixeds*/
    a.pc[href*="cashless.php"]{
        max-width: 13vw;
    }
    a.pc img[src*="bnr_cashless_left.png"]{
        width: 100%;
    }

/*right*/
    .modal .modal-check {
        display: none;
    }
    #side-contents {
        position: fixed;
        right: 20px;
        top: 100px;
        z-index: 9999;
    }
    .modal-window {
        position: relative;
        animation: fadein .3s 1, zoomin .3s 1;
    }
    .modal-label {
        position: absolute;
        top: -37px;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #f5f5f5;
        cursor: pointer;
        transition: all .2s ease;
        z-index: 100001;
    }
    .modal-label svg {
        fill: red;
    }
    .modal-label:hover {
        background-color: #cacaca;
    }
    #side-contents ul {
        display: flex;
        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%;
    }
    .modal .modal-check:checked + .modal-body {
        transition: .3s;
        visibility: hidden;
        opacity: 0;
    }
}
@media (min-width:600px) and ( max-width:900px) {
    .modal-label {
        position: absolute;
        top: -45px;
        left: 0;
        width: 40px;
        height: 40px;
        background-color: #f5f5f5;
    }
    #side-contents {
        left: 15px;
        bottom: 10px;
        right: auto;
        top: auto;
        height: 25vw;
        width: auto;
    }
    .modal-window,
    #side-contents li,
    #side-contents li a {
        height: 100%;
    }
    #side-contents ul {
        flex-direction: row;
        width: 100%;
        align-items: flex-start;
        height: 100%;
    }
    #side-contents li:not(:last-of-type) {
        margin: 0 10px 0 0;
    }
/*
    #side-contents li a {
        height: 100%;
    }
*/
    #side-contents li img {
        height: 100%;
        width: auto;
    }
}