@charset "UTF-8";

/*//////////////////////////////////////////////////

to/one WEB STORE　|　HOLIDAY COLLECTION 2025

//////////////////////////////////////////////////*/

/* ========================================================
                      * Layout style *
========================================================= */


html {
  font-size: calc(10 * (100vw/600));
}

@media (min-width: 769px) {
  html {
    font-size: calc(10 * (100vw/1600));
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 62.5%
  }
}

footer {
  position: relative;
  z-index: 10;
  margin-top: 0 !important;
}

.share-txt {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.share-txt span {
  margin-top: calc(40 * (var(--rate)));
  margin-bottom: calc(40* (var(--rate)));
}

span.result {
  display: none !important;
}


/* ========================================================
                      * root *
========================================================= */
:root {
  --rate: calc(var(--pcMainContentWidth) / var(--spWidth));

  /* PCデザインのメインコンテンツの横幅 */
  --pcMainContentWidth: 60rem;

  /* PCデザインの横幅 */
  --pcWidth: 1600;

  /* SPデザインの横幅 */
  --spWidth: 750;

  --color_white: #fff;
  --color_pc_bg: #FCEEEE;
  --color_main_bg: #FCEEEE;
  --color_main_txt: #F4B2B9;
  --color_main_txt_sub01: #F2A7C8;
  --color_main_txt_sub02: #F4B2B9;
  --color_main_txt_sub03: #F4AC8B;
  --font_ja: "helvetica-neue-lt-pro", "hiragino-kaku-gothic-pron", sans-serif;
  --font_en: "erotique", sans-serif;
}

#Wrap {
  width: 100%;
}

/* ========================================================
                      * lp_contents *
========================================================= */

.lp_contents * {
  box-sizing: border-box;
  font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: .1em;
  font-weight: 400;
  text-align: center;
}

.lp_contents {
  width: 100%;
  max-width: 60rem;
  height: 100%;
  font-family: var(--font_ja);
  overflow-x: clip;
  color: var(--color_main_txt);
}

@media (min-width: 769px) {
  .lp_contents {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 100%;
  }
}

.lp_contents .pcOnly {
  display: none;
}

.lp_contents img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lp_contents a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5 {
  font-weight: 400;
}

.lp_contents_inner {
  position: relative;
  z-index: 1;
  overflow: clip;
  background: var(--color_main_bg);
}

.lp_contents a,
.lp_contents button,
.sec_item .btn_accordion {
  -webkit-tap-highlight-color: transparent;
  /* iOS Safari用 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Android Chrome用 */
}

.lp_contents a:hover {
  opacity: 1;
}



/* ========================================================
                      * PC *
========================================================= */
@media (min-width: 769px) {

  .lp_contents .fixed_area {
    position: relative;
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50% 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: var(--color_pc_bg);
  }

  .lp_contents .fixed_area .fixed_nav {
    display: grid;
    place-items: center;
    width: calc((100% - 60rem) / 2);
    height: 100vh;
    padding-top: var(--header-height);
  }

  .fixed_left_inner .logo {
    width: 33.9rem;
    text-align: center;
  }

  .lp_contents_inner {
    width: 60rem;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    overflow: clip;
  }

}


/* ========================================================
            * fixed_nav fixed_right   *
========================================================= */

.fixed_right .menu_list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.1rem;
}

.fixed_right .menu_list li {
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 17.7rem;
  border: 1px solid var(--color_main_txt_sub01);
  border-radius: 1.5rem;
  position: relative;
}

.fixed_right .menu_list li:nth-of-type(1) {}

.fixed_right .menu_list li:nth-of-type(2) {
  border: 1px solid var(--color_main_txt_sub02);
}

.fixed_right .menu_list li:nth-of-type(3) {
  border: 1px solid var(--color_main_txt_sub03);
}

