@charset "utf-8";

/* ------------------
        共通
------------------ */
.common__title {
  font-size: 6.3vw;
}

.common__title--en {
  font-size: 9vw;
}

.common__catch {
  font-size: 4.5vw;
  line-height: 1.4;
}

.cart__btn,
.bcs {
  margin-top: 4.7vw;
}

.detail__btn {
  margin-top: 5.5vw;
}

.wrapping-lp__btn {
  margin-top: 7vw;
}

.cart__btn a,
.wrapping-lp__btn a,
.detail__btn a,
.bcs .bbg {
  width: 48.5vw;
  font-size: 3.3vw;
  padding: 5.3vw 0 5.7vw;
}

.cart__btn--s a,
.bcs .bbg {
  width: 48.5vw;
}

.detail__btn a {
  width: 40.2vw;
  padding: 3.7vw 0;
}

.wrapping-lp__btn a {
  width: 70vw;
  padding: 3.7vw 0;
}

.cart__btn a svg,
.wrapping-lp__btn a svg,
.detail__btn a svg {
  font-size: 1rem;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/* ------------------
        kv
------------------ */
.kv-text__wrapper {
  width: 100%;
}

#gift .kv h1 {
  width: 100%;
  font-size: 12vw;
  top: inherit;
}

#gift .kv .kv-text {
  width: 100%;
  font-size: 4.5vw;
  margin-top: 13vw;
  top: inherit;
}

/* ------------------
    ランキング
------------------ */
.ranking {
  background-size: 62.5vw 95.1vw;
  padding: 15vw 0 18vw;
}

.ranking-slider {
  width: 96vw;
  height: 108vw;
  background-image: url(../../../images/sp/gift/20241118/frame_ranking.png);
  background-size: 100% 100%;
}

.ranking__list {
  width: 73vw;
  padding: 5vw 0 0;
}

.ranking__item {
  width: 31vw;
}

.ranking-slider .slick-slide {
  padding: 10vw 0 0;
}

.slick-arrow {
  width: 7.7vw;
  height: 7.7vw;
}

.slick-arrow::after {
  width: 4.1vw;
  height: 4.1vw;
}

.slick-arrow.slick-prev {
  left: 6vw;
}

.slick-arrow.slick-next {
  right: 6vw;
}

.num {
  width: 5vw;
  top: -5vw;
}

.name-and-price {
  font-size: 3.3vw;
}

.item-slider ul li .btn a {
  width: 31vw;
  font-size: 3.1vw;
}

.item-slider.ranking-slider ul li .btn,
.item-slider ul li .bcs {
  text-align: center;
  padding-top: 3vw;
}

.ranking-slider .slick-dots {
  margin-top: 5.7vw;
}

.slick-dots>li.slick-active>button::before {
  color: #8d7b40;
}

.slick-dots>li>button::before {
  width: 8px;
  height: 8px;
}

/* ------------------
        予算
------------------ */
#gift .gift-price .gift-price-in {
  padding: 13vw 0 9vw;
}

#gift .gift-price h2 {
  margin: 0 auto;
}

.tab-area {
  width: 92vw;
}

.tab {
  font-size: 3.3vw;
  line-height: 2;
  padding: 1.6vw 0;
}

/* オンラインストアサービス */
.online-service__line {
  line-height: 1;
}

.online-service__title {
  width: 100%;
  font-size: 9vw;
  top: 18.4vw;
}

.online-service__title--ja {
  font-size: 4.5vw;
}

.other {
  background-position: left 0px top 0;
}

.other-bg {
  padding: 10.7vw 0 16.4vw;
}

.other__text {
  font-size: 4.5vw;
}

.service__list {
  width: 94vw;
  column-gap: 12vw;
  row-gap: 3vw;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 7.9vw;
}

.service__item img {
  width: 28vw;
}

.service-item__text {
  font-size: 3.6vw;
  margin-top: 3.2vw;
}

/* ------------------
      ライン
------------------ */

/* 追従アンカー */
.tracking-nav.show {
  top: 90px;
  opacity: 1;
}

.tracking-nav__list {
  width: 100%;
  height: 11vw;
}

.tracking-nav__item {
  border: 1px solid #756331;
  font-size: 3vw;
  letter-spacing: 0.01em;
  outline-offset: -3px;
  padding: 1vw 0;
}

.tracking-nav__item a {
  color: #fff;
}

.tracking-nav__item a svg {
  font-size: 2.5vw;
  bottom: -3vw;
}

/* ギフトにおすすめ */
.kit-block {
  padding: 12vw 0px 0px;
  width: 100vw;
}

.kit-block ul {
  width: 100%;
  margin-top: 5vw;
  padding: 0;
}

.kit-block ul li {
  width: 51vw;
  /* padding-left: 30px; */
}

.kit-block ul li .img img {
  width: 90%;
  border-radius: 5vw;
}

.kit-block ul li .name {
  font-size: 3.8vw;
  line-height: 1.6;
  margin-top: 4vw;
}

