@charset "UTF-8";
html {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 768px) {
  .vpc_ffn {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .vpc_ffn {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .vsp_ffn {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .vsp_ffn {
    display: block;
  }
}

.text-left_ffn {
  text-align: left !important;
}

.dur_ffn {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.scroll-fade_ffn {
  opacity: 0 !important;
  transform: translateY(50px);
  transition: all 1s;
}

.fade_on_ffn {
  opacity: 1 !important;
  transform: translateY(0);
  transform: translateX(0);
}

.scroll-fade02_ffn {
  opacity: 0 !important;
  transition: all 1s;
}

.fade_on_ffn {
  opacity: 1 !important;
}

.c-outer_ffn {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  .c-outer_ffn {
    font-size: 1.0666666667vw;
  }
}
.c-outer_ffn .c-inner_ffn {
  position: relative;
}
.c-outer_ffn.base-width_ffn .c-inner_ffn {
  padding-left: min(5.3333333333vw, 29.3333333333px);
  padding-right: min(5.3333333333vw, 29.3333333333px);
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

body {
  visibility: visible !important;
}

.fsc_gheader-wrap.shop.is-fixed-ready .fsc_gheader-wrap__main {
  position: absolute !important;
}

#maincontent .fca_cat-hero .fca_container {
  padding-inline: 0 !important;
}

#maincontent .fca_cat-hero .fca_container__in {
  max-width: 100% !important;
}

.fca_cat-hero,
.sr_page-shopping-result__free {
  overflow: clip !important;
}

.fca_tagline {
  position: relative;
  z-index: 1;
  background: #fff;
  padding-top: 0.5rem;
}
.fca_tagline .fca_tagline__txt {
  margin-top: 0 !important;
}

.typesquare_option:not(a):not(.scroll-fade_ffn):not(.none_ffn) {
  opacity: 1 !important;
}

/*
.fsc_gfooter__breadcrumb,
.fca_page-shop-category__body {

    margin-top: 0 !important;

}
*/
.fca_page-shop-category__body {
  margin-top: 0 !important;
}

#l-content-body_ffn {
  position: relative;
  z-index: 0;
  font-family: "Yu Gothic Pr6N M", sans-serif;
  letter-spacing: 0.03em;
  line-height: 1.7;
  font-feature-settings: normal;
  color: #333;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn {
    letter-spacing: normal;
  }
}
#l-content-body_ffn h1, #l-content-body_ffn h2, #l-content-body_ffn h3, #l-content-body_ffn h4, #l-content-body_ffn h5, #l-content-body_ffn h6 {
  margin: 0;
  font-family: "Yu Gothic Pr6N M", sans-serif;
}
#l-content-body_ffn figure {
  margin: 0;
  padding: 0;
}
#l-content-body_ffn img {
  width: 100%;
  height: auto;
}
#l-content-body_ffn a {
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#l-content-body_ffn i,
#l-content-body_ffn em {
  font-style: normal;
}
#l-content-body_ffn ul,
#l-content-body_ffn li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#l-content-body_ffn p {
  margin: 0;
}

#l-content-body_ffn {
  position: relative;
  overflow: clip;
}

