/* ===============================================
reset
=============================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/* vertical-align: baseline;*//**20200225**/
}
/** 20200313追加 **/
html {
  scroll-padding-top: 170px; /* 固定ヘッダの高さ分 */
}

body { line-height: 1; }

ol, ul { list-style: none; }

strong,address,em,cite { font-style: normal; }

img { vertical-align: bottom; }

/* ===============================================
setting
=============================================== */
html { font-size: 62.5%; }

html { scroll-behavior: smooth; }
/*220909追加_ページ内リンクをスムースに*/

body {
color: #000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.7;
background: #fff url(https://file001.shop-pro.jp/PA01209/458/shop/bg.jpg) center 0 repeat-y;
}

/**a {
color: #004b91;
text-decoration: none;
}**/

a:hover { text-decoration: underline; }

a:hover img.over {
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity: 0.5;
opacity: 0.5;
transform: translateY(5px);
/*transform→20250212追加*/
}

br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}

/* ===============================================
#container
=============================================== */
#container { width: 100%; }

/* ===============================================
#header
=============================================== */
#header {
width: 100%;
background: #fff;
padding-bottom: 10px;
}

.headerInner {
width: 960px;
margin: 0 auto;
position: relative;
}

.site-title {
width: 444px;
font-size: 11px;
font-weight: bold;
padding-top: 10px;
}

.info {
width: 422px;
position: absolute;
top: 0;
right: 0; }

.cat {
float: left;
margin-top: 12px; }

.catList {
margin:0 ;
padding: 0;
position: absolute !important;
z-index: 999;
background: #f9f9f9;
}

.catList li {
display: block;
margin: 0;
position: relative !important;
vertical-align: bottom;
height: 30px;
}

* html .catList li {
width: 1px;
}

.catList li a:link, 
.catList li a:visited, 
.catList li a:hover {
display: block;
margin: 0;
padding: 0;
white-space: nowrap;
}

.catList ul {
display: none;
padding: 0;
position: absolute !important;
height: auto;
background: #f9f9f9;
border-top: 1px solid #000;
}

.catList ul li {
margin: 0 ;
padding: 0 15px;
height: 30px;
line-height: 30px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.form {
/*float: right;*/
/*margin-top: 10px;*/
position: relative; }

#searchKeyword {
width: 90%;/*335px*//*268px*/
padding: 7px 0 8px;
border: 1px solid #000;
position: relative;
bottom: -1px;
background: #f9f9f9;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#searchKeyword:focus {
outline: 0;
border: 1px solid #1697bd;
}

#searchBtn {
width: 30px;
height: 30px;
background: #000 url(https://file001.shop-pro.jp/PA01209/458/shop/header/ico.jpg) 0 0 no-repeat;
cursor: pointer;
text-indent: -9999px;
overflow: hidden;
border: none; }

/* ===============================================
#login
=============================================== */
#login {
width: 100%;
color: #fff;
background: #000;/*#1697bd */
margin: 0 auto;/* 30px*/
padding: 5px 0; }

#login div {
width: 960px;/*960px*/
/*height:100px;*/
margin: 0 auto;
position: relative;}

#login li {
display: inline-block;
/display: inline;
/zoom: 1;
margin: 0 7px;
/** background: url(https://file001.shop-pro.jp/PA01209/458/side/arrow.png) 0 8px no-repeat; 201120**/
/**padding-left: 15px; 201120 **/ }

#login a { color: #fff; }

#login .snsBtn {
position: absolute;
right: -50px;
top: 0;}

#login .snsBtn li {
background: none;
padding-left: 0; }

#login .snsBox {
width: 46px;
height: 46px;
border-radius: 5px;
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
/*--20201224_SNSアイコン追加--*/

.twitter-share-button { width: 60px;}

/* ===============================================
#content
=============================================== */
#content {
width: 980px;
margin: 0 auto;
padding-left: 20px; }

/* ===============================================
.pan
=============================================== */
.pan {
font-size: 12px;
font-size: 1.2rem;
margin: -20px 0 20px; }

.pan li {
display: inline-block;
/display: inline;
/zoom: 1; }

/* ===============================================
#main
=============================================== */
#main {
float: left;
width: 700px;
}

#main h1,
.sub-category-title { margin-bottom: 20px; }
span.price {color: #cc0000;}

/* ===============================================
#side
=============================================== */
#side {
float: right;
width: 220px;
}

#side a { color: #333; }

#side .cart {
background: #fff;
margin: 0 0 20px;
width: 230px; }/**200px**/

#side .cartIn {
width: 190px;
padding: 5px 20px; }

#side li { margin-bottom: 20px;}

#side dl { width: 220px; }/* 211025/200px→220px


*/

#side dd {
padding: 7px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #c6c6c6; 
text-indent: -1.5em;
padding-left: 1.5em;}