.fixed_right .menu_list li::before {
  content: "";
  position: absolute;
  background-size: 100%;
  width: 1.3rem;
  height: .7rem;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.fixed_right .menu_list li:nth-of-type(1)::before {
  background: url(../img/arrow_mini01.svg) no-repeat center / 100%;
}

.fixed_right .menu_list li:nth-of-type(2)::before {
  background: url(../img/arrow_mini02.svg) no-repeat center / 100%;
}

.fixed_right .menu_list li:nth-of-type(3)::before {
  background: url(../img/arrow_mini03.svg) no-repeat center / 100%;
}

.fixed_right .menu_list .img {
  width: 6rem;
  margin: 0 auto;
  margin-top: .4rem;
}

.fixed_right .menu_list p {
  font-size: 1.3rem;
  font-family: var(--font_en);
  font-weight: 500;
  line-height: calc(16.25 / 13);
  letter-spacing: 0;
  color: var(--color_main_txt_sub01);
  margin-top: .5rem;
}

@media (max-width: 768px) {
  .fixed_right .menu_list p {
    font-weight: 600;
  }
}

.fixed_right .menu_list li:nth-of-type(1) p {}

.fixed_right .menu_list li:nth-of-type(2) p {
  color: var(--color_main_txt_sub02);
}

.fixed_right .menu_list li:nth-of-type(3) p {
  color: var(--color_main_txt_sub03);
}

/* ========================================================
                      * 共通設定  *
========================================================= */

.lp_contents .sp_only {
  display: none;
}

@media (max-width: 768px) {
  .lp_contents .sp_only {
    display: block;
  }
}

.lp_contents .accordion {
  transition: height 0.5s;
  overflow: hidden;
}

.lp_contents .btn_accordion {
  cursor: pointer;
  position: relative;
  font-size: calc(28 * (var(--rate)));
  font-family: var(--font_en);
  font-weight: 500;
  letter-spacing: 0;
}

@media (max-width: 768px) {
  .lp_contents .btn_accordion {
    font-weight: 600;
  }
}


.lp_contents .btn_accordion.is-open {}

.lp_contents .btn_accordion::before {
  content: "";
  position: absolute;
  background: url(../img/arrow_mini01.svg) no-repeat center;
  background-size: 100%;
  width: calc(33 * (var(--rate)));
  height: calc(17 * (var(--rate)));
  top: calc(37 * (var(--rate)));
  left: 50%;
  transform: translateX(-50%);
}

.lp_contents .btn_accordion.is-open::before {
  transform: translate(-50%) rotate(180deg);
  top: calc(-32 * (var(--rate)));
}

.lp_contents .btn {}


.lp_contents .js-fadeIn {
  opacity: 0;
  transition: opacity 1.8s;
}

.lp_contents .js-fadeIn.is-show {
  opacity: 1;
}

.txt_anime_wrap {
  position: relative;
}

.txt_anime_wrap .ribbon_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}

.txt_anime_wrap .ribbon_wrap:nth-of-type(1) {
  top: 0;
  left: 0;
}

.txt_anime_wrap .ribbon_wrap:nth-of-type(2) {
  top: calc(56 * (var(--rate)));
  left: 0;
}

.txt_anime_wrap .ribbon_txt {
  width: calc(666 * (var(--rate)));
  padding-top: calc(13 * (var(--rate)));
  margin-left: calc(37 * (var(--rate)));
  margin-right: auto;
}


.lp_contents path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  fill: none;
  stroke: #f4b2b9;
}

.lp_contents .path_display {
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  fill: #f4b2b9;
  display: none;
  stroke: none;
}

.lp_contents .path_display.is-active {
  display: block;
}

/* アニメーション指定 */
.lp_contents .ribbon {
  fill: none;
  stroke: #f4b2b9;
  stroke-miterlimit: 10;
  stroke-width: 1px;
}

.lp_contents .ribbon.is-show {
  animation: ribbon-stroke 1.8s linear forwards;
}

