@charset "utf-8";
/*    20190424    */

/* -------------------------------------------------------------------------- 
   リンク
   ----------------------------------------------------------------------- */


body {
  font-weight: 300;
  font-size: 14px; 
  font-family: Noto Sans Japanese,Noto Sans JP,sans-serif;
}

h2 {
  margin: 0;
}


.row{ margin-bottom: 4em; margin-top: 4em; }
.table{ margin-bottom: 1em; }
.table>tbody>tr>td{vertical-align: middle; font-size: 90%;}
.table>tbody>tr>th{vertical-align: middle; font-size: 80%;}
.table + p.text-right{ margin-top: -15px; }
 table.spec.mt20.specC.centerTable th{ text-align: center!important; }


.navbar-form{padding: 10px 8px 0 0; margin-bottom: 0;margin-top: 0;}
.navbar-form  .form-control{padding: 2px 6px; height:auto; font-size: 12px; width: 100px !important;}
.nav>li>a{ padding: 0px 8px 0 0px; font-size: 12px;}
.nav.navbar-nav{padding: 10px 0 0 0;}

.navbar {position: relative; padding-top: 10px; margin-bottom: 0px; border: 1px solid transparent;}
/********* sp *********/
@media screen and (max-width: 750px) {
.navbar {padding-top:0;}
}

.navbar-collapse { padding-left: 10%;}

