@charset "utf-8";

div#contents .visual{font-size:0; line-height:0; text-align:center; margin-bottom:30px;}
div#contents .page_ttl span{background:url(./img/lm_ttl.png) left no-repeat; padding:.5em 0 .5em 55px;}
div#contents div.box{padding-bottom:40px;}
div#contents div.boxA{margin-bottom:40px;}
div#contents p.btn{margin:0 10em 2em;}
div#contents p.txt span.small{font-size:12px;}
div#contents p.t_right{font-size:1.3em; text-align:right; margin-bottom:1em;}
ol#main_navi{list-style:none; padding-bottom:1px; margin-bottom:30px;}
ol#main_navi li{width:335px; float:left; margin-bottom:20px;}
ol#main_navi li.even{float:right;}
ol#main_navi li dl{border:5px solid #e2e2e2; padding:10px; min-height:24em; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; behavior:url(/common/js/PIE.htc); position:relative;}
ol#main_navi li.multiple3 dl,
ol#main_navi li.last dl{min-height:26em;}
ol#main_navi li dl dt{font-size:0; line-height:0; text-align:center; margin-bottom:5px;}
ol#main_navi li dl dt a:hover img{transform:rotate(2deg) scale(1.05); -moz-transform:rotate(2deg) scale(1.05); -webkit-transform:rotate(2deg) scale(1.05); -o-transform:rotate(2deg) scale(1.05); -ms-transform:rotate(2deg) scale(1.05);
-ms-filter:"alpha(opacity=80)";}
ol#main_navi li dl dd{font-size:1.3em;}
ol#main_navi li dl dd p{position:absolute; width:245px; bottom:10px; margin-left:30px;}
ul#main_navi{list-style:none; background:url(./img/bg_navi.png) bottom repeat-x; margin-bottom:25px;}
ul#main_navi li{font-size:0; line-height:0; width:150px; float:left; margin-right:30px;}
ul#main_navi li.last{margin:0;}
ul#main_navi li a{display:block; position:relative; padding-bottom:30px; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
ul#main_navi li a.current,
ul#main_navi li a:hover{background:url(./img/bg_current.png) bottom center no-repeat;}
@media screen and (max-width: 640px) {
div#contents .visual{margin-bottom:15px;}
div#contents .page_ttl span{background-size:27px 30px; padding:.5em 0 .5em 35px;}
div#contents div.box{padding-bottom:2em;}
div#contents div.boxA{margin-bottom:2em;}
div#contents p.btn{margin:0 2em 2em;}
div#contents p.txt span.small{font-size:10px;}
div#contents p.t_right{font-size:1.2em;}
ol#main_navi li{width:auto; float:none;}
ol#main_navi li.even{float:none;}
ol#main_navi li dl{min-height:1em;}
ol#main_navi li.multiple3 dl,
ol#main_navi li.last dl{min-height:1em;}
ol#main_navi li dl dt{width:60%; margin:0 auto;}
ol#main_navi li dl dd{font-size:1.2em;}
ol#main_navi li dl dd p{position:relative; width:auto; bottom:auto; margin:1em 0 0;}
ul#main_navi{background:none; margin-bottom:15px;}
ul#main_navi li{width:24%; margin:0 1% 10px 0;}
ul#main_navi li.even{float:left;}
ul#main_navi li.last{margin:0 0 10px;}
ul#main_navi li a{padding-bottom:0;}
ul#main_navi li a.current,
ul#main_navi li a:hover{background:none;}
}