.kit-block ul li .fra,
.kit-block ul li .price {
  font-size: 3.8vw;
}

.kit-block .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.kit-block .slick-arrow {
  top: 78%;
}

.kit-block .slick-arrow.slick-prev {
  left: 24vw;
}

.kit-block .slick-arrow.slick-next {
  right: 24vw;
}

.kit-block .slick-prev svg,
.kit-block .slick-next svg {
  font-size: 6vw;
}

.kit-block__title {
  width: 75vw;
  /* font-size: 6vw;
  line-height: 1.2; */
}

.kit-block .price-slide {
  margin-left: 0;
}

.ranking__list .name-and-price {
  font-size: 3.07vw;
}

/* 香り */
/* =========================
      アイテムラインナップ
========================= */
.fragrance__inner {
  padding: 13.6vw 0 15.5vw;
}

.gen-text__wrapper {
  align-items: center;
  column-gap: 0.6vw;
  margin-top: 7.2vw;
}

.gen__text {
  font-size: 2.9vw;
}

.graph__img {
  width: 91vw;
  margin: 4vw auto 0;
}

.fragrance__btn {
  border-radius: 50px;
  font-size: 3.6vw;
  box-shadow: 0.6vw 0.6vw #dfdaca;
  padding: 2.2vw 0 1.4vw;
}

.fragrance__btn::after {
  width: 1.5vw;
  height: 1.5vw;
  right: 2vw;
}

/* .fragrance-name__btn-text {
  font-size: 3.6vw;
} */

.fragrance-type__btn-text {
  font-size: 2.9vw;
}

.fragrance-type__wrapper {
  column-gap: 1vw;
  margin-top: 1.1vw;
}

.fragrance-modal__inner {
  border-radius: 20px;
}

.fragrance-modal__close {
  width: 6.2vw;
  height: 6.2vw;
  top: 4vw;
  right: 4vw;
}

.fragrance-modal__close::before,
.fragrance-modal__close::after {
  top: 50%;
  left: 50%;
  width: 0.4vw;
  height: 6.2vw;
}

.fragrance-slider .slick-dots {
  margin-top: 3.3vw;
}

.fragrance-slider .slick-dots>li>button::before {
  width: 1.5vw;
  height: 1.5vw;
}

.fragrance-slider .fragrance-prev {
  left: -18px;
}

.fragrance-slider .fragrance-next {
  right: -18px;
}

/* .fragrance__list .slick-list {
  overflow: visible;
} */

/* .fragrance__list .slick-track {
  width: 473px !important;
} */

.fragrance__list {
  width: 73.1vw;
  height: 73.4vw;
}

.fragrance__item {
  width: 73.1vw !important;
  height: 73.4vw;
  border-radius: 30px;
  padding: 9.3vw 0 7vw;
}

.fragrance-name__title {
  font-feature-settings: "palt";
  font-size: 5.8vw;
  line-height: 1;
}

.recommend__text {
  width: 28vw;
  border-radius: 50px;
  font-size: 2.9vw;
  line-height: 1;
  margin: 3.8vw auto 0;
  padding: 1.6vw 0;
}

.type__text {
  font-size: 4.7vw;
  margin: 3.6vw auto 0;
}

.type__text::before,
.type__text::after {
  width: 5.8vw;
  height: 1.6vw;
  background-size: contain;
  top: 40%;
}

.type__text::before {
  left: -8vw;
}

.type__text::after {
  right: -8vw;
}

.fragrance-detail__text {
  font-size: 3.6vw;
  line-height: 1.2;
  margin-top: 2.2vw;
}

.fragrance-detail__btn {
  width: 48.4vw;
  margin: 4.5vw auto 0;
}

.fragrance-detail__btn::after {
  width: 1.5vw;
  height: 1.5vw;
  right: 12px;
}

.fragrance-detail__btn a {
  font-size: 3.8vw;
  padding: 4.7vw 0;
}

.fragrance__obj {
  z-index: 50;
}

/* ホワイトティー */
.fragrance__btn--wt {
  width: 41.9vw;
  top: 9vw;
  left: 0;
}

.wt__obj--l {
  width: 20.4vw;
  top: -5vw;
  left: -6vw;
}

.wt__obj--r {
  width: 11.6vw;
  bottom: 7vw;
  right: -5vw;
}

/* ジャスミン */
.fragrance__btn--dj {
  width: 43.7vw;
  top: 9vw;
  right: 0;
}

.dj__obj--l {
  width: 20.6vw;
  top: -6vw;
  left: -7vw;
}

.dj__obj--r {
  width: 20.6vw;
  bottom: 5vw;
  right: -10vw;
}

/* グリーン・ローズ */
.fragrance__btn--gr {
  width: 40.6vw;
  top: 26vw;
  left: 0.5vw;
}

.gr__obj--l {
  width: 17.8vw;
  top: -5vw;
  left: -5vw;
}

