﻿
/* CSS Document */
@import url(normalize.css);
/**

 * 1.0 - リセット
 * 2.0 - 基本設定
 * 3.0 - 共通要素
 * 4.0 - 固有要素
 * 5.0 - WP default CSS

 */
/*------------------------------

 1.0 - リセット

-------------------------------*/
/* line 36, ../scss/main.scss */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  line-height: 1em;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 48, ../scss/main.scss */
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 56, ../scss/main.scss */
*,
*:before,
*:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* line 62, ../scss/main.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

/* line 75, ../scss/main.scss */
ol,
ul {
  list-style: none;
}

/* line 80, ../scss/main.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
}

/* line 85, ../scss/main.scss */
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

/* line 92, ../scss/main.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

/* line 99, ../scss/main.scss */
blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

/* line 108, ../scss/main.scss */
a:focus {
  outline: 2px solid #c1c1c1;
  outline: 2px solid rgba(51, 51, 51, 0.3);
}

/* line 113, ../scss/main.scss */
a:hover,
a:active {
  outline: 0;
}

/* line 118, ../scss/main.scss */
img {
  border: 0;
  vertical-align: bottom;
}

/*------------------------------

 2.0 - 基本設定

-------------------------------*/
/* line 128, ../scss/main.scss */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
  font-size: 1em;
}

/* line 134, ../scss/main.scss */
a, a:visited {
  color: #333;
}

/* line 138, ../scss/main.scss */
a:hover {
  color: #333;
}

/* line 142, ../scss/main.scss */
a img {
  transition: .5s;
}

/* line 146, ../scss/main.scss */
a:hover img {
  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7;
}

/* line 154, ../scss/main.scss */
time {
  display: block;
  font-size: .9em;
  margin: 0 0 1em 0;
}
/* line 158, ../scss/main.scss */
time span {
  background-color: #f54d4d;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 9px;
  margin-left: 5px;
  padding: 3px 8px;
}

/* line 170, ../scss/main.scss */
.list {
  overflow: hidden;
}
/* line 172, ../scss/main.scss */
.list li {
  float: left;
}

/* line 177, ../scss/main.scss */
.thum img {
  width: 100%;
  height: auto;
}

/* line 181, ../scss/main.scss */
p {
  word-wrap: break-word;
}

/*------------------------------

 3.0 - 共通要素

-------------------------------*/
/* header */
/* line 193, ../scss/main.scss */
header {
  margin: auto;
  position: relative;
  width: 100%;
}

/* line 198, ../scss/main.scss */
h1 {
  text-align: center;
  padding: 40px 0 15px 0;
}