/*--deliver--*/
ol.method{list-style:none; background:#fff5cb; padding:5px; margin:10px 0 25px;}
ol.method>li{padding:30px 15px 5px; position:relative; z-index:2;}
ol.method>li.first{padding-top:15px;}
ol.method>li.even{background:#fff; position:relative; z-index:1;}
ol.method>li:after{content:""; width:0; height:0; border-top:30px solid #fff5cb; border-right:30px solid transparent; border-bottom:30px solid transparent; border-left:30px solid transparent; position:absolute; top:100%; bottom:-30px; left:50%; margin-left:-30px;}
ol.method>li.even:after{border-top:30px solid #fff;}
ol.method>li.last:after{border:none;}
ol.method>li h4{font-size:23px; color:#39c32d; padding:.2em 0 .2em 40px; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
ol.method>li.first h4{background:url(./deliver/img/ico01.png) left no-repeat;}
ol.method>li.even h4{background:url(./deliver/img/ico02.png) left no-repeat;}
ol.method>li.multiple3 h4{background:url(./deliver/img/ico03.png) left no-repeat;}
ol.method>li.multiple4 h4{background:url(./deliver/img/ico04.png) left no-repeat;}
ol.method>li.last h4{background:url(./deliver/img/ico05.png) left no-repeat;}
ol.method>li.first{background:url(./deliver/img/img01.png) right bottom no-repeat;}
div#contents ol.method li.first p.btn{margin:0 0 2em 300px;}
dl.shop_search dt{font-size:0; line-height:0; text-align:center; padding-bottom:15px;}
div.boxA h3.typeA{font-size:30px; color:#005aab; background:#ffce00; text-align:center; font-family:"UD新ゴ DB",UD Shin Go DemiBold; margin:5px 0 15px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; behavior:url(/common/js/PIE.htc); position:relative;}
dl.point{padding:0 10px 5px;}
dl.point dt{font-size:20px; font-weight:bold; line-height:1.25; color:#39c32d; padding:.6em 0 .2em 85px; margin-left:.5em; background:url(./deliver/img/point00.png) left bottom no-repeat;}
dl.point dd ol{list-style:none; background:#fff; padding:5px;}
dl.point dd ol li{padding:1em .5em 1em 115px; font-size:1.3em;}
dl.point dd ol li.first{background:url(./deliver/img/point01.png) left no-repeat; background-position:10px 50%;}
dl.point dd ol li.even{padding:1.5em .4em 1.5em 115px; background:#fff5cb url(./deliver/img/point02.png) left no-repeat; background-position:10px 50%;}
dl.point dd ol li.multiple3{background:url(./deliver/img/point03.png) left no-repeat; background-position:10px 50%;}
dl.point dd ol li.last{background:#fff5cb url(./deliver/img/point04.png) left no-repeat; background-position:10px 50%; padding:1em .5em 1em 115px;}
div#contents div.boxA p.caution{font-size:1.2em; margin-left:10px;}
ol.deliver_box{list-style:none;}
ol.deliver_box li{width:330px; float:left; background:#fff5cb; margin-bottom:20px; min-height:20em;}
ol.deliver_box li.even{float:right;}
ol.deliver_box li dl{padding:10px 15px;}
ol.deliver_box li dl dt{font-size:18px; font-weight:bold; line-height:1.25; color:#39c32d; margin-bottom:.25em;}
ol.deliver_box li dl dd p.caution{font-size:1.2em; padding-left:1em; text-indent:-1em;}
div#contents ol.deliver_box li dl dd p.btn{margin:0 3em;}
div#contents ul.caution{list-style:none; padding:0 1em 2em;}
div#contents ul.caution li{font-size:1.2em; padding-left:1em; text-indent:-1em; margin-bottom:.2em;}
@media screen and (max-width: 640px) {
ol.method>li{padding:30px 15px 5px;}
ol.method>li.first{padding-top:10px;}
ol.method>li:after{content:""; width:0; height:0; border-top:20px solid #fff5cb; border-right:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid transparent; position:absolute; top:100%; bottom:-20px; left:50%; margin-left:-20px;}
ol.method>li.even:after{border-top:20px solid #fff;}
ol.method>li.last:after{border:none;}
ol.method>li h4{font-size:16px; padding:.2em 0 .2em 25px;}
ol.method>li.first h4{background-size:20px 20px;}
ol.method>li.even h4{background-size:20px 20px;}
ol.method>li.multiple3 h4{background-size:20px 20px;}
ol.method>li.multiple4 h4{background-size:20px 20px;}
ol.method>li.last h4{background-size:20px 20px;}
ol.method>li.first{background:none;}
div#contents ol.method li.first p.btn{margin:0 0 2em 0;}
div.boxA h3.typeA{font-size:18px; margin:5px 0 15px; padding:.25em 0;}
dl.point{padding:0 0 5px;}
dl.point dt{font-size:14px;}
dl.point dd ol li{padding:2.5em .5em .5em; font-size:1.2em;}
dl.point dd ol li.first{background-position:0 0;}
dl.point dd ol li.even{padding:2.5em .5em .5em; background-position:0 0;}
dl.point dd ol li.multiple3{background-position:0 0;}
dl.point dd ol li.last{background-position:0 0;}
div#contents div.boxA p.caution{font-size:1em; margin-left:5px;}
ol.deliver_box li{width:auto; float:none; margin-bottom:10px; min-height:3em;}
ol.deliver_box li.even{float:none;}
ol.deliver_box li dl dt{font-size:14px;}
ol.deliver_box li dl dd p.caution{font-size:1em;}
div#contents ul.caution li{font-size:1.2em;}
}

/*--price--*/
ul.card{list-style:none; padding:0 60px 10px; text-align:center;}
ul.card li{font-size:0; line-height:0; display:inline-block; margin:0 6px;}
ol.chart_index{list-style:none; padding-bottom:25px;}
ol.chart_index li{font-size:18px; font-family:"UD新ゴ DB",UD Shin Go DemiBold; width:50%; float:left;}
ol.chart_index li.first:before{content:"　"; background:#ffce00; padding:.25em 1.25em; margin-right:.5em; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; behavior:url(/common/js/PIE.htc); position:relative;}
ol.chart_index li.last:before{content:"　"; background:#9fd069; padding:.25em 1.25em; margin-right:.5em; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; behavior:url(/common/js/PIE.htc); position:relative;}
ul.chart{list-style:none; padding-bottom:15px;}
ul.chart li{font-size:0; line-height:0; width:220px; float:left; margin:0 15px 15px 0;}
ul.chart li.multiple3{margin-right:0;}
ul.clm2 li{list-style:none; width:330px; float:left;}
ul.clm2 li.even{float:right;}
ul.clm2 li dd p{font-size:1.3em; padding:1em .5em 0;}
ol.method>li ul{list-style:disc;}
ol.method>li.ico01{background:none;}
ol.method>li.ico01 h4{background:url(./price/img/ico01.png) left no-repeat; padding-left:45px;}
ol.method>li.ico02 h4{background:url(./price/img/ico02.png) left no-repeat; padding-left:45px;}
ol.method>li.ico03 h4{background:url(./price/img/ico03.png) left no-repeat; padding-left:45px;}
ol.method>li.ico04 h4{background:url(./price/img/ico04.png) left no-repeat; padding-left:45px;}
ol.use_point{list-style:none; padding:10px 0 20px;}
ol.use_point>li.first{text-align:center; padding-bottom:55px; margin-bottom:5px; background:url(./price/img/arrow.png) bottom center no-repeat;}
ol.use_point>li.even{padding-bottom:30px; margin-bottom:15px; background:url(./price/img/equal.png) bottom center no-repeat;}
ol.use_point>li.even dt{text-align:center; margin-bottom:15px;}
ol.use_point>li.last ul{list-style:none; background:url(./price/img/plus.png) center no-repeat;}
ol.use_point>li.last ul li{font-size:0; line-height:0; width:280px; float:left;}
ol.use_point>li.last ul li.last{float:right;}
@media screen and (max-width: 640px) {
ul.card{list-style:none; padding:0 0 10px;}
ul.card li{margin:0 2px;}
ul.card li img{vertical-align:middle;}
ol.chart_index li{font-size:14px; width:auto; float:none; margin-bottom:.5em;}
ul.chart li{width:48%; margin:0 0 10px;}
ul.chart li.even{float:right;}
ul.clm2 li{width:48%;}
ul.clm2 li dd p{font-size:1.2em; padding:.5em 0 0;}
ol.method>li.ico01{background:none;}
ol.method>li.ico01 h4{padding-left:25px;}
ol.method>li.ico02 h4{padding-left:25px;}
ol.method>li.ico03 h4{padding-left:25px;}
ol.method>li.ico04 h4{padding-left:25px;}
ol.use_point>li.first{padding-bottom:35px; background-size:54px 30px;}
ol.use_point>li.even{padding-bottom:20px; background-size:20px 26px;}
ol.use_point>li.last ul{background-size:25px 25px;}
ol.use_point>li.last ul li{width:45%;}
}

/*--hometank--*/
div#contents .pt20{padding-top:20px;}
h4.typeA{font-size:23px; color:#005aab; margin-bottom:.25em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
p.caution{padding-left:1em; text-indent:-1em;}
ol.method>li.none{background:none;}
ol.method>li dl{padding:1em 0;}
ol.method>li.last dl{background:url(./hometank/img/img02.png) left no-repeat;}
ol.method>li.none dt{padding-top:1.25em;}
ol.method>li dt{width:110px; float:left; padding:0 0 2em;}
ol.method>li dd{padding-left:110px;}
ol.method>li dd p{font-size:19px; color:#00788f; line-height:1.25; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
ol.method>li.last dd{padding-left:320px;}
ol.method>li.last dd p{font-size:33px; color:#005aab; padding:0 0 1em;}
ol.method>li.last dd p span{display:block;}
@media screen and (max-width: 640px) {
h4.typeA{font-size:16px;}
ol.method>li.last dl{background:none;}
ol.method>li.none dt{padding-top:0;}
ol.method>li dt{width:auto; float:none; text-align:center; padding:0 0 2em;}
ol.method>li dd{padding-left:0;}
ol.method>li dd p{font-size:16px;}
ol.method>li.last dd{padding-left:0;}
ol.method>li.last dd p{font-size:24px;}
ol.method>li.last dd p span{display:inline;}
}

dl.qa{background:#fff5cb; padding:15px; margin-bottom:50px;}
dl.qa dt{font-size:24px; color:#00788f; font-family:"UD新ゴ DB",UD Shin Go DemiBold; padding:5px 0 5px 45px; margin-bottom:.5em; background:url(/card/iza/img/lm01.png) left no-repeat;}
dl.qa dd{margin:0 20em;}
@media screen and (max-width: 640px) {
dl.qa{padding:10px; margin-bottom:30px;}
dl.qa dt{font-size:16px; padding:5px 0 5px 45px; line-height:1.25;}
dl.qa dd{margin:0;}
}
/* renewal2020 */
.renewal2020 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #005aab;
    font-family: "UD新ゴ DB",UD Shin Go DemiBold;
}

/* 230801追加 */
.kerosene_top ol#main_navi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.kerosene_top ol#main_navi li {
    width: calc(50% - 10px);
    float: none;
}

.kerosene_top ol#main_navi li.multiple3 dl, ol#main_navi li.last dl {
    min-height: 28.5em;
}

.kerosene_top #main_navi::after {
    display: none;
}
/* 240805追加 */
div#contents #kerosene_form div.boxA {
    margin-bottom: 10px;
}

#kerosene_form .boxA .txt{
    font-size: 15px;
    font-weight: bold;
    color: #005aab;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0;
}

@media screen and (max-width: 640px){
    #kerosene_form .boxA .txt{
        font-size: 13px;
        text-indent: -0.6em;
        padding-left: 0.6em;
    }
}

/* 240902追加 */
#kerosene_form .submit button[type="submit"]:hover,
 #kerosene_form .submit input[type="button"]:hover {
    cursor: pointer;
    box-shadow: none;
    opacity: .8;
}

.price_jainfo {
    width: 100%;
}