@charset "utf-8";

/* ----------------------------------
 北岸由美 クリスマス PC
---------------------------------- */
#feature-kitagishiyumi {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  color: #333;
  text-spacing-trim: space-all;
  font-kerning: none;
}
#feature-kitagishiyumi div,
#feature-kitagishiyumi span,
#feature-kitagishiyumi ul,
#feature-kitagishiyumi li,
#feature-kitagishiyumi a,
#feature-kitagishiyumi button {
  box-sizing: border-box;
  font-family: inherit;
  letter-spacing: 0;
}
#feature-kitagishiyumi ul { margin: 0; padding: 0; list-style: none; }
#feature-kitagishiyumi li { margin: 0; padding: 0; font-size: 14px; line-height: 24px; color: #333; }
#feature-kitagishiyumi img { display: block; max-width: none; border: 0; }
#feature-kitagishiyumi a { color: #333; }

/* 全幅背景(bodyを基準に絶対配置) */
#feature-kitagishiyumi .feature-kitagishiyumi-bleed {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  z-index: -1;
  display: block;
  background: #F0EBD5;
}
#feature-kitagishiyumi .feature-kitagishiyumi-main .feature-kitagishiyumi-bleed { height: 4009px; background: #F0EBD5; }
#feature-kitagishiyumi .feature-kitagishiyumi-info .feature-kitagishiyumi-bleed { height: 1710px; margin-top: -80px; background: #FAF8F0; }
@supports (anchor-name: --feature-kitagishiyumi-a) {
  #feature-kitagishiyumi .feature-kitagishiyumi-main { anchor-name: --feature-kitagishiyumi-main; }
  #feature-kitagishiyumi .feature-kitagishiyumi-info { anchor-name: --feature-kitagishiyumi-info; }
  #feature-kitagishiyumi .feature-kitagishiyumi-main .feature-kitagishiyumi-bleed { top: anchor(--feature-kitagishiyumi-main top); bottom: anchor(--feature-kitagishiyumi-main bottom); height: auto; }
  #feature-kitagishiyumi .feature-kitagishiyumi-info .feature-kitagishiyumi-bleed { top: anchor(--feature-kitagishiyumi-info top); bottom: anchor(--feature-kitagishiyumi-info bottom); height: auto; margin-top: 0; }
}

/* MV */
#feature-kitagishiyumi .feature-kitagishiyumi-mv { width: 1000px; height: 525px; }
#feature-kitagishiyumi .feature-kitagishiyumi-mv img { width: 1000px; height: 525px; }

/* フロートバッジ(参考: PEANUTS-WARDROBE .btn_item_lp_) */
#feature-kitagishiyumi .btn_item_lp_ {
  position: fixed;
  bottom: 150px;
  right: 10px;
  z-index: 999;
  width: 130px;
  height: 130px;
  margin: 0;
  padding: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}
#feature-kitagishiyumi .btn_item_lp_.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
#feature-kitagishiyumi .btn_item_lp_ a { display: block; }
#feature-kitagishiyumi .btn_item_lp_ img { width: 130px; height: 130px; }

/* イントロ */
#feature-kitagishiyumi .feature-kitagishiyumi-intro {
  position: relative;
  padding: 72px 0 121px;
  text-align: center;
}
#feature-kitagishiyumi .feature-kitagishiyumi-intro__art { position: absolute; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__art--cup { left: 32px; top: 46px; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__art--cup img { width: 103px; height: 103px; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__art--ginger { left: 855px; top: 225px; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__art--ginger img { width: 89px; height: 98px; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__text { font-size: 16px; line-height: 32px; font-weight: 500; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__release { margin-top: 22px; font-size: 22px; line-height: 32px; font-weight: 700; color: #CE1E4E; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__note { margin-top: 9px; font-size: 16px; line-height: 32px; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__date {
  margin: 24px 0 0 30px;
  font-family: "游明朝", "Yu Mincho", YuMincho, serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
}
#feature-kitagishiyumi .feature-kitagishiyumi-appbtn {
  position: relative;
  display: block;
  width: 600px;
  height: 80px;
  margin: 30px auto 0;
  padding-top: 13px;
  border-radius: 10px;
  background: #CE1E4E url(./arrow_next.png) no-repeat right 20px center / 14px 13px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
