/* setting/_base.scss
-------------------------------------------------- */
.layout-header:has(~ #refa_fragrance) {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  body:has(#refa_fragrance) {
    padding-top: calc(6.3 * var(--rem)) !important;
  }
}

#refa_fragrance {
  position: relative;
  font-family: "Shippori Mincho", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #595757;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  vertical-align: middle;
}
#refa_fragrance::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #fff;
  z-index: 1;
}
#refa_fragrance ~ nav, #refa_fragrance ~ footer {
  position: relative;
  z-index: 1;
}
#refa_fragrance * {
  position: relative;
  box-sizing: border-box;
}
#refa_fragrance i {
  font-style: normal;
}
#refa_fragrance img,
#refa_fragrance svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#refa_fragrance figure {
  margin: 0;
}
#refa_fragrance article {
  z-index: 1;
  overflow: hidden;
}
#refa_fragrance [data-hidden] {
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
}

@media screen and (min-width: 960px), print {
  #refa_fragrance a[href^=tel] {
    pointer-events: none;
  }
  #refa_fragrance [data-device=sp],
  #refa_fragrance [data-device=tab] {
    display: none !important;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance [data-device=pc],
  #refa_fragrance [data-device=sp] {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance [data-device=pc],
  #refa_fragrance [data-device=tab] {
    display: none !important;
  }
}
/* setting/_keyframe.scss
-------------------------------------------------- */
/* setting/_extend.scss
-------------------------------------------------- */
@media screen and (min-width: 960px), print {
  #refa_fragrance .shop__wrap, #refa_fragrance .original__wrap, #refa_fragrance .map__wrap, #refa_fragrance .info__wrap, #refa_fragrance .line__wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1340px;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .shop__wrap, #refa_fragrance .original__wrap, #refa_fragrance .map__wrap, #refa_fragrance .info__wrap, #refa_fragrance .line__wrap {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .shop__wrap, #refa_fragrance .original__wrap, #refa_fragrance .map__wrap, #refa_fragrance .info__wrap, #refa_fragrance .line__wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* status/_is.scss
-------------------------------------------------- */
body:not(.is-load) main {
  opacity: 0;
}

/* status/_in.scss
-------------------------------------------------- */
.in-fadeUp {
  transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.in-fadeUp:not(.is-view) {
  opacity: 0;
  translate: 0 10px;
}

/* modules/_intro.scss
-------------------------------------------------- */
#refa_fragrance .intro__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
#refa_fragrance .intro__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#refa_fragrance .intro__ttl, #refa_fragrance .intro__fragrance {
  display: flex;
  align-items: center;
  justify-content: center;
}
#refa_fragrance .intro__fragrance {
  margin-top: 18dvh;
  margin-bottom: 2dvh;
  aspect-ratio: 964/298;
}
#refa_fragrance .intro__fragrance::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  background-color: #000;
  border-radius: 50%;
  translate: -50% -50%;
  opacity: 0.5;
}
#refa_fragrance .intro__caption {
  height: auto;
}
#refa_fragrance .intro__scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-weight: 500;
  color: #fff;
}
#refa_fragrance .intro__arrow {
  aspect-ratio: 26/15;
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .intro__wrap {
    padding-bottom: 16px;
  }
  #refa_fragrance .intro__fragrance {
    height: 15.5637254902dvh;
  }
  #refa_fragrance .intro__fragrance::before {
    filter: blur(50px);
  }
  #refa_fragrance .intro__logo {
    height: 18.0147058824dvh;
  }
  #refa_fragrance .intro__caption {
    height: 2.4509803922dvh;
  }
  #refa_fragrance .intro__scroll {
    flex-shrink: 0;
    gap: 12px;
    font-size: 16px;
  }
  #refa_fragrance .intro__arrow {
    width: 25px;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .intro__wrap {
    padding-bottom: 10px;
  }
  #refa_fragrance .intro__fragrance {
    height: 15.4684095861dvh;
  }
  #refa_fragrance .intro__fragrance::before {
    filter: blur(28px);
  }
  #refa_fragrance .intro__logo {
    height: 17.8649237473dvh;
  }
  #refa_fragrance .intro__caption {
    height: 2.3965141612dvh;
  }
  #refa_fragrance .intro__scroll {
    gap: 12px;
    font-size: 16px;
  }
  #refa_fragrance .intro__scroll {
    gap: 6px;
    font-size: 9px;
  }
  #refa_fragrance .intro__arrow {
    width: 14px;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .intro__fragrance {
    margin-top: 27.8728606357dvh;
    margin-bottom: 11.7359413203dvh;
    height: 7.4572127139dvh;
  }
  #refa_fragrance .intro__fragrance::before {
    filter: blur(12px);
  }
  #refa_fragrance .intro__logo {
    height: 11.2469437653dvh;
  }
  #refa_fragrance .intro__caption {
    height: 1.7114914425dvh;
  }
  #refa_fragrance .intro__scroll {
    display: none;
  }
}

