@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:15px 0 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#bnr_navi{list-style:none; padding-bottom:1px;}
ol#bnr_navi li{width:335px; float:left; margin-bottom:20px;}
ol#bnr_navi li.even{float:right;}
ol#bnr_navi li dl{border:5px solid #e2e2e2; padding:10px 10px 0; box-sizing:border-box; min-height:28em; -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#bnr_navi li dl.oil{padding:10px 10px 0;/* min-height:25em\9;*/}
ol#bnr_navi li dl dt{font-size:0; line-height:0; text-align:center; margin-bottom:5px;}
ol#bnr_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#bnr_navi li dl dd{font-size:1.3em;}
ol#bnr_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;}
p.btn_r{margin:0 0 40px; text-align:right;}
p.btn_r a{display:inline-block;}
p.btn_r a:hover{background:#fff5cb;}

p.btn_box_l{margin-bottom:40px; float:left;}
p.btn_box_r{margin:-bottom:40px; /*float:right;*/}
p.btn_box_r a,p.btn_box_l a{display:inline-block;}
p.btn_box_r a:hover,p.btn_box_l a:hover{background:#fff5cb;}
.btn_box{ margin-bottom:20px;}
@media screen and (max-width: 640px) {
div#contents .visual{margin-bottom:15px;}
div#contents .page_ttl span{background-size:30px 26px; padding:.5em 0 .5em 35px;}
div#contents div.box{padding:0 0 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#bnr_navi li{width:auto; float:none;}
ol#bnr_navi li.even{float:none;}
ol#bnr_navi li dl{padding:10px; min-height:5em;}
ol#bnr_navi li dl.oil{padding:10px;}
ol#bnr_navi li dl dt{width:60%; margin:0 auto;}
ol#bnr_navi li dl dd{font-size:1.2em;}
ol#bnr_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:32%; margin:0 2% 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;}
p.btn_r{margin:0 0 25px 0; text-align:center;}
p.btn_r a{display:block;}
p.btn_box_r,p.btn_box_l{margin:0 0 10px 0; text-align:center; float:none;}
p.btn_box_r a,p.btn_box_l a{display:block;}
p.btn_box_r a:hover,p.btn_box_l a:hover{background:none;}
}

/*--oil--*/
dl.guide_box{padding-top:50px; position:relative;}
dl.guide_box dt{padding:0 25px 10px;}
dl.guide_box dd{background:#fff5cb; padding:12px 15px 12px 60px; -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;}
div#contents dl.guide_box dd p.btn{width:265px; margin:0;}
div#contents dl.guide_box dd p.img{position:absolute; top:-120px; right:0; z-index:2;}
@media screen and (max-width: 640px) {
dl.guide_box{padding-top:0;}
dl.guide_box dt{text-align:center;}
dl.guide_box dd{padding:12px 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;}
div#contents dl.guide_box dd p.btn{width:auto;}
div#contents dl.guide_box dd p.img{display:none;}
}

/*--oil_car--*/
ul#sub_navi{list-style:none; background:url(./img/bg_navi.png) bottom repeat-x; margin-bottom:25px;}
ul#sub_navi li{font-size:0; line-height:0; width:335px; float:left;}
ul#sub_navi li.even{float:right;}
ul#sub_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#sub_navi li a.current,
ul#sub_navi li a:hover{background:url(./img/bg_current.png) 60px bottom no-repeat;}
ul#sub_navi2{list-style:none; background:url(./img/bg_navi.png) top repeat-x; margin-top:25px;}
ul#sub_navi2 li{font-size:0; line-height:0; width:335px; float:left;}
ul#sub_navi2 li.even{float:right;}
ul#sub_navi2 li a{display:block; position:relative; padding-top:30px; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
ul#sub_navi2 li a.current,
ul#sub_navi2 li a:hover{background:url(./img/bg_current2.png) 60px top no-repeat;}
dl.tree{display:flex; flex-direction:column; align-items:center; padding-bottom:30px;}
dl.tree dd ol li{list-style:none; width:115px; float:left;}
dl.tree dd ol li dt{font-size:0; line-height:0; margin-bottom:3px;}
dl.tree dd ol li h5{background:#00a3b4; margin:0 5px 5px; text-align:center; font-size:18px; color:#fff; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
div#contents dl.tree dd ol li p.btn{margin:5px;}
div#contents p.chart{font-size:0; line-height:0; text-align:center; margin-bottom:20px;}
dl.inner_box{background:#fff5cb; width:415px; padding:10px; display:inline-block; margin-bottom:20px; box-sizing:border-box;}
dl.inner_box dt{padding-top:10px;}
div#contents dl.typeB2 dd dl.inner_box dd p{margin-bottom:0;}
div#contents dl.typeB2 dd dl.inner_box dd p strong{color:#005bac; font-size:1.5em;}
h4.typeA{font-size:18px; color:#00788f; margin-bottom:.25em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
h4.typeA:before{content:"■"; margin-right:.25em;}
div#contents ol.table > li dl dd p.small{font-size:13px;}
dl.catch{padding-bottom:25px;}
dl.catch dt{padding:5px; background:#00788f; font-size:21px; color:#fff; font-family:"UD新ゴ DB",UD Shin Go DemiBold; text-align:center; margin-bottom:5px; -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.catch dd{font-size:1.2em;}
p.pr{font-size:18px !important;text-align:center;color:#c01119;font-weight:bold;line-height:1.2;}
p.ico_eco{padding:.5em 0 .5em 0;}
dl.typeD dt{font-size:0; line-height:0; text-align:center; padding-bottom:10px;}
dl.typeD dd{text-align:center; font-size:16px; font-family:"UD新ゴ DB",UD Shin Go DemiBold; margin-bottom:20px;}
dl.typeD dd img{margin-bottom:5px;}
h4.typeB{font-size:18px; color:#ff7f27; text-align:center; margin-bottom:.5em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
div.boxB{background:#fff; padding:10px; margin-bottom:5px;}
div.boxB dt{font-size:19px; text-align:center; margin-bottom:.25em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
div.boxB dd{padding-bottom:10px;}
div.boxB dd ul li{list-style:none; width:48%; float:left;}
div.boxB dd ul li.even{float:right;}
div.boxB dd p{text-align:center;}
div.typeC{border:5px solid #fff5cc; padding:15px; margin-bottom:35px;}
div.typeC p{text-align:center; padding:1em 0;}
@media screen and (max-width: 640px) {
ul#sub_navi{background:none; margin-bottom:0; padding-bottom:15px;}
ul#sub_navi li{width:auto; margin-bottom:10px; float:none;}
ul#sub_navi li.even{float:none;}
ul#sub_navi li a{padding-bottom:0;}
ul#sub_navi li a.current,
ul#sub_navi li a:hover{background:none;}
ul#sub_navi2{background:none; margin-bottom:0; padding-bottom:15px;}
ul#sub_navi2 li{width:auto; margin-bottom:10px; float:none;}
ul#sub_navi2 li.even{float:none;}
ul#sub_navi2 li a{padding-top:0;}
ul#sub_navi2 li a.current,
ul#sub_navi2 li a:hover{background:none;}
dl.tree dd ol li{/*width:16.6666%;*/width:25%;}
dl.tree dd ol li h5,
dl.tree dd ol li p{display:none;}
div#contents dl.tree dd ol li p.btn{margin:1px; display:block;}
div#contents p.chart{margin-bottom:10px;}
dl.inner_box{width:auto; display:block;}
dl.inner_box dt{padding-top:0;}
dl.inner_box dt img{width:50%;}
h4.typeA{font-size:16px;}
dl.catch dt{font-size:16px;}
dl.catch dd{font-size:1em;}
dl.typeD dt{text-align:center; width:60%; margin:0 auto;}
dl.typeD dd{font-size:12px; margin-bottom:10px;}
h4.typeB{font-size:16px;}
div.boxB dt{font-size:15px;}
div.boxB dd ul li{width:auto; float:none;}
div.boxB dd ul li.even{float:none;}
}

/*--oil_machine--*/
ul.bnrs{list-style:none; width:415px; padding-bottom:1em;}
ul.bnrs li{background:#00788f; font-size:20px; text-align:center; color:#fff; margin-bottom:.75em; font-family:"UD新ゴ DB",UD Shin Go DemiBold; margin-bottom:5px; -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;}
h3.other{text-align:center; margin-bottom:.75em; font-size:24px; color:#005aab; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
dl.oil_box dt{font-size:0; line-height:0; text-align:center; margin-bottom:10px;}
dl.oil_box dd ul{list-style:none; padding-bottom:20px;}
dl.oil_box dd ul li{width:22%; float:left; margin-right:4%; background:#00788f; text-align:center; font-size:18px; color:#fff; font-family:"UD新ゴ DB",UD Shin Go DemiBold; -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.oil_box dd ul li.last{margin:0;}
dl.typeG dt{font-size:20px; color:#005bac; margin-bottom:.25em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
dl.boxB{background:#fff; padding:10px 15px; margin-bottom:10px;}
dl.boxB dt{font-size:20px; color:#005aab; margin-bottom:.25em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
dl.boxB dt:before{content:"■"; margin-right:.25em;}
div#contents dl.boxB dd p.img{text-align:center; margin:0; padding:0;}
div.boxB2{background:#fff; padding:10px; margin:10px 0 20px;}
div.boxB3{background:#fff; padding:10px; margin-bottom:10px;}
h3.typeG{background:#005aab; margin-bottom:.5em; padding:.25em; text-align:center; font-size:20px; color:#fff; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
div.boxB3 ul.clm3{list-style:none;}
div.boxB3 ul.clm3 li{width:32%; float:left; margin-right:2%;}
div.boxB3 ul.clm3 li.last{margin:0;}
div.boxB3 ul.clm3 li dl{border:1px solid #005aab;}
div.boxB3 ul.clm3 li dl dt{width:45%; float:left; font-size:16px; font-weight:bold; text-align:center; color:#fff; background:#4c8cc4; padding:.5em 0; border-right:1px solid #005aab;}
div.boxB3 ul.clm3 li dl dd{padding:.5em 0 .5em 45%; font-size:16px; font-weight:bold; text-align:center;}

ul.grease_list li{list-style:none; margin-bottom:20px; padding-bottom:25px; border-bottom:2px solid #ffce00;}
ul.grease_list li.last{border:none; }

ul.grease_list li dl dt{float: none!important;margin: 0 0 5px 0;}
ul.grease_list li dl dt h4{padding-left: 0!important;}
ul.grease_list li dl dd p{ margin-bottom:10px!important;}
ul.grease_list li dl dd .flr{float:right;}
ul.grease_list li dl dd .d_pc{display: block;}
ul.grease_list li dl dd .d_sp{display: none;}

div.ecomark{ margin-bottom:20px; float:right; background: #fff5cb;width:30%!important; display:block;padding: 15px;line-height: 1.75;font-size: 1.3em;}
div.ecomark img{ margin:100px 0 150px 0;}


@media screen and (max-width: 640px) {
p.pr{font-size:14px !important;}
ul.bnrs{width:auto;}
ul.bnrs li{font-size:15px;}
h3.other{font-size:16px;}
dl.oil_box dd ul li{width:48%; float:left; margin:0 0 5px 0; font-size:14px;}
dl.oil_box dd ul li.even{float:right;}
dl.typeG dt{font-size:15px;}
dl.boxB dt{font-size:15px;}
h3.typeG{font-size:15px;}
div.boxB3 ul.clm3 li dl dt{font-size:13px;}
div.boxB3 ul.clm3 li dl dd{font-size:13px;}


ul.grease_list{float:none;width:100%!important;}
ul.grease_list li dl dt h4{padding-left: 1.25em!important;}
div.ecomark{ float:none; width:auto!important;padding: 15px;line-height: 1.75;font-size: 1.3em;}
div.ecomark img{ margin:10px 0;}
ul.grease_list li dl dd .d_pc{display: none;}
ul.grease_list li dl dd .d_sp{display: block;margin-top: 20px;}

}

/*--chemical--*/
div.chemical_box{padding-bottom:1px;}
div.chemical_box ul{list-style:none;}
div.chemical_box ul li{width:335px; float:left; margin:0 0 20px;}
div.chemical_box ul li.even{float:right;}
div.chemical_box ul li dl{border:5px solid #fff5cc; padding:15px; min-height:32em; position:relative;}
div.chemical_box ul li dl.short{min-height:32em;}
div.chemical_box ul li dl dt{font-size:19px; color:#00788f; text-align:center; font-family:"UD新ゴ DB",UD Shin Go DemiBold; border-bottom:3px solid #00788f; margin-bottom:.5em;}
div.chemical_box ul li dl dd p{font-size:1.3em;}
div#contents div.chemical_box ul li dl dd p.large{font-size:1.4em; color:#00788f; margin:0 0 .25em; padding:0;}
div.chemical_box ul li dl dd p.ph{font-size:1.3em; width:295px; position:absolute; text-align:center; bottom:10px;}
@media screen and (max-width: 640px) {
div.chemical_box ul li{width:auto; float:none; margin:0 0 15px;}
div.chemical_box ul li.even{float:none;}
div.chemical_box ul li dl{min-height:1em;}
div.chemical_box ul li dl.short{min-height:1em;}
div.chemical_box ul li dl dt{font-size:16px;}
div.chemical_box ul li dl dd p.ph{width:auto; position:relative; bottom:auto;}
}

/*--battery--*/
dl.battery_box{padding:0 0 30px;}
dl.battery_box dt{font-size:0; line-height:0; width:251px; float:left;}
dl.battery_box dd{font-size:0; line-height:0; width:414px; float:right; padding-top:30px;}
h3.battery{font-size:22px; text-align:center; color:#00788f; margin-bottom:.5em; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
dl.co2_box{border:5px solid #fff5cc; padding:15px 20px; margin-bottom:5px;}
dl.co2_box dt{font-size:0; line-height:0; text-align:center; margin-bottom:15px;}
dl.co2_box dd p{background:#ff7f27; font-size:24px; color:#fff; text-align:center; padding:.15em 0; font-family:"UD新ゴ DB",UD Shin Go DemiBold;}
p.caution_t{font-size:1.3em; padding-left:1em; text-indent:-1em; margin-bottom:.5em;}
div.size_box{border:5px solid #fff5cc; padding:15px; margin:25px 0;}
div.size_box ul{list-style:none; padding-bottom:20px;}
div.size_box ul li{width:18%; float:left; margin-right:2.5%; background:#00788f; text-align:center; padding:.2em 0; font-size:16px; color:#fff; font-family:"UD新ゴ DB",UD Shin Go DemiBold; -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;}
div.size_box ul li.last{margin:0;}
div.size_box dl{background:#fff5cb; padding:10px;}
div.size_box dl dt{font-size:18px; font-weight:bold; color:#39c32d; margin-bottom:.25em;}
div.size_box dl dd p{font-size:1.3em;}
dl.charge dt{font-size:16px; font-weight:bold; color:#00788f; text-align:center; padding-bottom:40px; background:url(./battery/img/arrow.png) bottom center no-repeat;}
div#contents dl.charge dd p{font-size:36px; color:#be0d15; text-align:center; font-family:"UD新ゴ DB",UD Shin Go DemiBold; line-height:1; margin-bottom:.75em;}
div#contents dl.charge dd p span{font-size:17px; color:#3a3a3a;}
dl.charge_box{background:#fff; padding:15px 15px 5px;}
dl.charge_box dt{background:#ff7f27; font-size:18px; color:#fff; text-align:center; font-family:"UD新ゴ DB",UD Shin Go DemiBold; padding:.15em 0; margin-bottom:1em;}
dl.charge_box dd p{text-align:center;}
dl.charge_box dd p.caution_t{text-align:left; margin-top:1em;}
dl.typeF dt{text-align:center; margin-bottom:1em;}
dl.typeF dd p{margin:0 10em;}
@media screen and (max-width: 640px) {
dl.battery_box dt{width:auto; float:none; margin:0 50px 10px; text-align:center;}
dl.battery_box dd{width:auto; float:none; padding-top:0; text-align:center;}
h3.battery{font-size:16px;}
dl.co2_box{padding:10px;}
dl.co2_box dt{text-align:center;}
dl.co2_box dd p{font-size:14px;}
p.caution_t{font-size:1.2em;}
div.size_box ul{text-align:center;}
div.size_box ul li{display:inline-block; width:32%; float:none; margin:0 0 5px; font-size:12px;}
div.size_box dl dt{font-size:14px;}
dl.charge dt{font-size:14px;}
div#contents dl.charge dd p{font-size:20px;}
div#contents dl.charge dd p span{font-size:13px;}
dl.charge_box dt{font-size:14px;}
dl.typeF dd p{margin:0;}
}

dl.qa{background:#fff5cb; padding:15px; margin-top: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-top:30px;}
dl.qa dt{font-size:16px; padding:5px 0 5px 45px; line-height:1.25;}
dl.qa dd{margin:0;}
}

#e_aero .catch_img{text-align: center;margin-bottom: 20px;}
#e_aero .catch_img img{width: 100%;height: auto;max-width: 630px;}
#e_aero .red{color: #db0000;}
#e_aero .b{font-weight: bold;}
#e_aero div#contents p.txt{font-size: 15px;}
#e_aero .fll{float: left;width: 270px;padding-right: 20px;margin-top: 15px;}
#e_aero .fll li{font-size: 15px;margin-left: 1.5em;}
#e_aero .flr{float: left;width: 400px;margin-top: 15px;margin-bottom: 20px;}
#e_aero table.tbl{border:1px solid #555;margin: 0 auto 20px;padding: 0;border-collapse: collapse;}
#e_aero table.tbl th,#e_aero table.tbl td{border: 1px solid #555;padding:5px 10px;margin: 0;font-weight: normal;font-size: 15px;}
#e_aero table.tbl th{background-color: #eee;}
#e_aero table.tbl2{font-size: 14px;}
#e_aero table.tbl2 td{text-align: right;}
#e_aero table.tbl2 th{text-align: center;}
#e_aero table.tbl2 .nowrp{white-space: nowrap;}
#e_aero table.tbl2 td.l{text-align: left;}
#e_aero table.tbl2 td.c{text-align: center;}
#e_aero table.tbl2 .hl{background-color: #ffce00;font-weight: bold;color: #005aab;}

#e_aero .typeC{font-size: 15px;text-align: center;margin-bottom: 15px;}
#e_aero .typeC p{font-size: 15px;padding:10px 0;}
#e_aero .typeC .result{font-size: 20px;color: #db0000;text-align: center;font-weight: bold;}
#e_aero .typeC .compare{font-size: 16px;text-align: center;padding:5px 0;}
#e_aero .typeC .compare span{text-decoration: underline;}
#e_aero .typeC .compare em{font-style: normal;font-size: 28px;color: #005bac;padding-left: 5px;}
#e_aero .ruled_line{background:#ffd0d0;color: #000;padding: 20px;}

.tbl_style{border-collapse: collapse;width: 100%;}
.tbl_style th,.tbl_style td{border:1px solid #000;text-align: center;padding: 5px;font-size: 14px;}
.tbl_style th{font-weight: normal;color: #fff;background: #3A5C1C;}
.tbl_scroll{overflow: auto;white-space: nowrap;padding-bottom: 10px;margin-bottom: 10px;}
.tbl_scroll::-webkit-scrollbar{height: 5px;}
.tbl_scroll::-webkit-scrollbar-track{background:#f1f1f1;}
.tbl_scroll::-webkit-scrollbar-thumb{background:#bcbcbc;}
div#contents ol.table>li dl dt.bc{text-align: center;font-size: 22px;padding-top: 10px;padding-right: 20px;text-indent: -20px;}

@media screen and (max-width: 640px) {
#e_aero .fll{float: none;width: auto;}
#e_aero .flr{float: none;width: auto;text-align: center;}
#e_aero .scroll{overflow: auto;white-space: nowrap;}
#e_aero .scroll::-webkit-scrollbar{height: 5px;}
#e_aero .scroll::-webkit-scrollbar-track{background: #F1F1F1;}
#e_aero .scroll::-webkit-scrollbar-thumb{background: #BCBCBC;}
div#contents ol.table>li dl dt.bc{text-indent: 0;}
}

/*
add 202001
-------------------*/

/* オールラウンドD */
.wrap_oil_type_btn {
    display: flex;
    align-items: center;
}
.oil_type_btn {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: .25em;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: normal;
    border-radius: 50px;
    background: #727171;
    color: #fff;
}

.part_box ul {
    list-style: none;
    padding-bottom: 10px;
}
.part_box li {
    width: calc(94% / 4);
    float: left;
    margin-right: 2%;
    background: #00788f;
    text-align: center;
    padding: .2em 0;
    font-size: 16px;
    color: #fff;
    font-family: "UD新ゴ DB",UD Shin Go DemiBold;
}
.part_box li.last {
    margin-right: 0;
}
@media screen and (max-width: 640px) {
    .part_box ul {
        padding-bottom: 0;
        text-align: center;
    }
    .part_box li {
        display: inline-block;
        width: 40%;
        float: none;
        margin: 0 0 5px;
        font-size: 12px;
    }
}

/* 見出し※スタイル */
h3.other span {
    font-size: 14px;
}
@media screen and (max-width: 640px) {
    h3.other span {
        font-size: 12px;
    }
}

/* 新登場 */
.strong_boxA .new_app {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 1px 2px 8px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    background: #d0121b;
}
div#contents dl.typeB2 dd .new_app + p {
    margin-bottom: 0;
    font-weight: bold;
    color: #d0121b;
}

@media screen and (max-width: 640px) {
    .strong_boxA .new_app {
        font-size: 14px;
    }

}

/* グリース */
ul.grease_list li dl dt {float: right!important;}
.catch_box {
    display: flex;
}
.grease_list .catch_box span {
    line-height: 1;
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    color: #fff;
    background: #f39800;
}
.grease_list .catch_box span:first-of-type {
    margin-right: 8px;
}
.grease_list .img_area {
    text-align: center;
    margin-top: 30px;
}
.grease_list .img_area_heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 30px;
}
.grease_list .img_area_heading h5 {
    font-size: 16px;
}

@media screen and (max-width: 640px) {
    ul.grease_list li dl dt {float: none!important;}
    .catch_box span {
        font-size: 12px;
    }
    .catch_box {
        margin-bottom: 5px;
    }
    .grease_list .img_area,
    .grease_list .img_area_heading {
        margin-top: 15px;
    }

}
/* renewal2020 */
.renewal2020 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #005aab;
    font-family: "UD新ゴ DB",UD Shin Go DemiBold;
}


/* ホクレンオイル 202106 */
/*-- oil --*/
ul#main_navi {
    display: flex;
    justify-content: center;
}

ol#bnr_navi.oil_nav li {
    width: 220px;
    margin-left: 15px;
}
ol#bnr_navi.oil_nav li.first {
    margin-left: 0;
}
ol#bnr_navi.oil_nav li.even{
    float: left;
}
ol#bnr_navi.oil_nav li dl {
    min-height: 19em;
}
ol#bnr_navi.oil_nav li dl dd p {
    width: 190px;
    margin-left: 0;
}
@media screen and (max-width: 640px) {
    ul#main_navi {
        display: block;
    }

    ol#bnr_navi.oil_nav li {
        width: auto;
        margin-left: 0;
    }
    ol#bnr_navi.oil_nav li.even{
        float: none;
    }
    ol#bnr_navi.oil_nav li dl {
        min-height: 5em;
    }
    ol#bnr_navi.oil_nav li dl dd p {
        width:auto;
    }
    ol#bnr_navi.oil_nav li dl dd p br {
        display: none;
    }
}

/*-- oil gasoline --*/
ul#sub_navi.navi_oil {
    background: url(./img/bg_navi.png) left bottom 1px repeat-x;
}
ul#sub_navi.navi_oil2 {
    background: url(./img/bg_navi.png) left top 1px repeat-x;
}
ul#sub_navi.navi_oil li { 
    width: 220px;
    margin-left: 15px;
    padding-bottom: 30px;
}
ul#sub_navi.navi_oil2 li { 
    padding-top: 30px;
}
ul#sub_navi.navi_oil li.first {
    margin-left: 0;
}
ul#sub_navi.navi_oil li.even {
    float: left;
}
ul#sub_navi.navi_oil li.current,
ul#sub_navi.navi_oil li:hover{ 
    background: url(./img/bg_current.png) center bottom 1px no-repeat;
}
ul#sub_navi.navi_oil2 li.current,
ul#sub_navi.navi_oil2 li:hover{ 
    background: url(./img/bg_current2.png) center top 1px no-repeat;
}
ul#sub_navi.navi_oil li dl {
    border: 5px solid #e2e2e2;
    padding: 10px 10px 0;
    box-sizing: border-box;
    height: 190px;
    -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#sub_navi.navi_oil li.current dl {
    border: 5px solid #80bcc7;
}
ul#sub_navi.navi_oil li dl dt {
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin-bottom: 5px;
}
ul#sub_navi.navi_oil li dl dt a {
    padding-bottom: 0;
}
ul#sub_navi.navi_oil li dl dt a:hover {
    background: none;
}
ul#sub_navi.navi_oil li dl dd p a {
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
ul#sub_navi.navi_oil li dl dt a:hover img {
    -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)";
    transform:rotate(2deg) scale(1.05);
}
ul#sub_navi.navi_oil li dl dd p {
    position: absolute;
    bottom: 10px;
    width: 190px;
}

div#contents div.strong_boxA h5 {
    font-size: 14px;
    font-family: "UD新ゴ DB",UD Shin Go DemiBold;
}
div#contents div.strong_boxA h5:before {
    content: "●";
    margin-right: .25em;
    color: #f09192;
}
div#contents div.strong_boxA .txt2 {
    margin-bottom: 15px;
    font-size: 1.2em;
}
div#contents div.strong_boxA .test_deta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
div#contents div.strong_boxA .test_deta ul {
    width: 31.5%;
}
div#contents div.strong_boxA .test_deta ul li {
    list-style: none;
    font-size: 1.2em;
}
div#contents div.strong_boxA .test_deta ul li + li {
    margin-top: 5px;
}
div#contents div.strong_boxA .test_deta li strong {
    display: block;
}
div#contents div.strong_boxA .test_deta li span {
    display: block;
    padding-left: 1em;
}
div#contents div.strong_boxA .test_deta .pc {
    display: block;
}
div#contents div.strong_boxA .test_deta .sp {
    display: none;
}
@media screen and (max-width: 640px) {
    ul#sub_navi.navi_oil {
        background: none;
    }
    ul#sub_navi.navi_oil li { 
        width: auto;
        margin-left: 0;
        padding-bottom: 0;
        float: none;
    }
    ul#sub_navi.navi_oil2 li { 
        padding-top: 0;
    }
    ul#sub_navi.navi_oil li.even {
        float: none;
    }
    ul#sub_navi.navi_oil li.current,
    ul#sub_navi.navi_oil li:hover{ 
        background: none;
    }
    ul#sub_navi2.navi_oil li.current,
    ul#sub_navi2.navi_oil li:hover{ 
        background: none;
    }
    ul#sub_navi.navi_oil li dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 10px;
    }
    ul#sub_navi.navi_oil li dl dt {
        width: 45%;
        margin-bottom: 0;
    }
    ul#sub_navi.navi_oil li dl dt a img {
        display: block;
    }
    ul#sub_navi.navi_oil li dl dd {
        width: 50%;
        margin-left: 5%;
    }
    ul#sub_navi.navi_oil li dl dd p {
        position: static;
        width: 100%;
    }
    ul#sub_navi.navi_oil li dl dd p br {
        display: none;
    }

    div#contents div.strong_boxA .test_deta + .test_deta {
        margin-top: -105px;
    }
    div#contents div.strong_boxA .test_deta .pc {
        display: none;
    }
    div#contents div.strong_boxA .test_deta .sp {
        display: block;
    }

}