.navbar-nav{ padding-top:0; color: #fff; background-color: #003a84;}
.navbar-nav a{color: #fff;}
.navbar-nav .dropdown-menu a{color: #003a84;}
nav.bg-dark{background-color: #003a84 !important;}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1);
}
.navbar{ 
  border-radius: 0;
  display: block;
}
.navbar-form{ padding:10px; }
.navbar-form .form-control {
padding: 10px;
height: auto;
font-size: 14px;
width: 300px !important;
}

.navbar-brand {
  height:28px!important;
}

/********* sp *********/
@media screen and (max-width: 750px) {
.navbar-brand{ padding: 15px; margin: 0 auto;
 }
.navbar.navbar-expand-lg.navbar-dark.bg-dark {
 padding: 0;
 }
.navbar-form .form-control {
  width: 90% !important;
  margin: 0 auto;
 }
}

@media only screen and (max-width: 991px) {
.navbar-collapse { padding-left: 0;}
.navbar-brand {
    text-align: left;
    float: none;
    width: 100%;
    height: auto;
 }
}
@media screen and (max-width: 750px) {
.navbar-brand {
    width: initial;
 }
}

.dropdown.nav-item.nav-link a {
  display: block;
}

.navbar-nav .open .dropdown-menu {
  background-color: #fff;
}

p.header_login {
padding: 0px 8px 0 0px;
font-size: 14px;
margin-bottom: 0;
margin-top: 1px!important;
}

p.header_login a,
p.header_login a:hover{ color: #fff; }

.navbar-toggler {
  padding: 10px 15px;
  font-size: 14px;
}

.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,1);
  border-color: rgba(255,255,255,.1);
}
.navbar-nav a {
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (min-width: 751px) {
.navbar-toggler {
 display: none;
 }
.navbar-nav {
 -ms-flex-direction: row;
 flex-direction: row;
 }
}

.btn{padding: 2px 2px; font-size: 11px;}
.btn_sys_pdf a{ color: #fff; }


body#ProductsInner div#Container h4{ margin-top: 1px;}


.btn{padding: 2px 2px; font-size: 11px;}
.btn_sys_pdf a{ color: #fff; }

body#ProductsInner div#Container h4{ margin-top: 1px;}





div#Footer {margin-top: 30px;}
div#Footer ul.list-inline{ font-size: 12px!important; }




.glow a:hover img { opacity: 0.7;  -moz-opacity: 0.7;  filter: alpha(opacity=70); }
.LoggedIn{ padding-top: 2px; }
.kei{ border: 1px solid #000; padding: 1em; margin-bottom: 1em;  display: inline-block; }
.row-height { display: -webkit-flex; /* Safari */ display: flex; flex-wrap: wrap;}
div#Container .txtarea,.txtarea_r,div#Container ol{font-size: 90%!important; line-height: 1.8!important;}
.fluidslide {padding:0;}
.fluidslide .item img {width:100%;}






.ptb20{padding-bottom: 20px; padding-top: 20px;}
.ptb40{padding-bottom: 40px; padding-top: 40px;}
.ptb60{padding-bottom: 60px; padding-top: 60px;}
.borderB{ border-bottom: solid 1px #e6e6e6;padding: 20px 0; }
.borderR{ border-right: solid 1px #e6e6e6;  margin-right: -1px;}
.Border{ padding: 10px; border: 1px solid #e6e6e6; margin-top: 1em; }



/********* PC *********/
@media only all and (min-width: 769px) {
.navbar-nav { position: relative;}
.LoggedIn { padding: 30px 0;}
.LoggedIn div {
  position: absolute;
  bottom: 5px;
  right: 0;
 }
}


/*
.skiptranslate span{ display: none; }
*/

/********* sp *********/
@media only screen and (max-width: 768px) {
#BtnPageTop p { margin-bottom: 0;}
}

/* -------------------------------------------------------------------------- 
   カテゴリー別のカラー
   ----------------------------------------------------------------------- */

/*

.BorderGrease{border-top: solid 10px #9acd32;}
.BorderOil{border-top: solid 10px #4e90b4;}
.BorderHaikan{border-top: solid 10px #82929b;}
*/

body#Products div#Container ul.ItemBox li.BorderGrease {
border-top: solid 10px #9acd32;
}

body#ProductsInner div#Container div.BorderGrease {
border-left: solid 25px #9acd32;
}

body#Products div#Container ul.ItemBox li.BorderOil {
border-top: solid 10px #4e90b4;
}

body#ProductsInner div#Container div.BorderOil {
border-left: solid 25px #4e90b4;
}



body#Products div#Container ul.ItemBox li.BorderHaikan {
border-top: solid 10px #82929b;
}

body#ProductsInner div#Container div.BorderHaikan {
border-left: solid 25px #82929b;
}



/*  プロダクトトップの商品イメージサイズ  */
.scimage{ max-width: 160px; }

.seihinform{font-size: 14px; width: 16em; border-radius: 3px!important; margin-top: 0!important; margin-right: 1em;}



/* PC */
@media screen and (min-width: 900px) {
 .Border{ padding: 0px; border:none; margin-top:0em; }
}


/* WIDE PC */
@media (min-width: 1200px){
.container {width: 980px; padding-top: 20px;}
}



/* -------------------------------------------------------------------------- 
   bootstrap の初期設定の調整
   ----------------------------------------------------------------------- */

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{ border-top: 1px solid #000; }

.table-bordered td, .table-bordered th
{ border: 1px solid #000!important; }

.nav-link{ white-space: nowrap; padding: .5rem .5rem;  }





/* -------------------------------------------------------------------------- 
   新着情報関連　
   ----------------------------------------------------------------------- */


.o-news__list dl{ border-top: 0px solid #000; overflow: hidden;   }
.o-news__list dl dt,
.o-news__list dl dd
{   }


.o-news__list dl dt{ 
text-align: center; 
float: left ;
clear: left ;
width: 32%;
}
.o-news__list dl dd{
  float: left ;width:68%; 
  text-align: left;
}
.o-news__list dl dt:before,
.o-news__list dl dd:before { content:" "; display: block; border-top: 1px solid #000; margin-bottom: 10px; margin-top: 5px; }



/* -------------------------------------------------------------------------- 
   サファリでのカラム落ち回避　
   ----------------------------------------------------------------------- */

.row
  {
    &::before,
    &::after {
      display: none !important;
    }
  }

  .row:before, .row:after { width:0px; }