/* line 203, ../scss/main.scss */
nav {
  background: none;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
/* line 210, ../scss/main.scss */
nav ul {
  width: 960px;
  margin: auto;
}
/* line 214, ../scss/main.scss */
nav li {
  width: 25%;
  float: left;
}
/* line 217, ../scss/main.scss */
nav li a,
nav li a:visited {
  box-sizing: border-box;
  color: #333333;
  display: block;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
  transition: 0.5s;
  width: 100%;
  letter-spacing: 1px;
}
/* line 231, ../scss/main.scss */
nav li:hover a {
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
}

/* line 237, ../scss/main.scss */
.nav-fixed {
  background-color: rgba(0, 0, 0, 0.7);
  overflow: visible;
  margin: 0;
  width: 100%;
  display: none;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
/* line 245, ../scss/main.scss */
.nav-fixed .inner {
  width: 960px;
  margin: auto;
  /*    overflow:hidden;*/
}
/* line 251, ../scss/main.scss */
.nav-fixed ul {
  width: 740px;
  margin: auto;
  float: right;
}
/* line 256, ../scss/main.scss */
.nav-fixed li {
  width: auto;
  float: left;
}
/* line 259, ../scss/main.scss */
.nav-fixed li a,
.nav-fixed li a:visited {
  color: #FFF;
  padding: 15px 15px;
  letter-spacing: 1px;
}
/* line 265, ../scss/main.scss */
.nav-fixed li a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 270, ../scss/main.scss */
#logo-fixed {
  float: left;
  margin: 13px 0;
}

/* line 274, ../scss/main.scss */
.fixed {
  position: fixed;
  top: 0;
  display: block;
  z-index: 100;
}

/* line 280, ../scss/main.scss */
time {
  font-family: 'Lora', serif;
  font-style: italic;
  font-size: 12px;
}

/* footer */
/* line 290, ../scss/main.scss */
footer {
  background-color: #666;
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 1.4em;
  width: 100%;
  padding: 3em 0;
}
/* line 297, ../scss/main.scss */
footer .inner {
  margin: auto;
  overflow: hidden;
  width: 960px;
}

/* line 304, ../scss/main.scss */
.footer-menu-list {
  overflow: hidden;
  margin-bottom: 1.5em;
  text-align: center;
}
/* line 308, ../scss/main.scss */
.footer-menu-list li {
  display: inline-block;
}
/* line 310, ../scss/main.scss */
.footer-menu-list li a {
  border-right: 1px solid #FFF;
  color: #FFF;
  display: block;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 0 1em;
  text-decoration: none;
}
/* line 322, ../scss/main.scss */
.footer-menu-list li:last-child a {
  border: none;
}

/* line 327, ../scss/main.scss */
.footer-copyright {
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
}

/*------------------------------

 4.0 - 固有要素

-------------------------------*/
/* --------- home --------- */
/* #contents */
/* line 348, ../scss/main.scss */
.home #contents {
  font-size: 1.4em;
  margin: auto;
  width: 100%;
}
/* line 353, ../scss/main.scss */
.home .content {
  margin: 0 auto 5em auto;
  width: 960px;
}
/* line 356, ../scss/main.scss */
.home .content h2 {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin: 2em;
  text-align: center;
  letter-spacing: 1px;
}
/* line 365, ../scss/main.scss */
.home .loading {
  text-align: center;
}
/* line 368, ../scss/main.scss */
.home .more a {
  background-color: #666666;
  background-image: url(../image/plus.png);
  background-repeat: no-repeat;
  background-position: 75px center;
  display: block;
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0 auto 2em auto;
  padding: 9px 0 8px 15px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  width: 300px;
}
/* line 385, ../scss/main.scss */
.home .more a:visited {
  color: #FFF;
}

/* #slide */
/* line 394, ../scss/main.scss */
.home #slide {
  background-color: #CCCCCC;
  /*    height:620px;*/
  margin-bottom: 4em;
  width: 100%;
  overflow: hidden;
}
/* line 401, ../scss/main.scss */
.home .metaslider-69 {
  /*    min-width:1400px;*/
}

/* #pickup */
/* line 411, ../scss/main.scss */
.home #pickup {
  overflow: hidden;
}
/* line 414, ../scss/main.scss */
.home .pickup-thum {
  width: 33%;
  float: left;
}
/* line 418, ../scss/main.scss */
.home .pickup-caption {
  background-color: #f7f6f6;
  box-sizing: border-box;
  float: left;
  padding: 1em;
  width: 33%;
}
/* line 424, ../scss/main.scss */
.home .pickup-caption h3 {
  margin-bottom: 1em;
  font-size: 80%;
  line-height: 1.5em;
}
/* line 429, ../scss/main.scss */
.home .pickup-caption p {
  font-size: 12px;
  line-height: 1.4em;
}
/* line 434, ../scss/main.scss */
.home .pickup-thum2 {
  width: 33%;
  float: right;
}

