@charset "UTF-8";
html {
  line-height: 1;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #666666;
  word-wrap: break-word;
  font-weight: 400;
  margin: 0 !important;
}
html * {
  font-weight: inherit;
  box-sizing: border-box;
}

a {
  outline: none;
  color: inherit;
}
a * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

*:focus {
  outline: none;
}

img {
  width: 100%;
  height: auto;
}
img[src$=".svg"] {
  max-width: 100%;
}

.fw_light {
  font-weight: 300;
}
.fw_normal {
  font-weight: 400;
}
.fw_medium {
  font-weight: 500;
}
.fw_bold {
  font-weight: 700;
}
.fw_semibold {
  font-weight: 600;
}
.fw_black {
  font-weight: 900;
}

.fs_italic {
  font-style: italic;
}

.flex_box {
  display: flex;
  flex-wrap: wrap;
}

.Garamond {
  font-family: "Cormorant Garamond";
}

.fadein_mv,
.fadein_intro {
  opacity: 0;
  transition: all 1s;
}
.fadein_mv.active,
.fadein_intro.active {
  opacity: 1;
}

/*PC 共通
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  html {
    font-size: 1.0666666667vw;
  }
  .sp {
    display: none;
  }
  .flex_box_pc {
    display: flex;
    flex-wrap: wrap;
  }
}
/*--------------------------endPC--------------------------------*/
/*SP共通
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  html {
    font-size: 3.7333333333vw;
  }
  .pc {
    display: none;
  }
  .flex_box_sp {
    display: flex;
    flex-wrap: wrap;
  }
}
/*--------------------------endSP--------------------------------*/
.btn {
  font-family: "Cormorant Garamond";
}

#wrapper {
  overflow: hidden;
}

.online_btn {
  margin: 3em auto;
  width: 20em;
  height: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: solid 1px #000;
}
.online_btn span {
  display: inline-block;
  position: relative;
}
.online_btn span::after {
  font-size: 0.8em;
  content: "≫";
  position: absolute;
  top: 50%;
  z-index: 0;
  transform: translate(0, -50%);
  left: 100%;
  margin-left: 1em;
}
@media print, screen and (min-width: 768px) {
  .online_btn {
    transition: all 0.8s ease-in-out 0s;
  }
  .online_btn:hover {
    background: #000;
    color: #fff;
  }
}

/*header
-----------------------------------------------------------*/
header {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  header {
    height: 3.875rem;
    align-items: center;
    justify-content: space-between;
  }
  header .text_area {
    width: 46.9596333333%;
    margin-left: 3.3333333333%;
    align-items: center;
    justify-content: space-between;
  }
  header .bland_logo {
    width: 20.6908770582%;
  }
  header .page_tit {
    width: 46.1110073971%;
  }
  header .page_subtit {
    width: 26.609875574%;
  }
  header .h_logo {
    width: 7.1137333333%;
    margin-right: 3.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  header {
    padding: 5.3333333333vw 13.7333333333vw 4.9333333333vw 10.4vw;
  }
  header .text_area {
    padding-left: 29.3333333333vw;
    position: relative;
  }
  header .bland_logo {
    width: 25.8666666667vw;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    transform: translate(0, -50%);
  }
  header .page_tit {
    width: 46.77116vw;
  }
  header .page_subtit {
    width: 26.9914666667vw;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.videoWrap {
  position: fixed;
  top: 3.875rem;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .videoWrap {
    top: 4.6875rem;
  }
}
.videoWrap video {
  width: 100%;
}

#main {
  background-color: #fff;
  margin-top: 60%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  #main {
    margin-top: 73%;
  }
}

/*mv
-----------------------------------------------------------*/
#mv {
  background: #000000;
  position: relative;
  width: 100%;
  height: 0;
}
#mv .txt_area {
  position: absolute;
}
#mv .mv_slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
#mv .mv_name {
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  #mv {
    padding-top: 63.3333333333%;
  }
  #mv .txt_area {
    top: 15%;
    right: 4%;
    width: 44%;
    z-index: 2;
  }
  #mv .mv_txt {
    font-size: 1.16875rem;
    color: #fff;
    margin-bottom: 6.6666666667%;
    line-height: 2.48;
    width: 80%;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5);
    padding-left: 7%;
  }
  #mv .mv01 .mv_name {
    width: 6.9313866667%;
    bottom: 29.4794%;
    right: 13.4686133333%;
  }
}
@media only screen and (max-width: 767px) {
  #mv {
    padding-top: 179%;
  }
  #mv .bg-bk {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    left: 0;
    top: 0;
    z-index: 2;
  }
  #mv .txt_area {
    top: 6%;
    right: 0;
    left: 0;
    margin: auto;
    width: 84%;
    z-index: 2;
  }
  #mv .mv_txt {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 6.6666666667%;
    line-height: 2.48;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 0, 0, 0.5);
  }
  #mv .mv01 .mv_name {
    width: 17.5984533333vw;
    bottom: 4.6807083333%;
    right: 32.7777733333vw;
  }
}