/* modules/_line.scss
-------------------------------------------------- */
#refa_fragrance .line {
  text-align: center;
  background: url("/special/refa_fragrance/assets/img/modules/line/bg.jpg") no-repeat center center/cover;
}
#refa_fragrance .line__subttl {
  color: #797878;
}
#refa_fragrance .line__fig {
  display: flex;
  flex-wrap: wrap;
}
#refa_fragrance .line__ph--02 img, #refa_fragrance .line__ph--03 img, #refa_fragrance .line__ph--04 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) {
  #refa_fragrance .line__img {
    transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    cursor: pointer;
  }
}
@media (hover: hover) {
  #refa_fragrance .line__img:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .line {
    padding-top: 124px;
  }
  #refa_fragrance .line__caption {
    margin-bottom: 68px;
    font-size: 24px;
  }
  #refa_fragrance .line__ttl {
    margin-bottom: 60px;
    font-size: 32px;
  }
  #refa_fragrance .line__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .line__box {
    margin-top: 106px;
  }
  #refa_fragrance .line__subttl {
    margin-bottom: 28px;
    font-size: 24px;
  }
  #refa_fragrance .line__line {
    display: flex;
  }
  #refa_fragrance .line__img {
    width: 33.3333333333%;
  }
  #refa_fragrance .line__fig {
    margin-top: 160px;
  }
  #refa_fragrance .line__ph--01 {
    width: 100%;
  }
  #refa_fragrance .line__ph--02, #refa_fragrance .line__ph--03, #refa_fragrance .line__ph--04 {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .line {
    padding-top: 124px;
  }
  #refa_fragrance .line__caption {
    margin-bottom: 68px;
    font-size: 24px;
  }
  #refa_fragrance .line__ttl {
    margin-bottom: 60px;
    font-size: 32px;
  }
  #refa_fragrance .line__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .line__box {
    margin-top: 106px;
  }
  #refa_fragrance .line__subttl {
    margin-bottom: 28px;
    font-size: 24px;
  }
  #refa_fragrance .line__line {
    display: flex;
  }
  #refa_fragrance .line__img {
    width: 33.3333333333%;
  }
  #refa_fragrance .line__fig {
    margin-top: 160px;
  }
  #refa_fragrance .line__ph--01 {
    width: 100%;
  }
  #refa_fragrance .line__ph--02, #refa_fragrance .line__ph--03, #refa_fragrance .line__ph--04 {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .line {
    padding-top: 92px;
  }
  #refa_fragrance .line__caption {
    margin-bottom: 32px;
    font-size: 20px;
  }
  #refa_fragrance .line__ttl {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 2em;
  }
  #refa_fragrance .line__txt {
    font-size: 14px;
    line-height: 2.5714285714em;
  }
  #refa_fragrance .line__box {
    margin-top: 92px;
  }
  #refa_fragrance .line__subttl {
    margin-bottom: 20px;
    font-size: 20px;
  }
  #refa_fragrance .line__fig {
    margin-top: 100px;
  }
  #refa_fragrance .line__ph img:first-of-type {
    display: none;
  }
  #refa_fragrance .line__ph--01, #refa_fragrance .line__ph--04 {
    width: 100%;
  }
  #refa_fragrance .line__ph--02, #refa_fragrance .line__ph--03 {
    width: 50%;
  }
}

