@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
*:before, *:after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}

body {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.354vw;
  color: #ffffff;
  background: #000;
  position: relative;
  z-index: 0;
}
body::before {
  content: "";
  width: 100%;
  height: 100vh;
  background-image: url(./images/main_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
body img {
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 3.738vw;
  }
  body::before {
    background-image: url(./images/sp/main_bg.webp?202509031100);
  }
  body img {
    pointer-events: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.sp_inline {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp_inline {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.flex {
  display: flex;
}

.grid {
  display: grid;
}

section {
  position: relative;
  z-index: 0;
}

.wrap {
  overflow: hidden;
}

main {
  /* 共通パーツ */
  /* 見出し */
  /* 見出し */
  /*lineup_area*/
  /*lineup_area*/
  /*ガラス片*/
  /*ガラス片*/
}
main h2.h2_type2 {
  width: 100%;
  margin-bottom: 1.302vw;
}
main h2.h2_type2 img {
  height: 3.281vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  main h2.h2_type2 {
    margin-bottom: 5.14vw;
  }
  main h2.h2_type2 img {
    height: 8.178vw;
  }
}
main .lineup_area {
  z-index: 1;
}
main .lineup_area::before {
  content: "";
  width: 18.281vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
main .lineup_area::after {
  content: "";
  width: 18.281vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
main .lineup_area .lineup_inner_title {
  position: relative;
  top: -1.042vw;
  z-index: 0;
  opacity: 0;
  transform: translateX(10%);
  transition: transform ease-in-out 0.8s, opacity ease-in-out 0.8s;
}
main .lineup_area .lineup_inner_title::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner_title {
    top: 0;
    padding-top: 5.841vw;
  }
  main .lineup_area .lineup_inner_title h3 {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner {
    flex-direction: column;
    padding-bottom: 12.85vw;
  }
}
main .lineup_area .lineup_inner .lineup_inner_chara {
  opacity: 0;
  transform: translateX(-10%);
  transition: transform ease-in-out 0.8s, opacity ease-in-out 0.8s;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner .lineup_inner_chara {
    z-index: 0;
  }
}
main .lineup_area .lineup_inner .lineup_inner_info {
  opacity: 0;
  transform: translateY(5%);
  transition: all ease-in-out 0.8s;
}
main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex {
  align-items: center;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex {
    flex-direction: column;
  }
}
main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex-img01 {
  width: 32.448vw;
  position: relative;
  z-index: 0;
}
main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex-img01::after {
  content: "";
  width: 48.958vw;
  height: 45.729vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -3.646vw;
  left: -10.417vw;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex-img01 {
    width: 84.579vw;
    left: 33.879vw;
  }
  main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex-img01::after {
    content: none;
  }
}
main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex-img02 {
  width: 26.51vw;
  margin-top: 3.646vw;
  margin-left: -7.344vw;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner .lineup_inner_info .info_img_flex-img02 {
    width: 76.402vw;
    margin-top: 10.514vw;
    margin-left: 0;
  }
}
main .lineup_area .lineup_inner .lineup_inner_info p {
  font-family: "fot-tsukumin-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1vw;
  line-height: 1.42;
  letter-spacing: 0.08em;
  text-align: center;
  filter: drop-shadow(0 0 3px #fff);
  margin-top: -1.2vw;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_inner .lineup_inner_info p {
    font-size: 3.738vw;
    margin-top: 7.009vw;
  }
}
main .lineup_area .lineup_inner .lineup_inner_info p span {
  display: block;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.4s ease;
}
main .lineup_area .lineup_bg_deco {
  width: 93.333vw;
  height: 45.885vw;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_bg_deco {
    top: 0;
    transform: translate(-50%, 0%);
    z-index: -1;
  }
}
main .lineup_area .lineup_area_bg {
  width: 100%;
  height: 61.042vw;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}
@media screen and (max-width: 767px) {
  main .lineup_area .lineup_area_bg {
    height: 299.766vw;
  }
}
main .bg_deco img {
  will-change: transform;
  transition: all ease 0.5s;
}
main #mv {
  height: 100vh;
  max-height: 53.073vw;
  min-height: 53.073vw;
}
@media screen and (max-width: 767px) {
  main #mv {
    max-height: 186.916vw;
    min-height: 186.916vw;
  }
}
main #mv.active .mv_inneer h1 {
  transform: scale(1);
  opacity: 1;
  transition-delay: 0.8s;
}
main #mv.active .mv_inneer .mv_img {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.2s;
}
main #mv.active .mv_bg::before {
  opacity: 1;
  transform: translateX(0%);
}
@media screen and (max-width: 767px) {
  main #mv.active .mv_bg::before {
    transform: translateY(0%);
  }
}
main #mv.active .mv_scroll {
  opacity: 1;
  transition-delay: 1.7s;
}
main #mv .mv_inneer {
  width: 100%;
  max-width: 40.677vw;
  padding-top: 2.969vw;
  margin-left: 3.594vw;
}
main #mv .mv_inneer h1 {
  width: 37.969vw;
  margin: 0 auto;
  margin-bottom: 1.198vw;
  transform: scale(1.5);
  opacity: 0;
  transition: all cubic-bezier(0.87, 0.01, 0.36, 1) 0.4s;
}
main #mv .mv_inneer .mv_img {
  opacity: 0;
  transform: translateY(10%);
  transition: all ease-in-out 0.8s;
}
@media screen and (max-width: 767px) {
  main #mv .mv_inneer {
    max-width: none;
    padding-top: 6.542vw;
    margin-left: 0;
  }
  main #mv .mv_inneer h1 {
    width: 100vw;
    margin-bottom: 50vw;
  }
}
main #mv .mv_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
main #mv .mv_bg::before {
  content: "";
  width: 81.979vw;
  height: 53.021vw;
  background-image: url(./images/mv_chara.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  opacity: 0;
  transform: translateX(5%);
  transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s 0.2s;
}
@media screen and (max-width: 767px) {
  main #mv .mv_bg::before {
    width: 100vw;
    height: 135.047vw;
    background-image: url(./images/sp/mv_chara.webp);
    top: 49.065vw;
    transform: translateY(5%);
  }
}
main #mv .mv_scroll {
  width: 9.271vw;
  height: 9.271vw;
  position: absolute;
  top: 36.875vw;
  right: 2.708vw;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