/*intro lineup_intro
-----------------------------------------------------------*/
#intro, #lineup_intro {
  background: url(../img/intro.jpg) no-repeat;
  background-size: 100%;
  position: relative;
}
#intro .bg-w, #lineup_intro .bg-w {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#intro .intro_en_tit, #lineup_intro .intro_en_tit {
  position: relative;
  z-index: 2;
}
#intro .intro_tit, #lineup_intro .intro_tit {
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-top: calc(0px - (((1em*1.4) - 1em)/2));
  margin-bottom: calc(1.5em - (((1em*1.4) - 1em)/2));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
#intro .intro_tit strong, #lineup_intro .intro_tit strong {
  text-align: center;
}
#intro .intro_tit::before, #intro .intro_tit::after, #lineup_intro .intro_tit::before, #lineup_intro .intro_tit::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #666666;
}
#intro .txt, #lineup_intro .txt {
  letter-spacing: 0.05em;
  position: relative;
  z-index: 2;
}
#intro strong, #intro .btn_wrap, #lineup_intro strong, #lineup_intro .btn_wrap {
  position: relative;
  z-index: 2;
}
@media print, screen and (min-width: 768px) {
  #intro, #lineup_intro {
    padding: 12.9333333333% 0;
  }
  #intro .bg-w, #lineup_intro .bg-w {
    background: rgba(255, 255, 255, 0.75);
  }
  #intro .intro_en_tit, #lineup_intro .intro_en_tit {
    width: 34.9%;
    margin: 0 auto 4%;
  }
  #intro .intro_tit strong, #lineup_intro .intro_tit strong {
    margin: 0 1.5em;
  }
  #intro .intro_tit::before, #intro .intro_tit::after, #lineup_intro .intro_tit::before, #lineup_intro .intro_tit::after {
    width: 5em;
  }
  #intro .txt, #lineup_intro .txt {
    color: #000;
    text-align: center;
    line-height: 2;
    margin-top: calc(0px - (((1em*2) - 1em)/2));
  }
  #intro .txt:last-child, #lineup_intro .txt:last-child {
    margin-bottom: calc(0px - ((1em*2) - 1em) / 2);
  }
  #intro .txt:not(:last-child), #lineup_intro .txt:not(:last-child) {
    margin-bottom: calc(4.1875rem - (((1em*2) - 1em)/2));
  }
  #intro strong, #lineup_intro strong {
    display: block;
    color: #000;
    text-align: center;
    font-size: 1.875rem;
    margin-bottom: 3.75rem;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1000px) {
  #intro, #lineup_intro {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  #intro, #lineup_intro {
    background: url(../img/intro-sp.jpg) no-repeat center;
    background-size: cover;
    padding: 20vw 0;
  }
  #intro .bg-w, #lineup_intro .bg-w {
    background: rgba(255, 255, 255, 0.8);
  }
  #intro .intro_en_tit, #lineup_intro .intro_en_tit {
    width: 86.22956vw;
    margin: 0 auto 8.2666666667vw;
  }
  #intro .intro_tit, #lineup_intro .intro_tit {
    font-size: 1.3rem;
  }
  #intro .intro_tit strong, #lineup_intro .intro_tit strong {
    margin: 0 0.8em;
  }
  #intro .intro_tit::before, #intro .intro_tit::after, #lineup_intro .intro_tit::before, #lineup_intro .intro_tit::after {
    width: 2.5em;
  }
  #intro .txt, #lineup_intro .txt {
    color: #000;
    text-align: center;
    width: 78.6666666667vw;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    margin-top: calc(0px - (((1em*2) - 1em)/2));
  }
  #intro .txt:last-child, #lineup_intro .txt:last-child {
    margin-bottom: calc(0px - ((1em*2) - 1em) / 2);
  }
  #intro .txt:not(:last-child), #lineup_intro .txt:not(:last-child) {
    margin-bottom: calc(9.3333333333vw - (((1em*2) - 1em)/2));
  }
  #intro strong, #lineup_intro strong {
    display: block;
    color: #000;
    text-align: center;
    font-size: 1.3392857143rem;
    margin-bottom: 2.5rem;
  }
}

