@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  display: none;
}

@media screen and (min-width: 767px) {
  .mainframe_ {
    position: relative;
    display: flex;
  }
  .mainframe_::before {
    position: fixed;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100vh;
    background: bottom/cover no-repeat url(../../intro/img/bg-pc.jpg);
    top: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (min-width: 767px) {
  .mainframe_ .p-logo {
    order: 0;
    position: sticky;
    height: calc(100vh - var(--refa-header-h));
    left: 0;
    top: var(--refa-header-h);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100vw - 500px) / 2);
  }
}
@media screen and (max-width: 960px) {
  .mainframe_ .p-logo {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .mainframe_ .p-logo img {
    width: min(15.138888888vw, 218px);
    height: auto;
  }
}
@media screen and (min-width: 767px) {
  .mainframe_ .p-pcnav {
    order: 2;
    position: sticky;
    height: calc(100vh - var(--refa-header-h));
    right: 0;
    top: var(--refa-header-h);
    width: calc((100vw - 500px) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  .mainframe_ .p-pcnav {
    display: none;
  }
}
.mainframe_ .p-pcnav a {
  text-decoration: none;
}
.mainframe_ .p-pcnav__list-item:not(:last-of-type) {
  margin-bottom: min(4.1666666667vw, 60px);
}
.mainframe_ .p-pcnav__list-item a {
  opacity: 0.5;
  transition: all 0.3s;
}
.mainframe_ .p-pcnav__list-item a:hover {
  opacity: 1;
}
.mainframe_ .p-pcnav__list-item a .u-min {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: min(1.66666667vw, 24px);
  letter-spacing: 0.08em;
  line-height: 1;
  margin-bottom: min(1.1111111111vw, 16px);
  display: block;
}
.mainframe_ .p-pcnav__list-item a .ja {
  display: block;
  font-size: min(0.9722222222vw, 14px);
  line-height: 1;
  letter-spacing: 0.16em;
  font-weight: 500;
}

@media screen and (min-width: 767px) {
  .l-wrapper {
    order: 1;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics {
    margin-bottom: 120.000006px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics {
    margin-bottom: 24vw;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__ttl img {
    width: 262.6666798px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__ttl img {
    width: 52.5333333333vw;
  }
}
.l-wrapper .p-topics__img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__img {
    width: 393.333353px;
    margin-bottom: 40.000002px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__img {
    width: 78.6666666667vw;
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__product {
    margin-bottom: 24.0000012px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__product {
    margin-bottom: 4.8vw;
  }
}
.l-wrapper .p-topics__product-list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__product-list {
    margin-bottom: 77.3333372px;
    column-gap: 26.666668px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__product-list {
    margin-bottom: 15.4666666667vw;
    column-gap: 5.3333333333vw;
  }
}
.l-wrapper .p-topics__product-list .item {
  position: relative;
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__product-list .item img {
    width: 109.3333388px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__product-list .item img {
    width: 21.8666666667vw;
  }
}
.l-wrapper .p-topics__product-list .item-txt {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 120%);
  white-space: nowrap;
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__product-list .item-txt {
    font-size: 13.333334px;
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__product-list .item-txt {
    font-size: calc(20 / 750 * 100vw);
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
.l-wrapper .p-topics__product-txt {
  text-align: center;
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__product-txt {
    font-size: 18.6666676px;
    line-height: 1.7857142857;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__product-txt {
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.7857142857;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__product-txt {
    margin-top: 24.0000012px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__product-txt {
    margin-top: 4.8vw;
  }
}
.l-wrapper .p-topics__box {
  text-align: center;
  color: #dd666d;
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__box {
    padding: 20.000001px;
    border-radius: 13.333334px;
    border: 1px solid #dd666d;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__box {
    padding: 4vw;
    border-radius: 2.6666666667vw;
    border: 0.2666666667vw solid #dd666d;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__box-txt {
    font-size: 26.666668px;
    line-height: 1.75;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__box-txt {
    font-size: calc(40 / 750 * 100vw);
    line-height: 1.75;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__box-txt {
    margin-bottom: 13.333334px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__box-txt {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-topics__box-note {
    font-size: 13.333334px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-topics__box-note {
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-item__ttl img {
    width: 183.3333425px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-item__ttl img {
    width: 36.6666666667vw;
  }
}
.l-wrapper .event_ {
  margin: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../img/bg-topics.jpg);
  background-position: top;
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ {
    padding: 146.666674px 0 78.6666706px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ {
    padding: 29.3333333333vw 0 15.7333333333vw;
  }
}
.l-wrapper .event_ .StyleT_Frame_ {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .StyleT_Frame_ {
    max-width: 446.666689px;
    row-gap: 13.333334px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .StyleT_Frame_ {
    max-width: 89.3333333333vw;
    row-gap: 2.6666666667vw;
  }
}
.l-wrapper .event_ .StyleT_Frame_ .StyleT_Line_ {
  float: none;
  clear: both;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ {
  float: none;
  clear: both;
  background-color: #fff;
  margin-top: 0;
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ {
    width: 216.6666775px;
    border-radius: 13.333334px;
    padding: 8.0000004px 6.666667px 24.0000012px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ {
    width: 43.3333333333vw;
    border-radius: 2.6666666667vw;
    padding: 1.6vw 1.3333333333vw 4.8vw;
  }
}
.l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ .variation_list_wrap_ {
  margin-left: 0;
}
.l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ .desp_ {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ .desp_ .name1_ {
    font-size: 16.0000008px;
    line-height: 1.9166666667;
    letter-spacing: 0.08em;
    font-weight: 500;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ .desp_ .name1_ {
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.9166666667;
    letter-spacing: 0.08em;
    font-weight: 500;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ .desp_ .price_ {
    font-size: 13.333334px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .StyleT_Frame_ .StyleT_Item_ .desp_ .price_ {
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.5;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
.l-wrapper .event_ .common_Tit2_ {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background: center/contain no-repeat url(../img/bg-item-ttl.png);
  padding-bottom: 0;
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .common_Tit2_ {
    font-size: 26.666668px;
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 400;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .common_Tit2_ {
    font-size: calc(40 / 750 * 100vw);
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 400;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .common_Tit2_ {
    width: 444.6666889px;
    height: 66.66667px;
    margin-bottom: 40.000002px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .common_Tit2_ {
    margin-bottom: 8vw;
    width: 88.9333333333vw;
    height: 13.3333333333vw;
  }
}
.l-wrapper .event_ .common_Tit2_::after {
  display: none;
}
@media screen and (min-width: 767px) {
  .l-wrapper .event_ .StyleT_Frame_ {
    margin-bottom: 93.333338px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .event_ .StyleT_Frame_ {
    margin-bottom: 18.6666666667vw;
  }
}
@media screen and (min-width: 767px) {
  .l-wrapper .p-bnr {
    margin-bottom: 120.000006px;
  }
}
@media screen and (max-width: 766px) {
  .l-wrapper .p-bnr {
    margin-bottom: 24vw;
  }
}
.l-wrapper .category_freespace_ {
  padding: 0;
  margin: 0;
}

.mainframe_ {
  margin-bottom: 0;
}

.category_name_.common_Tit1_,
.navitopicpath_,
#block_of_itemhistory {
  display: none;
}