.gr__obj--r {
  width: 17vw;
  right: -6vw;
  bottom: 12vw;
}

/* パチュリ・ラベンダー・バニラ */
.fragrance__btn--plv {
  width: 42.9vw;
  bottom: 17vw;
  left: -1.5vw;
}

.plv__obj--l {
  width: 34vw;
  top: -2vw;
  left: -13vw;
}

.plv__obj--r {
  width: 20.4vw;
  right: -7vw;
  bottom: -5vw;
}

/* ローズ・ティー */
.fragrance__btn--rt {
  width: 36.9vw;
  bottom: 20vw;
  right: 3.2vw;
}

.rt__obj--l {
  width: 23.5vw;
  top: -4vw;
  left: -7vw;
}

.rt__obj--r {
  width: 20.4vw;
  right: -7vw;
  bottom: 18vw;
}

/* TOKYO */
.fragrance__btn--tk {
  width: 39vw;
  top: 26vw;
  right: 2vw;
}

.tk__obj--l {
  width: 17.8vw;
  top: -2vw;
  left: -2vw;
}

.tk__obj--r {
  width: 15.8vw;
  right: -5vw;
  bottom: 12vw;
}

.fra__line {
  width: 46.6vw;
  margin: 3.3vw auto 0;
}

/* ギフトを選ぶアンカーリンク */
.gift-select-anchor__inner {
  padding: 12.8vw 0 11.2vw;
}

.nav-anchor__wrapper--gift-select {
  margin-top: 7.1vw;
}

.nav-anchor__list {
  column-gap: 2vw;
}

.nav-anchor__item {
  width: 28.8vw;
  height: 11.1vw;
  background-image: url(../../../images/sp/gift/20260416/bg_nav.png);
  background-size: cover;
}

.gift-nav-anchor__item {
  width: 23.1vw;
  height: 15.7vw;
  background-image: url(../../../images/sp/gift/20260416/bg_gift_nav.png);
  background-size: 100% 100%;
  line-height: 1.4;
}

.gift-nav-anchor__item--aj a {
  padding-top: 5vw;
}

.nav-anchor__link {
  font-size: 2.9vw;
  padding-top: 2.5vw;
}

.gift-select-anchor__obj--l {
  width: 43vw;
}

.gift-select-anchor__obj--r {
  width: 43.9vw;
}

.service-contents__inner {
  padding: 13.2vw 0 14.2vw;
}

.service-contents__wrapper {
  flex-direction: column;
  column-gap: 0;
  margin-top: 7vw;
}

.banner__img {
  width: 86.4vw;
}

.gf__obj1 {
  width: 15.9vw;
  top: -2vw;
  right: 3vw;
}

.gf__obj2 {
  width: 25.5vw;
  left: -4vw;
  bottom: -2vw;
}

.gf__obj3 {
  width: 27vw;
  bottom: -27vw;
}

/* 刻印サービス */
.engraving-servise__inner {
  padding: 10vw 0 11.4vw;
}

.es__img {
  width: 86.5vw;
}

/* ラッピングサービス */
.wrapping-service,
.service-contents {
  background-size: 62.5vw 95.1vw;
}

.wrapping-service__inner {
  padding: 10.6vw 0 9.6vw;
}

.wrapping-accordion {
  width: 90.9vw;
}

.wrapping-service__title {
  font-size: 5.7vw;
  padding-top: 4.2vw;
}

.accordion__item:not(:first-child) {
  margin-top: 9.7vw;
}

.accordion__header::after {
  right: 16px;
}

.wrapping-accordion__content {
  margin-top: 5.7vw;
}

.wrapping__label {
  width: 64.2vw;
  margin: 5.5vw auto 0;
}

.wrapping__wrapper {
  column-gap: 4.4vw;
  margin-top: 5.9vw;
}

.wrapping__img {
  width: 42.2vw;
}

.paper-bag-detail__wrapper {
  width: 88.8vw;
  height: 31.1vw;
  margin: 9.1vw auto 0;
}

.paper-bag__img {
  width: 20.5vw;
  top: -6vw;
  right: 13vw;
}

.paper-bag__text {
  font-size: 4vw;
  line-height: 1.4;
  padding: 10.9vw 0 0 13.5vw;
}

.paper-bag__obj--l {
  width: 14.2vw;
  top: -2vw;
  left: 0.8vw;
}

.paper-bag__obj--r {
  width: 14.2vw;
  bottom: 3vw;
  right: -2vw;
}

.order-made__wrapper {
  flex-direction: column;
  column-gap: 0;
  row-gap: 4.5vw;
  font-size: 3.3vw;
  line-height: 1.3;
}

.order-made__img {
  width: 86.4vw;
}

.long__line {
  width: 93.6vw;
  line-height: 1;
  margin: 8.5vw auto;
}

.price__obj--l {
  width: 43vw;
  left: 0;
}

.price__obj--r {
  width: 43.9vw;
  right: 0;
}