#feature-kitagishiyumi .feature-kitagishiyumi-appbtn__sub { display: block; font-size: 16px; line-height: 24px; font-weight: 700; color: #fff; font-feature-settings: "palt"; }
#feature-kitagishiyumi .feature-kitagishiyumi-appbtn__main { display: block; margin-top: 2px; font-size: 20px; line-height: 30px; font-weight: 700; color: #fff; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__mail { margin-top: 15px; font-size: 16px; line-height: 24px; }

/* 商品 */
#feature-kitagishiyumi .feature-kitagishiyumi-items {
  display: grid;
  grid-template-columns: 440px 440px;
  column-gap: 80px;
  row-gap: 77px;
  align-items: start;
  width: 960px;
  margin: 0 auto;
}
#feature-kitagishiyumi .feature-kitagishiyumi-item__img { position: relative; width: 440px; height: 440px; overflow: hidden; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__img img { width: 440px; height: 440px; }
#feature-kitagishiyumi .feature-kitagishiyumi-itemswiper, #feature-kitagishiyumi .feature-kitagishiyumi-itemswiper .swiper-slide { width: 440px; height: 440px; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__more { position: absolute; right: 0; top: 50%; z-index: 2; width: 30px; height: 60px; margin: -30px 0 0; padding: 0; border: 0; background: none; overflow: hidden; cursor: pointer; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__circle { position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, .9); }
#feature-kitagishiyumi .feature-kitagishiyumi-item__img .feature-kitagishiyumi-item__more img { position: absolute; left: 10px; top: 23.5px; width: 14px; height: 13px; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__desc { margin-top: 27px; font-size: 16px; line-height: 24px; font-weight: 500; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__price { margin-top: 24px; }

/* Swiper ベース */
#feature-kitagishiyumi .feature-kitagishiyumi-swiper { position: relative; overflow: hidden; }
#feature-kitagishiyumi .feature-kitagishiyumi-swiper .swiper-wrapper { display: flex; align-items: flex-start; position: relative; box-sizing: content-box; transition-property: transform; }
#feature-kitagishiyumi .feature-kitagishiyumi-swiper .swiper-slide { flex-shrink: 0; position: relative; }

