@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal;
  word-wrap: break-word;
  min-height: 0;
  min-width: 0;
}

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,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
  width: 100%;
  color: #040000;
  font-family: "Noto Serif JP",Helvetica,Arial,Doroid Sans,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 3.466666666666667vw;
  background: #101318;
}

header,
footer,
section {
  display: block;
}

h1,
h2,
h3 {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

a {
  color: #040000;
  text-decoration: none;
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
}

.view-tab {
  display: none;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10.666666666666668vw 0;
}

.logo__footer {
  width: 22.666666666666664vw;
}

.copyright {
  color: #fff;
  font-size: 3.2vw;
  letter-spacing: .7px;
  margin: 8vw auto;
}

.list__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20vw;
}

.item__list__footer {
  width: 8vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8vw;
  -ms-flex: 0 0 8vw;
  flex: 0 0 8vw;
}

.img__list__footer {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.wrap__mv {
  background: #100911 url("../img/bg_mv_sp.png") no-repeat top left;
  background-size: cover;
  position: relative;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  height: 240vw;
}

.wrap__mv med,
.wrap__mv .logo {
  position: relative;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out 2s;
  transition: all 1.5s ease-out 2s;
  width: 29.599999999999998vw;
  padding: 4.533333333333333vw 0 0 7.6vw;
}

.wrap__mv .figure__mv {
  margin: 0 auto;
  position: absolute;
  top: 22.5%;
  left: 50%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all 1.5s ease-out 1.5s;
  transition: all 1.5s ease-out 1.5s;
  width: 90.66666666666666vw;
  margin: 0 auto 7.466666666666668vw;
}

.wrap__mv .img__mv {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.wrap__mv .contents__mv {
  margin: 0 auto;
  background: #fff;
  text-align: center;
  width: 90.93333333333334vw;
  padding: 23.333333333333332vw 4.666666666666667vw 10.666666666666668vw;
}

.wrap__mv .wrap__contents__mv {
  margin: 0 auto;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%,100px);
  transform: translate(-50%,100px);
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 1.5s ease-out 2s;
  transition: all 1.5s ease-out 2s;
  background: rgba(255,255,255,0.5);
  width: 96.66666666666667vw;
  padding-bottom: 4vw;
}

.wrap__mv .ttl__mv {
  position: absolute;
  top: -3.333333333333333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 69.86666666666666vw;
}

.wrap__mv .ttl__mv:after {
  content: "";
  display: block;
  height: 2px;
  background: #d6b09a;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 13.733333333333334vw;
  bottom: -7.333333333333333vw;
}

.wrap__mv .subttl__mv {
  display: block;
  font-size: 3.733333333333333vw;
  line-height: 1;
  letter-spacing: 1.866666666666667vw;
  margin-top: 4.133333333333333vw;
}

.wrap__mv .img__ttl__mv {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.wrap__mv .text__mv {
  font-size: 3.733333333333333vw;
  line-height: 1.8;
}

.wrap__mv .text__mv:last-of-type {
  margin-top: 6.666666666666667vw;
}

.wrap__mv.is-active {
  opacity: 1;
}

.wrap__mv.is-active .logo {
  opacity: 1;
}

.wrap__mv.is-active .figure__mv {
  opacity: 1;
  -webkit-transform: translate(-50%,-60%);
  transform: translate(-50%,-60%);
}

.wrap__mv.is-active .wrap__contents__mv {
  opacity: 1;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.section__summary {
  width: 100%;
  overflow-x: hidden;
  background-color: #100911;
  background-image: url("../img/bg_summary_sp.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  text-align: center;
  position: relative;
  padding: 17.333333333333336vw 0 13.333333333333334vw;
}

.ttl__summary {
  color: #d6b09a;
  font-size: 5.333333333333333vw;
  font-weight: 400;
  margin-bottom: 24.666666666666668vw;
  letter-spacing: .5333333333333333vw;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}

.subttl__summary {
  display: block;
  font-size: 4vw;
  letter-spacing: 1.28vw;
  margin-left: 3.333333333333333vw;
  padding-left: 3.333333333333333vw;
  position: relative;
}

.subttl__summary:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  bottom: -6px;
  left: 0;
  width: 1px;
  background: #d6b09a;
}

.wrap__figure__summary {
  position: relative;
}

.figure__summary {
  -webkit-transition: all 3s cubic-bezier(.385,.005,.125,1.015);
  transition: all 3s cubic-bezier(.385,.005,.125,1.015);
  height: 50.66666666666667vw;
  opacity: 0;
}

.figure__summary--prospex {
  background-image: url("../img/img_rect_prospex.png");
  background-size: cover;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.figure__summary--astron {
  background-image: url("../img/img_rect_astron.png");
  background-size: cover;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  margin: 0 0 0 auto;
}

.figure__summary--presage {
  background-image: url("../img/img_rect_presage.png");
  background-size: cover;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.figure__summary--lukia {
  background-image: url("../img/img_rect_lukia.png");
  background-size: cover;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  margin: 0 0 0 auto;
}

.img__summary {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%,20px);
  transform: translate(-50%,20px);
  -webkit-transition: all 1.4s ease-out 1.6s;
  transition: all 1.4s ease-out 1.6s;
  opacity: 0;
}

.img__summary--prospex {
  top: -13.200000000000001vw;
  width: 64.4vw;
}

.img__summary--astron {
  top: -10.4vw;
  width: 53.06666666666666vw;
}

.img__summary--presage {
  top: -12vw;
  width: 42.8vw;
}

.img__summary--lukia {
  top: -16vw;
  width: 43.733333333333334vw;
}

.text__summary {
  color: #fff;
  font-size: 4vw;
  letter-spacing: .4266666666666667vw;
  line-height: 1.94;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 1.5s ease-out 3s;
  transition: all 1.5s ease-out 3s;
  margin: 22.666666666666664vw 6.666666666666667vw 0;
}

.section__summary.is-active .ttl__summary {
  opacity: 1;
}

.section__summary.is-active .figure__summary {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.section__summary.is-active .img__summary {
  opacity: 1;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.section__summary.is-active .text__summary {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.section__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../img/bg_detail_sp.png");
  background-size: cover;
  padding: 16vw 0;
}

.figure__detail {
  margin: 0 6.666666666666667vw 9.333333333333334vw;
}

.contents__detail {
  text-align: center;
}

.ttl__detail {
  font-size: 6.933333333333334vw;
  margin-bottom: 6.933333333333333vw;
}

.text__price {
  font-size: 3.2vw;
}

.text__price .price {
  font-size: 5.6vw;
  font-weight: bold;
}

.text__detail {
  font-size: 4vw;
  line-height: 1.94;
  letter-spacing: .4266666666666667vw;
  margin-bottom: 8vw;
}

.btn {
  font-size: 3.733333333333333vw;
  background: #01000e;
  color: #e8ded5;
  line-height: 1;
  display: inline-block;
  height: 13.333333333333334vw;
  width: 53.333333333333336vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  -webkit-transition: all .35s ease-out;
  transition: all .35s ease-out;
}

.btn:hover {
  cursor: pointer;
  border: 1px solid #01000e;
  background: transparent;
  color: #01000e;
}

.section__detail .figure__detail {
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.section__detail .contents__detail {
  -webkit-transition: all 1.5s ease-out 1s;
  transition: all 1.5s ease-out 1s;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.section__detail.is-active .figure__detail,
.section__detail.is-active .contents__detail {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.wrap__section___present {
  padding: 13.333333333333334vw 6.666666666666667vw;
}

.section__present {
  margin: 0 auto;
  border: 1px solid #d6b09a;
  padding: 8.666666666666668vw;
}

.ttl__present {
  color: #d6b09a;
  font-weight: 400;
  letter-spacing: 5.2px;
  font-size: 5.333333333333333vw;
  text-align: center;
  margin-bottom: 8.666666666666668vw;
}

.figure__present {
  width: 100%;
  margin-bottom: 8.666666666666668vw;
}

.img__present {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
}

.content__present {
  color: #fff;
  line-height: 2.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text__present {
  font-size: 4vw;
  letter-spacing: .48000000000000004vw;
  width: 100%;
}

.text__present--caution,
.text__shoplist--caution {
  font-size: 3.2vw;
  margin-top: 8.666666666666668vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.text__present--caution:before,
.text__shoplist--caution:before {
  content: "*";
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.section__shoplist {
  background: url("../img/bg_shoplist.png") no-repeat;
  background-size: 100% 100%;
  padding: 16vw 0 14.000000000000002vw;
}

.ttl__shoplist {
  font-size: 5.333333333333333vw;
  text-align: center;
  margin-bottom: 8vw;
}

.text__shoplist {
  font-size: 4vw;
  text-align: center;
  margin-bottom: 8vw;
  letter-spacing: .8vw;
}

.text__shoplist--caution {
  width: 90vw;
  margin: 0 auto;
}

.table__shoplist {
  margin: 0 auto;
  border-top: 1px solid #000;
  width: 213.33333333333334vw;
  font-size: 3.733333333333333vw;
}

.th__shoplist {
  border-bottom: 1px solid #000;
  text-align: center;
  font-weight: normal;
  padding: 1.333333333333333vw 0;
}

.td__shoplist {
  border-bottom: 1px solid #000;
  padding: 3.2vw 2.666666666666667vw;
}

.td__shoplist--link {
  text-align: center;
}

@media screen and (min-width:768px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }

  a:hover {
    color: #040000;
    text-decoration: none;
  }

  .view-sp {
    display: none !important;
  }

  .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 150px;
    padding: 0 80px;
  }

  .logo__footer {
    width: 170px;
  }

  .copyright {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .copyright {
    margin: auto;
  }

  .list__footer {
    width: 76px;
  }

  .item__list__footer {
    width: 32px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
  }

  .wrap__mv {
    height: 108.33333333333333vw;
    background: #100911 url("../img/bg_mv.png") no-repeat top center;
    background-size: cover;
  }

  .wrap__mv med,
  .wrap__mv .logo {
    padding: 2.5vw 0 0 5.5vw;
  }

  .wrap__mv med .img__logo,
  .wrap__mv .logo .img__logo {
    width: 142px;
  }

  .wrap__mv .figure__mv {
    top: 30%;
    width: 64.16666666666667vw;
    max-width: 770px;
    margin: 0 auto 4.666666666666667vw;
  }

  .wrap__mv .contents__mv {
    width: 860px;
    padding: 170px 0 70px;
  }

  .wrap__mv .wrap__contents__mv {
    width: 900px;
    padding-bottom: 20px;
  }

  .wrap__mv .ttl__mv {
    top: -18px;
    width: 438px;
  }

  .wrap__mv .ttl__mv:after {
    width: 106px;
    bottom: -55px;
  }

  .wrap__mv .subttl__mv {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .wrap__mv .subttl__mv {
    letter-spacing: 9px;
    text-indent: 9px;
    margin-top: 24px;
  }

  .wrap__mv .text__mv {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .wrap__mv .text__mv {
    text-indent: 1.8px;
    line-height: 2.33;
  }

  .section__summary {
    padding: 120px 0 50px;
  }

  .section__summary--prospex {
    background-image: url("../img/bg_summary_prospex.png");
    background-size: 100% auto;
    background-position: center top -16.5vw;
  }

  .section__summary--astron {
    background-image: url("../img/bg_summary_astron.png");
    background-size: 100% auto;
    background-position: center top -16.5vw;
  }

  .section__summary--presage {
    background-image: url("../img/bg_summary_presage.png");
    background-size: 100% auto;
    background-position: center top -16.5vw;
  }

  .section__summary--lukia {
    background-image: url("../img/bg_summary_lukia.png");
    background-size: 100% auto;
    background-position: center top -16.5vw;
  }

  .ttl__summary {
    font-size: 32px;
    font-size: 3.2rem;
  }

  .ttl__summary {
    letter-spacing: 6.4px;
    margin-bottom: 145px;
  }

  .subttl__summary {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .subttl__summary {
    letter-spacing: 7.2px;
    padding-left: 30px;
    margin-left: 30px;
  }

  .figure__summary {
    width: 90vw;
    height: 380px;
  }

  .img__summary--prospex {
    top: -99px;
    width: 483px;
  }

  .img__summary--astron {
    top: -78px;
    width: 398px;
  }

  .img__summary--presage {
    top: -90px;
    width: 321px;
  }

  .img__summary--lukia {
    top: -120px;
    width: 328px;
  }

  .text__summary {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .text__summary {
    letter-spacing: 1.8px;
    margin: 104px 0 0;
  }

  .section__detail {
    padding: 0;
    height: 542px;
  }

  .section__detail--prospex {
    background-color: #fffbef;
    background-image: url("../img/bg_detail_prospex.png");
  }

  .section__detail--astron {
    background-color: #f8f2e6;
    background-image: url("../img/bg_detail_astron.png");
  }

  .section__detail--presage {
    background-color: #f8f2e6;
    background-image: url("../img/bg_detail_presage.png");
  }

  .section__detail--lukia {
    background-color: #f1f1f3;
    background-image: url("../img/bg_detail_lukia.png");
  }

  .clm__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .figure__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 697px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 697px;
    -ms-flex: 0 0 697px;
    flex: 0 0 697px;
    margin: auto;
  }

  .img__detail--prospex {
    width: 532px;
  }

  .img__detail--astron {
    width: 523px;
  }

  .img__detail--presage {
    width: 516px;
  }

  .img__detail--lukia {
    width: 459px;
  }

  .contents__detail {
    text-align: left;
    width: 343px;
  }

  .ttl__detail {
    font-size: 28px;
    font-size: 2.8rem;
  }

  .ttl__detail {
    margin-bottom: 29px;
  }

  .text__price {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .text__price {
    margin-bottom: 24px;
  }

  .text__price .price {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .text__detail {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .text__detail {
    margin-bottom: 39px;
    letter-spacing: 1.6px;
  }

  .btn {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .btn {
    margin: 0;
    width: 210px;
    height: 61px;
  }

  .section__detail .figure__detail {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  .section__detail .contents__detail {
    -webkit-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  .wrap__section___present {
    padding: 60px 0;
  }

  .section__present {
    width: 1080px;
    padding: 65px 120px;
  }

  .ttl__present {
    font-size: 26px;
    font-size: 2.6rem;
  }

  .ttl__present {
    margin-bottom: 80px;
  }

  .clm__present {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .figure__present {
    margin-bottom: auto;
    width: 350px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 350px;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
  }

  .content__present {
    width: 420px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 420px;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
  }

  .text__present {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .text__present {
    letter-spacing: 1.8px;
  }

  .text__present--caution,
  .text__shoplist--caution {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .text__present--caution,
  .text__shoplist--caution {
    margin-top: auto;
  }

  .section__shoplist {
    padding: 120px 0 105px;
  }

  .ttl__shoplist {
    font-size: 26px;
    font-size: 2.6rem;
  }

  .ttl__shoplist {
    margin-bottom: 60px;
    letter-spacing: 5.2px;
  }

  .text__shoplist {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .text__shoplist {
    margin-bottom: 60px;
    letter-spacing: 3.2px;
  }

  .text__shoplist--caution {
    margin: 0 auto 5px;
    width: 1080px;
  }

  .wrap__table__shoplist {
    margin-bottom: 15px;
  }

  .table__shoplist {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .table__shoplist {
    width: 1080px;
  }

  .th__shoplist {
    padding: 10px 0;
  }

  .td__shoplist {
    padding: 24px 20px;
  }
}

@media screen and (min-width:1335px) {
  .wrap__mv {
    height: 91.66666666666666vw;
  }
}

@media screen and (min-width:1400px) {
  .wrap__mv {
    height: 91.66666666666666vw;
  }

  .wrap__mv .text__mv:last-of-type {
    margin-top: 30px;
  }
}

@media screen and (min-width:1500px) {
  .wrap__mv {
    height: 83.33333333333334vw;
  }
}

@media screen and (min-width:1600px) {
  .wrap__mv .figure__mv {
    margin-bottom: 8.333333333333332vw;
  }
}

@media screen and (min-width:1700px) {
  .wrap__mv {
    height: 77.5vw;
  }
}

@media screen and (max-width:767.9px) {
  .view-pc {
    display: none !important;
  }

  .wrap__table__shoplist {
    width: 90vw;
    overflow-x: auto;
    margin: 0 auto 1.333333333333333vw;
  }
}

@media screen and (min-width:768px) and (max-width:1199.9px) {
  body {
    font-size: 1.333333333333333vw;
  }

  .view-sp {
    display: none !important;
  }

  .footer {
    height: 12.5vw;
    padding: 0 6.666666666666667vw;
  }

  .logo__footer {
    width: 14.166666666666666vw;
  }

  .copyright {
    font-size: 1vw;
  }

  .list__footer {
    width: 6.333333333333334vw;
  }

  .item__list__footer {
    width: 2.666666666666667vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.666666666666667vw;
    -ms-flex: 0 0 2.666666666666667vw;
    flex: 0 0 2.666666666666667vw;
  }

  .wrap__mv med .img__logo,
  .wrap__mv .logo .img__logo {
    width: 11.833333333333334vw;
  }

  .wrap__mv .figure__mv {
    top: 27.5%;
  }

  .wrap__mv .contents__mv {
    width: 71.66666666666667vw;
    padding: 14.166666666666666vw 0 5.833333333333333vw;
  }

  .wrap__mv .wrap__contents__mv {
    width: 75vw;
    padding-bottom: 1.666666666666667vw;
  }

  .wrap__mv .ttl__mv {
    top: -1.5vw;
    width: 36.5vw;
  }

  .wrap__mv .ttl__mv:after {
    width: 8.833333333333334vw;
    bottom: -4.583333333333333vw;
  }

  .wrap__mv .subttl__mv {
    font-size: 1.5vw;
  }

  .wrap__mv .text__mv {
    font-size: 1.5vw;
  }

  .wrap__mv .text__mv {
    letter-spacing: .15vw;
  }

  .section__summary {
    padding: 10vw 0 4.166666666666666vw;
  }

  .ttl__summary {
    font-size: 2.666666666666667vw;
  }

  .ttl__summary {
    letter-spacing: .5333333333333334vw;
    margin-bottom: 12.083333333333334vw;
  }

  .subttl__summary {
    font-size: 2vw;
  }

  .subttl__summary {
    letter-spacing: .6vw;
    padding-left: 2.5vw;
    margin-left: 2.5vw;
  }

  .figure__summary {
    height: 31.666666666666664vw;
  }

  .img__summary--prospex {
    top: -8.25vw;
    width: 40.25vw;
  }

  .img__summary--astron {
    top: -6.5vw;
    width: 33.166666666666664vw;
  }

  .img__summary--presage {
    top: -7.5vw;
    width: 26.75vw;
  }

  .img__summary--lukia {
    top: -10vw;
    width: 27.333333333333332vw;
  }

  .text__summary {
    font-size: 1.5vw;
  }

  .text__summary {
    letter-spacing: .15vw;
    margin: 8.666666666666668vw 0 0;
  }

  .section__detail {
    height: 45.166666666666664vw;
  }

  .figure__detail {
    width: 58.08333333333333vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.08333333333333vw;
    -ms-flex: 0 0 58.08333333333333vw;
    flex: 0 0 58.08333333333333vw;
  }

  .img__detail--prospex {
    width: 44.333333333333336vw;
  }

  .img__detail--astron {
    width: 43.583333333333336vw;
  }

  .img__detail--presage {
    width: 43vw;
  }

  .img__detail--lukia {
    width: 38.25vw;
  }

  .contents__detail {
    width: 28.583333333333332vw;
  }

  .ttl__detail {
    font-size: 2.333333333333333vw;
  }

  .ttl__detail {
    margin-bottom: 2.416666666666667vw;
  }

  .text__price {
    font-size: 1vw;
  }

  .text__price {
    margin-bottom: 2vw;
  }

  .text__price .price {
    font-size: 2vw;
  }

  .text__detail {
    font-size: 1.333333333333333vw;
  }

  .text__detail {
    margin-bottom: 3.25vw;
    letter-spacing: .13333333333333336vw;
  }

  .btn {
    font-size: 1.333333333333333vw;
  }

  .btn {
    width: 17.5vw;
    height: 5.083333333333333vw;
  }

  .wrap__section___present {
    padding: 5vw 0;
  }

  .section__present {
    width: 90vw;
    padding: 5.416666666666667vw 10vw;
  }

  .ttl__present {
    font-size: 2.166666666666667vw;
  }

  .ttl__present {
    margin-bottom: 6.666666666666667vw;
  }

  .figure__present {
    width: 29.166666666666668vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.166666666666668vw;
    -ms-flex: 0 0 29.166666666666668vw;
    flex: 0 0 29.166666666666668vw;
  }

  .content__present {
    width: 35vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35vw;
    -ms-flex: 0 0 35vw;
    flex: 0 0 35vw;
  }

  .text__present {
    font-size: 1.5vw;
  }

  .text__present {
    width: 100%;
    letter-spacing: .15vw;
  }

  .text__present--caution,
  .text__shoplist--caution {
    font-size: 1vw;
  }

  .section__shoplist {
    padding: 10vw 0 8.75vw;
  }

  .ttl__shoplist {
    font-size: 2.166666666666667vw;
  }

  .ttl__shoplist {
    margin-bottom: 5vw;
  }

  .text__shoplist {
    font-size: 1.333333333333333vw;
  }

  .text__shoplist {
    margin-bottom: 5vw;
    letter-spacing: .2666666666666667vw;
  }

  .text__shoplist--caution {
    width: 90vw;
    margin: 0 auto .4166666666666667vw;
  }

  .wrap__table__shoplist {
    margin-bottom: 1.25vw;
  }

  .table__shoplist {
    font-size: 1.166666666666667vw;
  }

  .table__shoplist {
    width: 90vw;
  }

  .th__shoplist {
    padding: .8333333333333334vw 0;
  }

  .td__shoplist {
    padding: 2vw 1.666666666666667vw;
  }
}

@media screen and (min-width:1200px) and (max-width:1023.9px) {
  .view-tab {
    display: inline-block;
  }
}

@media screen and (min-width:768px) and (max-width:1399.9px) {
  .wrap__mv .text__mv:last-of-type {
    margin-top: 2.5vw;
  }
}