/* modules/_info.scss
-------------------------------------------------- */
#refa_fragrance .info {
  background-color: #F3EBE0;
}
#refa_fragrance .info__note {
  border-top: 1px solid #797878;
  border-bottom: 1px solid #797878;
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .info__wrap {
    padding-top: 133px;
    padding-bottom: 181px;
  }
  #refa_fragrance .info__container {
    padding: 0 32px 0 62px;
  }
  #refa_fragrance .info__box {
    display: flex;
    align-items: center;
    gap: 62px;
  }
  #refa_fragrance .info__box:not(:first-of-type) {
    margin-top: 76px;
  }
  #refa_fragrance .info__photo {
    width: 420px;
  }
  #refa_fragrance .info__inner {
    flex: 1;
  }
  #refa_fragrance .info__ttl {
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .info__txt {
    margin-top: 28px;
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .info__note {
    margin-top: 32px;
    padding: 24px 0;
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .info__fig {
    display: flex;
  }
  #refa_fragrance .info__ph {
    width: 50%;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .info__wrap {
    padding-top: 132px;
    padding-bottom: 128px;
  }
  #refa_fragrance .info__box {
    display: flex;
    flex-direction: column;
    gap: 64px;
  }
  #refa_fragrance .info__box:not(:first-of-type) {
    margin-top: 132px;
  }
  #refa_fragrance .info__photo {
    order: 2;
  }
  #refa_fragrance .info__inner {
    order: 1;
  }
  #refa_fragrance .info__ttl {
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .info__txt {
    margin-top: 28px;
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .info__note {
    margin-top: 40px;
    padding: 24px 0;
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .info__fig {
    display: flex;
  }
  #refa_fragrance .info__ph {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .info__wrap {
    padding-top: 68px;
    padding-bottom: 140px;
  }
  #refa_fragrance .info__box {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  #refa_fragrance .info__box:not(:first-of-type) {
    margin-top: 68px;
  }
  #refa_fragrance .info__photo {
    order: 2;
  }
  #refa_fragrance .info__inner {
    order: 1;
  }
  #refa_fragrance .info__ttl {
    font-size: 24px;
    line-height: 2em;
  }
  #refa_fragrance .info__txt {
    margin-top: 28px;
    font-size: 14px;
    line-height: 2.5714285714em;
  }
  #refa_fragrance .info__note {
    margin-top: 28px;
    padding: 24px 0;
    font-size: 14px;
    line-height: 2em;
  }
}

/* modules/_map.scss
-------------------------------------------------- */
#refa_fragrance .map__bg {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
#refa_fragrance .map__img {
  width: 100%;
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .map {
    margin: 154px 0 108px;
  }
  #refa_fragrance .map__wrap {
    display: flex;
    align-items: flex-start;
    gap: 62px;
  }
  #refa_fragrance .map__fig {
    width: 420px;
    translate: 0 -50%;
  }
  #refa_fragrance .map__box {
    flex: 1;
    padding-top: 92px;
    max-width: 650px;
  }
  #refa_fragrance .map__ttl {
    margin-bottom: 24px;
    font-size: 28px;
  }
  #refa_fragrance .map__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .map {
    margin: 110px 0 68px;
  }
  #refa_fragrance .map__wrap {
    padding: 0;
  }
  #refa_fragrance .map__fig {
    margin: 0 auto;
    width: 420px;
    margin-top: -30%;
  }
  #refa_fragrance .map__box {
    padding-top: 72px;
  }
  #refa_fragrance .map__ttl {
    margin-bottom: 24px;
    font-size: 28px;
  }
  #refa_fragrance .map__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .map {
    margin: 60px 0 60px;
  }
  #refa_fragrance .map__wrap {
    padding: 0;
  }
  #refa_fragrance .map__fig {
    margin: 0 auto;
    margin-top: -20%;
  }
  #refa_fragrance .map__box {
    padding-top: 64px;
  }
  #refa_fragrance .map__ttl {
    margin-bottom: 36px;
    font-size: 24px;
  }
  #refa_fragrance .map__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
}

/* modules/_original.scss
-------------------------------------------------- */
#refa_fragrance .original {
  background: #F3EBE0;
}
#refa_fragrance .original__container {
  background: url("/special/refa_fragrance/assets/img/modules/original/bg.png") no-repeat center top/contain;
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .original__wrap {
    display: flex;
    align-items: center;
    gap: 63px;
    padding-top: 187px;
    padding-bottom: 167px;
  }
  #refa_fragrance .original__fig {
    width: 420px;
  }
  #refa_fragrance .original__box {
    flex: 1;
    max-width: 650px;
  }
  #refa_fragrance .original__ttl {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .original__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .original {
    background-size: 180%;
  }
  #refa_fragrance .original__wrap {
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding-top: 132px;
    padding-bottom: 128px;
  }
  #refa_fragrance .original__fig {
    order: 2;
    margin: 0 auto;
    width: 420px;
  }
  #refa_fragrance .original__box {
    order: 1;
  }
  #refa_fragrance .original__ttl {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .original__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .original {
    background-size: 180%;
    background-position: 0 0;
  }
  #refa_fragrance .original__wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 60px;
    padding-bottom: 124px;
  }
  #refa_fragrance .original__fig {
    order: 2;
    margin: 0 auto;
  }
  #refa_fragrance .original__box {
    order: 1;
  }
  #refa_fragrance .original__ttl {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 2em;
  }
  #refa_fragrance .original__txt {
    font-size: 14px;
    line-height: 2.5714285714em;
  }
}

