@charset "UTF-8";
/* html {
  font-size: 62.5%;
} */
.container,
.navbar-static-top .container,
.navbar-fixed-bottom .container,
.span12 {
  width: 1200px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  /* for sp */
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100% !important;
  }
}

.body.container {
  color: #000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  overflow: hidden;
  /* --------  top area--------------- */
  /* logo */
  /* for tablet */
  /* for sp */
}

.body.container img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.body.container figure {
  margin: 0;
  padding: 0;
}

.body.container p {
  margin: 0 0 1rem;
}

.body.container article,
.body.container aside,
.body.container details,
.body.container figcaption,
.body.container figure,
.body.container footer,
.body.container header,
.body.container hgroup,
.body.container nav,
.body.container section {
  display: block;
}

.body.container .container,
.body.container .navbar-static-top .container,
.body.container .navbar-fixed-top .container,
.body.container .navbar-fixed-bottom .container,
.body.container .span12 {
  width: 120rem;
}

.body.container #page-body,
.body.container #brandNavi {
  background: #fff;
}

.body.container #lp {
  margin-bottom: 15rem;
  width: 120rem;
}

.body.container .bannerPC {
  display: block !important;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.body.container .bannerSMP {
  display: none !important;
}

.body.container .itemimage {
  display: block !important;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.body.container .maintitle {
  font-size: 1.6em;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 8rem;
  letter-spacing: 0.05em;
}

.body.container .maintext {
  font-size: 1.2em;
  text-align: left;
  margin-left: 25rem;
  margin-right: 25rem;
  margin-bottom: 5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body.container .subtitle {
  font-size: 1.3em;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 3rem;
  letter-spacing: 0.05em;
}

.body.container .spbr {
  display: none !important;
}

.body.container .subtext {
  font-size: 1.2em;
  text-align: left;
  margin-top: 5rem;
  margin-left: 25rem;
  margin-right: 25rem;
  margin-bottom: 5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body.container .matometext {
  font-size: 1.2em;
  text-align: center;
  margin-top: 5rem;
  margin-left: 25rem;
  margin-right: 25rem;
  margin-bottom: 5rem;
  line-height: 1.5;
}

.body.container .inimage {
  display: block !important;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.body.container .itemtitle {
  font-size: 1em;
  text-align: center;
  margin-top: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-decoration: underline;
}

.body.container .price {
  font-size: 1em;
  text-align: center;
  margin-top: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body.container .syosaitext {
  font-size: 1.2em;
  text-align: center;
  margin-top: 5rem;
  margin-left: 25rem;
  margin-right: 25rem;
  margin-bottom: 3rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.body.container #brandNavi {
  padding-bottom: 2rem;
}

.body.container .logo {
  display: block !important;
  width: 15%;
  margin-top: 15rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.body.container .logo:hover {
  opacity: 0.8;
  cursor: pointer;
}

.body.container #brandNavi li svg {
  width: 15rem;
  max-width: 100%;
  height: 7.5rem;
}

.body.container .norc {
  text-align: center;
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  .body.container html {
    font-size: calc(10* (100vw / 1200));
  }
}

@media only screen and (max-width: 767px) {
  .body.container {
    /* header */
  }
  .body.container .bannerPC {
    display: none !important;
  }
  .body.container .bannerSMP {
    display: block !important;
    width: 100%;
  }
  .body.container #page-body {
    border: none;
    clear: both;
  }
  .body.container #page-body {
    padding: 0 calc(20* (100vw / 750));
    width: auto;
  }
  .body.container .container,
  .body.container .navbar-static-top .container,
  .body.container .navbar-fixed-top .container,
  .body.container .navbar-fixed-bottom .container,
  .body.container .span12 {
    width: calc(750* (100vw / 750));
  }
  .body.container #lp {
    margin-bottom: calc(180* (100vw / 750));
  }
  .body.container .itemimage {
    display: block !important;
    width: 100%;
  }
  .body.container .maintitle {
    font-size: calc(29* (100vw / 750));
    margin-top: calc(100* (100vw / 750));
    margin-left: 0;
    margin-right: 0;
  }
  .body.container .maintext {
    font-size: calc(24* (100vw / 750));
    margin-left: 0;
    margin-right: 0;
    margin-top: calc(60* (100vw / 750));
    margin-bottom: calc(100* (100vw / 750));
  }
  .body.container .subtitle {
    font-size: calc(26.5* (100vw / 750));
    margin-top: calc(60* (100vw / 750));
  }
  .body.container .spbr {
    display: block !important;
  }
  .body.container .style_image {
    width: 70%;
  }
  .body.container .subtext {
    font-size: calc(24* (100vw / 750));
    margin-top: calc(60* (100vw / 750));
    margin-bottom: calc(100* (100vw / 750));
    margin-left: 0;
    margin-right: 0;
  }
  .body.container .itemtitle {
    font-size: calc(21* (100vw / 750));
    margin-top: calc(20* (100vw / 750));
    line-height: 1.4;
    text-align: center;
  }
  .body.container .matometext {
    text-align: left;
    font-size: calc(24* (100vw / 750));
    margin-top: calc(60* (100vw / 750));
    margin-left: 0;
    margin-right: 0;
  }
  .body.container .inimage {
    display: block !important;
    width: 80%;
  }
  .body.container #lp {
    padding: 0 calc(20*(100vw/750));
  }
  .body.container .price {
    font-size: calc(21* (100vw / 750));
    margin-top: calc(20* (100vw / 750));
    line-height: 1.4;
  }
  .body.container .syosaitext {
    font-size: calc(21* (100vw / 750));
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.5;
    margin-top: calc(100* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
  }
  .body.container #brandNavi {
    padding-bottom: calc(40* (100vw / 750));
  }
  .body.container .logo {
    margin-top: calc(300* (100vw / 750));
    margin-bottom: calc(100* (100vw / 750));
  }
  .body.container #brandNavi li svg {
    width: calc(180* (100vw / 750));
    height: calc(130* (100vw / 750));
  }
  .body.container .header__brand-logo {
    left: calc(-14 * (100vw / 750));
  }
  .body.container .header-item__icon {
    right: calc(30 * (100vw / 750));
  }
  .body.container .main-area.lp {
    padding-left: calc(10* (100vw / 750));
  }
  .body.container #Foot {
    width: 103%;
  }
}
/*# sourceMappingURL=style.css.map */