@charset utf-8;

/* ------------------------------------------------------------------------
 Theme Name: Tread
 Version: 1.0
 Description: ニューステンプレート。ウィジェットカスタマイズ不可。
 Author:     Ibc
 Created:    May 2013
--------------------------------------------------------------------------- */

/*	1.Clear
--------------------------------------- */
body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
h1,
h2,
h3,
h4,
h5,
h6,
form,
select {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
li,
ol {
  list-style: none;
}
img {
  border-style: none;
  outline: none;
}
table {
  border-collapse: collapse;
}
#head:after,
#box:after,
.news li:after,
#bread:after,
.article:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body {
  text-align: left;
  color: #555;
  font-size: 12px;
  line-height: 1.8;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Sans-Serif;
  background: #111;
  border-top: 5px solid #dc2524;
}
#head,
#hbox,
.store,
#lnavi,
#lnavi_02 {
  font-size: 0;
  line-height: 0;
}
#whole {
  background: #fff;
}

/*	Link
--------------------------------------- */
a {
  color: #555;
  text-decoration: none;
}
a:hover {
  color: #555;
  text-decoration: underline;
}
#foot a,
#bread a {
  color: #fff;
}
.ak {
  color: #dc2524;
  text-decoration: underline;
}
.ak:hover {
  color: #dc2524;
  text-decoration: none;
}
.article h3 a {
  color: #222;
  text-decoration: none;
}
.article h3 a:hover {
  color: #222;
  text-decoration: underline;
}

/*	Head
--------------------------------------- */
#head {
  width: 960px;
  margin: 0 auto 20px;
  padding: 1px 0 0;
}
h1 {
  width: 289px;
  margin: 40px 0 0;
  float: left;
}
#gnavi {
  clear: right;
  float: right;
}
#gnavi li {
  float: left;
}
#gnavi a {
  display: block;
}
.gnavIn {
  width: 121px;
  position: absolute;
  z-index: 10;
  display: none;
}
#gnavi .gnavIn__item {
  width: 101px;
  padding: 15px 10px;
  font-size: 12px;
  line-height: 1;
  float: none;
  color: #fff;
  text-align: center;
  background: #222;
  border-top: 1px solid #fff;
}
#gnavi .gnavIn__item:hover {
  color: #fff;
  background: #444;
  text-decoration: none;
}

/*	Hbox
--------------------------------------- */
#hbox {
  height: 100px;
  margin: 0 0 20px;
  clear: both;
  background: url(https://tread-tire.pro/info/wp-content/themes/tread/images/bg_04.png) repeat-x;
}
.inside {
  width: 960px;
  margin: 0 auto;
  padding: 15px 0 0;
}
#hbox h2 {
  float: left;
}
.icon {
  padding: 15px 0 0;
  float: right;
}

/*	Box
--------------------------------------- */
#box {
  width: 960px;
  margin: 20px auto 40px;
}
#bread {
  margin: 0 0 20px;
  float: right;
  color: #fff;
}
#bread dt {
  padding: 0 20px 0 10px;
  float: left;
  font-size: 11px;
  background: #000 url(https://tread-tire.pro/info/wp-content/themes/tread/images/bread.png) no-repeat right center;
}
#bread dd,
#bread dd.dd1 {
  padding: 0 20px 0 10px;
  float: left;
  font-size: 11px;
  background: #dc2524 url(https://tread-tire.pro/info/wp-content/themes/tread/images/bread_02.png) no-repeat right center;
}
#bread dd.dd1 {
  background: #dc2524 url(https://tread-tire.pro/info/wp-content/themes/tread/images/bread_03.png) no-repeat right center;
}

/*	Foot
--------------------------------------- */
#foot {
  padding: 0 0 50px;
  clear: both;
  border-top: 19px solid #dc2524;
  background: #111;
}
.inside_02 {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.tel_b {
  position: absolute;
  top: -19px;
  left: 165px;
}
.pagetop {
  position: absolute;
  top: -45px;
  right: -40px;
}
#foot ul {
  padding: 70px 0 20px;
  font-size: 11px;
  text-align: center;
}
#foot li {
  margin: 0 20px;
  color: #fff;
  display: inline;
}
.logo_b {
  margin: 0 0 10px;
  padding: 15px;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
#foot p {
  text-align: center;
  color: #fff;
  font-size: 11px;
}