/* modules/_brand.scss
-------------------------------------------------- */
#refa_fragrance .brand {
  text-align: center;
  background-color: #F3EBE0;
}
#refa_fragrance .brand__txt {
  display: inline-flex;
  align-items: flex-end;
  color: #797878;
}
#refa_fragrance .brand__link {
  display: block;
}
@media (hover: hover) {
  #refa_fragrance .brand__link {
    transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    cursor: pointer;
  }
}
@media (hover: hover) {
  #refa_fragrance .brand__link:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}
#refa_fragrance .brand__arrow {
  margin-bottom: 0.26em;
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .brand__link:not(:first-of-type) {
    margin-top: 100px;
  }
  #refa_fragrance .brand__txt {
    margin-top: 40px;
    gap: 10px;
    font-size: 24px;
  }
  #refa_fragrance .brand__arrow {
    width: 52px;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .brand__link:not(:first-of-type) {
    margin-top: 100px;
  }
  #refa_fragrance .brand__txt {
    margin-top: 40px;
    gap: 10px;
    font-size: 24px;
  }
  #refa_fragrance .brand__arrow {
    width: 52px;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .brand__link:not(:first-of-type) {
    margin-top: 72px;
  }
  #refa_fragrance .brand__ph:first-child {
    display: none;
  }
  #refa_fragrance .brand__txt {
    margin-top: 16px;
    gap: 10px;
    font-size: 16px;
  }
  #refa_fragrance .brand__arrow {
    width: 52px;
  }
}

/* modules/_shop.scss
-------------------------------------------------- */
#refa_fragrance .shop {
  background-color: #F3EBE0;
}
#refa_fragrance .shop__link {
  padding-bottom: 0.4em;
  border-bottom: 1px solid #797878;
  transition: border-bottom 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media (hover: hover) {
  #refa_fragrance .shop__link:hover {
    border-bottom-color: transparent;
    text-decoration: none;
  }
}
#refa_fragrance .shop__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  border: 1px solid #797878;
  border-radius: 99px;
  transition: color 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), background-color 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media (hover: hover) {
  #refa_fragrance .shop__btn:hover {
    color: #F5F5F5;
    text-decoration: none;
    background-color: #595757;
  }
}
@media screen and (min-width: 960px), print {
  #refa_fragrance .shop__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 192px;
    padding-bottom: 200px;
    gap: 63px;
  }
  #refa_fragrance .shop__fig {
    width: 434px;
  }
  #refa_fragrance .shop__box {
    max-width: 478px;
  }
  #refa_fragrance .shop__ttl {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .shop__txt {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .shop__txt--spacing {
    letter-spacing: 0.1em;
  }
  #refa_fragrance .shop__btn {
    margin-top: 64px;
    width: 200px;
    height: 40px;
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance .shop__wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 176px;
    padding-bottom: 200px;
  }
  #refa_fragrance .shop__fig {
    margin: 0 auto;
    width: 434px;
  }
  #refa_fragrance .shop__ttl {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .shop__txt {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .shop__txt--spacing {
    letter-spacing: 0.1em;
  }
  #refa_fragrance .shop__btn {
    margin: 64px auto 0;
    width: 200px;
    height: 40px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance .shop__wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 128px;
    padding-bottom: 98px;
  }
  #refa_fragrance .shop__fig {
    margin: 0 auto;
  }
  #refa_fragrance .shop__ttl {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 2em;
  }
  #refa_fragrance .shop__txt {
    font-size: 16px;
    line-height: 2.25em;
  }
  #refa_fragrance .shop__txt:not(:first-of-type) {
    margin-top: 36px;
  }
  #refa_fragrance .shop__txt span {
    font-size: 14px;
  }
  #refa_fragrance .shop__btn {
    margin: 40px auto 0;
    width: 200px;
    height: 40px;
    font-size: 18px;
  }
}

/* patches/_simple.scss
-------------------------------------------------- */
@media screen and (min-width: 960px), print {
  #refa_fragrance.p-simple .intro {
    height: calc(100dvh - 8 * var(--rem));
  }
}
@media screen and (max-width: 959px) and (min-width: 769px) {
  #refa_fragrance.p-simple .intro {
    height: calc(100dvh - 8 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  #refa_fragrance.p-simple .intro {
    height: calc(100dvh - 6.3 * var(--rem));
  }
}

/* patches/_rich.scss
-------------------------------------------------- */
#refa_fragrance.p-rich .intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}
#refa_fragrance.p-rich .intro__bg {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body:not(.is-load) #refa_fragrance.p-rich .intro__bg {
  scale: 1.04;
  opacity: 0;
}