#side dd a {
padding-left: 20px;
background: url(https://file001.shop-pro.jp/PA01209/458/side/arrow.png) 5px 4px no-repeat; }

ul li.gaibu_side a:hover img {
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
-moz-opacity: 0.5;
opacity: 0.5;
transform: translateY(5px);
/*transform→20250212追加*/
}

/* ===============================================
.toTop
=============================================== */
.toTop {
width: 960px;
margin: 0 auto;
text-align: right; }

/* ===============================================
#footer
=============================================== */
/**#footer {
width: 100%;
background: #008db7 url(https://file001.shop-pro.jp/PA01209/458/shop/footer/bg.jpg) 0 0 repeat-x;
clear: both;
}**/
/**231031コメントアウト**/

#footer {
width: 100%;
background: #070707;
clear: both;
}
/**231031差込**/

.fInner {
width: 960px;
color: #fff;
margin: 0 auto;
padding-top: 40px; }

.fInner div {
width: 233px;
float: left;
margin-right: 20px; }

.fInner h3 {
font-size: 17px;
font-size: 1.7rem;
margin-bottom: 20px; }

.fInner dt {
background: url(https://file001.shop-pro.jp/PA01209/458/shop/footer/line.jpg) right 10px repeat-x;
font-weight: bold;
margin-bottom: 5px; }

.fInner .bgNone { background-image: none; }

.fInner dt span {
background: #cc0000;/**231031 #008db7→#cc0000**/
padding-right: 10px; }

.fInner dd {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 20px; }

.fInner dd img { padding-bottom: 10px; }

.fInner th {
text-align: left;
font-weight: normal; }

.fInner .howto {
width: 200px;
margin-right: 0; }

.fInner .howto ul {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 20px; }

.fInner .howto li {
background: url(https://file001.shop-pro.jp/PA01209/458/side/arrow.png) 0 7px no-repeat;
margin-bottom: 5px;
padding-left: 15px; }

.fInner a { color: #fff; }

.fInner .howto p {
font-size: 11px;
font-size: 1.1rem;
margin-top: 10px; }

.copy {
width: 100%;
background: #000;
color: #adadad;
font-size: 10px;
font-size: 1rem;
text-align: center;
padding: 10px 0; }

/* ===============================================
特定商取引法に基づく表記（返品など）ボタン
=============================================== */
p#sk_link_other {
text-align:left;
margin-top:10px;
}

p#sk_link_other a {
font-size:12px;
}

#group-list {
border-top:#838383 dotted 1px;
padding:5px 0px 0px;
margin:10px 0px 0px;
}

/*　送料無料表示　*/
.subtotal {
padding:5px 0;
}
.stotal {
text-align: right;
color: #cc0000;
}
.total {
font-size: 14px;
font-size: 1.4rem;
padding:5px 0;
margin:0;
border-top:1px dotted #C3C3C3;
text-align:right;
}

.postage {
border-top:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
padding:5px 0;
list-style-type:none;
margin-bottom:5px;
}

.postage li {
margin: 5px 0;
color: #cc0000;
text-align: left;
}

.viewcart {
padding:5px 0;
text-align:center;
}

/* ===============================================
商品オプション 表形式
=============================================== */
#option_tbl {
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#option_tbl th{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#option_tbl td {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

/* ===============================================
Freepage
=============================================== */
.first {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 50px; }

.first h2 { margin-bottom: 30px; }