/*	WordPress
--------------------------------------- */
.lbox_690 {
  width: 690px;
  padding: 10px 20px 0 0;
  float: left;
  clear: both;
  border-right: 1px solid #ccc;
}
.article {
  width: 690px;
  clear: both;
}
.moon {
  width: 60px;
  float: left;
  text-align: center;
}
.moon dt {
  padding: 5px 0;
  color: #222;
  font-size: 10px;
  line-height: 1.2;
  background: #dedede;
}
.moon span {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.moon dd {
  padding: 2px 0;
  color: #fff;
  font-size: 11px;
  background: #dc2524;
}
.story {
  width: 610px;
  margin: 0 0 30px;
  padding: 0 0 20px;
  float: right;
  background: url(https://tread-tire.pro/info/wp-content/themes/tread/images/bg_05.png) repeat-x bottom;
}
.story p {
  margin: 0 0 20px;
}
.story h3 {
  margin: 0 0 20px;
  padding: 0 0 10px;
  color: #222;
  line-height: 1.3;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 3px solid #dc2524;
}
#rbox_230 {
  width: 230px;
  padding: 10px 0 0;
  float: right;
}
.widget {
  margin: 0 0 30px;
  line-height: 1.5;
}
.widget h3 {
  margin: 0 0 10px;
  padding: 0 0 8px;
  color: #222;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  background: none;
}
.widget li {
  margin: 0 0 10px;
  padding: 0 0 10px 20px;
  background: url(https://tread-tire.pro/info/wp-content/themes/tread/images/icon.png) no-repeat 0 2px;
  border-bottom: 1px dotted #ccc;
}
.more-link {
  padding: 5px 10px;
  color: #fff;
  font-size: 11px;
  background: #dc2524;
}
.more-link:hover {
  color: #fff;
}

/*--Default style for WP-PageNavi plugin--*/
.wp-pagenavi {
  width: 610px;
  margin: 20px 0 10px 80px;
  text-align: center;
  padding: 20px 0 10px;
  clear: both;
  font-size: 10px;
  line-height: 1.4;
  border-top: 1px solid #dedede;
}
.wp-pagenavi .pages {
  margin: 0 0 15px;
  text-align: center;
  display: block;
  color: #333;
  font-size: 14px;
}
.wp-pagenavi a,
.wp-pagenavi .current {
  padding: 7px 14px;
  display: inline;
  text-decoration: none;
  font-size: 12px;
  border-right: 1px solid #fff;
  background: #dedede;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: #dc2524;
  color: #fff;
}
.aligncenter,
.alignnone {
  text-align: center;
  display: block;
  margin: 0 auto;
}
#nav-below {
  width: 610px;
  margin: -10px 0 10px 80px;
  padding: 20px 0;
  border-bottom: 1px solid #dedede;
}
.nav-previous a,
.nav-next a {
  margin: 0;
  padding: 5px 10px;
  float: left;
  color: #fff;
  background: #dc2524;
}
.nav-next a {
  float: right;
}

/* Gallery.css
--------------------------------------- */

.gallery {
  width: 710px;
  margin: 0 -20px 40px 0;
  overflow: hidden;
  letter-spacing: -0.4em;
}

.gallery-item {
  width: 216px;
  margin: 0 20px 0 0;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}

.gallery-icon {
  margin-bottom: 5px !important;
}

.w710 {
  width: 720px;
  margin: 0 -30px 0 0;
  overflow: hidden;
}
#pnavi .wp-pagenavi,
#pnavi #nav-below {
  width: 690px;
  margin: 20px 0;
}

.bx330 {
  width: 321px;
  margin: 0 20px 20px 0;
  padding: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top;
  border: 1px solid #dedede;
}

.bx330 dt {
  margin: 0 15px 0 0;
  float: left;
}

.bx330 dd h4 {
  padding: 10px 0 5px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
}

.w710 h3,
.ops h3 {
  width: 690px;
  margin: 0 0 20px;
  padding: 0 0 10px;
  color: #222;
  line-height: 1.3;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 3px solid #dc2524;
}
.ops p {
  margin: 0 0 20px;
}

/* rnav
--------------------------------------- */
.rnav {
  margin-top: -30px;
}

.rnav__link {
  display: block;
  text-decoration: none;
  padding: 12px 0 12px 25px;
  background: url(https://tread-tire.pro/info/wp-content/themes/tread/images/icon.png) no-repeat 0 50%;
  border-bottom: 1px solid #dedede;
}

.rnav__link:hover {
  text-decoration: none;
}

.rnav__link .rnav__day {
  color: #dc2524;
  font-weight: bold;
  font-size: 11px;
}

/* Module.css
--------------------------------------- */

/* Clear fix */
.cf:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Margin */
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr21 {
  margin-right: 21px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}

/* Pdding */
.p0 {
  padding: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}

/* Font */
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.b {
  font-weight: bold !important;
}
.n {
  font-weight: normal !important;
}

/* Color */
.b2 {
  color: #222 !important;
}
.b3 {
  color: #333 !important;
}
.b8 {
  color: #888 !important;
}

/* Float */
.fll {
  float: left !important;
}
.flr {
  float: right !important;
}

/* Align */
.vt {
  vartical-align: top;
}
.vm {
  vartical-align: middle;
}
.vb {
  vartical-align: bottom;
}

/* Text-align */
.tal {
  text-align: left !important;
}
.tac {
  text-align: center !important;
}
.tar {
  text-align: right !important;
}

/* DISPLAY */
.db {
  display: block !important;
}
.di {
  display: inline !important;
}

/* BODER */
.bn {
  border: none !important;
}

/* BACKGROUND */
.bkn {
  background: none !important;
}

/* Cler */
.clb {
  clear: both !important;
}
.imgs {
  font-size: 0 !important;
  line-height: 0 !important;
}