@keyframes ribbon-stroke {
  0% {
    stroke-dashoffset: 1000;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.lp_contents svg {
  overflow: visible;
}

/* ========================================================
                      * sec_mv  *
========================================================= */

.sec_mv {
  padding-bottom: calc(100 * (var(--rate)));
}

.sec_mv .ttl_main {
  width: calc(750 * (var(--rate)));
}

.sec_mv .reservation_date_wrap {
  margin-top: calc(96 * (var(--rate)));
}

.sec_mv .reservation_date_wrap .reservation_date {
  font-size: calc(24 * (var(--rate)));
}

.sec_mv .reservation_date_wrap .reservation_date:nth-of-type(2) {
  margin-top: calc(33 * (var(--rate)));
}

.sec_mv .reservation_date_wrap .reservation_date .day {
  font-size: calc(28 * (var(--rate)));
}

.sec_mv .reservation_date_wrap .reservation_date .week {
  font-size: calc(26 * (var(--rate)));
}

.sec_mv .reservation_date_wrap .note {
  font-size: calc(20 * (var(--rate)));
  margin-top: calc(25 * (var(--rate)));
  display: block;
}

.sec_mv .txt_anime_wrap {
  margin-top: calc(100 * (var(--rate)));
}

.sec_mv .ttl_sub {
  font-size: calc(56 * (var(--rate)));
  font-family: var(--font_en);
  font-weight: 500;
  letter-spacing: 0;
  margin-top: calc(106 * (var(--rate)));
}

@media (max-width: 768px) {
  .sec_mv .ttl_sub {
    font-weight: 600;
  }
}

.sec_mv .accordion {
  padding-left: calc(7 * (var(--rate)));
  height: calc(235 * (var(--rate)));
}

.sec_mv .accordion .txt {
  font-size: calc(22 * (var(--rate)));
  line-height: calc(44 / 22);
  margin-top: calc(57 * (var(--rate)));
  letter-spacing: .2em;
}

.sec_mv .btn_accordion {
  margin-top: calc(22 * (var(--rate)));
  margin-bottom: calc(124 * (var(--rate)));
}

.sec_mv .btn_accordion.is-open {
  margin-top: calc(100 * (var(--rate)));
  margin-bottom: calc(92 * (var(--rate)));
}

.sec_mv .ankerlink_wrap {
  /* margin-top: calc(124 * (var(--rate))); */
}

.sec_mv .ankerlink_wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(35 * (var(--rate)));
}

.sec_mv .ankerlink_wrap li {
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(200 * (var(--rate)));
  height: calc(289 * (var(--rate)));
  border-radius: calc(30 * (var(--rate)));
  position: relative;
}

.sec_mv .ankerlink_wrap li:nth-of-type(1) {
  border: 1px solid var(--color_main_txt_sub01);
}

.sec_mv .ankerlink_wrap li:nth-of-type(2) {
  border: 1px solid var(--color_main_txt_sub02);
}

.sec_mv .ankerlink_wrap li:nth-of-type(3) {
  border: 1px solid var(--color_main_txt_sub03);
}

.sec_mv .ankerlink_wrap li::before {
  content: "";
  position: absolute;
  width: calc(21 * (var(--rate)));
  height: calc(11 * (var(--rate)));
  bottom: calc(12 * (var(--rate)));
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.sec_mv .ankerlink_wrap li:nth-of-type(1)::before {
  background: url(../img/arrow_mini01.svg) no-repeat center / 100%;
}

.sec_mv .ankerlink_wrap li:nth-of-type(2)::before {
  background: url(../img/arrow_mini02.svg) no-repeat center / 100%;
}

.sec_mv .ankerlink_wrap li:nth-of-type(3)::before {
  background: url(../img/arrow_mini03.svg) no-repeat center / 100%;
}

.sec_mv .ankerlink_wrap .img {
  width: calc(100 * (var(--rate)));
  margin: 0 auto;
}

.sec_mv .ankerlink_wrap p {
  font-size: calc(22 * (var(--rate)));
  line-height: calc(27.5 / 22);
  letter-spacing: 0;
  color: var(--color_main_txt_sub01);
  font-family: var(--font_en);
  font-weight: 500;
  margin-top: calc(12 * (var(--rate)));
}

@media (max-width: 768px) {
  .sec_mv .ankerlink_wrap p {
    font-weight: 600;
  }
}

.sec_mv .ankerlink_wrap li:nth-of-type(1) p {
  color: var(--color_main_txt_sub01);
}

.sec_mv .ankerlink_wrap li:nth-of-type(2) p {
  color: var(--color_main_txt_sub02);
}

.sec_mv .ankerlink_wrap li:nth-of-type(3) p {
  color: var(--color_main_txt_sub03);
}



/* ========================================================
                      * sec_item  *
========================================================= */

.sec_item {
  padding-top: calc(100 * (var(--rate)));
  padding-bottom: calc(100 * (var(--rate)));
}

.sec_item01 * {
  color: var(--color_main_txt_sub01);
}

.sec_item02 * {
  color: var(--color_main_txt_sub02);
}

.sec_item03 * {
  color: var(--color_main_txt_sub03);
}

.sec_item01 {
  background: url(../img/sec_item01_bg.png) no-repeat center top / 100% 100%;
  padding-bottom: 0;
}

.sec_item02 {
  background: url(../img/sec_item02_bg.png) no-repeat center top / 100% 100%;
}

.sec_item03 {
  background: url(../img/sec_item03_bg.png) no-repeat center top / 100% 100%;
  padding-top: calc(126 * (var(--rate)));
  padding-bottom: 0;
}

.sec_item .visual {
  width: calc(600 * (var(--rate)));
  margin: 0 auto;
  position: relative;
}

.sec_item .visual::before {
  content: "";
  width: calc(200 * (var(--rate)));
  height: calc(200 * (var(--rate)));
  position: absolute;
  animation-name: rotate;
  pointer-events: none;
  animation-name: rotate;
  animation-duration: 30000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: forwards;
}

.sec_item01 .visual::before {
  background: url(../img/rotate_txt01.svg) no-repeat center / 100%;
  top: calc(648 * (var(--rate)));
  left: calc(-102 * (var(--rate)));
}

.sec_item02 .visual::before {
  background: url(../img/rotate_txt02.svg) no-repeat center / 100%;
  top: calc(648 * (var(--rate)));
  right: calc(-102 * (var(--rate)));
}

.sec_item03 .visual::before {
  background: url(../img/rotate_txt03.svg) no-repeat center / 100%;
  top: calc(648 * (var(--rate)));
  left: calc(-102 * (var(--rate)));
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sec_item .lead {
  font-size: calc(24 * (var(--rate)));
  line-height: calc(48 / 24);
  letter-spacing: .15em;
  margin-top: calc(88 * (var(--rate)));
}

.sec_item03 .lead {
  margin-top: calc(86 * (var(--rate)));
  padding-left: calc(6 * (var(--rate)));
}

.sec_item .item_img {
  width: calc(416 * (var(--rate)));
  margin: calc(27 * (var(--rate))) auto 0;
}

.sec_item .name {
  font-size: calc(24 * (var(--rate)));
  letter-spacing: .15em;
  margin-top: calc(31 * (var(--rate)));
}

.sec_item .price_wrap {
  font-size: calc(22 * (var(--rate)));
  margin-top: calc(31 * (var(--rate)));
}

.sec_item .price_wrap .price {
  font-size: calc(24 * (var(--rate)));
  letter-spacing: .15em;
  margin-left: calc(24 * (var(--rate)));
}

.sec_item .price_wrap .tax {
  font-size: calc(20 * (var(--rate)));
}

.sec_item .btn_buy {
  background: #FCEDF4;
  width: calc(280 * (var(--rate)));
  border-radius: calc(38 * (var(--rate)));
  margin: 0 auto;
  margin-top: calc(47 * (var(--rate)));
}

.sec_item01 .btn_buy {
  background: #F3EFD6;
}

.sec_item02 .btn_buy {
  margin-top: calc(42 * (var(--rate)));
}

.sec_item03 .btn_buy {
  margin-top: calc(42 * (var(--rate)));
}

.sec_item .btn_buy a {
  font-size: calc(36 * (var(--rate)));
  font-family: var(--font_en);
  font-weight: 500;
  letter-spacing: 0;
  padding: calc(20 * (var(--rate))) 0;
}

@media (max-width: 768px) {
  .sec_item .btn_buy a {
    font-weight: 600;
  }
}

.sec_item .features_wrap {}

.sec_item .features_wrap .types_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(91 * (var(--rate)));
  margin-top: calc(75 * (var(--rate)));
  margin-left: calc(70 * (var(--rate)));
  position: relative;
}

.sec_item .features_wrap .types_wrap::before {
  content: "or";
  font-size: calc(72 * (var(--rate)));
  font-family: var(--font_en);
  font-weight: 500;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(288 * (var(--rate)));
  color: var(--color_main_txt_sub01);
  opacity: 0;
  transition: opacity 1.8s;
}

@media (max-width: 768px) {
  .sec_item .features_wrap .types_wrap::before {
    font-weight: 600;
  }
}

.sec_item .features_wrap .types_wrap.is-show::before {
  opacity: 1;
}

.sec_item .features_wrap .types_wrap li {
  position: relative;
}

.sec_item .features_wrap .types_wrap li .img {
  width: calc(260 * (var(--rate)));
  position: relative;
  z-index: 1;
}

.sec_item .features_wrap .types_wrap li:nth-of-type(2) {
  padding-top: calc(100 * (var(--rate)));
}

.sec_item .features_wrap .types_wrap li .rotate_txt {
  position: absolute;
  transition-delay: 5s;
  bottom: 0;
  left: 0;
}

.sec_item .features_wrap .types_wrap li .rotate_txt.is-show {}

.sec_item .features_wrap .types_wrap li:nth-of-type(1) .rotate_txt {
  width: calc(302 * (var(--rate)));
  -webkit-transform: rotate(-100deg);
  -moz-transform: rotate(-100deg);
  -o-transform: rotate(-100deg);
  -ms-transform: rotate(-100deg);
  transform: rotate(-100deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  left: calc(-42 * (var(--rate)));
}

.sec_item .features_wrap .types_wrap li:nth-of-type(2) .rotate_txt {
  width: calc(292 * (var(--rate)));
  -webkit-transform: rotate(100deg);
  -moz-transform: rotate(100deg);
  -o-transform: rotate(100deg);
  -ms-transform: rotate(100deg);
  transform: rotate(100deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  bottom: calc(0 * (var(--rate)));
  right: calc(-33 * (var(--rate)));
  left: auto;
}

.sec_item .features_wrap .types_wrap li .rotate_txt.is-show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1000ms ease .8s;
  -moz-transition: -moz-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1000ms ease .8s;
  -o-transition: -o-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1000ms ease .8s;
  -ms-transition: -ms-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1000ms ease .8s;
  transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s, opacity 1000ms ease .8s;
}

.sec_item .features_wrap .types_wrap li:nth-of-type(2) .rotate_txt {}

.sec_item .accordion {
  height: calc(0 * (var(--rate)));
  padding-left: calc(6 * (var(--rate)));
}

.sec_item .accordion .txt_wrap {
  padding-top: calc(72 * (var(--rate)));
}

.sec_item .accordion .txt {
  font-size: calc(22 * (var(--rate)));
  line-height: calc(38.5 / 22);
  letter-spacing: .15em;
}

.sec_item .accordion .txt.note {
  font-size: calc(20 * (var(--rate)));
}

.sec_item .accordion .txt:not(:first-of-type) {
  margin-top: calc(42 * (var(--rate)));
}

.sec_item .accordion.is-open .txt:not(:first-of-type) {
  margin-top: calc(45 * (var(--rate)));
}

.sec_item02 .accordion.is-open .txt:not(:first-of-type) {
  margin-top: calc(42 * (var(--rate)));
}

.sec_item .accordion .ttl {
  font-size: calc(40 * (var(--rate)));
  margin-top: calc(87 * (var(--rate)));
  position: relative;
}

.sec_item .accordion .ttl::before,
.sec_item .accordion .ttl::after {
  content: "";
  width: calc(100 * (var(--rate)));
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translate(-50%);
  background: var(--color_main_txt_sub01);
}

.sec_item02 .accordion .ttl::before,
.sec_item02 .accordion .ttl::after {
  background: var(--color_main_txt_sub02);
}

.sec_item03 .accordion .ttl::before,
.sec_item03 .accordion .ttl::after {
  background: var(--color_main_txt_sub03);
}

.sec_item .accordion .ttl::before {
  left: calc(243 * (var(--rate)));
}

.sec_item .accordion .ttl::after {
  right: calc(148 * (var(--rate)));
}

.sec_item .accordion .scroll_wrap {
  width: calc(750 * (var(--rate)));
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
  scrollbar-width: none;
  margin-top: calc(39 * (var(--rate)));
  padding-inline: calc(155 * (var(--rate))) 0;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.sec_item .accordion .scroll_wrap:active {
  cursor: grabbing;
}

.sec_item .accordion .scroll_wrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(80 * (var(--rate)));
  width: calc(1534 * (var(--rate)));
  position: relative;
}

.sec_item01 .accordion .scroll_wrap ul {
  min-height: calc(465 * (var(--rate)));
}

.sec_item02 .accordion .scroll_wrap ul {
  min-height: calc(473 * (var(--rate)));
}

.sec_item03 .accordion .scroll_wrap ul {
  min-height: calc(461 * (var(--rate)));
}

.sec_item .accordion .scroll_wrap li {
  flex-shrink: 0;
  width: calc(428 * (var(--rate)));
  height: calc(428 * (var(--rate)));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.sec_item .accordion .scroll_wrap li .head {
  font-size: calc(32 * (var(--rate)));
  font-family: var(--font_en);
  font-weight: 500;
  letter-spacing: 0;
}

@media (max-width: 768px) {
  .sec_item .accordion .scroll_wrap li .head {
    font-weight: 600;
  }
}

.sec_item .accordion .scroll_wrap li .head_sub {
  font-size: calc(22 * (var(--rate)));
  line-height: calc(33/22);
  letter-spacing: .15em;
  color: #727171;
  margin-top: calc(10 * (var(--rate)));
}

.sec_item .accordion .scroll_wrap li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}

.sec_item01 .accordion .scroll_wrap li:nth-of-type(1)::before {
  width: calc(517 * (var(--rate)));
  height: calc(465 * (var(--rate)));
  background: url(../img/fragrance_graph01.png) no-repeat center / 100%;
}

.sec_item01 .accordion .scroll_wrap li:nth-of-type(2)::before {
  width: calc(492 * (var(--rate)));
  height: calc(428 * (var(--rate)));
  background: url(../img/fragrance_graph02.png) no-repeat center / 100%;
  right: auto;
  left: 0;
}

.sec_item01 .accordion .scroll_wrap li:nth-of-type(3)::before {
  width: calc(428 * (var(--rate)));
  height: calc(458 * (var(--rate)));
  background: url(../img/fragrance_graph03.png) no-repeat center / 100%;
}

.sec_item02 .accordion .scroll_wrap li:nth-of-type(1)::before {
  width: calc(447 * (var(--rate)));
  height: calc(460 * (var(--rate)));
  background: url(../img/fragrance_graph04.png) no-repeat center / 100%;
  top: 50%;
  transform: translateY(-50%);
}

.sec_item02 .accordion .scroll_wrap li:nth-of-type(2)::before {
  width: calc(428 * (var(--rate)));
  height: calc(472 * (var(--rate)));
  background: url(../img/fragrance_graph05.png) no-repeat center / 100%;
}

.sec_item02 .accordion .scroll_wrap li:nth-of-type(3)::before {
  width: calc(496 * (var(--rate)));
  height: calc(428 * (var(--rate)));
  background: url(../img/fragrance_graph06.png) no-repeat center / 100%;
  right: auto;
  left: 0;
}

.sec_item03 .accordion .scroll_wrap li:nth-of-type(1)::before {
  width: calc(526 * (var(--rate)));
  height: calc(428 * (var(--rate)));
  background: url(../img/fragrance_graph07.png) no-repeat center / 100%;
  right: auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sec_item03 .accordion .scroll_wrap li:nth-of-type(2)::before {
  width: calc(537 * (var(--rate)));
  height: calc(459 * (var(--rate)));
  background: url(../img/fragrance_graph08.png) no-repeat center / 100%;
  right: auto;
  left: 0;
  top: auto;
  bottom: 0;
}

.sec_item03 .accordion .scroll_wrap li:nth-of-type(3)::before {
  width: calc(532 * (var(--rate)));
  height: calc(461 * (var(--rate)));
  background: url(../img/fragrance_graph09.png) no-repeat center / 100%;
  right: auto;
  left: 0;
  top: auto;
  bottom: 0;
}

.sec_item .accordion .fragrance_txt {
  margin-top: calc(39 * (var(--rate)));
  font-size: calc(22 * (var(--rate)));
  line-height: calc(38.5 / 22);
  letter-spacing: .15em;
}

.sec_item02 .accordion .fragrance_txt {
  margin-top: calc(34 * (var(--rate)));
}

.sec_item .btn_accordion {
  margin-top: calc(62 * (var(--rate)));
}

.sec_item .btn_accordion.is-open {
  margin-top: calc(77 * (var(--rate)));
}

.sec_item01 .btn_accordion {
  padding-bottom: calc(126 * (var(--rate)));
}

.sec_item01 .btn_accordion.is-open {
  padding-bottom: calc(98 * (var(--rate)));
}

.sec_item03 .btn_accordion {
  margin-top: calc(59 * (var(--rate)));
  padding-bottom: calc(126 * (var(--rate)));
}

.sec_item03 .btn_accordion.is-open {
  margin-top: calc(83 * (var(--rate)));
  padding-bottom: calc(95 * (var(--rate)));
}

.sec_item01 .btn_accordion::before {
  background: url(../img/arrow_mini01.svg) no-repeat center;
}

.sec_item02 .btn_accordion::before {
  background: url(../img/arrow_mini02.svg) no-repeat center;
}

.sec_item03 .btn_accordion::before {
  background: url(../img/arrow_mini03.svg) no-repeat center;
}


/* ========================================================
                      * sec_release  *
========================================================= */

.sec_release {
  padding-top: calc(100 * (var(--rate)));
  padding-bottom: calc(100 * (var(--rate)));
}

.sec_release .txt_anime_wrap {}

.sec_release .reservation_date_wrap {
  margin-top: calc(107 * (var(--rate)));
}

.sec_release .reservation_date_wrap .reservation_date {
  font-size: calc(24 * (var(--rate)));
}

.sec_release .reservation_date_wrap .reservation_date.Release_date {
  margin-top: calc(30 * (var(--rate)));
}

.sec_release .reservation_date_wrap .reservation_date:nth-of-type(2) {
  margin-top: calc(40 * (var(--rate)));
}

.sec_release .reservation_date_wrap .reservation_date .day {
  font-size: calc(28 * (var(--rate)));
}

.sec_release .reservation_date_wrap .reservation_date .week {
  font-size: calc(26 * (var(--rate)));
}

.sec_release .reservation_date_wrap .note {
  font-size: calc(20 * (var(--rate)));
  margin-top: calc(27 * (var(--rate)));
  display: block;
}

.sec_release dl {
  margin-top: calc(60 * (var(--rate)));
}

.sec_release dl:nth-of-type(2) {
  margin-top: calc(38 * (var(--rate)));
}

.sec_release dt {
  font-size: calc(26 * (var(--rate)));
  font-family: var(--font_en);
  font-weight: 500;
  letter-spacing: 0;
}

@media (max-width: 768px) {
  .sec_release dt {
    font-weight: 600;
  }
}

.sec_release dd {
  font-size: calc(22 * (var(--rate)));
  line-height: calc(44 / 22);
  margin-top: calc(7 * (var(--rate)));
}

.sec_release dd .txt_ja {
  font-size: calc(20 * (var(--rate)));
}

.sec_release .btn_all {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid var(--color_main_txt);
  border-radius: calc(60 * (var(--rate)));
  width: calc(560 * (var(--rate)));
  margin: 0 auto;
  margin-top: calc(87 * (var(--rate)));
}

.sec_release .btn_all a {
  font-family: var(--font_en);
  font-weight: 500;
  font-size: calc(24 * (var(--rate)));
  letter-spacing: 0;
  padding: calc(25 * (var(--rate))) 0 calc(12 * (var(--rate)));
  color: var(--color_main_txt);
}

@media (max-width: 768px) {
  .sec_release .btn_all a {
    font-weight: 600;
  }
}

.sec_release .btn_all a span {
  font-size: calc(46 * (var(--rate)));
  letter-spacing: 0;
  display: block;
  margin-top: calc(8 * (var(--rate)));
}

@media (max-width: 768px) {
  .sec_release .btn_all a span {
    font-weight: 600;
  }
}