@media screen and (max-width: 767px) {
  main #mv .mv_scroll {
    display: none;
  }
}
main #mv .mv_scroll::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(./images/mv_scroll.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  animation: Scroll-Rotate 15s linear infinite;
}
main #mv .mv_scroll .mv_scroll_in {
  width: 0.521vw;
  height: 4.688vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main #mv .mv_scroll .mv_scroll_in:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 0.573vw;
  height: 0.573vw;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background: #ffffff;
  opacity: 0;
  animation: Scroll-In-Move 1.6s ease-in-out infinite, Scroll-In-Hide-Move 1.6s ease-out infinite;
}
main #mv .mv_scroll .mv_scroll_in::after {
  content: "";
  width: 0.104vw;
  height: 100%;
  background-color: #9c9c9c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main #mv .mv_scroll a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main #intro {
  padding-top: 2.24vw;
}
@media screen and (max-width: 767px) {
  main #intro {
    padding-top: 13.318vw;
  }
}
main #intro.active .intro_inner {
  opacity: 1;
  transform: translateY(0);
}
main #intro .intro_inner {
  width: 100%;
  max-width: 82.188vw;
  margin: 0 auto;
  background-image: url(./images/intro_bg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top 3.125vw;
  opacity: 0;
  transform: translateY(10%);
  transition: all ease-in-out 0.8s;
}
@media screen and (max-width: 767px) {
  main #intro .intro_inner {
    max-width: none;
    background-image: url(./images/sp/intro_bg.webp);
    background-size: 120%;
    background-position: center top 0;
    overflow: hidden;
    transition: all ease-in-out 1s;
  }
}
main #intro h2 {
  width: 61.771vw;
  margin: 0 auto;
  position: relative;
}
main #intro h2::after {
  content: "";
  width: 66.406vw;
  height: 0.99vw;
  background-image: url(./images/intro_copy_line.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -1.823vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  main #intro h2 {
    width: 81.308vw;
  }
  main #intro h2::after {
    width: 100vw;
    height: 3.505vw;
    background-image: url(./images/sp/intro_copy_line.webp);
    bottom: -8.178vw;
  }
}
main #intro .intro_ul {
  width: 100%;
  max-width: 80.625vw;
  margin-top: 6.354vw;
  margin-left: 4.167vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul {
    flex-wrap: wrap;
    justify-content: center;
    max-width: none;
    margin-top: 15.187vw;
    margin-left: 0;
  }
}
main #intro .intro_ul .intro_ul_li {
  width: 24.167vw;
}
main #intro .intro_ul .intro_ul_li.active_off div.lineup_img img {
  animation: none;
}
main #intro .intro_ul .intro_ul_li a {
  display: block;
  height: 28.49vw;
  position: relative;
  z-index: 0;
  transition: all 0.4s;
}
main #intro .intro_ul .intro_ul_li a::after {
  content: "";
  width: 24.792vw;
  height: 26.198vw;
  background-image: url(./images/intro_lineup01_hover.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -2.083vw;
  left: 0;
  z-index: -4;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  main #intro .intro_ul .intro_ul_li a:hover {
    transform: translateY(-20px);
  }
  main #intro .intro_ul .intro_ul_li a:hover::after {
    opacity: 1;
  }
  main #intro .intro_ul .intro_ul_li a:hover div.lineup_img img {
    animation: none;
  }
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li {
    width: 55.374vw;
  }
  main #intro .intro_ul .intro_ul_li a {
    height: 65.187vw;
  }
  main #intro .intro_ul .intro_ul_li a::after {
    content: none;
  }
}
main #intro .intro_ul .intro_ul_li div {
  position: absolute;
}
main #intro .intro_ul .intro_ul_li div.lineup_name {
  bottom: 1.302vw;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li div.lineup_name {
    bottom: 3.505vw;
  }
}
main #intro .intro_ul .intro_ul_li div.lineup_img {
  width: 14.2vw;
  top: 0;
  left: 0;
  z-index: -1;
}
main #intro .intro_ul .intro_ul_li div.lineup_img img {
  will-change: filter;
  transition: all 0.4s;
  animation: DropShadow-Move 1.4s ease-in-out infinite;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li div.lineup_img {
    width: 32.477vw;
  }
}
main #intro .intro_ul .intro_ul_li div.lineup_bg {
  bottom: 0;
  left: 0;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-hero {
    margin-bottom: -4.673vw;
  }
}
main #intro .intro_ul .intro_ul_li-hero div.lineup_name {
  width: 14.115vw;
  left: 1.5vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-hero div.lineup_name {
    width: 30.14vw;
    left: 5.9vw;
  }
}
main #intro .intro_ul .intro_ul_li-hero div.lineup_img {
  top: 0;
  left: 4.688vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-hero div.lineup_img {
    left: 11.682vw;
  }
}
main #intro .intro_ul .intro_ul_li-strohl {
  margin-left: 0.885vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-strohl {
    margin-left: 0;
  }
}
main #intro .intro_ul .intro_ul_li-strohl a::after {
  width: 32.135vw;
  height: 35.521vw;
  background-image: url(./images/intro_lineup02_hover.webp);
  top: -8.469vw;
  left: -2.083vw;
}
main #intro .intro_ul .intro_ul_li-strohl div.lineup_name {
  width: 21vw;
  left: 2.1vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-strohl div.lineup_name {
    width: 45.093vw;
    left: 4.673vw;
  }
}
main #intro .intro_ul .intro_ul_li-strohl div.lineup_img {
  top: 0;
  left: 4.688vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-strohl div.lineup_img {
    left: 11.682vw;
  }
}
main #intro .intro_ul .intro_ul_li-louis {
  margin-left: 2.708vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-louis {
    width: 46.028vw;
    margin-left: -2.336vw;
  }
}
main #intro .intro_ul .intro_ul_li-louis a::after {
  width: 40.521vw;
  height: 39.896vw;
  background-image: url(./images/intro_lineup03_hover.webp);
  top: -11vw;
  left: -9.5vw;
}
main #intro .intro_ul .intro_ul_li-louis div.lineup_name {
  width: 15.99vw;
  left: 2.292vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-louis div.lineup_name {
    width: 34.8vw;
    left: 6.374vw;
  }
}
main #intro .intro_ul .intro_ul_li-louis div.lineup_img {
  top: 0;
  left: 2.865vw;
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-louis div.lineup_img {
    left: 7.009vw;
  }
}
@media screen and (max-width: 767px) {
  main #intro .intro_ul .intro_ul_li-louis div.lineup_bg {
    width: 55.374vw;
  }
}
main #intro .intro_ul .break {
  flex-basis: 100%;
}
main #intro .intro_bg_deco {
  position: absolute;
  top: 0;
  left: 4.01vw;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main #intro .intro_bg_deco {
    width: 100%;
    top: 63.4vw;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  main #intro .intro_bg_deco img {
    width: 108.411vw;
    max-width: none;
  }
}
main #hero {
  margin-top: 4.948vw;
}
@media screen and (max-width: 767px) {
  main #hero {
    margin-top: 7vw;
    margin-bottom: 14.019vw;
  }
}
main #hero.active .lineup_inner_title {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0s, 0.3s;
}
main #hero.active .lineup_inner_chara {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0s, 0.3s;
}
main #hero.active .lineup_inner_info {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 1s;
}
main #hero.active .lineup_inner_info p span {
  clip-path: inset(0);
  transition-delay: 1.8s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(2) {
  transition-delay: 2s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(3) {
  transition-delay: 2.2s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(4) {
  transition-delay: 2.4s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(5) {
  transition-delay: 2.6s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(6) {
  transition-delay: 2.8s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(7) {
  transition-delay: 3s;
}
main #hero.active .lineup_inner_info p span:nth-of-type(8) {
  transition-delay: 3.2s;
}
main #hero::before {
  height: 15.313vw;
  background-image: url(./images/hero_deco_frame01.webp);
  top: 1.927vw;
  left: 3.802vw;
}
@media screen and (max-width: 767px) {
  main #hero::before {
    width: 49.766vw;
    height: 6.075vw;
    background-image: url(./images/sp/hero_deco_frame01.webp);
    top: 0;
    left: 0;
  }
}
main #hero::after {
  height: 15.208vw;
  background-image: url(./images/hero_deco_frame02.webp);
  bottom: 6.51vw;
  right: 3.802vw;
}
@media screen and (max-width: 767px) {
  main #hero::after {
    width: 49.766vw;
    height: 6.075vw;
    background-image: url(./images/sp/hero_deco_frame02.webp);
    bottom: 0;
    right: 0;
  }
}
main #hero .hero_inner_title {
  width: 59.375vw;
  margin-left: auto;
  margin-right: 0;
}
main #hero .hero_inner_title::before {
  width: 14.271vw;
  height: 24.74vw;
  background-image: url(./images/hero_deco_flower.webp);
  top: 5.729vw;
  right: -1.302vw;
}
main #hero .hero_inner_title h3 {
  width: 48.021vw;
}
@media screen and (max-width: 767px) {
  main #hero .hero_inner_title {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main #hero .hero_inner_title::before {
    width: 109.112vw;
    height: 44.393vw;
    background-image: url(./images/sp/hero_deco_flower.webp);
    top: 119.159vw;
    right: -1.636vw;
  }
}
@media screen and (max-width: 767px) {
  main #hero .hero_inner_title h3 {
    width: 96.963vw;
  }
}
main #hero .lineup_inner {
  width: 89.844vw;
  margin-top: -11.979vw;
  margin-left: 0.521vw;
}
@media screen and (max-width: 767px) {
  main #hero .lineup_inner {
    width: 100%;
    margin-left: 0;
  }
}
main #hero .lineup_inner .lineup_inner_chara {
  width: 50.938vw;
}
@media screen and (max-width: 767px) {
  main #hero .lineup_inner .lineup_inner_chara {
    width: 110.28vw;
    margin-left: -13.318vw;
  }
}
main #hero .lineup_inner .lineup_inner_info {
  width: 51.563vw;
  margin-top: 6.25vw;
  margin-left: -13.542vw;
}
@media screen and (max-width: 767px) {
  main #hero .lineup_inner .lineup_inner_info {
    width: 100%;
    margin-top: -105.14vw;
    margin-left: 0;
  }
}
main #hero .lineup_inner .lineup_inner_info .info_img_flex-img01::after {
  background-image: url(./images/hero_img_perfume_bg.webp);
}
main #hero .lineup_inner .lineup_inner_info p {
  width: 92%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  main #hero .lineup_inner .lineup_inner_info p {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  main #hero .lineup_bg_deco {
    width: 100.467vw;
    height: 263.551vw;
    top: -1%;
  }
}
main #hero .lineup_area_bg {
  background-image: url(./images/hero_bg.webp);
  top: 40%;
}
@media screen and (max-width: 767px) {
  main #hero .lineup_area_bg {
    background-image: url(./images/sp/hero_bg.webp);
    top: 52%;
  }
}
@media screen and (max-width: 767px) {
  main #strohl {
    margin-bottom: 14.019vw;
  }
}
main #strohl.active .lineup_inner_title {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0s, 0.3s;
}
main #strohl.active .lineup_inner .lineup_inner_chara {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0s, 0.3s;
}
main #strohl.active .lineup_inner .lineup_inner_info {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0.9s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span {
  clip-path: inset(0);
  transition-delay: 1.8s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(2) {
  transition-delay: 2s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(3) {
  transition-delay: 2.2s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(4) {
  transition-delay: 2.4s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(5) {
  transition-delay: 2.6s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(6) {
  transition-delay: 2.8s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(7) {
  transition-delay: 3s;
}
main #strohl.active .lineup_inner .lineup_inner_info p span:nth-of-type(8) {
  transition-delay: 3.2s;
}
main #strohl::before {
  height: 17.656vw;
  background-image: url(./images/strohl_deco_frame01.webp);
  top: 1.927vw;
  right: 3.802vw;
}
@media screen and (max-width: 767px) {
  main #strohl::before {
    width: 54.907vw;
    height: 6.075vw;
    background-image: url(./images/sp/strohl_deco_frame01.webp);
    top: 0;
    left: 0;
    right: auto;
  }
}
main #strohl::after {
  height: 17.5vw;
  background-image: url(./images/strohl_deco_frame02.webp);
  bottom: 2.083vw;
  left: 3.802vw;
}
@media screen and (max-width: 767px) {
  main #strohl::after {
    width: 54.907vw;
    height: 6.075vw;
    background-image: url(./images/sp/strohl_deco_frame02.webp);
    bottom: 0;
    left: auto;
    right: 0;
  }
}
main #strohl .strohl_inner_title {
  width: 65.938vw;
  margin-left: 0;
  padding-left: 19.115vw;
  opacity: 0;
  transform: translateX(-10%);
}
main #strohl .strohl_inner_title::before {
  width: 16.667vw;
  height: 21.094vw;
  background-image: url(./images/strohl_deco_flower.webp);
  top: 8.333vw;
  left: -1.302vw;
}
main #strohl .strohl_inner_title h3 {
  width: 48.021vw;
}
@media screen and (max-width: 767px) {
  main #strohl .strohl_inner_title {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main #strohl .strohl_inner_title::before {
    width: 110.748vw;
    height: 43.692vw;
    background-image: url(./images/sp/strohl_deco_flower.webp);
    top: 127.336vw;
    left: -3.271vw;
  }
}
@media screen and (max-width: 767px) {
  main #strohl .strohl_inner_title h3 {
    width: 96.963vw;
  }
}
main #strohl .lineup_inner {
  flex-direction: row-reverse;
  width: 89.531vw;
  margin-top: -11.979vw;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_inner {
    flex-direction: column;
    width: 100%;
    margin-top: -17.523vw;
    margin-left: 0;
  }
}
main #strohl .lineup_inner .lineup_inner_chara {
  width: 41.927vw;
  opacity: 0;
  transform: translateX(10%);
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_inner .lineup_inner_chara {
    width: 100.234vw;
    margin-left: 9.346vw;
  }
}
main #strohl .lineup_inner .lineup_inner_info {
  width: 60.729vw;
  margin-top: 6.25vw;
  margin-right: -13.125vw;
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_inner .lineup_inner_info {
    width: 100%;
    margin-top: -86.449vw;
    margin-right: 0;
  }
}
main #strohl .lineup_inner .lineup_inner_info .info_img_flex {
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_inner .lineup_inner_info .info_img_flex {
    flex-direction: column;
    justify-content: center;
  }
}
main #strohl .lineup_inner .lineup_inner_info .info_img_flex-img01::after {
  background-image: url(./images/strohl_img_perfume_bg.webp);
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_inner .lineup_inner_info .info_img_flex-img01 {
    left: -9.346vw;
  }
}
main #strohl .lineup_inner .lineup_inner_info .info_img_flex-img02 {
  margin-left: 0;
}
main #strohl .lineup_inner .lineup_inner_info p {
  width: 88%;
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_inner .lineup_inner_info p {
    width: 100%;
  }
}
main #strohl .lineup_bg_deco {
  top: 48%;
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_bg_deco {
    width: 106.308vw;
    height: 281.308vw;
    top: -4%;
  }
}
main #strohl .lineup_area_bg {
  background-image: url(./images/strohl_bg.webp);
  top: 45%;
}
@media screen and (max-width: 767px) {
  main #strohl .lineup_area_bg {
    background-image: url(./images/sp/strohl_bg.webp);
    top: 51%;
  }
}
main #louis {
  margin-top: 2.604vw;
}
main #louis.active .lineup_inner_title {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0s, 0.3s;
}
main #louis.active .lineup_inner_chara {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0s, 0.3s;
}
main #louis.active .lineup_inner_info {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 0.9s;
}
main #louis.active .lineup_inner_info p span {
  clip-path: inset(0);
  transition-delay: 1.8s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(2) {
  transition-delay: 2s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(3) {
  transition-delay: 2.2s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(4) {
  transition-delay: 2.4s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(5) {
  transition-delay: 2.6s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(6) {
  transition-delay: 2.8s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(7) {
  transition-delay: 3s;
}
main #louis.active .lineup_inner_info p span:nth-of-type(8) {
  transition-delay: 3.2s;
}
main #louis::before {
  height: 15.99vw;
  background-image: url(./images/louis_deco_frame01.webp);
  top: 1.927vw;
  left: 3.802vw;
}
@media screen and (max-width: 767px) {
  main #louis::before {
    width: 52.103vw;
    height: 6.075vw;
    background-image: url(./images/sp/louis_deco_frame01.webp);
    top: 0;
    left: 0;
  }
}
main #louis::after {
  height: 16.25vw;
  background-image: url(./images/louis_deco_frame02.webp);
  bottom: 3.125vw;
  right: 3.802vw;
}
@media screen and (max-width: 767px) {
  main #louis::after {
    width: 52.103vw;
    height: 6.075vw;
    background-image: url(./images/sp/louis_deco_frame02.webp);
    bottom: 0;
    right: 0;
  }
}
main #louis .louis_inner_title {
  width: 55.417vw;
  margin-left: auto;
  margin-right: 0;
}
main #louis .louis_inner_title::before {
  width: 19.948vw;
  height: 25.938vw;
  background-image: url(./images/louis_deco_flower.webp);
  top: 3.646vw;
  right: -5.729vw;
}
@media screen and (max-width: 767px) {
  main #louis .louis_inner_title::before {
    width: 116.355vw;
    height: 46.495vw;
    background-image: url(./images/sp/louis_deco_flower.webp);
    top: 123.832vw;
    right: -4.907vw;
  }
}
main #louis .louis_inner_title h3 {
  width: 41.875vw;
}
@media screen and (max-width: 767px) {
  main #louis .louis_inner_title {
    width: 100%;
  }
  main #louis .louis_inner_title h3 {
    width: 96.963vw;
  }
}
main #louis .lineup_inner {
  width: 93.281vw;
  margin-top: -11.979vw;
  margin-left: -2.969vw;
}
@media screen and (max-width: 767px) {
  main #louis .lineup_inner {
    width: 100%;
    margin-left: 0;
  }
}
main #louis .lineup_inner .lineup_inner_chara {
  width: 63.073vw;
}
@media screen and (max-width: 767px) {
  main #louis .lineup_inner .lineup_inner_chara {
    width: 93.925vw;
    margin-left: -14.486vw;
  }
}
main #louis .lineup_inner .lineup_inner_info {
  width: 51.563vw;
  margin-top: 8.333vw;
  margin-left: -21.354vw;
}
@media screen and (max-width: 767px) {
  main #louis .lineup_inner .lineup_inner_info {
    width: 100%;
    margin-top: -86.449vw;
    margin-left: 0;
  }
}
main #louis .lineup_inner .lineup_inner_info .info_img_flex-img01::after {
  background-image: url(./images/louis_img_perfume_bg.webp);
}
main #louis .lineup_inner .lineup_inner_info p {
  width: 92%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  main #louis .lineup_inner .lineup_inner_info p {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  main #louis .lineup_bg_deco {
    width: 98.364vw;
    height: 224.766vw;
    top: -4%;
  }
}
main #louis .lineup_area_bg {
  background-image: url(./images/louis_bg.webp);
  top: 47%;
}
@media screen and (max-width: 767px) {
  main #louis .lineup_area_bg {
    background-image: url(./images/sp/louis_bg.webp);
    top: 50%;
  }
}
main #special {
  z-index: 0;
  margin-top: 7.813vw;
  margin-bottom: 8.333vw;
}
@media screen and (max-width: 767px) {
  main #special {
    margin-top: 23.364vw;
    margin-bottom: 17.523vw;
  }
}
main #special::before {
  content: "";
  width: 104.219vw;
  height: 81.823vw;
  background-image: url(./images/special_bg_deco02.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -13.3vw;
  left: -4vw;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  main #special::before {
    width: 306.542vw;
    height: 473.598vw;
    background-image: url(./images/sp/special_bg_deco02.webp);
    top: -77.103vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
main #special::after {
  content: "";
  width: 109.74vw;
  height: 89.792vw;
  background-image: url(./images/special_bg_deco03.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3.7vw;
  right: -6.25vw;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main #special::after {
    content: none;
  }
}
main #special .special_inner {
  width: 100%;
  max-width: 70.833vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main #special .special_inner {
    max-width: none;
  }
}
main #special .special_contents {
  width: 70.833vw;
  height: 69.479vw;
  background-image: url(./images/special_frame.webp);
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 4.115vw;
  padding-bottom: 5.052vw;
}
@media screen and (max-width: 767px) {
  main #special .special_contents {
    width: 95.794vw;
    height: 303.271vw;
    background-image: url(./images/sp/special_frame.webp);
    padding-top: 10.047vw;
    padding-bottom: 17.757vw;
    margin: 0 auto;
  }
}
main #special .special_contents .sepcial_contents_box {
  width: 61.302vw;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box {
    width: 81.776vw;
    flex-direction: column-reverse;
  }
}
main #special .special_contents .sepcial_contents_box.active .sepcial_contents_box_slider .slider_inner img {
  opacity: 1;
  transform: scale(1);
}
main #special .special_contents .sepcial_contents_box.active .sepcial_contents_box_about h3 {
  opacity: 1;
  transform: translateY(0%);
}
main #special .special_contents .sepcial_contents_box.active .sepcial_contents_box_about p {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0.3s;
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_slider {
  width: 46%;
  position: relative;
  z-index: 0;
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_slider::after {
  content: "";
  width: 28.906vw;
  height: 17.708vw;
  background-image: url(./images/special_line.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box .sepcial_contents_box_slider {
    width: 96%;
    margin: 0 auto;
  }
  main #special .special_contents .sepcial_contents_box .sepcial_contents_box_slider::after {
    width: 81.308vw;
    height: 50vw;
    top: 43%;
  }
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_slider .slider_inner {
  overflow: hidden;
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_slider .slider_inner img {
  opacity: 0;
  transform: scale(1.2);
  transition: all 1.5s ease;
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about {
  width: 46%;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about {
    width: 100%;
    margin-bottom: 3.738vw;
  }
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about h3 {
  font-size: 1.771vw;
  font-weight: 900;
  text-shadow: 0px 0px 6px rgb(7, 240, 255);
  padding-top: 4.427vw;
  margin-bottom: 0.833vw;
  text-align: center;
  position: relative;
  z-index: 0;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.5s ease-in-out;
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about h3::after {
  content: "";
  width: 29.271vw;
  height: 5.521vw;
  background-image: url(./images/special_01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about h3 {
    font-size: 5vw;
    padding-top: 7.673vw;
    margin-bottom: 3.505vw;
  }
  main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about h3::after {
    content: "";
    width: 57.944vw;
    height: 10.981vw;
    left: auto;
    right: 0;
    transform: translateX(0);
  }
}
main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about p {
  font-size: 1.3vw;
  line-height: 1.42;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box .sepcial_contents_box_about p {
    font-size: 3.738vw;
  }
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box-no01 .sepcial_contents_box_about h3 {
    padding-top: 3.673vw;
  }
}
main #special .special_contents .sepcial_contents_box-no02 {
  flex-direction: row-reverse;
  margin-top: 2.917vw;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box-no02 {
    flex-direction: column-reverse;
    margin-top: 2.336vw;
  }
}
main #special .special_contents .sepcial_contents_box-no02 .sepcial_contents_box_about h3::after {
  background-image: url(./images/special_02.webp);
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box-no02 .sepcial_contents_box_about h3::after {
    background-image: url(./images/sp/special_02.webp);
  }
}
main #special .special_contents .sepcial_contents_box-no03 {
  margin-top: 1.667vw;
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box-no03 {
    margin-top: 2.336vw;
  }
}
main #special .special_contents .sepcial_contents_box-no03 .sepcial_contents_box_about h3 {
  text-align: left;
}
main #special .special_contents .sepcial_contents_box-no03 .sepcial_contents_box_about h3::after {
  background-image: url(./images/special_03.webp);
}
@media screen and (max-width: 767px) {
  main #special .special_contents .sepcial_contents_box-no03 .sepcial_contents_box_about h3 {
    text-align: center;
  }
  main #special .special_contents .sepcial_contents_box-no03 .sepcial_contents_box_about h3::after {
    background-image: url(./images/sp/special_03.webp);
  }
}
main #special .special_bg_deco {
  width: 97.344vw;
  height: 74.635vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main #special .special_bg_deco {
    width: 108.879vw;
    height: 35.047vw;
    top: -31.542vw;
    transform: translate(-50%, 0%);
  }
}
main #info {
  z-index: 0;
  margin-bottom: 8.333vw;
}
@media screen and (max-width: 767px) {
  main #info {
    margin-bottom: 19.159vw;
  }
}
main #info.active .info_contents .info_contents_box .info_contents_box_slider .swiper {
  opacity: 1;
  transform: scale(1);
}
main #info.active .info_contents .info_contents_box .info_contents_box_about h3 {
  opacity: 1;
  transform: translateY(0);
}
main #info.active .info_contents .info_contents_box .info_contents_box_about p.date {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
@media screen and (max-width: 767px) {
  main #info.active .info_contents .info_contents_box .info_contents_box_about p.date {
    transition-delay: 0.7s;
  }
}
main #info.active .info_contents .info_contents_box .info_contents_box_about p.price {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.6s;
}
@media screen and (max-width: 767px) {
  main #info.active .info_contents .info_contents_box .info_contents_box_about p.price {
    transition-delay: 1s;
  }
}
main #info.active .info_contents .info_contents_box .info_contents_box_about .set {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}
@media screen and (max-width: 767px) {
  main #info.active .info_contents .info_contents_box .info_contents_box_about .set {
    transition-delay: 1.2s;
  }
}
main #info::before {
  content: "";
  width: 72.604vw;
  height: 50.365vw;
  background-image: url(./images/info_bg_deco02.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -7.292vw;
  left: 1.042vw;
  z-index: -2;
}
@media screen and (max-width: 767px) {
  main #info::before {
    width: 257.944vw;
    height: 343.692vw;
    background-image: url(./images/sp/info_bg_deco02.webp);
    top: -37.383vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
main #info::after {
  content: "";
  width: 96.302vw;
  height: 70.156vw;
  background-image: url(./images/info_bg_deco03.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -7.292vw;
  right: -6.25vw;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main #info::after {
    content: none;
  }
}
main #info .info_inner {
  width: 100%;
  max-width: 70.833vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main #info .info_inner {
    max-width: none;
  }
}
main #info .info_contents {
  width: 70.833vw;
  height: 35.313vw;
  background-image: url(./images/info_frame.webp);
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 5.052vw;
  padding-bottom: 5.26vw;
}
@media screen and (max-width: 767px) {
  main #info .info_contents {
    width: 95.794vw;
    height: 192.29vw;
    background-image: url(./images/sp/info_frame.webp);
    padding-top: 11.215vw;
    padding-bottom: 13.551vw;
    margin: 0 auto;
  }
}
main #info .info_contents .info_contents_box {
  width: 61.458vw;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box {
    width: 81.776vw;
    flex-direction: column;
    position: relative;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_slider {
  width: 41%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_slider {
    width: 100%;
    position: absolute;
    top: 15.187vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
main #info .info_contents .info_contents_box .info_contents_box_slider .swiper {
  opacity: 0;
  transform: scale(1.2);
  transition: all 1.5s ease;
}
main #info .info_contents .info_contents_box .info_contents_box_about {
  width: 53%;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about {
    width: 100%;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about h3 {
  font-size: 1.615vw;
  font-weight: 900;
  line-height: 1.25;
  filter: drop-shadow(0 0 3px #07f0ff);
  margin-bottom: 2.396vw;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about h3 {
    font-size: 4.673vw;
    text-align: center;
    margin-bottom: 91.589vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about p.date, main #info .info_contents .info_contents_box .info_contents_box_about p.price {
  font-size: 1.406vw;
  font-weight: 800;
  display: flex;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.5s ease-in-out;
}
main #info .info_contents .info_contents_box .info_contents_box_about p.date span, main #info .info_contents .info_contents_box .info_contents_box_about p.price span {
  font-size: 1.042vw;
  font-weight: 900;
  color: #004d5f;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about p.date, main #info .info_contents .info_contents_box .info_contents_box_about p.price {
    font-size: 4.3vw;
    transform: translateY(30%);
  }
  main #info .info_contents .info_contents_box .info_contents_box_about p.date span, main #info .info_contents .info_contents_box .info_contents_box_about p.price span {
    font-size: 3.271vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about p.date {
  margin-bottom: 1.354vw;
}
main #info .info_contents .info_contents_box .info_contents_box_about p.date span {
  width: 4.583vw;
  height: 1.458vw;
  background: url(./images/info_text_bg01.webp) no-repeat;
  background-size: contain;
  margin-right: 2.188vw;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about p.date {
    margin-bottom: 4.673vw;
  }
  main #info .info_contents .info_contents_box .info_contents_box_about p.date span {
    width: 15.187vw;
    height: 4.907vw;
    margin-right: 4.206vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about p.price {
  margin-bottom: 1.563vw;
}
main #info .info_contents .info_contents_box .info_contents_box_about p.price span {
  width: 3.542vw;
  height: 1.458vw;
  background: url(./images/info_text_bg02.webp) no-repeat;
  background-size: contain;
  margin-right: 3.229vw;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about p.price {
    margin-bottom: 4.673vw;
  }
  main #info .info_contents .info_contents_box .info_contents_box_about p.price span {
    width: 11.682vw;
    height: 4.907vw;
    margin-right: 7.71vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about p.set_title span {
  font-size: 1.042vw;
  font-weight: 900;
  color: #004d5f;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.667vw;
  height: 1.458vw;
  background: url(./images/info_text_bg03.webp) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about p.set_title span {
    font-size: 3.271vw;
    width: 21.729vw;
    height: 4.907vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about .set {
  font-size: 1.25vw;
  line-height: 1.45;
  position: relative;
  z-index: 0;
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about .set {
    font-size: 3.738vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about .set::after {
  content: "";
  width: 35.417vw;
  height: 14.063vw;
  background-image: url(./images/info_text03_bg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -0.781vw;
  left: -1.562vw;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about .set::after {
    width: 97.43vw;
    height: 54.673vw;
    background-image: url(./images/sp/info_text03_bg.webp);
    top: -5.841vw;
    left: -7.944vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about .set .set_ul {
  padding-top: 1.042vw;
  padding-left: 2.188vw;
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  main #info .info_contents .info_contents_box .info_contents_box_about .set .set_ul {
    padding-top: 4.673vw;
    padding-left: 9.112vw;
  }
}
main #info .info_contents .info_contents_box .info_contents_box_about .set .set_ul .set_ul_li {
  position: relative;
  text-indent: -1em;
  padding-left: 1em;
}
main #info .info_contents .info_contents_box .info_contents_box_about .set .set_ul .set_ul_li::before {
  content: "・";
}
main #info .info_bg_deco {
  width: 95.729vw;
  height: 40vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main #info .info_bg_deco {
    width: 110.514vw;
    height: 35.981vw;
    top: -19.86vw;
    transform: translate(-50%, 0%);
  }
}
main #shop {
  z-index: 0;
}
main #shop::before {
  content: "";
  width: 77.031vw;
  height: 65.625vw;
  background-image: url(./images/shop_bg_deco02.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -15.625vw;
  left: -6.771vw;
  z-index: -2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main #shop::before {
    width: 248.131vw;
    height: 305.841vw;
    background-image: url(./images/sp/shop_bg_deco02.webp);
    top: -56.075vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
main #shop::after {
  content: "";
  width: 74.896vw;
  height: 53.958vw;
  background-image: url(./images/shop_bg_deco03.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 2.604vw;
  right: 0;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main #shop::after {
    content: none;
  }
}
main #shop .shop_inner {
  width: 100%;
  max-width: 70.833vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main #shop .shop_inner {
    max-width: none;
  }
}
main #shop .shop_contents {
  width: 70.833vw;
  height: 41.042vw;
  background-image: url(./images/shop_frame.webp);
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 5.052vw;
  padding-bottom: 3.542vw;
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents {
    width: 95.794vw;
    height: 171.028vw;
    background-image: url(./images/sp/shop_frame.webp);
    padding-top: 13.785vw;
    padding-bottom: 10.981vw;
    margin: 0 auto;
  }
}
main #shop .shop_contents .shop_contents_box {
  width: 100%;
  max-width: 54.323vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents .shop_contents_box {
    max-width: 79.439vw;
  }
}
main #shop .shop_contents .shop_contents_box-online {
  margin-bottom: 3.906vw;
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents .shop_contents_box-online {
    margin-bottom: 8.645vw;
  }
}
main #shop .shop_contents h3 {
  display: inline-block;
}
main #shop .shop_contents h3 img {
  height: 3.333vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents h3 img {
    height: 4.673vw;
  }
}
main #shop .shop_contents .shop_content_ul {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.99vw 0;
  margin-top: 0.781vw;
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents .shop_content_ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 4.673vw;
    width: 90%;
    margin: 0 auto;
    margin-top: 3.505vw;
  }
}
main #shop .shop_contents .shop_content_ul .shop_content_ul_li {
  position: relative;
  padding-left: 1.875vw;
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents .shop_content_ul .shop_content_ul_li {
    padding-left: 7.243vw;
  }
}
main #shop .shop_contents .shop_content_ul .shop_content_ul_li::before {
  content: "";
  width: 1.354vw;
  height: 1.354vw;
  background: url(./images/shop_icon.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  main #shop .shop_contents .shop_content_ul .shop_content_ul_li::before {
    width: 4.907vw;
    height: 4.907vw;
  }
}
main #shop .shop_contents .shop_content_ul .shop_content_ul_li a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  main #shop .shop_contents .shop_content_ul .shop_content_ul_li a:hover {
    color: #1ca6ad;
  }
}
main #shop .omitted_txt {
  text-align: right;
  font-size: 1.042vw;
  margin-top: 1.042vw;
}
@media screen and (max-width: 767px) {
  main #shop .omitted_txt {
    font-size: 3.505vw;
    margin-top: 1.402vw;
  }
}
main #shop .shop_bg_deco {
  width: 95.729vw;
  height: 50.417vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  main #shop .shop_bg_deco {
    width: 108.879vw;
    height: 30.14vw;
    top: -22.196vw;
    transform: translate(-50%, 0%);
  }
}