.slide_tit {
  padding-bottom: 1.84198125rem;
  position: relative;
  margin-bottom: 3.75rem;
  text-align: center;
}
.slide_tit img {
  width: auto;
  height: 1.72970625rem;
}
.slide_tit::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #000000;
  width: 3.125rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 0;
  transform: translate(-50%, 0);
}

/*product_slider
-----------------------------------------------------------*/
.product_slider {
  margin-bottom: 0 !important;
}
.product_slider figure a {
  display: block;
  position: relative;
  transform: scale(1, 1);
  transition: all 0.8s ease-in-out 0s;
}
.product_slider figure .btn {
  color: #000;
  display: block;
  position: absolute;
}
.product_slider figure .btn::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.product_slider figure .btn.c_wh {
  color: #fff;
}
.product_slider figure .btn.c_wh::after {
  background-color: #fff;
}
.product_slider .slick-dots {
  position: static;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.product_slider .slick-dots li {
  width: auto;
  height: auto;
}
.product_slider .slick-dots li button {
  padding: 0;
  background: #CACACA;
}
.product_slider .slick-dots li button:before {
  display: none;
}
.product_slider .slick-dots li.slick-active button {
  background: #00a29a;
}
@media print, screen and (min-width: 768px) {
  .product_slider {
    padding: 0 4.8112058465%;
  }
  .product_slider .slick-list {
    padding: 3.6540803898% 0;
    height: 39.5rem;
  }
  .product_slider figure {
    margin: 0 2.25rem;
  }
  .product_slider figure a:hover {
    transform: scale(1.1458333333, 1.1458333333);
  }
  .product_slider figure a:hover .btn::after {
    transform: scale(0.2, 1);
  }
  .product_slider figure .btn {
    font-size: 0.75rem;
    padding-bottom: 0.9375rem;
    bottom: 1.875rem;
    left: 1.875rem;
    width: 7.5rem;
  }
  .product_slider figure .btn::after {
    transition: all 0.8s ease-in-out 0s;
    transform-origin: 100% 50%;
    transform: scale(1, 1);
  }
  .product_slider .slick-prev, .product_slider .slick-next {
    width: 1.57739375rem;
    height: 3.06640625rem;
    background-size: 100% 100%;
    background-image: url("../img/slider_vecter01.svg");
    opacity: 1;
    border-radius: 0;
    transition: all 0.8s ease-in-out 0s;
  }
  .product_slider .slick-prev:hover, .product_slider .slick-next:hover {
    opacity: 0.7;
    background-image: url("../img/slider_vecter01.svg");
  }
  .product_slider .slick-prev::before, .product_slider .slick-next::before {
    display: none;
  }
  .product_slider .slick-prev {
    transform: translate(0, -50%);
    z-index: 2;
  }
  .product_slider .slick-next {
    transform: translate(0, -50%) rotate(0deg) scale(-1, 1) skew(0deg, 0deg);
  }
  .product_slider .slick-prev {
    left: 2.0625rem;
  }
  .product_slider .slick-next {
    right: 2.0625rem;
  }
  .product_slider .slick-dots li {
    margin: 0 0.5625rem;
  }
  .product_slider .slick-dots li button {
    width: 3.2822125rem;
    height: 0.1875rem;
  }
}
@media only screen and (max-width: 767px) {
  .product_slider {
    width: 100%;
    padding: 0 10.6666666667vw;
  }
  .product_slider .slick-list {
    padding: 8vw 0 13.3333333333vw;
  }
  .product_slider figure {
    margin: 0 5.9333333333vw;
  }
  .product_slider figure .btn {
    font-size: 0.5416678571rem;
    padding-bottom: 2vw;
    bottom: 4vw;
    left: 4vw;
    width: 18.6666666667vw;
  }
  .product_slider figure.slick-current a {
    transition: all 0.8s ease-in-out 0.3s;
    transform: scale(1.2222222222, 1.2222222222);
  }
  .product_slider .slick-prev, .product_slider .slick-next {
    width: 5.8889333333vw;
    height: 11.44792vw;
    background-size: 100% 100%;
    background-image: url("../img/slider_vecter01.svg");
    opacity: 1;
    border-radius: 0;
    transition: all 0.8s ease-in-out 0s;
  }
  .product_slider .slick-prev::before, .product_slider .slick-next::before {
    display: none;
  }
  .product_slider .slick-prev {
    transform: translate(0, -50%);
    z-index: 2;
  }
  .product_slider .slick-next {
    transform: translate(0, -50%) rotate(0deg) scale(-1, 1) skew(0deg, 0deg);
  }
  .product_slider .slick-prev {
    left: 2.2666666667vw;
  }
  .product_slider .slick-next {
    right: 2.2666666667vw;
  }
  .product_slider .slick-dots li {
    margin: 0 1.3333333333vw;
  }
  .product_slider .slick-dots li button {
    width: 5.3333333333vw;
    height: 0.8vw;
  }
}

/*spring
-----------------------------------------------------------*/
#spring {
  position: relative;
  padding-top: 16.25rem;
}
#spring::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background-color: rgba(115, 216, 224, 0.2);
  position: absolute;
  right: 0;
  z-index: -1;
  transform-origin: 100% 0;
  transform: translate(0, 0) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  transition: all 0.8s ease-in-out 0s;
}
#spring.scrollActive::after {
  transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, -18.435deg);
}
#spring figure .btn.white {
  color: #fff;
}
#spring figure .btn.white::after {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #spring {
    padding-bottom: 10.2666666667%;
  }
  #spring::after {
    padding-top: 30%;
    top: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  #spring {
    padding-bottom: 26.6666666667vw;
  }
  #spring::after {
    padding-top: 105vw;
    top: 8vw;
  }
}

