/* ========================================
                   oilPc
   ======================================== */
html{min-width:1024px;}
.obWrap{font-size:18px;}
.obWrap div > *{width:1024px;}
.oil-contentBg{padding:90px 0;}
.oil-contentBg h3{margin:0 auto!important;font-size:32px;}
.oil-contentBg > .wrench::after{height:380px;margin-top:30px;}
.oil-contentBg > ul{width:1024px;}
.oil-contentBg > ul > li{width:330px;margin-top:-50px;}
.oil-contentBg > ul figure{position:relative;}	
.oil-contentBg > ul figure:hover::after{content:"商品詳細はこちらから";position:absolute;top:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.7);width:100%;height:100%;color:#FFF;animation:fadeIn 0.3s ease-in-out 0s 1 forwards;}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.oil-contentBg > ul figcaption{font-size:20px;}
.oil-contentBg > ul ol li{margin-top:2%;font-size:13px;}

/*------------    itemPattern    ------------*/
section[class*="pattren"]{padding:110px 0 90px;}
section[class*="pattren"] > *{width:1024px;}
section[class*="pattren"] > p{position:relative;}
section[class*="pattren"] > p::after{position:absolute;top:0;height:500px;margin-top:-80px;}

.pattren1 > h3{text-align:right;}
.pattren1 > .funnel,.pattren1 > .saucer{text-align:right;}
.pattren1 > .item2{justify-content:flex-end;}
.pattren1 > ul > li{width:280px;margin:80px 0 0 20px;}

.pattren2 > h3{text-align:left;}
.pattren2 > .nozzle{text-align:left}
.pattren2 > .item2{justify-content:flex-start;}
.pattren2 > ul > li{width:280px;margin:80px 20px 0 0;}
.pattren2 > .pump{text-align:left}

.topLink a{padding:1.5% 0;}