.btn_top {
  width: 7.813vw;
  position: absolute;
  bottom: 4.688vw;
  right: 10.417vw;
  z-index: 99;
}
.btn_top a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  .btn_top a:hover {
    transform: translateY(-5%);
  }
}
@media screen and (max-width: 767px) {
  .btn_top {
    width: 19.159vw;
    bottom: 22.897vw;
    right: 3.738vw;
  }
}

footer {
  background: url(./images/footer_bg.webp) no-repeat center top/cover;
  height: 19.688vw;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.729vw;
  font-weight: 700;
  text-align: center;
  padding-top: 10.521vw;
}
footer p:first-of-type {
  margin-bottom: 0.26vw;
}
footer .logo_ap {
  width: 8.385vw;
  margin: 0 auto;
  margin-top: 1.042vw;
}
footer .logo_ap a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  footer .logo_ap a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  footer {
    height: 49.533vw;
    font-size: 2.336vw;
    padding-top: 20.561vw;
  }
  footer p:first-of-type {
    margin-bottom: 0.701vw;
  }
  footer .logo_ap {
    width: 27.804vw;
    margin-top: 3.037vw;
  }
}

.swiper {
  padding-bottom: 2.083vw;
}
@media screen and (max-width: 767px) {
  .swiper {
    padding-bottom: 8.178vw;
  }
}

/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.365vw;
}
@media screen and (max-width: 767px) {
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.935vw;
  }
}

/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #bcbcbc;
  height: 0.469vw;
  width: 0.469vw;
}
@media screen and (max-width: 767px) {
  .swiper-pagination-bullet {
    height: 1.402vw;
    width: 1.402vw;
  }
}

.swiper-pagination-bullet-active {
  background-color: #ffffff;
}

/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}/*# sourceMappingURL=style.css.map */