.first li h2,
.first h3 {
margin-bottom: 10px;
color: #1697bd; }

.first p { margin-bottom: 40px; }

.first li { float: left; }

.no01 div { background: #def3fa; }

.no01 ul {
width: 640px;
margin: 0 auto;  }

.no01 .hr {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #999; }

.no01 li {
width: 193px;
margin-right: 30px; }

.no01 .last { margin-right: 0; }

.no01 h3 {
font-size: 16px;
font-size: 1.6rem; }

.no01 div p {
font-size: 12px;
font-size: 1.2rem;
margin: 10px 0; }

.no01 li span {
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
display: block;
margin-bottom: 10px; }

.no02 ul { background: url(https://file001.shop-pro.jp/PA01209/458/shop/first/01.jpg) 0 50px no-repeat; }

.no02 li {
width: 210px;
margin-right: 22px; }

.no02 .last { margin-right: 0; }

.no02 h3 { margin-bottom: 270px; }

.no02 p {
font-size: 12px;
font-size: 1.2rem;
margin: 0; }


.hello { margin: -40px 0 50px; position: relative;}
.hello div {
color: #fff;
position: absolute;
left: 60px;
top: 90px;
z-index: 2;}
.hello h2 {
font-size: 32px;
line-height: 1.5;
margin-bottom: 80px;}
.hello p {
font-size: 14px;
line-height: 2;
margin-bottom: 20px;}


.gom_title {
background: #d9d9d9;
width:100%;
height: 30px;
}
.free_custom h2{
font-size: 1.6rem;
border-bottom: double 1px solid;
}
.free_custom ul{
list-style-type: none;
}
.free_custom ul li:not(:last-child){
margin-bottom: 1em;
}
.free_custom .free_border_R{
border: 2px #f00 solid;
padding: 10px;
}
.free_custom .column2_20{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.free_custom .column2_20 p,.free_custom .column2_20 li{
width: 50%;
}
.free_custom .column2_20 p:not(:last-child),.free_custom .column2_20 li:not(:last-child){
margin-right: 20px;
}
.free_custom .column2_20 p img{
width: 100%;
height: auto;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.font16{
font-size:1.6rem;
}





/* ===============================================
レコメンド
=============================================== */

.sort {
margin-bottom: 50px; 
font-size: 12px;
font-size: 1.2rem;
}

.sort01 { float: left; }

.sort02 { float: right; }

.sort02 li { float: left; }

.acv { margin-bottom: 20px; }

.acv div {
width: 220px;
float: left;
margin: 0 20px 20px 0; }

.acv .last { margin-right: 0; }

.acv h2,
.acv h3 {
font-size: 13px;
font-size: 1.3rem;
margin: 10px 0 0; }

.acv p,
.acv span {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 5px; }

.acv img {
height:auto;
width:100%;
}/*241028_PILE加藤様追記_ありがとうございます*/

/* ===============================================
freepage
=============================================== */
.titleBg {
width: auto;  
margin-bottom: 20px;
padding: 15px 10px!important;/* 211021修正_15px 0 15px */
color: #fff;
font-size: 20px;
font-size: 2.0rem;
line-height: 1;
background-color: #000000!important;
}

.titleBg span { padding: 0 0 0 15px; }

.free div { margin-bottom: 40px;}
.free h3 {
background: #d9d9d9;
font-size: 16px;
font-size: 1.6rem;
padding: 5px 10px;
margin-bottom: 20px;
}
.free h4 {
background: #d9d9d9;
font-size: 16px;
font-size: 1.4rem;
padding: 5px 10px;
margin-bottom: 20px;
}
.free li {
float: left;
margin: 0 20px 20px 0;
width: 220px;
}
.free span {
display: block;
/* margin-top: 10px; */
}
.free .last { margin-right: 0;}

/*.freepage-title {
width: auto;
margin-bottom: 0px;
color: #fff;
font-size: 17px;
font-size: 1.7rem;
line-height: 45px;
padding-left: 15px;
background: url(https://file001.shop-pro.jp/PA01209/458/shop/free-bg.jpg) 0 0 no-repeat;
}*/

.freepage-title {
width: auto;
    margin-bottom: 20px;
    padding: 15px 10px!important;
    color: #fff;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1;
    background-color: #000000!important;
}

/*191207 ページに対応する為に横幅960pxを追記*/
.freepage-title960 {
width: 960px;
margin-bottom: 0px;/*30px*/
color: #fff;
font-size: 17px;
font-size: 1.7rem;
line-height: 45px;
padding-left: 15px;
background: url(https://file001.shop-pro.jp/PA01209/458/shop/free-bg.jpg) 0 0 no-repeat;
}

.freepage {
border-collapse: collapse;
margin-bottom: 50px;
width: 960px;
}
.freepage th,
.freepage td {
border: 1px solid #c6c6c6;
padding: 5px;
text-align: center;
vertical-align: middle;
white-space: pre-line;/*2020.11.30 nowrap→pre-line*/
}
.freepage a{
color: #f00;
text-decoration: underline;
}
.freepage .last {
text-align: left;
white-space: inherit;
}
.freepage .price { color: #f00;}
.freepage .taLeft {
text-align: left;
white-space: inherit;
}
.freepage-title + div {
width: 945px;
}
.freepage-title + div p {
margin: 25px auto 0; /*0 auto 25px*/
width: 700px;
font-size: 1.6rem;
}
.freepage-title + div p span {
display: table-cell;
vertical-align: middle;
}
* html .freepage-title + div p span {
display: inline;
zoom: 1;
}
*:first-child+html .freepage-title + div p span {
display: inline;
zoom: 1;
}
.freepage-title + div p span img {
margin-right: 50px;
}
.tBg{
margin: 15px auto 50px;
background: url(https://file001.shop-pro.jp/PA01209/458/shop/bg.gif);
}

.free-bg {
width: 945px;
margin-bottom: 30px;
color: #fff;
font-size: 17px;
font-size: 1.7rem;
line-height: 45px;
padding-left: 15px;
background: url(https://file001.shop-pro.jp/PA01209/458/shop/free-bg.jpg) 0 0 no-repeat;
}
.free p { margin-bottom:20px;}
.free .fs20 {
font-size:20px;
font-size:2rem;}
.free .fc-red {color:#f00;}

iframe {
margin: 0;
padding: 0;}

/* ===============================================
スプレー専用
=============================================== */
.spraytable {
border-collapse: collapse;
margin-bottom: 50px;
width: 960px;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px;
display:block;
clear:both;
}


.spraytable div{
margin:0px;
}

.spraytable th {
border-style: solid;
border-color: #c6c6c6;
border-width: 1px 0px;
}
.spraytable td{
cursor:pointer;
padding:5px;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px 0px;
vertical-align:middle;
}

.spraytable .daihyou{
background:#DFEFD2;
text-align:center;
line-height:1.3em
}

.sprayoyatable{
width:960px;
border:0;
border-spacing: 10px;
}
.sprayoyatable div{
margin-bottom:10px;
}

.sprayminitable{
border-collapse: collapse;
width: 100%;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px;
display:block;
clear:both;
}

.sprayminitable th {
border-style: solid;
border-color: #c6c6c6;

}
.sprayminitable td{
cursor:pointer;
padding:5px;
border-style: solid;
border-color: #c6c6c6;
vertical-align:middle;
}


.spraytable2 {
border-collapse: collapse;
margin-bottom: 50px;
width: 570px;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px;
display:block;
clear:both;
}


.spraytable2 div{
margin:0px;
}

.spraytable2 th {
border-style: solid;
border-color: #c6c6c6;
border-width: 1px 0px;
}
.spraytable2 td{
cursor:pointer;
padding:5px;
border-style: solid;
border-color: #c6c6c6;
border-width: 1px 0px;
vertical-align:middle;
}


.bigrighttxt{
float:right;
font-size:24px;
margin-bottom:0px;
margin-right:-260px;
}

.righttxt{
float:right;
margin-bottom:0px;
}

.bluehr{
width:100%;
height:5px;
background:#6DC9BC;
margin-bottom:5px;
clear:right;
display:block;
}


.colorbox{
width:60px;
height:60px;
border: 1px solid #c6c6c6;
}

.iseki1{
background:#E4E3E1;
}

.iseki2{
background:#0070B8;
}

.iseki3{
background:#318DCC;
}

.iseki4{
background:#364A8F;
}

.iseki5{
background:#000000;
}

.iseki6{
background:#EAD09F;
}

.iseki7{
background:#2B2A2F;
}

.iseki8{
background:#004179;
}

.iseki9{
background:#FFF4CE;
}

.kubota1{
background:#FFEFBC;
}

.kubota2{
background:#FCF9EA;
}

.kubota3{
background:#FDFDF5;
}

.kubota4{
background:#EEEFEA;
}

.kubota5{
background:#E94C2B;
}

.kubota6{
background:#EC5A1E;
}

.kubota7{
background:#004370;
}

.kubota8{
background:#012440;
}

.kubota9{
background:#000000;
}

.kubota10{
background:#000000;
}

.kubota11{
background:#636365;
}

.kubota12{
background:#1B462A;
}

.kubota13{
background:#E17D41;
}

.mitsubishi1{
background:#E4E3E1;
}

.mitsubishi2{
background:#A21211;
}

.mitsubishi3{
background:#E60A16;
}

.yanmar1{
background:#F2D7C2;
}

.yanmar2{
background:#E50915;
}

.yanmar3{
background:#C7A790;
}

.yanmar4{
background:#D6B29A;
}

.yanmar5{
background:#265833;
}

.yanmar6{
background:#F7F5E0;
}

.yanmar7{
background:#D63A21;
}

.yanmar8{
background:#003C72;
}

.yanmar9{
background:#000000;
}

.yanmar10{
background:#EDEDED;
}

.ford1{
background:#2E4996;
}

.ford2{
background:#889395;
}

.ford3{
background:#5885C6;
}

.newholand1{
background:#505C5C;
}

.newholand2{
background:#0C58A6;
}

.massay1{
background:#D61F3E;
}

.massay2{
background:#7B8688;
}

.massay3{
background:#505652;
}

.john1{
background:#009059;
}

.john2{
background:#F4F448;
}

.etc1{
background:#1BB06E;
}

.etc2{
background:#B9B9B9;
}

.etc3{
background:#1B482B;
}

.etc4{
background:#000000;
}

.etc5{
background:#008E9C;
}

.etc6{
background:#CDD1D2;
}

.etc7{
background:#E60831;
}

.etc8{
background:#030102;
}

.etc9{
background:#B21413;
}

.etc10{
background:#FFFFFF;
}

.komatsu1{
background:#FBB835;
}

.komatsu2{
background:#0C1A59;
}

.komatsu3{
background:#4F67AF;
}

.komatsu4{
background:#32312F;
}

.komatsu5{
background:#1F1470;
}

.komatsu6{
background:#000000;
}

.komatsu7{
background:#7C7D7F;
}

.komatsu8{
background:#B9B9B9;
}

.komatsu9{
background:#009F83;
}

.hitachi1{
background:#F48500;
}

.hitachi2{
background:#636365;
}

.hitachi3{
background:#7C7D7F;
}

.hitachi4{
background:#383735;
}

.hitachi5{
background:#2C2C24;
}

.cat1{
background:#C68301;
}

.cat2{
background:#000000;
}

.kobelco1{
background:#009F83;
}

.kobelco2{
background:#3F3D3E;
}

.kobelco3{
background:#7C7D7F;
}

.kobelco4{
background:#32312F;
}

.kobelco3{
background:#7C7D7F;
}

.kobelco4{
background:#32312F;
}

.kobelco3{
background:#7C7D7F;
}

.sumitomo1{
background:#FEDA00;
}

.sumitomo2{
background:#A59EBD;
}

.spraytable2 .kubota1{
background:#009F83;
}

.spraytable2 .kubota2{
background:#FEDA00;
}

.spraytable2 .kubota3{
background:#011947;
}

.spraytable2 .kubota4{
background:#011947;
}

.ihi1{
background:#00A65E;
}

.kato1{
background:#F48637;
}

.spraytable2 .yanmar1{
background:#015231;
}

.spraytable2 .yanmar2{
background:#AED793;
}

.spraytable2 .yanmar3{
background:#01A0A6;
}

.spraytable2 .yanmar4{
background:#7C7D7F;
}

.spraytable2 .yanmar5{
background:#FFF301;
}

.roler1{
background:#F48637;
}

.roler2{
background:#3D2B7F;
}

.roler3{
background:#1A1648;
}

.roler4{
background:#0084CE;
}

.roler5{
background:#005CA9;
}

.roler6{
background:#79888F;
}

.roler7{
background:#004B84;
}

.roler8{
background:#FFD101;
}

.roler9{
background:#6F5BA2;
}

.roler10{
background:#005B90;
}

.roler11{
background:#E70916;
}

.roler12{
background:#CD141A;
}

.roler13{
background:#E93E34;
}

.roler14{
background:#0A4235;
}

.track1{
background:#E5E4E2;
}

.track2{
background:#0195DD;
}

.track3{
background:#003E6F;
}

.track4{
background:#003D8D;
}

.track5{
background:#D6D2CF;
}

.track6{
background:#F3F3F3;
}


.sonota1{
background:#FBAE00;
}

.sonota2{
background:#014582;
}

.sonota3{
background:#029E86;
}

.sonota4{
background:#505050;
}

.sonota5{
background:#D04E68;
}

.sonota6{
background:#A28053;
}

.sonota7{
background:#008C79;
}

.fork1{
background:#52BB93;
}

.fork2{
background:#F07002;
}

.fork3{
background:#E58F04;
}

.hoshi{
background:#DCDDF1;
padding:10px;
display:block;
width:200px;
text-align:center;
}

.bigrighttxt2{
float:right;
font-size:24px;
margin-bottom:0px;
margin-left:-800px;
}

.w600{
width:570px;
}


/* ===============================================
clearfix
=============================================== */
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

div.e_opa a:hover {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
transform: translateY(5px);
/*transform→20250212追加*/
}

/* ===============================================
珍味ページ
=============================================== */
/* 集約ページ */
div.toba {margin-bottom:30px;}
div.toba div {margin:50px auto 100px;}
a.hoverImg {
background-color:#fff;
display:block;
}
a.hoverImg img {transition:all 0.5s ease;}
a:hover.hoverImg img {
opacity:0.7;
filter:alpha(opacity=70);
transform: translateY(5px);
/*transform→20250212追加*/
}
ul.fl {width:960px;}
ul.fl li {
float:left;
width:310px;
margin-right:15px;
}
ul.fl li.last {margin-right:0;}

.titleT {
width:952px;
margin-bottom:30px;
padding:11px 0 20px 8px;
color:#fff;
font-size:1.7em;
line-height:1;
background:#000;
border-radius:0.25em 0.25em 0 0 / 0.25em 0.25em 0 0;
}
.mb15{margin-bottom:15px;}

/* 商品ページ */
.hozon {
width:auto;
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
}
.hozon th,
.hozon td {
padding:10px;
border:1px solid #ccc;
}
.hozon th {
white-space:nowrap;
text-align:left;
background-color:#ededed;
}
.hozon td ul {
margin:0;
padding-left:1em;
text-indent:-1em;
}
.detail .desc {
font-size:1.4em;
}
.obi {
background-color:#f00;
color:#fff;
margin:15px 0 !important;
padding:5px;
font-size:1.25em !important;
}
ul.fl7 {width:700px;}
ul.fl7 li {
float:left;
width:226px;
margin-right:11px;
}
ul.fl7 li.last {margin-right:0;}
ul.fl7 img{
width:226px;
height:182px;
}
.titleT7 {
width:692px;
margin-bottom:15px;
padding:11px 0 15px 8px;
color:#fff;
font-size:1.3em;
line-height:1;
background:#000;
border-radius:0.25em 0.25em 0 0 / 0.25em 0.25em 0 0;
}

/* ===============================================
tirechain サイズ一覧
=============================================== */
.sizetable { font-size:13px; }
.tabelestyle{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.6rem;/*200206：12pxから1.6remに変更*/
text-align:center;
margin:15px auto;
width:100%;
background: url("https://file001.shop-pro.jp/PA01209/458/chain/bg.gif");
border-collapse: collapse;
/*padding: 5px 5px;*/
}
.tabelestyle thead{
background:#e0d7ea;
border-collapse: collapse;
}
.tabelestyle th,
.tabelestyle tr,
.tabelestyle td{
padding: 5px 0px;
line-height: 130%;
border: 1px #999 solid;
border-collapse: collapse;
vertical-align:middle !important;
}
.tabelestyle a:link{
color:#F00;
}
.tabelestyle a:visited{
color:#F00;
}
.tabelestyle2{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
margin:15px auto;
}
.tabelestyle2 a:link{
color:#F00;
}
.tabelestyle2 a:visited{
color:#F00;
}

.st tr:nth-child(even){
background-color:rgba(251,231,207,.7);
}

.yellowdiv{
background:#F17B0F;
padding:5px;
font-size:16px;
color:#FFF;
}
.reddiv{
background:#F00;
padding:5px;
font-size:16px;
color:#FFF;
}
.greendiv1{
background:#07988B;
padding:7px;
font-size:16px;
color:#FFF;
width:170px;
}
.greendiv2{
padding:5px;
font-size:16px;
border:2px solid #07988B;
width:170px;
}
.childtable{
width:96%;
height:40px;
border:1px #07988B solid;
margin:0 auto;
}
.childtable1{
background:#07988B;
text-align:center;
color:#FFF;
vertical-align:middle !important;
}
.childtable2{
text-align:center;
vertical-align:middle !important;
}
#underbox{
text-align:center;
padding:15px 0;
border:none;
}
#underbox{
border:0px;
}
.undertd{
border:0px;
text-align:center;
}
.pinkdiv{
background:#C5176C;
padding:1px;
font-size:10px;
color:#FFF;
}
.bluefonts{
color:#146AB1;
font-weight: bold;
}
.redfonts{
color:#FF0000;
font-weight: bold;
}
.pinkfonts{
color:#B32368;
font-weight:bold;
}
.tabelestyle td a{
color:#ff0000;
font-weight: bold;
}
.yellowback{
background-color:#FF0;
padding:1px 0px;
}
.listpink{
background-color:#FCEDDA;
}
.listgray{
background-color:#E9E2D0;
}
.listblue{
background:#D0E5E6;
}
.caption {
font-size:10px;
}
.caption *{
font-size:10px;
}
.rightFloat{
float:right;
margin-right:13px;
}
.greenbox1{
background:#07988B;
padding:7px;
font-size:16px;
color:#FFF;
width:170px;
display:inline-block;
}
.greenbox2{
padding:5px;
font-size:16px;
border:2px solid #07988B;
width:170px;
display:inline-block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.rightFloat{
float:right;
margin-right:13px;
}
.greenbox1{
background:#07988B;
padding:7px;
font-size:16px;
color:#FFF;
width:170px;
display:inline-block;
}
.greenbox2{
padding:5px;
font-size:16px;
border:2px solid #07988B;
width:170px;
display:inline-block;
}
}
.rightmargin{ margin-right:4px; }

/* タイヤチェーン */
.scc_sp {
margin-bottom:50px;
width: 100%;/*20210710_700px→100%*/
border: 1px solid #c6c6c6;
border-collapse: collapse;
}
.scc_sp th, .scc_sp td {
border: 1px solid #c6c6c6;
padding: 5px;
text-align: center;
vertical-align: middle;
font-size: 16px; /*20220120追記*/
font-size: 1.6rem; /*20220120追記*/
/* white-space: nowrap;*/ /*20220120コメントアウト*/
}
.scc_sp th {
background-color: #1697bd;
color: #fff;
font-weight: bold;
width:100px;
}
.scc_sp .fontcolorred {
margin:0;
padding:0;
color:red;
}

.scc_sp .fontcolorblue {
margin:0;
padding:0;
color:blue;
}
.scc_sp .fontcolorblack{
margin:0;
padding:0;
color:black;
}
.syohin_s span.note_r{
font-size: 12px;
text-align: right;
line-height: 1.3;
margin-top: -40px;
margin-bottom: 5px;
width: 100%;
display: inline-block;
}

.syohin_s .scc_sp span{
display: inline-block;
}
.borderT {border-top:2px solid #214889 !important;}
.borderS {
border-left:2px solid #214889 !important;
border-right:2px solid #214889 !important;
}
.borderB {border-bottom:2px solid #214889 !important;}
.fB {font-weight:bold;}
.fs9 {font-size:9px;}
.blueF {color:#1d92e2;}
.pinkF {color:#d90f72;}
.mt5 {margin-top:5px;}
.link:hover {background:#c1e4f8;}
.link td {cursor:pointer;}
.decor {
color:#f00;
text-decoration:underline;
}
/* 20160910 */
.descB {
color:#008db7;
font-size:1.8rem !important;
font-size:18px !important;
font-weight:bold;
margin:0 0 15px 0 !important;
}
p.redBorder {
width:100%;
border:3px solid #f00;
padding:3px;
margin:0;
}
.notice {
color:#f00;
font-size:18px;
font-weight:bold;
}

.opa a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
transform: translateY(5px);
/*transform→20250212追加*/
}

.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}
.w30 {width:30% !important;}
.rightBlue {background:#c9d8ed; !important}
.ye {color:#fc0;}
.bg {color:#268b79;}
.bl4 {color:#004ea2;}
.blk {color:#000;}
.itemBox {overflow:hidden;}
.itemBox h2 {
background-color:#1697bd;
color:#fff;
padding:8px 10px;
font-size:16px;
}
.itemBox h3{font-size:16px;}
.itemBox .iBleft {
float:left;
width:36%;
}
.itemBox .iBleft .leftImg {
margin:0;
border:1px solid #c6c6c6;
}
.itemBox .iBleft .leftImg img {width:100%;}
.itemBox .iBright {
float:right;
width:60%;
padding-left:0 !important;
}
.itemBox .iBright table {
font-size:13px;
width:100%;
border-collapse:collapse;
border-spacing:0;
}
.itemBox .iBright table th {
background-color:#d6d9e0;
color:#000;
text-align:center;
font-weight:700;
padding:10px 4%;
border:1px solid #999;
}
.itemBox .iBright table td {
padding:10px 4%;
text-align:left;
border:1px solid #999;
color:#000;
font-weight:normal;
}
.LBBorder {
border-left:3px solid #868686;
border-bottom:1px solid #868686;
}
.headLine {
color: #008db7;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}

/* ===============================================
龍馬刃
=============================================== */
.ryomaBlock { margin: 40px 0;}
.ryomaBlock__title01 {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 20px;}
.ryomaBlock__title02 {
background: #000;
color: #fff;
font-size: 20px;
font-size: 2rem;
margin-bottom: 20px;
padding: 5px 20px;}
.ryomaBlock__p,
.ryomaBlock__notice {
font-size: 16px;
font-size: 1.6rem;}
.ryomaBlock__p { margin-bottom: 20px;}
.ryoma__banner02 { margin-bottom: 40px;}
.ryoma__banner02 a:hover { opacity: .6;}
.ryomaBlock__table {
border: 1px solid #3e3431;
border-collapse: collapse;
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 40px;
width: 100%;}
.ryomaBlock__table thead { background: #eeeeef;}
.ryomaBlock__table th {
border: 1px solid #3e3431;
box-sizing: border-box;
padding: 5px;
text-align: center;}
.ryomaBlock__bgcolor { background: #eeeeef;}
.ryomaBlock__table td {
border: 1px solid #3e3431;
padding: 5px;
text-align: left;
vertical-align: top;}
.ryomaBlock__table td:nth-child(3),
.ryomaBlock__table td:nth-child(4),
.ryomaBlock__table td:nth-child(5),
.ryomaBlock__joint td:nth-child(2) { text-align: center;}
.ryomaBlock__table a { color: #f00;}

/* ===============================================
龍馬刃 f210
=============================================== */
.ryomaBlock__list li {
float: left;
margin: 0 20px 20px 0;
width: 340px;}
.ryomaBlock__list li:nth-child(2n) { margin-right: 0;}
.ryomaBlock__list a {
color: #0724fb;
display: block;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
text-decoration: underline;}
.ryomaBlock__list a:hover { opacity: .6;}
.ryomaBlock__list a + a { margin-top: 10px;}
/* =============================================
龍馬刃
============================================= */
.left .ryomaDetail p {
font-size: 14px;
font-weight: normal;
margin: 0;}
.ryomaDetail { font-size: 14px;}
.ryomaDetail-block { margin-bottom: 50px;}
.ryomaDetail__topimg { margin-bottom: 20px;}
.left .ryomaDetail-block p { margin-bottom: 20px;}
.ryomaDetail__point {
border-bottom: 1px solid #868686;
border-left: 5px solid #868686;
color: #868686;
font-size: 17px;
margin-bottom: 20px;
padding-left: 15px;}
.ryomaDetail__point--number { font-size: 22px;}
.ryomaDetail__point--text {
color: #000;
display: inline-block;
font-size: 22px;
margin-left: 30px;}
.ryomaDetail__blue { color: #008db7;}
.ryomaDetail-block dt {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;}
.ryomaDetail-block dd { margin-bottom: 30px;}
.ryomaDetail__pointDd p {
float: left;
width: 340px;}
.ryomaDetail__pointDd img {
float: right;
width: 340px;}
.ryomaDetail__pointDd small {
display: block;
font-size: 12px;
margin-top: 20px;}
.ryomaDetail-cutter { margin-bottom: 50px;}
.ryomaDetail-cutter__title {
background: #008db7;
color: #fff;
font-size: 19px;
padding: 10px;
text-align: center;}
.ryomaDetail-cutter__inner {
background: #f3f3f3;
padding: 30px;}
.ryomaDetail-cutter__block { margin-bottom: 50px;}
.ryomaDetail-cutter__block:last-child { margin-bottom: 0;}
.ryomaDetail-cutter__ex {
font-size: 18px;
margin-bottom: 20px;}
.ryomaDetail-cutter__ex span {
background: #fff000;
color: #000;
display: inline-block;
margin-right: 20px;
padding: 5px 10px;}
.ryomaDetail-cutter__ex + img { margin-bottom: 40px;}
.ryomaDetail-cutter__block h6 {
font-size: 16px;
margin-bottom: 20px;}
.ryomaDetail-cutter__block h6 span { border-bottom: 10px solid #fff000;}
.ryomaDetail-cutter__left {
float: left;
width: 340px;}
.ryomaDetail-cutter__left b {
color: #f00;
display: block;
font-size: 18px;
font-weight: bold;
margin-top: 20px;
text-decoration: underline;}
.ryomaDetail-cutter__right {
float: right;
width: 270px;}
.ryomaDetail-flow { margin-bottom: 50px;}
.ryomaDetail-flow__inner {
background: #f3f3f3;
margin-bottom: 30px;
padding: 30px 80px 30px 80px;}







.ryomaDetail-banner { margin: 50px 0;}
.ryomaDetail-banner li { margin-bottom: 20px;}
.ryomaDetail-banner a:hover { opacity: .6;}

/* 20171023 Coupon */
a#sidebarArea {
width:100px;
position:fixed;
top:200px;
right:0px;
display:inline-block;
/*transition:all .2s ease;*/
z-index:9999;
}
/*a#sidebarArea:hover {
right:0;
}*/
/* タイヤチェーンクロスメンバー商品詳細ページ */
.detail table.scc_sp caption{
text-align: left;
font-size: 16px;
font-weight: bold;
}
.detail table.scc_sp span.note_r{
font-size: 12px;
text-align: right;
line-height: 1.3;
margin-bottom: 5px;
margin-top: 0px;
display: block;
}
/* 色・フォント太さ共通 */
.black_t{
color:#000;
}
.white_t{
color:#fff;
}
.blue_t{
color:#00f;
}
.gray_t{
color:#808080;
}
.silver_t{
color:#C0C0C0;
}
.green_t{
color:#008000;
}
.red_t{
color:#F00;
}
.yellow_bk{
background-color:#FF0;
}
.pink_bk{
background-color:#FF00FF;
}
.black_bk{
background-color:#000;
}
.white_bk{
background-color:#fff;
}
.blue_bk{
background-color:#00f;
}
.gray_bk{
background-color:#808080;
}
.silver_bk{
background-color:#C0C0C0;
}
.green_bk{
background-color:#008000;
}
.red_bk{
background-color:#F00;
}
.yellow_bk{
background-color:#FF0;
}
.pink_bk{
background-color:#FF00FF;
}
.bold{
font-weight: bold;
}
.c_borderRed{
border: 3px solid red;
padding: 5px;
font-size: 18px;
}
/* 色・フォント太さ共通 */
/* 寄せ共通 */
.center{
text-align: center;
}
/* 寄せ共通 */
/* 横並び */
.parent{
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
/* 横並び */
/* 注意書き */
.caution_area,.caution_area2{
border: 4px solid #f00;
padding: 20px;
font-size: 15px;
}
.caution_area p,.caution_area2 p{
font-size: 17px;
}
.caution_area li{
margin-bottom: 10px;
}
/* 注意書き */
/* 工事中ページ */
.maintenance_space{
padding: 50px;
}
.maintenance_space p:first-child{
font-weight: 400;
font-size: 48px;
text-align: center;
color: #0065ff;
}
.maintenance_space p{
text-align: center;
color: #000;
}
/* 工事中ページ */

/* ===============================================
191126_右サイドタブ
=============================================== */
#tab-con  {width: 235px;/* 最初に表示されるバナーの幅 */
height: 235px;/* バナーの高さ */
position: fixed;/* バナーを固定します */
left: 0px;/* 左から0pxの位置に指定 */
top: 160px;/* 上から160pxの位置に指定 */
}


/* ===============================================
20210726_エレメンフリーページ用
=============================================== */
#oil_main {
  width: 960px;
}

.oil_taLeft {
  text-align: left;
  padding: 5px !important;
}

.oil_syu {
  width: 2%;
}

#oil_table thead {
  background-color: #e8e2cf !important;
}

#oil_table tbody tr:nth-child(even) {
  background-color: rgba(209, 232, 231, 0.7);
   !important;
}

.oil_price {
  color: #F00;
  width: 6%;
  /*background-color:#ffedca  !important;*/
}

/* ===============================================
220411_スマホ用LINE問合せ
=============================================== */
  /*--.line {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
  }--*/

  /*-- スマホ版LINE問い合わせ表示CSS  --*/
  /*--@media screen and (max-width: 768px) {
    pc_area {
      display: none;
    }

    sp_area {
      display: block;
    }
  }--*/

  /*-- スマホ版LINE問い合わせ修飾CSS  --*/
  /*--.line_link {
    background: #06c755;
    display: block;
    color: #fff;
    font-size: 4.4rem;
    font-weight: bold;
    line-height: 100px;
    text-align: center;
    text-decoration: none;
  }--*/

  /*-- 選択範囲の色を変える  --*/
::-moz-selection {
  background-color: #ff5046;
  color: #fff;
}

::selection {
  background-color: #ff5046;
  color: #fff;
}