#refa_fragrance.p-rich .intro__ttl {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s;
}
body:not(.is-load) #refa_fragrance.p-rich .intro__ttl {
  opacity: 0;
}

#refa_fragrance.p-rich .intro__fragrance, #refa_fragrance.p-rich .intro__scroll {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s, translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s;
}
body:not(.is-load) #refa_fragrance.p-rich .intro__fragrance, body:not(.is-load) #refa_fragrance.p-rich .intro__scroll {
  opacity: 0;
  translate: 0 20px;
}

#refa_fragrance.p-rich .line {
  padding-top: 100dvh;
  transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body:not(.is-scroll) #refa_fragrance.p-rich .line {
  opacity: 0;
}

#refa_fragrance.p-rich .line__caption, #refa_fragrance.p-rich .line__ttl, #refa_fragrance.p-rich .line__txt, #refa_fragrance.p-rich .line__subttl, #refa_fragrance.p-rich .line__line {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .line__caption:not(.is-view), #refa_fragrance.p-rich .line__ttl:not(.is-view), #refa_fragrance.p-rich .line__txt:not(.is-view), #refa_fragrance.p-rich .line__subttl:not(.is-view), #refa_fragrance.p-rich .line__line:not(.is-view) {
  opacity: 0;
  translate: 0 20px;
}
#refa_fragrance.p-rich .line__ph {
  overflow: hidden;
}
#refa_fragrance.p-rich .line__ph img {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .line__ph:not(.is-view) img {
  opacity: 0;
  scale: 1.04;
}
#refa_fragrance.p-rich .info__photo {
  overflow: hidden;
}
#refa_fragrance.p-rich .info__img {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .info__img:not(.is-view) {
  opacity: 0;
  scale: 1.04;
  translate: 0 20px;
}
#refa_fragrance.p-rich .info__ttl, #refa_fragrance.p-rich .info__txt, #refa_fragrance.p-rich .info__note {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .info__ttl:not(.is-view), #refa_fragrance.p-rich .info__txt:not(.is-view), #refa_fragrance.p-rich .info__note:not(.is-view) {
  opacity: 0;
  translate: 0 20px;
}
#refa_fragrance.p-rich .info__ph {
  overflow: hidden;
}
#refa_fragrance.p-rich .info__ph img {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .info__ph:not(.is-view) img {
  opacity: 0;
  scale: 1.04;
  translate: 0 20px;
}
#refa_fragrance.p-rich .map__bg {
  overflow: hidden;
}
#refa_fragrance.p-rich .map__img {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .map__img:not(.is-view) {
  opacity: 0;
  scale: 1.04;
}
#refa_fragrance.p-rich .map__map, #refa_fragrance.p-rich .map__ttl, #refa_fragrance.p-rich .map__txt {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .map__map:not(.is-view), #refa_fragrance.p-rich .map__ttl:not(.is-view), #refa_fragrance.p-rich .map__txt:not(.is-view) {
  opacity: 0;
  translate: 0 20px;
}
#refa_fragrance.p-rich .original__container {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .original__container:not(.is-view) {
  opacity: 0;
}
#refa_fragrance.p-rich .original__fig {
  overflow: hidden;
}
#refa_fragrance.p-rich .original__ph {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .original__ph:not(.is-view) {
  opacity: 0;
  scale: 1.04;
}
#refa_fragrance.p-rich .original__ttl, #refa_fragrance.p-rich .original__txt {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .original__ttl:not(.is-view), #refa_fragrance.p-rich .original__txt:not(.is-view) {
  opacity: 0;
  translate: 0 20px;
}
#refa_fragrance.p-rich .brand__fig {
  overflow: hidden;
}
#refa_fragrance.p-rich .brand__ph {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .brand__ph:not(.is-view) {
  opacity: 0;
  scale: 1.04;
}
#refa_fragrance.p-rich .brand__txt {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .brand__txt:not(.is-view) {
  opacity: 0;
  translate: 0 20px;
}
#refa_fragrance.p-rich .shop__fig {
  overflow: hidden;
}
#refa_fragrance.p-rich .shop__ph {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), scale 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .shop__ph:not(.is-view) {
  opacity: 0;
  scale: 1.04;
  translate: 0 20px;
}
#refa_fragrance.p-rich .shop__ttl, #refa_fragrance.p-rich .shop__txt, #refa_fragrance.p-rich .shop__btn {
  transition: opacity 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), translate 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95), color 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), background-color 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#refa_fragrance.p-rich .shop__ttl:not(.is-view), #refa_fragrance.p-rich .shop__txt:not(.is-view), #refa_fragrance.p-rich .shop__btn:not(.is-view) {
  opacity: 0;
  translate: 0 20px;
}