/*summer
-----------------------------------------------------------*/
#summer {
  position: relative;
}
#summer::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background-color: rgba(204, 204, 39, 0.2);
  position: absolute;
  left: 0;
  z-index: -1;
  transform-origin: 0 0;
  transform: translate(0, 0) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  transition: all 0.8s ease-in-out 0s;
}
#summer.scrollActive::after {
  transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 18.435deg);
}
#summer .slick-dots li.slick-active button {
  background: #6593ae;
}
#summer figure .btn.white {
  color: #fff;
}
#summer figure .btn.white::after {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #summer::after {
    padding-top: 30%;
    top: -14.5rem;
  }
}
@media only screen and (max-width: 767px) {
  #summer {
    padding-bottom: 4.4%;
  }
  #summer::after {
    padding-top: 105%;
    top: -41.8666666667vw;
  }
}

/*autumn
-----------------------------------------------------------*/
#autumn {
  position: relative;
  padding-top: 16.25rem;
}
#autumn::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background-color: rgba(242, 125, 22, 0.2);
  position: absolute;
  right: 0;
  z-index: -1;
  transform-origin: 100% 0;
  transform: translate(0, 0) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  transition: all 0.8s ease-in-out 0s;
}
#autumn.scrollActive::after {
  transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, -18.435deg);
}
#autumn figure .btn.white {
  color: #fff;
}
#autumn figure .btn.white::after {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #autumn {
    padding-bottom: 10.2666666667%;
  }
  #autumn::after {
    padding-top: 30%;
    top: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  #autumn {
    padding-bottom: 26.6666666667vw;
  }
  #autumn::after {
    padding-top: 105vw;
    top: 8vw;
  }
}