/*-- oil diesel --*/
ul.bnrs_red { 
    padding-bottom: 1em;
    list-style: none;
}
ul.bnrs_red li { 
    position: relative;
    margin-bottom: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-family: "UD新ゴ DB",UD Shin Go DemiBold;
    background: #be0d15;
    behavior: url(/common/js/PIE.htc);
}
img.bnrs_img {
    margin: 0 0 20px 0;
}
.oil_table{
    margin: 0 0 20px 0;
}
.oil_table th{
    border-top: 1px solid #7b9f57;
    border-bottom: 1px solid #7b9f57;
    background: #e7ebdc;
    text-align: center;
    font-size: 1rem;
    width: 137px;
    font-weight: normal;
}
.oil_table th:nth-child(2),.oil_table td:nth-child(2){
    border-left: 1px dashed #7b9f57;
    border-right: 1px dashed #7b9f57;
}
.S-3_table th:nth-child(2),.S-3_table td:nth-child(2){
    border-left: 1px dashed #7b9f57;
    border-right: 1px dashed #7b9f57;
}
.S-3_table2 th:nth-child(2),.S-3_table2 td:nth-child(2){
    border-right: none;
}
.oil_table td{
    padding: 1px;
    border-bottom: 1px solid #7b9f57;
    text-align: center;
}
.oil_table td strong{
    font-size: 1rem;
}
.oil_table td p{
    font-size: 0.625rem;
}
.new_standard {
    display: flex;
    flex-wrap: wrap;
}
.new_standard h4 {
    width: 50%;
}
.new_standard h4:last-of-type {
    margin-bottom: 1.5em;
}
.oil_notes {
    margin-top: -25px;
}
@media screen and (max-width: 640px) {
    ul.bnrs_red li { 
        font-size: 15px;
    }
    .new_standard h4 {
        width: auto;
    }
    .new_standard h4:nth-of-type(2) {
        order: 4;
    }
    .new_standard h4:nth-of-type(4) {
        order: 6;
        margin-bottom: 1.5em;
    }
    .new_standard h4:last-of-type {
        margin-bottom: 0;
    }
    .oil_notes {
        margin-top: -5px;
    }

    dl.inner_box dt.spw40 img {
        width: 40%;
    }
    dl.inner_box dt.spw60 img {
        width: 60%;
    }

    .oil_table td strong{
        font-size: 0.75rem;
    }

}

.strong_boxA .annot {
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 25px;
}

.strong_boxA .annot .bold {
    font-size: 14px;
    font-weight: bold;
    text-indent: -1em;
    padding-left: 1em;
}

@media screen and (max-width: 640px) {
    .strong_boxA .annot .bold {
        font-size: 13px;
        text-indent: initial;
        padding-left: initial;
    }
}