#l-content-body_ffn {
  clip-path: inset(0);
  background-color: #C5E6FF;
  /* 動きの定義 */
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn::after {
    content: "";
    display: block;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    background-image: url(./../images/img_fixed.webp);
    background-position: center center;
    transition: all 0.6s;
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn.is-active::after {
    opacity: 1;
  }
}
#l-content-body_ffn .btn_ffn {
  position: relative;
  background: #333;
  width: min(34.6666666667vw, 190.6666666667px);
  height: min(8vw, 44px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 9999px;
  color: #fff;
  margin-top: min(2.1333333333vw, 11.7333333333px);
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  text-align: center;
  justify-content: center;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border: 1px solid #333;
}
#l-content-body_ffn .btn_ffn::after {
  content: "";
  width: min(1.6vw, 8.8px);
  height: min(1.6vw, 8.8px);
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 50%;
  right: min(2.6666666667vw, 14.6666666667px);
  transform: translateY(-50%) rotate(45deg);
}
#l-content-body_ffn #mv_ffn {
  position: relative;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #mv_ffn {
    background-color: #C5E6FF;
  }
}
#l-content-body_ffn #mv_ffn #mv-inner_ffn {
  opacity: 0 !important;
  transition: all 0.7s;
  transition-delay: 1.1s !important;
}
#l-content-body_ffn #mv_ffn #mv-inner_ffn.is-visible {
  opacity: 1 !important;
}
#l-content-body_ffn #mv_ffn #mv-outer_ffn {
  position: absolute;
  top: 158px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 101;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn #mv_ffn #mv-outer_ffn {
    top: 49px;
    padding: 0 min(3.4666666667vw, 19.0666666667px);
  }
}
#l-content-body_ffn #mv_ffn #mv-outer_ffn .mv-title_ffn {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #mv_ffn #mv-outer_ffn .mv-title_ffn {
    width: 709px;
  }
}
#l-content-body_ffn #mv_ffn #mv-outer_ffn .head-lead_ffn {
  text-align: center;
  margin-top: 165px;
  line-height: 2;
  font-size: 1.125rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  font-family: "Yu Gothic Pr6N D", sans-serif;
}
#l-content-body_ffn #mv_ffn .main-ttl_ffn {
  position: absolute;
  top: 70px;
  left: 50%;
  z-index: 10000;
  transform: translateX(-50%);
  max-width: 1200px;
  width: 100%;
  text-align: right;
  padding-inline: 15px;
  font-size: 0.875rem;
  font-size: min(2.9333333333vw, 16.1333333333px) !important;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn #mv_ffn .main-ttl_ffn {
    text-align: left;
    top: 7px;
    padding-inline: 10px;
  }
}
#l-content-body_ffn #mv_ffn #mv-back_ffn {
  position: relative;
  margin: 0 auto 0;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #mv_ffn #mv-back_ffn {
    width: 1592px;
    margin-top: -83px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1592px) {
  #l-content-body_ffn #mv_ffn #mv-back_ffn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
#l-content-body_ffn #mv_ffn #mv-back_ffn .mv-bg-in_ffn:not(#m01_ffn) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn .mv-bg-in_ffn:not(#m08_ffn) {
  opacity: 0 !important;
  transition: all 0.7s;
  transform: translateY(50px);
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m01_ffn {
  position: relative;
  z-index: 100;
  transition-delay: 0.1s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m02_ffn {
  z-index: 90;
  transition-delay: 0.2s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m03_ffn {
  z-index: 80;
  transition-delay: 0.3s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m04_ffn {
  z-index: 70;
  transition-delay: 0.4s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m05_ffn {
  z-index: 60;
  transition-delay: 0.8s !important;
  transform: translateY(0) !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m06_ffn {
  z-index: 50;
  transition-delay: 0.6s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m07_ffn {
  z-index: 40;
  transition-delay: 0.7s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m08_ffn {
  z-index: 30;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m_human01_ffn {
  z-index: 71;
  transition-delay: 0.8s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m_human02_ffn {
  z-index: 71;
  transition-delay: 0.9s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m_human03_ffn {
  z-index: 31;
  transition-delay: 1s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn #m_cover01_ffn {
  position: relative;
  z-index: 101;
  transition-delay: 1.1s !important;
}
#l-content-body_ffn #mv_ffn #mv-back_ffn .mv-bg-in_ffn:not(#m08_ffn).is-visible,
#l-content-body_ffn #mv_ffn #mv-back_ffn .mv-bg-in_ffn:not(#m_cover01_ffn).is-visible {
  opacity: 1 !important;
  transform: translateY(0);
}
#l-content-body_ffn #contents-detail_ffn {
  overflow: hidden;
  background-color: #fff;
  padding-top: min(8.5333333333vw, 46.9333333333px);
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #contents-detail_ffn {
    max-width: 550px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .contents-outer_ffn {
    display: flex;
    flex-wrap: wrap;
    margin-top: -130px;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .contents-outer_ffn .contents-left_ffn,
  #l-content-body_ffn .contents-outer_ffn .contents-right_ffn {
    width: calc((100% - 550px) / 2);
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #l-content-body_ffn .contents-outer_ffn .contents-left_ffn,
  #l-content-body_ffn .contents-outer_ffn .contents-right_ffn {
    display: none !important;
  }
}
#l-content-body_ffn .contents-head_ffn {
  text-align: center;
}
#l-content-body_ffn .contents-head_ffn .lead_ffn {
  text-align: center;
  padding-top: min(1.8666666667vw, 10.2666666667px);
  font-size: 1.125rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
}
#l-content-body_ffn .detail-link_ffn {
  display: inline-block;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  font-size: min(3.2vw, 17.6px) !important;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .detail-link_ffn .btn_ffn {
    transition: all 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .detail-link_ffn:hover .btn_ffn {
    background: #fff;
    color: #333;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .detail-link_ffn:hover .btn_ffn::after {
    border-top-color: #333;
    border-right-color: #333;
  }
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn {
  margin-inline: max(-5.3333333333vw, -29.3333333333px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .block-head_ffn {
  position: relative;
  text-align: center;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .block-head_ffn .block-ttl_ffn {
  position: relative;
  z-index: 1;
  text-align: left;
  padding-inline: min(5.3333333333vw, 29.3333333333px) min(2.6666666667vw, 14.6666666667px);
  line-height: 1.7;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .block-head_ffn .block-ttl_ffn span {
  font-family: "A1 Gothic M", sans-serif;
  font-size: 1.5rem;
  font-size: min(6.4vw, 35.2px) !important;
  display: inline;
  padding: min(1.6vw, 8.8px) min(2.9333333333vw, 16.1333333333px);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 100%;
  transition: background-size 1s ease-out;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .block-head_ffn .block-ttl_ffn span.is-active {
  background-size: 100% 100%;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn .marquee-content_ffn {
  line-height: 1;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn .marquee-content_ffn span {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #EDEDED;
  font-size: 2.5rem;
  font-size: min(10.6666666667vw, 58.6666666667px) !important;
  line-height: 1;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn:not(.is-loop_ffn) .marquee-content_ffn {
  text-align: right;
  margin: 0 0 max(-3.2vw, -11px);
  transition: all 1.3s;
  transform: translateX(100%);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn:not(.is-loop_ffn) .marquee-content_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn:not(.is-loop_ffn) .marquee-content_ffn span {
  display: inline-block;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn.is-loop_ffn {
  display: flex;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn.is-loop_ffn .marquee-content_ffn {
  display: flex;
  white-space: nowrap;
  animation: marquee-loop 8s linear infinite;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .marquee-wrapper_ffn.is-loop_ffn .marquee-content_ffn span {
  display: inline-block;
  padding-right: 1em;
  margin: 0;
}
@keyframes marquee-loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn {
  margin: min(10.6666666667vw, 58.6666666667px) 0 min(9.3333333333vw, 51.3333333333px);
  cursor: pointer;
  transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn {
  position: relative;
  display: inline-block;
  background-color: #333;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn {
    transition: all 0.5s;
  }
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn:hover {
    transform: scale(1.05);
  }
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn .modal-btn-num_ffn {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1.125rem;
  font-size: min(4.8vw, 26.4px) !important;
  color: #fff;
  padding: 0 0 min(0.5333333333vw, 2.9333333333px) 0;
  border-bottom: 1px solid #fff;
  line-height: 1;
  top: max(-1.0666666667vw, -5.8666666667px);
  position: relative;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn .modal-btn-txt_ffn {
  position: relative;
  display: inline-block;
  font-family: "A1 Gothic M", sans-serif;
  font-size: 1.5rem;
  font-size: min(6.4vw, 35.2px) !important;
  color: #fff;
  padding-left: min(2.6666666667vw, 14.6666666667px);
  padding-right: min(6.6666666667vw, 36.6666666667px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .modal-btn_ffn .modal-btn-ttl_ffn .modal-btn-txt_ffn::after {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/ico_plus.webp);
  width: min(6.4vw, 35.2px);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: max(-1.8666666667vw, -10.2666666667px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn {
  position: relative;
  z-index: 0;
  margin-top: min(2.6666666667vw, 14.6666666667px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn img {
  transition: all 1s;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn .abs01_ffn,
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn .abs02_ffn {
  position: absolute;
  top: 0;
  left: 0;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn .abs01_ffn {
  opacity: 0;
  z-index: -1;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn .abs02_ffn {
  z-index: 1;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn.is-active .base01_ffn {
  opacity: 0 !important;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .img_ffn.is-active .abs01_ffn {
  opacity: 1 !important;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn {
  position: relative;
  z-index: 1;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-ttl_ffn {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.375rem;
  font-size: min(5.8666666667vw, 32.2666666667px) !important;
  margin: 0 0 max(-1.0666666667vw, -5.8666666667px);
  color: #EDEDDB;
  line-height: 1;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .lead_ffn {
  padding: min(6.6666666667vw, 36.6666666667px) min(5.3333333333vw, 29.3333333333px) min(2.1333333333vw, 11.7333333333px);
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  font-family: "Yu Gothic Pr6N D", sans-serif;
  line-height: 2;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .lead_ffn span {
  overflow: hidden;
  display: block;
  line-height: inherit;
  max-height: 6em;
  transition: max-height 3s ease;
  position: relative;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .lead_ffn.is-open span {
  max-height: 2000px;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .lead_ffn.is-open + .accordion-toggle_ffn {
  display: none !important;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .accordion-toggle_ffn {
  position: relative;
  z-index: 2;
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  font-family: "Yu Gothic Pr6N D", sans-serif;
  border: none;
  background: none;
  text-align: center;
  margin: 0px auto min(2.6666666667vw, 14.6666666667px);
  display: block;
  padding: 0 min(5.3333333333vw, 29.3333333333px) 0 0px;
  outline: none;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .accordion-toggle_ffn::after {
  content: "";
  width: min(1.8666666667vw, 10.2666666667px);
  height: min(1.8666666667vw, 10.2666666667px);
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  position: absolute;
  right: 0;
  top: 37%;
  transform: translateY(-50%) rotate(135deg);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -2px;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .modal-btn_ffn, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .modal-btn_ffn {
  text-align: right;
  transform: skewY(-4deg) translateX(100%);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .modal-btn_ffn.action_on_ffn, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .modal-btn_ffn.action_on_ffn {
  transform: skewY(-4deg) translateX(0);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .modal-btn_ffn .modal-btn-ttl_ffn, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .modal-btn_ffn .modal-btn-ttl_ffn {
  padding-inline: min(21.3333333333vw, 117.3333333333px) min(5.3333333333vw, 29.3333333333px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .modal-btn_ffn .modal-btn-ttl_ffn::after, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  transform: skewY(4deg);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .modal-btn_ffn .modal-btn-ttl_ffn .modal-btn-txt_ffn::after, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .modal-btn_ffn .modal-btn-ttl_ffn .modal-btn-txt_ffn::after {
  transform: skewY(4deg) translateY(-50%);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .planner_ffn .planner-ttl_ffn, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .planner_ffn .planner-ttl_ffn {
  color: #EDEDDB;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .planner_ffn .planner-in_ffn, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .planner_ffn .planner-in_ffn {
  background-color: #EDEDDB;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .planner_ffn .planner-in_ffn .planner-detail_ffn, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  justify-content: flex-end;
  padding-right: min(5.3333333333vw, 29.3333333333px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(even) .block-head_ffn .block-ttl_ffn span, #l-content-body_ffn #narikiri_ffn .block-in_ffn.rsv_fnn .block-head_ffn .block-ttl_ffn span {
  background-image: linear-gradient(to left, #DAE000 0%, #DAE000 100%);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .modal-btn_ffn {
  text-align: left;
  transform: skewY(4deg) translateX(-100%);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .modal-btn_ffn.action_on_ffn {
  transform: skewY(4deg) translateX(0);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .modal-btn_ffn .modal-btn-ttl_ffn {
  padding-inline: min(5.3333333333vw, 29.3333333333px) min(21.3333333333vw, 117.3333333333px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .modal-btn_ffn .modal-btn-ttl_ffn::after {
  transform: skewY(-4deg);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .modal-btn_ffn .modal-btn-ttl_ffn .modal-btn-txt_ffn::after {
  transform: skewY(-4deg) translateY(-50%);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .planner_ffn .planner-ttl_ffn {
  color: #F7F0E9;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .planner_ffn .planner-in_ffn {
  background-color: #F7F0E9;
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .planner_ffn .planner-in_ffn .planner-detail_ffn {
  justify-content: flex-start;
  padding-left: min(5.3333333333vw, 29.3333333333px);
}
#l-content-body_ffn #narikiri_ffn .block-in_ffn:nth-child(odd):not(.rsv_fnn) .block-head_ffn .block-ttl_ffn span {
  background-image: linear-gradient(to left, #D8A468 0%, #D8A468 100%);
}
#l-content-body_ffn #narikiri_ffn #i-owl_ffn .planner_ffn {
  margin-top: max(-4.8vw, -26.4px);
}
#l-content-body_ffn #narikiri_ffn #i-owl_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  padding: min(2.6666666667vw, 14.6666666667px) min(10.6666666667vw, 58.6666666667px) 0 0;
  aspect-ratio: 25/16;
}
#l-content-body_ffn #narikiri_ffn #i-owl_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_owl_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-owl_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-8vw, -44px);
  left: max(-8vw, -44px);
  background-image: url(./../images/img_owl_main.webp);
  width: min(25.6vw, 140.8px);
}
#l-content-body_ffn #narikiri_ffn #i-fox_ffn .planner_ffn {
  margin-top: min(6.6666666667vw, 36.6666666667px);
}
#l-content-body_ffn #narikiri_ffn #i-fox_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  margin-top: max(-5.3333333333vw, -29.3333333333px);
  padding-top: min(10.6666666667vw, 58.6666666667px);
  aspect-ratio: 3/2;
}
#l-content-body_ffn #narikiri_ffn #i-fox_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_fox_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-fox_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-6.6666666667vw, -36.6666666667px);
  right: max(-2.6666666667vw, -14.6666666667px);
  background-image: url(./../images/img_fox_main.webp);
  width: min(29.3333333333vw, 161.3333333333px);
}
#l-content-body_ffn #narikiri_ffn #i-leopard_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  padding-right: min(8vw, 44px);
  aspect-ratio: 75/56;
}
#l-content-body_ffn #narikiri_ffn #i-leopard_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_leopard_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-leopard_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-10.6666666667vw, -58.6666666667px);
  left: max(-8vw, -44px);
  background-image: url(./../images/img_leopard_main.webp);
  width: min(29.3333333333vw, 161.3333333333px);
}
#l-content-body_ffn #narikiri_ffn #i-hoodie_ffn .planner_ffn {
  margin-top: min(4vw, 22px);
}
#l-content-body_ffn #narikiri_ffn #i-hoodie_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  padding-top: min(8vw, 44px);
  aspect-ratio: 25/18;
}
#l-content-body_ffn #narikiri_ffn #i-hoodie_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_hoodie_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-hoodie_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-9.3333333333vw, -51.3333333333px);
  right: max(-9.3333333333vw, -51.3333333333px);
  background-image: url(./../images/img_hoodie_main.webp);
  width: min(29.3333333333vw, 161.3333333333px);
}
#l-content-body_ffn #narikiri_ffn #i-cardigan_ffn .planner_ffn {
  margin-top: min(4vw, 22px);
}
#l-content-body_ffn #narikiri_ffn #i-cardigan_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  padding: min(21.3333333333vw, 117.3333333333px) min(12vw, 66px) 0 0;
  aspect-ratio: 3/2;
}
#l-content-body_ffn #narikiri_ffn #i-cardigan_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_cardigan_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-cardigan_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-13.3333333333vw, -73.3333333333px);
  left: max(-9.3333333333vw, -51.3333333333px);
  background-image: url(./../images/img_cardigan_main.webp);
  width: min(33.0666666667vw, 181.8666666667px);
}
#l-content-body_ffn #narikiri_ffn #i-raccoon_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  margin-top: max(-5.3333333333vw, -29.3333333333px);
  padding-top: min(17.3333333333vw, 95.3333333333px);
  aspect-ratio: 75/58;
}
#l-content-body_ffn #narikiri_ffn #i-raccoon_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_raccoon_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-raccoon_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-8vw, -44px);
  right: max(-9.3333333333vw, -51.3333333333px);
  background-image: url(./../images/img_raccoon_main.webp);
  width: min(24vw, 132px);
}
#l-content-body_ffn #narikiri_ffn #i-peafowl_ffn .planner_ffn {
  margin-top: max(-5.3333333333vw, -29.3333333333px);
}
#l-content-body_ffn #narikiri_ffn #i-peafowl_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  padding: 0 min(12vw, 66px) min(20.5333333333vw, 112.9333333333px) 0;
  aspect-ratio: 25/18;
}
#l-content-body_ffn #narikiri_ffn #i-peafowl_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_peafowl_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-peafowl_ffn .modal-btn_ffn {
  margin: min(21.3333333333vw, 117.3333333333px) 0 min(13.3333333333vw, 73.3333333333px);
}
#l-content-body_ffn #narikiri_ffn #i-peafowl_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-21.3333333333vw, -117.3333333333px);
  left: max(-20vw, -110px);
  background-image: url(./../images/img_peafowl_main.webp);
  width: min(45.3333333333vw, 249.3333333333px);
}
#l-content-body_ffn #narikiri_ffn #i-stall_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn {
  justify-content: flex-start;
  padding: 0 0px min(2.6666666667vw, 14.6666666667px) min(5.3333333333vw, 29.3333333333px);
  margin-top: max(-5.3333333333vw, -29.3333333333px);
  aspect-ratio: 75/56;
}
#l-content-body_ffn #narikiri_ffn #i-stall_ffn .planner_ffn .planner-in_ffn .planner-detail_ffn::after {
  background-image: url(./../images/img_stall_detail.webp);
}
#l-content-body_ffn #narikiri_ffn #i-stall_ffn .modal-btn_ffn .modal-btn-ttl_ffn::after {
  top: max(-8vw, -44px);
  left: max(-5.3333333333vw, -29.3333333333px);
  background-image: url(./../images/img_peafowl_main.webp);
  width: min(26.1333333333vw, 143.7333333333px);
}
#l-content-body_ffn .block-ttl-min_ffn {
  text-align: center;
  font-family: "A1 Gothic M", sans-serif;
  color: #E66B00;
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  line-height: 1.6;
}
#l-content-body_ffn .block-ttl-min_ffn.text-left_ffn {
  text-align: left !important;
}
#l-content-body_ffn .block-head_ffn {
  position: relative;
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn {
  margin-top: min(8vw, 44px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .matotte-block-in_ffn {
  margin-top: min(2.6666666667vw, 14.6666666667px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 min(3.2vw, 17.6px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .matotte-block-in_ffn .wide_ffn {
  width: 59.7%;
  margin-left: max(-5.3333333333vw, -29.3333333333px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .matotte-block-in_ffn .min_ffn {
  width: calc(40.3% + min(2.1333333333vw, 11.7333333333px));
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .matotte-block-in_ffn .min_ffn + .wide_ffn {
  margin-right: max(-5.3333333333vw, -29.3333333333px);
  margin-left: 0;
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn {
  position: relative;
  z-index: 0;
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn .block-head_ffn {
  position: relative;
  margin-top: min(2.6666666667vw, 14.6666666667px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn::before {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/dec_crv.webp);
  height: 30px;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn::before {
    width: calc(100% + min(5.3333333333vw, 29.3333333333px) * 2);
    margin-inline: 0;
    margin: 0 max(-5.3333333333vw, -29.3333333333px);
  }
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn::after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100vw;
  height: calc(100% - 30px);
  margin-inline: calc(50% - 50vw);
  background-color: #F2F2F2;
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn .bottom_ffn {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/dec_crv.webp);
  background-color: #fff;
  height: 30px;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #matotte_ffn .matotte-block_ffn.gray_ffn .bottom_ffn {
    width: calc(100% + min(5.3333333333vw, 29.3333333333px) * 2);
    margin-inline: 0;
    margin: 0 max(-5.3333333333vw, -29.3333333333px);
  }
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.normal_ffn .matotte-block-in_ffn {
  gap: 0;
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.normal_ffn .wide_ffn,
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.normal_ffn .min_ffn {
  width: 50%;
  margin: 0 0 !important;
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn.normal_ffn .min_ffn {
  padding-right: min(6.6666666667vw, 36.6666666667px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .adj01_ffn {
  margin: max(-6.6666666667vw, -36.6666666667px) max(-5.3333333333vw, -29.3333333333px) 0 max(-6.6666666667vw, -36.6666666667px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .adj02_ffn {
  padding-right: min(3.4666666667vw, 19.0666666667px);
}
#l-content-body_ffn #matotte_ffn .matotte-block_ffn .adj04_ffn {
  margin: min(4vw, 22px) max(-5.3333333333vw, -29.3333333333px) max(-45.3333333333vw, -249.3333333333px) max(-10.4vw, -57.2px);
}
#l-content-body_ffn #matotte_ffn .adj03_ffn {
  margin-top: min(2.6666666667vw, 14.6666666667px) !important;
}
#l-content-body_ffn #matotte_ffn .adj05_ffn {
  position: relative;
  z-index: 1;
}
#l-content-body_ffn #matotte_ffn .adj06_ffn {
  align-items: flex-end !important;
}
#l-content-body_ffn #matotte_ffn .adj07_ffn {
  padding-left: min(4vw, 22px);
}
#l-content-body_ffn #matotte_ffn .adj08_ffn {
  margin-top: min(2.6666666667vw, 14.6666666667px) !important;
}
#l-content-body_ffn #matotte_ffn .info-area_ffn {
  position: relative;
  z-index: 0;
  margin-top: min(11.2vw, 61.6px);
  padding-block: 0 min(10.6666666667vw, 58.6666666667px);
}
#l-content-body_ffn #matotte_ffn .info-area_ffn::before {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: min(2.6666666667vw, 14.6666666667px);
  width: 100vw;
  background-color: #009644;
  margin-inline: calc(50% - 50vw);
  margin-bottom: min(5.8666666667vw, 32.2666666667px);
}
#l-content-body_ffn #matotte_ffn .info-area_ffn::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  margin-inline: calc(50% - 50vw);
  background-color: #F2F2F2;
}
#l-content-body_ffn #matotte_ffn .info-area_ffn .info-area-ttl_ffn {
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  font-size: min(6.4vw, 35.2px) !important;
  line-height: 1.3;
  margin-inline: max(-2.6666666667vw, -14.6666666667px);
}
#l-content-body_ffn #matotte_ffn .info-area_ffn .info-area-ttl-sub_ffn {
  text-align: center;
  font-family: "Yu Gothic Pr6N D", sans-serif;
  font-size: 1rem;
  font-size: min(4.2666666667vw, 23.4666666667px) !important;
  margin-top: min(2.1333333333vw, 11.7333333333px);
}
#l-content-body_ffn #matotte_ffn .info-area_ffn > p {
  margin-top: min(5.3333333333vw, 29.3333333333px);
}
#l-content-body_ffn #matotte_ffn .info-area_ffn .info-area-lead_ffn {
  font-family: "Yu Gothic Pr6N D", sans-serif;
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  line-height: 2;
}
#l-content-body_ffn #matotte_ffn .info-area_ffn .info-area-img_ffn a {
  transition: opacity 0.8s ease;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #matotte_ffn .info-area_ffn .info-area-img_ffn a:hover {
    opacity: 0.7;
  }
}
#l-content-body_ffn #matotte_ffn .info-area_ffn .info-area-logo_ffn {
  max-width: min(25.0666666667vw, 137.8666666667px);
  margin-inline: auto;
}
#l-content-body_ffn #matotte_ffn .block-ttl_ffn {
  position: relative;
  z-index: 1;
  text-align: left;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #matotte_ffn .block-ttl_ffn {
    line-height: 1.9;
  }
}
#l-content-body_ffn #matotte_ffn .block-ttl_ffn span {
  font-family: "A1 Gothic M", sans-serif;
  font-size: 1.25rem;
  font-size: min(5.3333333333vw, 29.3333333333px) !important;
  display: inline;
  padding: min(1.6vw, 8.8px) min(2.9333333333vw, 16.1333333333px);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 100%;
  transition: background-size 0.5s ease-out;
  color: #fff;
  background-image: linear-gradient(to left, #E66B00 0%, #E66B00 100%);
}
#l-content-body_ffn #matotte_ffn .block-ttl_ffn span.is-active {
  background-size: 100% 100%;
}
#l-content-body_ffn .slider_ffn {
  position: relative;
}
#l-content-body_ffn .slider_ffn .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}
#l-content-body_ffn .slider_ffn .swiper-pagination {
  bottom: min(2.6666666667vw, 14.6666666667px) !important;
  line-height: 0;
}
#l-content-body_ffn .slider_ffn .swiper-pagination .swiper-pagination-bullet {
  width: min(1.6vw, 8.8px);
  height: min(1.6vw, 8.8px);
  border: 1px solid #707070;
  background-color: #707070;
}
#l-content-body_ffn .slider_ffn .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
#l-content-body_ffn #modal-scale_ffn {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999998;
  background: rgba(59, 59, 59, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
#l-content-body_ffn #modal-scale_ffn.on_ffn {
  opacity: 1;
  visibility: visible;
}
#l-content-body_ffn .modal_ffn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 9999999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  width: 100%;
  max-width: min(89.3333333333vw, 491.3333333333px);
  border-radius: min(8vw, 44px);
  background: #FFF;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  padding: min(7.2vw, 39.6px) min(6.6666666667vw, 36.6666666667px) min(9.3333333333vw, 51.3333333333px);
  position: relative;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .modal-contents_ffn figure {
  transform: translateY(-150%);
  max-width: min(28.8vw, 158.4px);
  margin-inline: auto;
  transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .modal-contents_ffn .modal-title_ffn {
  margin-top: min(2.6666666667vw, 14.6666666667px);
  text-align: center;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .modal-contents_ffn .modal-title_ffn span {
  display: block;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .modal-contents_ffn .modal-title_ffn .m01_ffn {
  font-family: "A1 Gothic M", sans-serif;
  font-size: 1.5rem;
  font-size: min(6.4vw, 35.2px) !important;
  transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(-150%);
  opacity: 0 !important;
  transition-delay: 0.2s;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .modal-contents_ffn .modal-title_ffn .m02_ffn {
  font-family: "A1 Gothic M", sans-serif;
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(-150%);
  opacity: 0 !important;
  transition-delay: 0.3s;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .modal-contents_ffn .modal-lead_ffn {
  margin-top: min(4vw, 22px);
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
  line-height: 2;
  transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(-150%);
  opacity: 0 !important;
  transition-delay: 0.3s;
}
#l-content-body_ffn .modal_ffn .modal-inner_ffn .close_ffn {
  transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(-150%);
  opacity: 0 !important;
  transition-delay: 0.3s;
}
#l-content-body_ffn .modal_ffn .modal-wrap_ffn {
  position: relative;
  width: 100%;
  max-height: 90svh;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-image: url(./../images/dec_kokeshi.webp);
  background-repeat: no-repeat;
  background-size: 76px 79px;
  background-position: right -76px bottom -79px;
  transition: background-position 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
#l-content-body_ffn .modal_ffn .modal-wrap_ffn::-webkit-scrollbar {
  display: none;
}
#l-content-body_ffn .modal_ffn.on_ffn {
  opacity: 1;
  visibility: visible;
}
#l-content-body_ffn .modal_ffn.on_ffn .modal-inner_ffn {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  padding: min(7.2vw, 39.6px) min(6.6666666667vw, 36.6666666667px) min(9.3333333333vw, 51.3333333333px);
  position: relative;
}
#l-content-body_ffn .modal_ffn.on_ffn .modal-inner_ffn .modal-contents_ffn figure {
  transform: translateY(0);
}
#l-content-body_ffn .modal_ffn.on_ffn .modal-inner_ffn .modal-contents_ffn .modal-title_ffn .m01_ffn,
#l-content-body_ffn .modal_ffn.on_ffn .modal-inner_ffn .modal-contents_ffn .modal-title_ffn .m02_ffn {
  transform: translateY(0);
  opacity: 1 !important;
}
#l-content-body_ffn .modal_ffn.on_ffn .modal-inner_ffn .modal-contents_ffn .modal-lead_ffn {
  transform: translateY(0);
  opacity: 1 !important;
}
#l-content-body_ffn .modal_ffn.on_ffn .modal-inner_ffn .close_ffn {
  transform: translateY(0);
  opacity: 1 !important;
}
#l-content-body_ffn .modal_ffn:not(.on_ffn) .modal-inner_ffn .modal-contents_ffn .front_ffn {
  pointer-events: none;
}
#l-content-body_ffn .close_ffn {
  display: block;
  margin: min(5.3333333333vw, 29.3333333333px) auto 0;
  max-width: min(13.3333333333vw, 73.3333333333px);
  text-align: center;
  font-family: "A1 Gothic R", sans-serif;
  font-size: 1rem;
  font-size: min(4.2666666667vw, 23.4666666667px) !important;
}
#l-content-body_ffn .close_ffn::before {
  content: "";
  display: block;
  background-image: url(./../images/ico_close.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  width: min(10.1333333333vw, 55.7333333333px);
  aspect-ratio: 1/1;
  margin: 0 auto 0;
}
#l-content-body_ffn .modal-trigger_ffn {
  cursor: pointer;
}
#l-content-body_ffn #floating-nav-btn_ffn {
  position: fixed;
  top: 20px;
  right: 5px;
  transform: translateX(calc(100% + 5px));
  background: rgba(255, 255, 255, 0.9);
  transition: transform 0.4s ease;
  z-index: 1000000000;
  border: none;
  background: none;
  outline: none !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/ico_nav.webp);
  width: 64px;
  height: 111px;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn #floating-nav-btn_ffn {
    display: none !important;
  }
}
#l-content-body_ffn #floating-nav-btn_ffn.is-visible {
  transform: translateX(0);
}
#l-content-body_ffn #floating-nav-btn_ffn.is-open {
  transform: translateX(0) !important;
  background-image: url(./../images/ico_nav_close.webp);
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .contents-right_ffn,
  #l-content-body_ffn .contents-left_ffn {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .contents-left_ffn {
    justify-content: center;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .contents-left_ffn .logo_ffn {
    padding: 0 35px;
    max-width: 422px;
    margin-bottom: 15vh;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn {
    opacity: 0 !important;
    visibility: hidden;
    transition: all 0.5s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    height: 100dvh;
    width: 100vw;
    background-color: #EDEDED;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn {
    border-radius: 20px 20px 0 0;
    max-width: 324px;
    background: rgba(255, 255, 255, 0.8);
    padding: 25px 25px;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn.is-open {
    opacity: 1 !important;
    visibility: visible;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn.is-open .nav-body-in_ffn .nav-list li .img_ffn {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body_ffn {
    padding: min(5.3333333333vw, 29.3333333333px) min(8vw, 44px);
    height: 100%;
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-head_ffn {
    width: 67%;
    margin: 0 auto 0;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn {
    margin-top: min(6.6666666667vw, 36.6666666667px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn + .nav-body-in_ffn {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-head-sub_ffn {
    width: 91%;
    margin: 0 auto min(4vw, 22px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-head-sub_ffn {
    margin-bottom: 10px;
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .txt_ffn {
  position: relative;
  display: inline-block !important;
  font-size: 0.875rem;
  font-size: min(3.7333333333vw, 20.5333333333px) !important;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .txt_ffn {
    margin-top: min(0.8vw, 4.4px);
    padding-right: min(2.6666666667vw, 14.6666666667px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .txt_ffn {
    font-size: 12px !important;
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .txt_ffn::after {
  content: "";
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .txt_ffn::after {
    width: min(1.8666666667vw, 10.2666666667px);
    height: min(1.8666666667vw, 10.2666666667px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .txt_ffn::after {
    width: 7px;
    height: 7px;
    top: 40%;
    right: 5px;
    transform: translateY(-50%) rotate(135deg);
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(3.4666666667vw, 19.0666666667px) min(2.6666666667vw, 14.6666666667px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list {
    max-width: 160px;
    margin: 0 auto 0;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li {
    text-align: center;
    max-width: min(29.3333333333vw, 161.3333333333px);
    width: calc(33.333% - min(2.6666666667vw, 14.6666666667px));
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li a {
  transition: opacity 0.8s ease;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #333;
    line-height: 1;
    padding-inline: 5px;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li span,
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li a {
    display: block;
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li .img_ffn {
  display: block;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li .img_ffn {
    max-width: min(18.6666666667vw, 102.6666666667px);
    margin: 0 auto 0;
    transform: scale(0);
    transition: 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li .img_ffn {
    width: 40px;
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li .txt_ffn {
  font-family: "A1 Gothic M", sans-serif;
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li .txt_ffn {
    width: calc(100% - 40px);
    font-size: 12px !important;
    padding-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-list li:nth-child(n+4) {
    width: calc(50% - min(2.6666666667vw, 14.6666666667px));
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .mt-btn_ffn {
  transition: opacity 0.8s ease;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .mt-btn_ffn {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .mt-btn_ffn .txt_ffn {
    margin-top: min(1.3333333333vw, 7.3333333333px);
    padding-right: min(4vw, 22px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .mt-btn_ffn .txt_ffn {
    max-width: 185px;
    margin: 5px auto 0;
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .mt-btn_ffn:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn {
    max-width: min(52vw, 286px);
    margin: min(5.3333333333vw, 29.3333333333px) auto 0;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn {
    max-width: 185px;
    margin: 10px auto 0;
  }
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn a {
  display: block !important;
  transition: opacity 0.8s ease;
}
#l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn a .txt_ffn {
  display: block !important;
}
@media screen and (max-width: 767px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn a + a {
    margin-top: min(1.3333333333vw, 7.3333333333px);
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn a + a {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  #l-content-body_ffn .nav-outer_ffn .nav-body-in_ffn .nav-text-link_ffn a:hover {
    opacity: 0.7;
  }
}
#l-content-body_ffn .dec_ffn {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#l-content-body_ffn .dec_ffn.abs_dec_ffn {
  position: absolute;
}
#l-content-body_ffn .dec_ffn#narikiri-dec01_ffn {
  background-image: url(./../images/img_narikiri01.webp);
  width: min(33.6vw, 184.8px);
  aspect-ratio: 3/2;
  top: 0px;
  right: max(-1.3333333333vw, -7.3333333333px);
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(100%);
}
#l-content-body_ffn .dec_ffn#narikiri-dec01_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec02_ffn {
  background-image: url(./../images/img_narikiri02.webp);
  width: min(29.3333333333vw, 161.3333333333px);
  aspect-ratio: 22/19;
  top: 0px;
  left: 0px;
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(-100%);
}
#l-content-body_ffn .dec_ffn#narikiri-dec02_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec03_ffn {
  background-image: url(./../images/img_narikiri03.webp);
  width: min(35.2vw, 193.6px);
  aspect-ratio: 66/37;
  top: max(-2.6666666667vw, -14.6666666667px);
  right: min(2.6666666667vw, 14.6666666667px);
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(100%);
}
#l-content-body_ffn .dec_ffn#narikiri-dec03_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec04_ffn {
  background-image: url(./../images/img_narikiri04.webp);
  width: min(29.3333333333vw, 161.3333333333px);
  aspect-ratio: 22/19;
  top: max(-2.6666666667vw, -14.6666666667px);
  left: min(1.3333333333vw, 7.3333333333px);
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(-100%);
}
#l-content-body_ffn .dec_ffn#narikiri-dec04_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec05_ffn {
  background-image: url(./../images/img_narikiri05.webp);
  width: min(22.1333333333vw, 121.7333333333px);
  aspect-ratio: 83/140;
  top: max(-5.3333333333vw, -29.3333333333px);
  right: min(1.3333333333vw, 7.3333333333px);
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(100%);
}
#l-content-body_ffn .dec_ffn#narikiri-dec05_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec06_ffn {
  background-image: url(./../images/img_narikiri06.webp);
  width: min(52.5333333333vw, 288.9333333333px);
  aspect-ratio: 197/147;
  top: max(-2.6666666667vw, -14.6666666667px);
  left: min(2.6666666667vw, 14.6666666667px);
  transition: all 0.8s;
  transition-delay: 0.2s;
  transform: translateY(100%);
  z-index: -2;
}
#l-content-body_ffn .dec_ffn#narikiri-dec06_ffn.action_on_ffn {
  transform: translateY(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec07_ffn {
  background-image: url(./../images/img_narikiri07.webp);
  width: min(34.4vw, 189.2px);
  aspect-ratio: 129/164;
  top: min(2.6666666667vw, 14.6666666667px);
  left: min(26.6666666667vw, 146.6666666667px);
  transition: 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.2s;
  transform: scale(0);
}
#l-content-body_ffn .dec_ffn#narikiri-dec07_ffn.action_on_ffn {
  transform: scale(1);
}
#l-content-body_ffn .dec_ffn#matotte-dec01_ffn {
  background-image: url(./../images/dec_matotte01.webp);
  width: min(28vw, 154px);
  aspect-ratio: 105/101;
  top: max(-4vw, -22px);
  right: 0px;
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(150%);
}
#l-content-body_ffn .dec_ffn#matotte-dec01_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#matotte-dec02_ffn {
  background-image: url(./../images/dec_matotte02.webp);
  width: min(21.2vw, 116.6px);
  aspect-ratio: 53/48;
  bottom: max(-17.3333333333vw, -95.3333333333px);
  left: 0px;
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(-150%);
}
#l-content-body_ffn .dec_ffn#matotte-dec02_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#matotte-dec03_ffn {
  background-image: url(./../images/dec_matotte03.webp);
  width: min(31.4666666667vw, 173.0666666667px);
  aspect-ratio: 118/103;
  margin-left: auto;
  transition: transform 0.8s ease;
  transition-delay: 0.2s;
  transform: translateX(150%);
}
#l-content-body_ffn .dec_ffn#matotte-dec03_ffn.action_on_ffn {
  transform: translateX(0);
}
#l-content-body_ffn .dec_ffn#matotte-dec04_ffn {
  background-image: url(./../images/dec_matotte04.webp);
  width: min(14.5333333333vw, 79.9333333333px);
  aspect-ratio: 109/139;
  margin: min(8vw, 44px) 0 0 min(5.3333333333vw, 29.3333333333px);
}
#l-content-body_ffn .dec_ffn#matotte-dec05_ffn {
  background-image: url(./../images/dec_matotte05.webp);
  width: min(38.4vw, 211.2px);
  aspect-ratio: 144/125;
  top: 0;
  right: max(-19.2vw, -105.6px);
}
#l-content-body_ffn .dec_ffn#matotte-dec06_ffn {
  background-image: url(./../images/dec_matotte06.webp);
  width: min(15.7333333333vw, 86.5333333333px);
  aspect-ratio: 59/108;
  top: max(-20vw, -110px);
  left: max(-4vw, -22px);
}
#l-content-body_ffn .dec_ffn#matotte-dec07_ffn {
  background-image: url(./../images/dec_matotte07.webp);
  width: min(36vw, 198px);
  aspect-ratio: 15/13;
  margin: max(-2.6666666667vw, -14.6666666667px) max(-5.3333333333vw, -29.3333333333px) max(-5.3333333333vw, -29.3333333333px) auto;
}
#l-content-body_ffn .dec_ffn#matotte-dec08_ffn {
  background-image: url(./../images/dec_matotte08.webp);
  width: min(50.6666666667vw, 278.6666666667px);
  aspect-ratio: 95/63;
  margin: 0 auto max(-5.3333333333vw, -29.3333333333px) max(-10.6666666667vw, -58.6666666667px);
}
#l-content-body_ffn .dec_ffn#matotte-dec09_ffn {
  background-image: url(./../images/dec_matotte09.webp);
  width: min(26.9333333333vw, 148.1333333333px);
  aspect-ratio: 101/56;
  top: min(6.6666666667vw, 36.6666666667px);
  right: max(-4vw, -22px);
}
#l-content-body_ffn .dec_ffn#matotte-dec10_ffn {
  background-image: url(./../images/dec_matotte10.webp);
  width: min(25.4666666667vw, 140.0666666667px);
  aspect-ratio: 101/56;
  top: max(-16vw, -88px);
  left: min(32vw, 176px);
}
#l-content-body_ffn .scroll-container_ffn {
  width: calc(100% + min(5.3333333333vw, 29.3333333333px) * 2);
  overflow: hidden;
  margin: min(5.3333333333vw, 29.3333333333px) max(-5.3333333333vw, -29.3333333333px) min(5.3333333333vw, 29.3333333333px);
  white-space: nowrap;
}
#l-content-body_ffn .scroll-content_ffn {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: infinity-scroll_ffn 25s linear infinite;
}
#l-content-body_ffn .scroll-content_ffn .scroll-content-in_ffn {
  display: flex;
  flex-shrink: 0;
}
#l-content-body_ffn .scroll-content_ffn img {
  width: min(23.7333333333vw, 130.5333333333px);
  margin-right: min(5.3333333333vw, 29.3333333333px);
  display: block;
}
@keyframes infinity-scroll_ffn {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
#l-content-body_ffn .poyooon_ffn {
  animation: poyooon 2s linear 0s infinite;
}
@keyframes poyooon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  2% {
    transform: scale(1.03, 0.97) translate(0%, 2%);
  }
  8% {
    transform: scale(1.05, 0.95) translate(0%, 5%);
  }
  10% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  12% {
    transform: scale(0.97, 1.05) translate(0%, -15%);
  }
  15% {
    transform: scale(0.97, 1.05) translate(0%, -5%);
  }
  17% {
    transform: scale(1.05, 0.95) translate(0%, 5%);
  }
  20% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
#l-content-body_ffn .pukapuka_ffn {
  animation: swimming 6s ease-in-out infinite;
  display: inline-block;
}
@keyframes swimming {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  20% {
    transform: translate(-5px, -8px) rotate(-1deg);
  }
  40% {
    transform: translate(8px, -15px) rotate(2deg);
  }
  60% {
    transform: translate(12px, -5px) rotate(1deg);
  }
  80% {
    transform: translate(-3px, 5px) rotate(-1.5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
#l-content-body_ffn .korokoro_ffn {
  animation: korokoro 3s ease-in-out infinite;
}
@keyframes korokoro {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  15% {
    transform: translate(2%, 0) rotate(5deg);
  }
  30% {
    transform: translate(-2%, 0) rotate(-4deg);
  }
  45% {
    transform: translate(1%, 0) rotate(3deg);
  }
  60% {
    transform: translate(-1%, 0) rotate(-2deg);
  }
  75% {
    transform: translate(0, 0) rotate(1deg);
  }
  85% {
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
#l-content-body_ffn .walking_ffn {
  display: inline-block;
  animation: walk_and_turn 10s ease-in-out infinite;
}
@keyframes walk_and_turn {
  0% {
    transform: translateX(0) scaleX(1);
  }
  45% {
    transform: translateX(100px) scaleX(1);
  }
  50% {
    transform: translateX(100px) scaleX(-1);
  }
  95% {
    transform: translateX(0) scaleX(-1);
  }
  100% {
    transform: translateX(0) scaleX(1);
  }
}
#l-content-body_ffn .hyokkori_ffn {
  transform: translateX(100%);
  animation: simple_hyokkori 7s ease-in-out infinite;
}
@keyframes simple_hyokkori {
  0% {
    transform: translateX(100%);
  }
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
#l-content-body_ffn .suberi_ffn {
  /* アニメーションの設定：5秒かけて無限に繰り返す */
  animation: horizontal-slide 6s ease-in-out infinite;
}
@keyframes horizontal-slide {
  0% {
    transform: translateX(500%);
  }
  40% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-500%);
  }
}/*# sourceMappingURL=style.css.map */