@charset "UTF-8";
* {
  max-width: 100%;
}

html {
  width: 100vw;
}

body {
  margin: 0;
}

@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}

.c-header {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}

.c-header a {
  line-height: 1 !important;
}

@media screen and (min-width: 769px) {
  a {
    -webkit-transition: .3s;
    transition: .3s;
  }
  a:hover {
    opacity: .7;
  }
}

.wrapper {
  max-width: 768px !important;
  min-width: initial;
  margin: 0 auto;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  padding: 0;
}

.btob-body {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
  background: #000;
  font-family: "YuGothic", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.btob-body div::after,
.btob-body section::after,
.btob-body ul::after {
  display: none;
  color: inherit;
}

.btob-body img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.btob-body a {
  color: inherit;
  text-decoration: none;
}

.btob-body .select_wrap {
  display: none;
}

.btob-body h2, .btob-body h3 {
  margin: 0;
}

.btob-fv {
  width: 100%;
  background: #000;
}

.btob-present {
  position: relative;
}

.btob-present a {
  display: block;
  position: absolute;
}

.btob-present a.detail {
  top: 84.5vw;
  width: 77vw;
  left: 11.5vw;
}

@media screen and (min-width: 769px) {
  .btob-present a.detail {
    top: 648.96px;
    width: 591.36px;
    left: 88.32px;
  }
}

.btob-present a.registration {
  top: 153.5vw;
  left: 11vw;
  width: 78vw;
}

@media screen and (min-width: 769px) {
  .btob-present a.registration {
    top: 1178.88px;
    width: 599.04px;
    left: 84.48px;
  }
}

.btob-present a.store {
  top: 187.5vw;
  left: 11vw;
  width: 78vw;
}

@media screen and (min-width: 769px) {
  .btob-present a.store {
    top: 1440px;
    width: 599.04px;
    left: 84.48px;
  }
}

.btob-ba {
  background: #000;
}

.btob-recommend {
  position: relative;
}

.btob-recommend a {
  display: block;
  width: 42.3vw;
  position: absolute;
  top: 63.3vw;
  left: 8.4vw;
}

@media screen and (min-width: 769px) {
  .btob-recommend a {
    width: 324.864px;
    top: 486.144px;
    left: 64.512px;
  }
}

.btob-recommend a.half {
  top: 71.8vw;
  left: 49vw;
}

@media screen and (min-width: 769px) {
  .btob-recommend a.half {
    top: 551.424px;
    left: 376.32px;
  }
}

.btob-item {
  margin-bottom: 16.4vw;
}

@media screen and (min-width: 769px) {
  .btob-item {
    margin-bottom: 125.952px;
  }
}

.btob-item-bnr {
  display: block;
  width: 89.3vw;
  margin: 0 auto 4.1vw;
}

@media screen and (min-width: 769px) {
  .btob-item-bnr {
    width: 685px;
    margin: 0 auto 31.488px;
  }
}

.btob-item-bnr.num02 {
  margin: 0 auto 5.4vw;
}

@media screen and (min-width: 769px) {
  .btob-item-bnr.num02 {
    margin: 0 auto 41.472px;
  }
}

.btob-item-bnr:last-of-type {
  margin-bottom: 0;
}

.btob-special {
  padding-bottom: 21.8vw;
}

@media screen and (min-width: 769px) {
  .btob-special {
    padding-bottom: 167.424px;
  }
}

.btob-special-bnr {
  display: block;
  width: 89.3vw;
  margin: 0 auto 4.6vw;
}

@media screen and (min-width: 769px) {
  .btob-special-bnr {
    width: 686px;
    margin: 0 auto 35.328px;
  }
}

.btob-special-bnr:last-of-type {
  margin-bottom: 0;
}

.btob-intro {
  background: #F2F2F2;
}

.btob-intro-item {
  position: relative;
}

.btob-intro-item a {
  display: block;
  position: absolute;
  width: 87vw;
  top: 244.8vw;
  left: 6.3vw;
}

@media screen and (min-width: 769px) {
  .btob-intro-item a {
    width: 668.16px;
    top: 1880.064px;
    left: 48.384px;
  }
}

.btob-intro-item.whiteshot {
  padding-bottom: 0;
}

@media screen and (min-width: 769px) {
  .btob-intro-item.whiteshot {
    padding-bottom: 0px;
  }
}

.btob-intro-item.whiteshot a {
  top: 188.7vw;
}

@media screen and (min-width: 769px) {
  .btob-intro-item.whiteshot a {
    top: 1449.216px;
  }
}

.btob-intro-campaign {
  background: #F2F2F2;
  padding-bottom: 3.3vw;
}

@media screen and (min-width: 769px) {
  .btob-intro-campaign {
    padding-bottom: 25.344px;
  }
}

.btob-intro-warning {
  background: #F2F2F2;
  padding-bottom: 11.3vw;
}

@media screen and (min-width: 769px) {
  .btob-intro-warning {
    padding-bottom: 63.744px;
  }
}

.btob-limited {
  padding-bottom: 16.9vw;
}

@media screen and (min-width: 769px) {
  .btob-limited {
    padding-bottom: 129.792px;
  }
}

.btob-limited-inner {
  width: 89.3vw;
  margin: 0 auto;
  background: #fff;
}

@media screen and (min-width: 769px) {
  .btob-limited-inner {
    width: 685.824px;
  }
}

.btob-limited-cta {
  position: relative;
}

.btob-limited-cta a {
  display: block;
  width: 87vw;
  height: auto;
  position: absolute;
  top: 108vw;
  left: 1.2vw;
}

@media screen and (min-width: 769px) {
  .btob-limited-cta a {
    width: 668.16px;
    top: 829.44px;
    left: 9.216px;
  }
}

.btob-limited-cta a img {
  width: 100%;
  max-width: 100vw;
}

@media screen and (min-width: 769px) {
  .btob-limited-cta a img {
    max-width: 768px;
  }
}

.btob-limited-cta.second a {
  top: 37vw;
  left: 1.2vw;
}

@media screen and (min-width: 769px) {
  .btob-limited-cta.second a {
    top: 284.16px;
    left: 9.216px;
  }
}

@media screen and (min-width: 769px) {
  .pane-footer {
    max-width: 768px;
    margin: 0 auto;
  }
}

.btob-footer-nav {
  background: #000;
  padding-top: 6.5vw;
  margin-top: -3vw;
  margin-bottom: 0;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .btob-footer-nav {
    padding: 42px 0 0;
    margin: 0 auto;
    width: 100%;
  }
}

.btob-footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btob-footer-nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 2.93vw;
  display: block;
  padding: 0 2.66vw;
  border-right: solid .5px #fff;
  letter-spacing: .09em;
  line-height: .8;
}

@media screen and (min-width: 769px) {
  .btob-footer-nav ul li a {
    font-size: 12px;
    padding: 0 10px;
    border-right: solid 1px #fff;
    line-height: .9;
  }
}

.btob-footer-nav ul li:last-of-type a {
  border-right: none;
}