/*page_top
-----------------------------------------------------------*/
.page_top {
  text-align: center;
}
.page_top .btn {
  display: inline-block;
  color: #000;
}
@media print, screen and (min-width: 768px) {
  .page_top {
    padding: 3.4% 0;
  }
  .page_top .btn {
    font-size: 0.8125rem;
  }
  .page_top .btn::before {
    transition: all 0.8s ease-in-out 0s;
    content: "";
    display: block;
    width: 1.7316875rem;
    height: 0.91003125rem;
    background-size: 100% 100%;
    background-image: url("../img/vector01.svg");
    margin: 0 auto 1.125rem;
  }
  .page_top .btn:hover::before {
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .page_top {
    padding: 7.6vw 0;
  }
  .page_top .btn {
    font-size: 0.8125rem;
  }
  .page_top .btn::before {
    transition: all 0.8s ease-in-out 0s;
    content: "";
    display: block;
    width: 6.4651066667vw;
    height: 3.3975333333vw;
    background-size: 100% 100%;
    background-image: url("../img/vector01.svg");
    margin: 0 auto 3.7333333333vw;
  }
}

/*footer
-----------------------------------------------------------*/
footer {
  border-top: 1px solid #b3b3b3;
  background: #fff;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
footer .copyright {
  color: #b3b3b3;
  font-weight: 300;
  letter-spacing: 0.05em;
}
footer .nav_list::before, footer .nav_list::after {
  content: "|";
  margin: 0 1em;
}
footer .nav_list::before {
  display: none;
}
footer .nav_list li:first-child {
  order: -1;
}
footer .nav_list li:last-child {
  order: 1;
}
footer .online_btn {
  border: 1px solid #666666;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .online_btn::before {
  content: "";
  display: block;
  background-size: 100% 100%;
  background-image: url("../img/icon_cart.svg");
}
@media print, screen and (min-width: 768px) {
  footer {
    height: 7.4375rem;
    padding: 0 3.3333333333%;
    align-items: center;
  }
  footer .copyright {
    order: -1;
    font-size: 0.75rem;
  }
  footer .nav_list {
    margin-left: auto;
    margin-right: 1.4375rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
  footer .nav_list a:hover {
    text-decoration: underline;
  }
  footer .online_btn {
    height: 2.04186875rem;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    transition: all 0.8s ease-in-out 0s;
  }
  footer .online_btn::before {
    width: 0.966325rem;
    height: 0.99868125rem;
    margin-right: 0.6666666667em;
  }
  footer .online_btn:hover {
    color: #fff;
    background: #666666;
  }
  footer .online_btn:hover::before {
    background-image: url("../img/icon_cart_wh.svg");
  }
}
@media only screen and (max-width: 767px) {
  footer {
    text-align: center;
    padding: 7.6vw 0 9.4666666667vw;
  }
  footer .copyright {
    font-size: 0.75rem;
  }
  footer .nav_list {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    margin-bottom: 8vw;
    justify-content: center;
  }
  footer .h_logo {
    width: 21.6376vw;
    margin: 0 auto 6.5333333333vw;
  }
  footer .online_btn {
    width: 31.4999866667vw;
    height: 7.6230133333vw;
    justify-content: center;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    margin: 0 auto 7.0666666667vw;
  }
  footer .online_btn::before {
    width: 3.6076266667vw;
    height: 3.7284133333vw;
    margin-right: 0.6666666667em;
  }
}

/*modal_box
-----------------------------------------------------------*/
.modal_box {
  position: relative;
  margin: auto;
  background: #fff;
}
.modal_box .txt_area {
  color: #000000;
}
.modal_box .comment {
  font-weight: 500;
  letter-spacing: 0.06em;
}
.modal_box .info {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.modal_box .name {
  font-weight: bold;
}
.modal_box .name small {
  font-weight: normal;
}
.modal_box .name a {
  pointer-events: none;
}
.modal_box .detail_list {
  display: flex;
  flex-wrap: nowrap;
  letter-spacing: 0.06em;
}
.modal_box .detail_list::before {
  content: ":";
  margin: 0 0.5em;
}
.modal_box .detail_list dt {
  order: -1;
  white-space: nowrap;
  width: 2.8em;
}
.modal_box .buy_btn {
  border: 1px solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.modal_box.lineup_modal .detail_box {
  display: flex;
  flex-wrap: nowrap;
}
.modal_box.lineup_modal .info {
  width: calc(100% - 3em);
  margin-left: auto;
}
.modal_box .pos {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  width: 3em;
}
.modal_box .detail_txt .type {
  display: inline-block;
  margin-right: 1em;
}
.modal_box .detail_txt .price {
  display: inline-block;
}
@media print, screen and (min-width: 768px) {
  .modal_box {
    width: 73.3333333333%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3.3333333333%;
  }
  .modal_box figure {
    width: 60%;
  }
  .modal_box figure .btn_wrap a {
    margin: 0 auto 1.5rem auto;
  }
  .modal_box .txt_area {
    width: 34.8%;
  }
  .modal_box .detail_box:not(:last-child) {
    margin-bottom: 14.9425287356%;
  }
  .modal_box .comment {
    line-height: 1.75;
    margin-top: calc(0px - (((1em*1.75) - 1em)/2));
  }
  .modal_box .comment:last-child {
    margin-bottom: calc(0px - ((1em*1.75) - 1em) / 2);
  }
  .modal_box .comment:not(:last-child) {
    margin-bottom: calc(1.125rem - (((1em*1.75) - 1em)/2));
  }
  .modal_box .info {
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-top: calc(0px - (((1em*1.6) - 1em)/2));
  }
  .modal_box .info:last-child {
    margin-bottom: calc(0px - ((1em*1.6) - 1em) / 2);
  }
  .modal_box .info:not(:last-child) {
    margin-bottom: calc(1rem - (((1em*1.6) - 1em)/2));
  }
  .modal_box .name {
    margin-right: -2em;
    font-size: 1.0625rem;
    line-height: 1.6;
    margin-top: calc(0px - (((1em*1.6) - 1em)/2));
  }
  .modal_box .name:last-child {
    margin-bottom: calc(0px - ((1em*1.6) - 1em) / 2);
  }
  .modal_box .name:not(:last-child) {
    margin-bottom: calc(1rem - (((1em*1.6) - 1em)/2));
  }
  .modal_box .name a:hover {
    text-decoration: none;
  }
  .modal_box .buy_btn {
    font-size: 0.8125rem;
    width: 6.25rem;
    height: 1.5625rem;
    transition: all 0.8s ease-in-out 0s;
  }
  .modal_box .buy_btn:hover {
    background: #000;
    color: #fff;
  }
  .modal_box .pos {
    font-size: 0.9375rem;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  }
  .modal_box .detail_txt {
    margin-right: -2em;
    line-height: 1.6;
    margin-top: calc(0px - (((1em*1.6) - 1em)/2));
  }
  .modal_box .detail_txt:last-child {
    margin-bottom: calc(0px - ((1em*1.6) - 1em) / 2);
  }
  .modal_box .detail_txt:not(:last-child) {
    margin-bottom: calc(0.8125rem - (((1em*1.6) - 1em)/2));
  }
  .modal_box .inbox:not(:last-child) {
    margin-bottom: 1.1875rem;
  }
}
@media only screen and (max-width: 767px) {
  .modal_box {
    width: 82.6666666667vw;
    padding: 13.3333333333vw 4.6666666667vw;
  }
  .modal_box figure {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin-bottom: 13.3333333333vw;
  }
  .modal_box figure .btn_wrap a {
    margin: 1.5rem auto 0;
    width: 100%;
  }
  .modal_box .txt_area {
    width: 100%;
  }
  .modal_box .detail_box:not(:last-child) {
    margin-bottom: 13.3333333333vw;
  }
  .modal_box .comment {
    font-size: 1.0857142857rem;
    line-height: 1.75;
    margin-top: calc(0px - (((1em*1.75) - 1em)/2));
  }
  .modal_box .comment:last-child {
    margin-bottom: calc(0px - ((1em*1.75) - 1em) / 2);
  }
  .modal_box .comment:not(:last-child) {
    margin-bottom: calc(1.875rem - (((1em*1.75) - 1em)/2));
  }
  .modal_box .info {
    font-size: 1.0178571429rem;
    line-height: 1.7543859649;
    margin-top: calc(0px - (((1em*1.7543859649) - 1em)/2));
  }
  .modal_box .info:last-child {
    margin-bottom: calc(0px - ((1em*1.7543859649) - 1em) / 2);
  }
  .modal_box .info:not(:last-child) {
    margin-bottom: calc(3.7333333333vw - (((1em*1.7543859649) - 1em)/2));
  }
  .modal_box .name {
    font-size: 1.1071428571rem;
    line-height: 1.7543859649;
    margin-top: calc(0px - (((1em*1.7543859649) - 1em)/2));
  }
  .modal_box .name:last-child {
    margin-bottom: calc(0px - ((1em*1.7543859649) - 1em) / 2);
  }
  .modal_box .name:not(:last-child) {
    margin-bottom: calc(3.7333333333vw - (((1em*1.7543859649) - 1em)/2));
  }
  .modal_box .name small {
    display: inline-block;
  }
  .modal_box .buy_btn {
    font-size: 1.2071428571rem;
    width: 34.6666666667vw;
    height: 8.6666666667vw;
  }
  .modal_box .pos {
    font-size: 1.0178571429rem;
  }
  .modal_box .detail_txt {
    line-height: 1.6;
    margin-top: calc(0px - (((1em*1.6) - 1em)/2));
  }
  .modal_box .detail_txt:last-child {
    margin-bottom: calc(0px - ((1em*1.6) - 1em) / 2);
  }
  .modal_box .detail_txt:not(:last-child) {
    margin-bottom: calc(3.4666666667vw - (((1em*1.6) - 1em)/2));
  }
  .modal_box .inbox:not(:last-child) {
    margin-bottom: 9.0666666667vw;
  }
}

.mfp-bg {
  opacity: 0;
  transition: all 0.8s ease-in-out 0s;
}
.mfp-bg.mfp-ready {
  opacity: 0.9;
}
.mfp-bg.mfp-removing {
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .mfp-wrap {
    padding-bottom: 10.6666666667vw;
  }
}
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-container {
  padding: 0;
}

.mfp-content {
  opacity: 0;
  transition: all 0.8s ease-in-out 0s;
}
@media print, screen and (min-width: 768px) {
  .mfp-content {
    padding-top: 5.6%;
    padding-bottom: 5.6%;
  }
}
@media only screen and (max-width: 767px) {
  .mfp-content {
    padding-top: 16.6666666667vw;
    padding-bottom: 13.3333333333vw;
  }
}

button.mfp-close {
  text-indent: 99999em;
  background-image: url("../img/close_btn.svg");
  background-size: 100% 100%;
  top: auto;
  bottom: 100%;
}
button.mfp-close:active {
  top: auto;
}
button.mfp-arrow {
  background-image: url("../img/vector02.svg");
  background-repeat: no-repeat;
  transform-origin: 50% 50%;
}
button.mfp-arrow::after, button.mfp-arrow::before {
  display: none;
}
button.mfp-arrow-left {
  transform: scale(1, 1);
}
button.mfp-arrow-right {
  transform: scale(-1, 1);
}
@media print, screen and (min-width: 768px) {
  button.mfp-close {
    width: 2.6691875rem;
    height: 2.6691875rem;
    right: 0.5625rem;
    margin-bottom: 1.3125rem;
  }
  button.mfp-arrow {
    width: 1.57739375rem;
    height: 3.06640625rem;
    background-size: 100% 100%;
    background-position: center center;
    margin: 0;
  }
  button.mfp-arrow:active {
    margin: 0;
  }
  button.mfp-arrow-left {
    left: 9.5333333333%;
  }
  button.mfp-arrow-right {
    right: 9.5333333333%;
  }
}
@media only screen and (max-width: 767px) {
  button.mfp-close {
    width: 9.9651066667vw;
    height: 9.9651066667vw;
    right: 0;
    margin-bottom: 3.3333333333vw;
  }
  button.mfp-arrow {
    width: 5.8889333333vw;
    height: 11.44792vw;
    background-size: 100% 100%;
    position: fixed;
    background-position: center center;
    margin-top: 0;
  }
  button.mfp-arrow:active {
    margin-top: 0;
  }
  button.mfp-arrow-left {
    left: 1.0666666667vw;
  }
  button.mfp-arrow-right {
    right: 1.0666666667vw;
  }
}

.making {
  margin-top: 6.25rem;
}
.making .making_wrapper {
  margin: auto;
  width: 70%;
  max-width: 750px;
}
@media only screen and (max-width: 767px) {
  .making .making_wrapper {
    width: 100%;
  }
}
.making .making_inner {
  display: block;
}
.making .making_inner .making_movie {
  display: block;
  position: relative;
  padding-top: 62%;
  width: 100%;
}
.making .making_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  pointer-events: none;
}

body .mfp-iframe-holder .mfp-close {
  top: auto;
  right: 0;
  width: 45px;
}

.product_slider, .mv_slide {
  opacity: 0;
  transition: all 0.8s ease-in-out 0s;
}
.product_slider.slick-initialized, .mv_slide.slick-initialized {
  opacity: 1;
}

/*js action
-----------------------------------------------------------*/
.tran {
  transition: all 0.8s ease-in-out 0s;
}

.fadein {
  opacity: 0;
}
.fadein.scrollActive {
  opacity: 1;
}

.fadeout {
  opacity: 1;
}
.fadeout.scrollActive {
  opacity: 0;
}

.fadeTop {
  transform: translate(0, 50px);
}
.fadeTop.scrollActive {
  transform: translate(0, 0);
}

.fadeBottom {
  transform: translate(0, -50px);
}
.fadeBottom.scrollActive {
  transform: translate(0, 0);
}

.fadeRight {
  transform: translate(-50px, 0);
}
.fadeRight.scrollActive {
  transform: translate(0, 0);
}

.fadeLeft {
  transform: translate(50px, 0);
}
.fadeLeft.scrollActive {
  transform: translate(0, 0);
}

.scaleUp {
  transform: scale(0.97, 0.97);
}
.scaleUp.scrollActive {
  transform: scale(1, 1);
}

.scaleUp02 {
  transform: scale(0.8, 0.8);
}
.scaleUp02.scrollActive {
  transform: scale(1, 1);
}

.movie-iframeWrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.35%;
}

.movie-iframeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}