/* カルーセル */
#feature-kitagishiyumi .feature-kitagishiyumi-carousel { margin-top: 77px; height: 599px; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__inner { position: relative; width: 960px; margin: 0 auto; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper { width: 960px; --feature-kitagishiyumi-space-base: 0; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__slide { width: 440px; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__img img { display: block; width: 440px; height: 440px; transform: scale(.431818); transition: transform .3s; }
#feature-kitagishiyumi .swiper-slide-prev .feature-kitagishiyumi-carousel__img img,
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper:not(.swiper-container-horizontal) .is-init-prev .feature-kitagishiyumi-carousel__img img { transform-origin: center right; }
#feature-kitagishiyumi .swiper-slide-next .feature-kitagishiyumi-carousel__img img,
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper:not(.swiper-container-horizontal) .is-init-next .feature-kitagishiyumi-carousel__img img { transform-origin: center left; }
#feature-kitagishiyumi .swiper-slide-active .feature-kitagishiyumi-carousel__img img,
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper:not(.swiper-container-horizontal) .is-init-active .feature-kitagishiyumi-carousel__img img { transform: scale(1); }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__caption { display: none; margin-top: 29px; font-size: 14px; line-height: 21px; white-space: nowrap; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__caption a{ text-decoration: underline; }
#feature-kitagishiyumi .swiper-slide-active .feature-kitagishiyumi-carousel__caption,
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper:not(.swiper-container-horizontal) .is-init-active .feature-kitagishiyumi-carousel__caption { display: block; }
/* JS無効/Swiper失敗時フォールバック */
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper:not(.swiper-container-horizontal) .swiper-slide { margin-right: 70px; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__swiper:not(.swiper-container-horizontal) .swiper-wrapper { transform: translateX(-250px); }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__btn {
  position: absolute;
  top: 188.5px;
  width: 62px;
  height: 62px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #CE1E4E;
  cursor: pointer;
  z-index: 2;
}
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__btn img { position: absolute; left: 24px; top: 24.5px; width: 14px; height: 13px; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__btn--prev { left: 158.5px; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__btn--next { left: 738.5px; }
#feature-kitagishiyumi .feature-kitagishiyumi-carousel__btn--prev img { transform: scaleX(-1); }

/* 見出し共通 */
#feature-kitagishiyumi .feature-kitagishiyumi-head { position: relative; text-align: center;}
#feature-kitagishiyumi .feature-kitagishiyumi-head__art{ position: absolute; display: block; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--present .feature-kitagishiyumi-head__art--l { left: calc(50% - 204px); top: -10px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--present .feature-kitagishiyumi-head__art--l img { width: 51px; height: 76px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--present .feature-kitagishiyumi-head__ttl {display: inline-block;}
#feature-kitagishiyumi .feature-kitagishiyumi-head--present .feature-kitagishiyumi-head__art--r { left: calc(50% + 151px); top: -8px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--present .feature-kitagishiyumi-head__art--r img { width: 48px; height: 67px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--event .feature-kitagishiyumi-head__art--l { left: calc(50% - 207px); top: -10px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--event .feature-kitagishiyumi-head__art--l img { width: 77px; height: 97px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--event .feature-kitagishiyumi-head__ttl {display: inline-block; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--event .feature-kitagishiyumi-head__art--r { left: calc(50% + 131.5px); top: -2px; }
#feature-kitagishiyumi .feature-kitagishiyumi-head--event .feature-kitagishiyumi-head__art--r img { width: 105px; height: 78px; }

/* 情報エリア */
#feature-kitagishiyumi .feature-kitagishiyumi-info { padding-top: 100px; padding-bottom: 102px; }
#feature-kitagishiyumi .feature-kitagishiyumi-lead { margin-top: 14px; font-size: 16px; line-height: 26px; font-weight: 700; text-align: center; }
#feature-kitagishiyumi .feature-kitagishiyumi-note { margin-top: 7px; font-size: 12px; line-height: 20px; text-align: center; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols { display: flex; align-items: flex-start; width: 840px; margin: 35px auto 0; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols__img { width: 400px; margin-right: 40px; margin-top: 9px; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols__img img { width: 400px; height: 400px; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols__body { flex: 1 1 0; min-width: 0; }
#feature-kitagishiyumi .feature-kitagishiyumi-ttl { font-size: 16px; line-height: 24px; font-weight: 700; color: #CE1E4E; }
#feature-kitagishiyumi .feature-kitagishiyumi-txt { margin-top: 7px; font-size: 14px; line-height: 22px; }
#feature-kitagishiyumi .feature-kitagishiyumi-subttl { margin-top: 5px; font-size: 16px; line-height: 24px; font-weight: 700; color: #CE1E4E; }
#feature-kitagishiyumi .feature-kitagishiyumi-txt--date { margin-top: 8px; }
#feature-kitagishiyumi .feature-kitagishiyumi-small { margin-top: 6px; font-size: 12px; line-height: 20px; }
#feature-kitagishiyumi .feature-kitagishiyumi-ttl--2 { margin-top: 15px; }
#feature-kitagishiyumi .feature-kitagishiyumi-box {
  width: auto;
  height: 273px;
  margin-top: 20px;
  padding: 12px 10px 0 20px;
  background: #F0EBD5;
}
#feature-kitagishiyumi .feature-kitagishiyumi-box__ttl { font-size: 14px; line-height: 22px; font-weight: 700; color: #CE1E4E; }
#feature-kitagishiyumi .feature-kitagishiyumi-box__list { margin-top: 4px; font-size: 14px; line-height: 22px; }

/* PRESENT / EVENT の間 */
#feature-kitagishiyumi .feature-kitagishiyumi-event { margin-top: 120px; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols--event { margin-top: 32px; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols--event .feature-kitagishiyumi-cols__img { margin-right: 0; margin-left: 40px; margin-top: 6px; }
#feature-kitagishiyumi .feature-kitagishiyumi-evtxt { font-size: 16px; line-height: 26px; font-weight: 700; }
#feature-kitagishiyumi .feature-kitagishiyumi-evttl { margin-top: 61px; font-size: 16px; line-height: 24px; font-weight: 700; color: #CE1E4E; }
#feature-kitagishiyumi .feature-kitagishiyumi-evlist { margin-top: 8px; font-size: 16px; line-height: 22px; }

/* PROFILE */
#feature-kitagishiyumi .feature-kitagishiyumi-profile { margin-top: 120px; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__box { position: relative; width: 1000px; height: 382px; padding: 40px 40px 0 295px; background: #F0EBD5; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__head { display: contents; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__photo { position: absolute; left: 40px; top: 40px; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__photo img { width: 215px; height: 215px; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__ttl img { width: 78px; height: 23px; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__name { margin-top: 3.5px; font-size: 18px; line-height: 26px; font-weight: 700; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__text { margin-top: 10.5px; font-size: 16px; line-height: 24px; }

/* 最下部 */
#feature-kitagishiyumi .feature-kitagishiyumi-more { padding-bottom: 66px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__head { position: relative; margin: 96px 0 40px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__art { position: absolute; display: block; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__art--l { left: calc(50% - 356px); top: -8px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__art--l img { width: 69px; height: 59px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__art--r { left: calc(50% + 280px); top: -20px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__art--r img { width: 72px; height: 73px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__txt { width: fit-content; font-size: 22px; line-height: 32px; font-weight: 700; color: #CE1E4E; text-align: center; margin: 0 auto;}
#feature-kitagishiyumi .feature-kitagishiyumi-more__img { margin: 16px auto 0; width: 520px; }
#feature-kitagishiyumi .feature-kitagishiyumi-more__img img { width: 520px; height: 374px; }

/* リンク下線 / 改行 */
#feature-kitagishiyumi .feature-kitagishiyumi-box__list a, #feature-kitagishiyumi .feature-kitagishiyumi-evlist a { text-decoration: underline; }
#feature-kitagishiyumi .feature-kitagishiyumi-box__list a:hover,#feature-kitagishiyumi .feature-kitagishiyumi-evlist a:hover { text-decoration: none; }
#feature-kitagishiyumi .feature-kitagishiyumi-txt, #feature-kitagishiyumi .feature-kitagishiyumi-item__desc { line-break: strict; }
#feature-kitagishiyumi .feature-kitagishiyumi-profile__text--2 { margin-top: 0; margin-right: -8px; }

/* 文字の縦位置補正(ブロック高さは変えない) */
#feature-kitagishiyumi .feature-kitagishiyumi-intro__text, #feature-kitagishiyumi .feature-kitagishiyumi-intro__note, #feature-kitagishiyumi .feature-kitagishiyumi-intro__date, #feature-kitagishiyumi .feature-kitagishiyumi-intro__mail,
#feature-kitagishiyumi .feature-kitagishiyumi-box__ttl, #feature-kitagishiyumi .feature-kitagishiyumi-box__list, #feature-kitagishiyumi .feature-kitagishiyumi-profile__name { position: relative; top: 3px; }
#feature-kitagishiyumi .feature-kitagishiyumi-intro__release { position: relative; top: 4px; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__desc, #feature-kitagishiyumi .feature-kitagishiyumi-item__price { position: relative; top: 2px; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__desc, #feature-kitagishiyumi .feature-kitagishiyumi-item__price li a { text-decoration: underline; }
#feature-kitagishiyumi .feature-kitagishiyumi-item__desc, #feature-kitagishiyumi .feature-kitagishiyumi-item__price li a:hover { text-decoration: none; }
#feature-kitagishiyumi .feature-kitagishiyumi-lead, #feature-kitagishiyumi .feature-kitagishiyumi-ttl, #feature-kitagishiyumi .feature-kitagishiyumi-txt, #feature-kitagishiyumi .feature-kitagishiyumi-subttl, #feature-kitagishiyumi .feature-kitagishiyumi-small,
#feature-kitagishiyumi .feature-kitagishiyumi-evtxt, #feature-kitagishiyumi .feature-kitagishiyumi-profile__text { position: relative; top: 4px; }
#feature-kitagishiyumi .feature-kitagishiyumi-note { position: relative; top: 2px; }
#feature-kitagishiyumi .feature-kitagishiyumi-evttl, #feature-kitagishiyumi .feature-kitagishiyumi-evlist { position: relative; top: 5px; }

/* 画像が無いとき(divなし/中身が空)は本文を全幅に */
#feature-kitagishiyumi .feature-kitagishiyumi-cols__img:empty { display: none; }
#feature-kitagishiyumi .feature-kitagishiyumi-cols__img:not(:has(img)) { display: none; }