/* #information */
/* line 443, ../scss/main.scss */
.home #information .more a {
  margin: 0 auto 2em auto;
}
/* line 448, ../scss/main.scss */
.home .information-list {
  margin-right: -1%;
}
/* line 450, ../scss/main.scss */
.home .information-list li {
  width: 24%;
  margin: 0 1% 3% 0;
}
/* line 453, ../scss/main.scss */
.home .information-list li time {
  margin: 1em 0;
}
/* line 456, ../scss/main.scss */
.home .information-list li h3 {
  margin-bottom: 1em;
  font-size: 80%;
  line-height: 1.5em;
}
/* line 462, ../scss/main.scss */
.home .information-list li p {
  font-size: 10px;
  line-height: 1.8em;
}
/* line 466, ../scss/main.scss */
.home .information-list li a {
  display: block;
  text-decoration: none;
}

/* #brands */
/* line 476, ../scss/main.scss */
.home .brand-list {
  margin-right: -1%;
}
/* line 478, ../scss/main.scss */
.home .brand-list li {
  width: 19%;
  margin: 0 1% 1% 0;
}
/* line 483, ../scss/main.scss */
.home #brands .more a {
  background-position: 95px center;
  margin: 3% auto 2em auto;
}
/* line 487, ../scss/main.scss */
.home .brand-thum {
  background-color: #000000;
}

/* #items */
/* line 495, ../scss/main.scss */
.home .item-list {
  margin-right: -1%;
}
/* line 497, ../scss/main.scss */
.home .item-list li {
  width: 24%;
  margin: 0 1% 1% 0;
}
/* line 502, ../scss/main.scss */
.home .item-name {
  margin: 1em 0 0 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 80%;
}
/* line 509, ../scss/main.scss */
.home #items .more a {
  background-position: 100px center;
  background-size: 9px;
  margin: 2% auto 2em auto;
}

/* #oemodm */
/* line 521, ../scss/main.scss */
.home #oemodm {
  background-image: url(../image/oem_bg.jpg);
  background-size: cover;
  margin: 0;
  padding: 70px 0;
  text-align: center;
  width: 100%;
}
/* line 528, ../scss/main.scss */
.home #oemodm h2 {
  font-size: 18px;
}
/* line 531, ../scss/main.scss */
.home #oemodm h3 {
  font-size: 20px;
  margin: 1em;
}
/* line 536, ../scss/main.scss */
.home #oemodm ul {
  text-align: center;
}
/* line 539, ../scss/main.scss */
.home #oemodm li {
  display: inline-block;
  margin: 20px;
}
/* line 542, ../scss/main.scss */
.home #oemodm li a {
  background-color: #666;
  color: #FFF;
  display: block;
  font-size: 12px;
  padding: 10px;
  text-decoration: none;
  width: 200px;
}
/* line 553, ../scss/main.scss */
.home #oemodm p {
  line-height: 2em;
  margin-bottom: 2em;
}
/* line 559, ../scss/main.scss */
.home #oemodm .btns li a {
  padding: 15px 10px;
}

/* .global */
/* line 571, ../scss/main.scss */
.global ul.child {
  display: none;
  position: absolute;
  padding: 0;
  width: auto;
  z-index: 1000;
}
/* line 577, ../scss/main.scss */
.global ul.child li {
  color: #FFFFFF;
  float: none;
  min-width: 137px;
}
/* line 581, ../scss/main.scss */
.global ul.child li a {
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: 1px;
}

/* line 591, ../scss/main.scss */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
/* line 596, ../scss/main.scss */
#page-top img {
  width: 45px;
  height: auto;
}

/*------------------------------

 5.0 - WP default CSS

-------------------------------*/
/* line 610, ../scss/main.scss */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 617, ../scss/main.scss */
.alignleft {
  float: left;
}

/* line 621, ../scss/main.scss */
.alignright {
  float: right;
}

/* line 625, ../scss/main.scss */
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 638, ../scss/main.scss */
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

/* line 644, ../scss/main.scss */
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

/* line 650, ../scss/main.scss */
.content strong {
  font-weight: bold;
}

/* line 653, ../scss/main.scss */
.content em {
  font-style: italic;
}
