/*============================
font
font-family: "Jost", sans-serif;
font-family: "Noto Serif JP", serif;
font-family: "Noto Sans JP", sans-serif;
============================*/

/*============================
#idbaginshoes SP/PC 表示切り替え
============================*/
@media (min-width: 769px) {
  #idbaginshoes .sp-only {
    display: none !important;
  }
}

@media (max-width: 768px) {
  #idbaginshoes .pc-only {
    display: none !important;
  }
}

/*============================
#idbaginshoes 共通
============================*/
#idbaginshoes {
  margin: 0 auto;
  color: #3d3d3d;
  font-family: "Noto Sans JP", sans-serif;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

#idbaginshoes img {
  width: 100%;
  display: block;
}

#idbaginshoes a {
  opacity: 1;
  transition: opacity 0.3s;
  text-decoration: none;
  color: inherit;
  display: block;
}

#idbaginshoes a:hover {
  opacity: 0.7;
}

/*============================
#idbaginshoes アニメーション初期状態
============================*/

#idbaginshoes .anim-slide-left {
  opacity: 0;
  transform: translateX(-60px);
  transition:
    opacity 1.4s ease,
    transform 1.4s ease;
}

#idbaginshoes .anim-slide-right {
  opacity: 0;
  transform: translateX(60px);
  transition:
    opacity 1.4s ease,
    transform 1.4s ease;
}

#idbaginshoes .anim-fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 1.4s ease,
    transform 1.4s ease;
}

#idbaginshoes .anim-slide-up {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 1.4s ease,
    transform 1.4s ease;
}

#idbaginshoes .anim-fade-in {
  opacity: 0;
  transition: opacity 2s ease;
}

#idbaginshoes .anim-fade-soft {
  opacity: 0;
  transition: opacity 1.4s ease;
}

#idbaginshoes .anim-delay {
  transition-delay: 0.5s;
}

#idbaginshoes .anim-delay2 {
  transition-delay: 0.9s;
}

#idbaginshoes .anim-delay3 {
  transition-delay: 1.3s;
}

#idbaginshoes .anim-slide-left.is-visible,
#idbaginshoes .anim-slide-right.is-visible,
#idbaginshoes .anim-fade-up.is-visible,
#idbaginshoes .anim-slide-up.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}

#idbaginshoes .anim-fade-in.is-visible,
#idbaginshoes .anim-fade-soft.is-visible {
  opacity: 1;
}

/* 一部のアニメーションを「その場でフワッと表示（スライドなし）」に変更 */
@media (max-width: 768px) {
  #idbaginshoes #mv .mv__texts .anim-slide-up,
  #idbaginshoes #mv .mv__texts .anim-fade-up {
    transform: none !important;
  }
}
#idbaginshoes .pickup-block__body .anim-slide-up,
#idbaginshoes .pickup-block__body .anim-fade-up,
#idbaginshoes .scene__head.anim-slide-up,
#idbaginshoes .scene__texts.anim-fade-up {
  transform: none !important;
}

/* 
  Pickup Section の出現順を以下のように制御
  body(背景) -> texts(中身3種順番に) -> thumb -> btn
  ※親である body.is-visible をトリガーに、すべてCSSのtransition-delayで制御する
*/
#idbaginshoes .pickup-block__texts.anim-fade-up {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important; /* texts全体のアニメーションは無効化 */
}

/* textsの中身を個別に初期化（スライドさせずその場でフワッと表示） */
#idbaginshoes .pickup-block__catch,
#idbaginshoes .pickup-block__name-group,
#idbaginshoes .pickup-block__text {
  opacity: 0;
  transform: none; /* スライドさせない（フワッと表示） */
  transition: opacity 1.4s ease;
}

/* bodyの発火を起点にディレイを少しずつずらして表示 */
#idbaginshoes .pickup-block__body.is-visible .pickup-block__catch {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 0.6s !important; 
}
#idbaginshoes .pickup-block__body.is-visible .pickup-block__name-group {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 0.8s !important;
}
#idbaginshoes .pickup-block__body.is-visible .pickup-block__text {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 1.0s !important;
}
#idbaginshoes .pickup-block__body.is-visible .pickup-block__thumb,
#idbaginshoes .pickup-block__body.is-visible .pickup-block__thumb-color {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 1.2s !important;
}
#idbaginshoes .pickup-block__body.is-visible .pickup-block__btn {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 1.4s !important;
}

/*============================
#idbaginshoes MV（PC: min-width 769px）
============================*/
@media (min-width: 769px) {
  #idbaginshoes #mv {
    width: 100%;
    height: min(46.875vw, 750px);
    /* 750/1600 */
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, #ebe1d8 0%, #f5ede9 100%);
  }

  #idbaginshoes #mv .mv__bg {
    position: absolute;
    inset: 0;
  }

  #idbaginshoes #mv .mv__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
  }

  /* テキスト群: MV全体をカバーするコンテナ */
  #idbaginshoes #mv .mv__texts {
    position: absolute;
    inset: 0;
    color: #3d3d3d;
    text-align: center;
  }

  /* 「疲れたらすぐ履き替えられる」: left:556.5px中心, top:209px */
  #idbaginshoes #mv .mv__sub {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1.875vw, 30px);
    /* 30/1600 */
    font-weight: 700;
    letter-spacing: min(0.525vw, 8.4px);
    /* 8.4/1600 */
    line-height: 1.6;
    position: absolute;
    top: min(12.4vw, 198.4px);
    left: min(34.6875vw, 555px);
    /* 555/1600 */
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    margin: 0;
  }

  /* 「PACKABLE」: left:555px中心, top:248.61px */
  #idbaginshoes #mv .mv__main {
    font-family: "Jost", sans-serif;
    font-size: min(5.5vw, 88px);
    /* 88/1600 */
    font-weight: 700;
    letter-spacing: min(0.33vw, 5.28px);
    /* 5.28/1600 */
    text-transform: uppercase;
    line-height: 1;
    position: absolute;
    top: min(17vw, 272px);
    left: min(34.6875vw, 555px);
    /* 555/1600 */
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    margin: 0;
  }

  /* 「SHOES」: left:546.36px中心, top:355.11px */
  #idbaginshoes #mv .mv__main--shoes {
    top: min(23.656vw, 378.5px);
    left: min(34.1475vw, 546.36px);
    /* 546.36/1600 */
  }

  /* 「たくさん歩く日のバッグに...」: left:555px中心, top:488px */
  #idbaginshoes #mv .mv__catch {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1.25vw, 20px);
    /* 20/1600 */
    font-weight: 700;
    letter-spacing: min(0.125vw, 2px);
    /* 2/1600 */
    line-height: 1.8;
    position: absolute;
    top: min(30.5vw, 488px);
    left: min(34.6875vw, 555px);
    /* 555/1600 */
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    margin: 0;
  }

  /* SP要素を非表示 */
  #idbaginshoes #mv .sp-only {
    display: none;
  }
}

/*== sp: MV ==*/
@media (max-width: 768px) {
  #idbaginshoes #mv {
    height: 96.69vw;
    /* 380/393 */
    position: relative;
    overflow: hidden;
    background: #e8ddd5;
  }

  #idbaginshoes #mv .mv__bg {
    position: absolute;
    inset: 0;
    height: 100%;
  }

  #idbaginshoes #mv .mv__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right center;
  }

  #idbaginshoes #mv .mv__texts {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none;
    text-align: left;
    white-space: normal;
  }

  #idbaginshoes #mv .mv__sub {
    font-family: "Yu Gothic", "YuGothic", sans-serif;
    font-size: 3.56vw;
    /* 14/393 */
    font-weight: 700;
    letter-spacing: 0.641vw;
    /* 2.52/393 */
    line-height: 1.6;
    position: absolute;
    top: 25.64vw;
    left: 6.87vw;
    /* 27/393 */
    margin: 0;
  }

  #idbaginshoes #mv .mv__main {
    font-family: "Jost", sans-serif;
    font-size: 9.67vw;
    /* 38/393 */
    font-weight: 700;
    letter-spacing: 0.58vw;
    /* 2.28/393 */
    line-height: 1.18;
    text-transform: uppercase;
    position: absolute;
    top: 32.64vw;
    left: 6.36vw;
    /* 25/393 */
    margin: 0;
  }

  #idbaginshoes #mv .mv__main--shoes {
    top: 44.14vw;
  }

  #idbaginshoes #mv .mv__catch {
    font-family: "Yu Gothic", "YuGothic", sans-serif;
    font-size: 2.54vw;
    /* 10/393 */
    font-weight: 700;
    letter-spacing: 0.407vw;
    /* 1.6/393 */
    line-height: 1.8;
    position: absolute;
    top: 58vw;
    left: 6.87vw;
    /* 27/393 */
    margin: 0;
  }

  #idbaginshoes #mv .pc-only {
    display: none;
  }

  #idbaginshoes #mv .sp-only {
    display: block;
    position: absolute;
    inset: 0;
    height: 100%;
  }

  #idbaginshoes #mv .sp-only img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  #idbaginshoes #mv .mv__texts {
    display: block;
  }
}

/*============================
#idbaginshoes pickup（PC: min-width 769px）
============================*/
@media (min-width: 769px) {
  #idbaginshoes #pickup {
    padding: min(11.25vw, 180px) min(12.5vw, 200px) 0;
    /* 180/1600, 200/1600 */
    box-sizing: border-box;
  }

  #idbaginshoes .pickup-block {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: min(60vw, 960px);
    /* 960/1600 */
    position: relative;
  }

  #idbaginshoes .pickup-block+.pickup-block {
    margin-top: 80px;
  }

  #idbaginshoes .pickup-block__photo {
    position: absolute;
    width: 56.666%;
    max-width: 680px;
    /* 680/1600 */
    height: auto;
    /* 960/1600 */
    top: 0;
    left: 0;
    overflow: hidden;
    background: #d5d5d5;
  }

  #idbaginshoes .pickup-block__photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

  #idbaginshoes #pickup01 .pickup-block__photo img {
    object-position: center top;
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__photo {
    left: auto;
    right: 0;
  }

  #idbaginshoes .pickup-block__body {
    position: absolute;
    width: 48.333%;
    max-width: 580px;
    /* 580/1600 */
    background: #f6ece1;
    padding: min(4.375vw, 70px) min(3.75vw, 60px);
    /* 70/1600, 60/1600 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: min(2.5vw, 40px);
    /* 40/1600 */
    overflow: hidden;
    top: min(6.375vw, 102px);
    /* 102/1600 */
    right: 0;
  }


  #idbaginshoes .pickup-block--reverse .pickup-block__body {
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }

  #idbaginshoes #pickup04 .pickup-block__body {
    top: min(6.3125vw, 101px);
    /* 101/1600 */
    transform: none;
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__body.anim-slide-left {
    transform: translate(-60px, -50%);
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__body.anim-slide-left.is-visible {
    transform: translate(0, -50%);
  }

  #idbaginshoes #pickup04 .pickup-block__body.anim-slide-left {
    transform: translateX(-60px);
  }

  #idbaginshoes #pickup04 .pickup-block__body.anim-slide-left.is-visible {
    transform: translateX(0);
  }

  #idbaginshoes .pickup-block__catch {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(2.625vw, 42px);
    /* 42/1600 */
    font-weight: 900;
    line-height: 1.6;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__name-en {
    font-family: "Jost", sans-serif;
    font-size: min(1.75vw, 28px);
    /* 28/1600 */
    font-weight: 600;
    letter-spacing: min(0.0875vw, 1.4px);
    /* 1.4/1600 */
    text-transform: uppercase;
    line-height: 1.2;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__name-ja {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1.25vw, 20px);
    /* 20/1600 */
    font-weight: 500;
    letter-spacing: min(0.0625vw, 1px);
    /* 1/1600 */
    line-height: 1.6;
    color: #3d3d3d;
    margin: min(0.3125vw, 5px) 0 0;
    /* 5/1600 */
  }

  #idbaginshoes .pickup-block__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1vw, 16px);
    /* 16/1600 */
    font-weight: 400;
    line-height: 2;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__texts {
    display: flex;
    flex-direction: column;
    gap: min(1.5625vw, 25px);
    /* 25/1600 */
  }

  #idbaginshoes .pickup-block__name-group {
    display: flex;
    flex-direction: column;
    gap: min(0.3125vw, 5px);
    /* 5/1600 */
  }


  #idbaginshoes .pickup-block__thumb {
    display: flex;
    gap: min(0.75vw, 12px);
    /* 12/1600 */
    align-items: flex-start;
  }

  #idbaginshoes .pickup-block__thumb-img {
    position: relative;
    width: min(8.125vw, 130px);
    /* 130/1600 */
    height: min(8.125vw, 130px);
    border-radius: min(9.375vw, 150px);
    /* 150/1600 */
    border: 2px solid #fff;
    background: #efefef;
    flex-shrink: 0;
    overflow: hidden;
  }

  #idbaginshoes .pickup-block__thumb-img img {
    position: absolute;
    left: min(0.7vw, 11.2px);
    top: min(0.25vw, 4px);
    width: min(6vw, 96px);
    height: min(7vw, 112px);
    object-fit: cover;
  }

  #idbaginshoes .pickup-block__thumb-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    color: #3d3d3d;
  }

  #idbaginshoes .pickup-block__thumb-name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1vw, 16px);
    /* 16/1600 */
    font-weight: 900;
    line-height: 1.6;
    margin: 0;
  }

  #idbaginshoes .pickup-block__thumb-price {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(0.875vw, 14px);
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
  }

  #idbaginshoes .pickup-block__thumb-color {
    font-family: "Jost", sans-serif;
    font-size: min(0.875vw, 14px);
    /* 14/1600 */
    font-weight: 300;
    letter-spacing: min(0.04375vw, 0.7px);
    /* 0.7/1600 */
    text-transform: uppercase;
    line-height: 1.4;
    margin: 10px 0 0;
  }

  #idbaginshoes .pickup-block__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(1vw, 16px);
    /* 16/1600 */
    border-bottom: min(0.25vw, 4px) solid #3d3d3d;
    /* 4/1600 */
    padding: 0 min(3.125vw, 50px) min(0.75vw, 12px);
    /* 50/1600, 12/1600 */
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
  }

  #idbaginshoes .pickup-block__btn-text {
    font-family: "Jost", sans-serif;
    font-size: min(1.25vw, 20px);
    /* 20/1600 */
    font-weight: 800;
    letter-spacing: min(0.0625vw, 1px);
    /* 1/1600 */
    text-transform: uppercase;
    color: #3d3d3d;
    white-space: nowrap;
  }

  #idbaginshoes .pickup-block__btn-arrow {
    width: min(0.875vw, 14px);
    /* 14/1600 */
    height: min(0.9375vw, 15px);
    /* 15/1600 */
    flex-shrink: 0;
  }

  #idbaginshoes .pickup-block__btn-arrow svg {
    width: 100%;
    height: 100%;
  }
}

/*== pickup-block__point: PC/SP共通 ==*/
#idbaginshoes .pickup-block__point {
  position: absolute;
  right: -3vw;
  top: 2vw;
  pointer-events: none;
}

#idbaginshoes .pickup-block__point img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  #idbaginshoes .pickup-block__point {
    right: max(-0.4vw, -6.4px);
    top: min(1vw, 16px);
    width: min(5.6875vw, 91px);
    /* 91/1600 */
    height: min(30.9375vw, 495px);
    /* 495/1600 */
  }
}

@media (min-width: 769px) and (max-width: 1439px) {
  #idbaginshoes #pickup {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
  #idbaginshoes .pickup-block {
    height: 70vw;
  }
  
  /* pickup-block__body: 1441px時のピクセル値を上限(minの右側)とし、それ以上大きくならないよう制限しつつ、1.2/1.4倍の比率を採用 */
  /* pickup-block__body: 横幅も中の文字スケールに合わせて 1.2倍 (約58%) に広げつつ、1441px時のピクセル値を上限とする */
  #idbaginshoes .pickup-block__body {
    width: 58%;
    max-width: 522px;
    padding: min(5.25vw, 63px) min(4.5vw, 54px);
    gap: min(3vw, 36px);
  }
  #idbaginshoes .pickup-block__catch { font-size: min(3.15vw, 37.8px); }
  #idbaginshoes .pickup-block__name-en {
    font-size: min(2.1vw, 25.2px);
    letter-spacing: min(0.105vw, 1.26px);
  }
  #idbaginshoes .pickup-block__name-ja {
    font-size: min(1.5vw, 18px);
    letter-spacing: min(0.075vw, 0.9px);
    margin: min(0.375vw, 4.5px) 0 0;
  }
  #idbaginshoes .pickup-block__text { font-size: min(1.4vw, 14.4px); }
  #idbaginshoes .pickup-block__texts { gap: min(2.1875vw, 22.5px); }
  #idbaginshoes .pickup-block__name-group { gap: min(0.375vw, 4.5px); }
  #idbaginshoes .pickup-block__thumb { gap: min(1.05vw, 10.8px); }
  #idbaginshoes .pickup-block__thumb-img {
    width: min(11.375vw, 117px);
    height: min(11.375vw, 117px);
    border-radius: min(13.125vw, 135px);
  }
  #idbaginshoes .pickup-block__thumb-img img {
    left: min(0.98vw, 10.08px);
    top: min(0.35vw, 3.6px);
    width: min(8.4vw, 86.4px);
    height: min(9.8vw, 100.8px);
  }
  #idbaginshoes .pickup-block__thumb-name { font-size: min(1.4vw, 14.4px); }
  #idbaginshoes .pickup-block__thumb-price { font-size: min(1.225vw, 12.6px); }
  #idbaginshoes .pickup-block__thumb-color {
    font-size: min(1.225vw, 12.6px);
    letter-spacing: min(0.06125vw, 0.63px);
  }
  #idbaginshoes .pickup-block__btn {
    gap: min(1.2vw, 14.4px);
    border-bottom: min(0.3vw, 3.6px) solid #3d3d3d;
    padding: 0 min(3.75vw, 45px) min(0.9vw, 10.8px);
  }
  #idbaginshoes .pickup-block__btn-text {
    font-size: min(1.5vw, 18px);
    letter-spacing: min(0.075vw, 0.9px);
  }
  #idbaginshoes .pickup-block__btn-arrow {
    width: min(1.05vw, 12.6px);
    height: min(1.125vw, 13.5px);
  }
}

@media (max-width: 768px) {
  #idbaginshoes .pickup-block__point {
    right: 0vw;
    top: 2vw;
    width: 13.99vw;
    height: 75.57vw;
  }

}

/*== sp: pickup ==*/
@media (max-width: 768px) {
  #idbaginshoes #pickup {
    padding: 19vw 0 0;
    box-sizing: border-box;
  }

  #idbaginshoes .pickup-block {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
  }

  #idbaginshoes .pickup-block+.pickup-block {
    margin-top: 20.36vw;
    /* 80/393 */
  }

  #idbaginshoes .pickup-block__photo {
    position: relative;
    width: 100%;
    height: 140.97vw;
    /* 554/393 */
    left: auto;
    right: auto;
    top: auto;
    overflow: hidden;
    background: #d5d5d5;
  }

  #idbaginshoes .pickup-block__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__photo {
    left: auto;
    right: auto;
  }

  #idbaginshoes .pickup-block__body {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin-top: -7.63vw;
    /* -30/393 */
    margin-left: auto;
    margin-right: 7.63vw;
    /* 30/393 */
    width: 84.73vw;
    /* 333/393 */
    padding: 7.63vw 5.09vw;
    /* 30/393, 20/393 */
    gap: 4.8vw;
    overflow: hidden;
    background: #f6ece1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__body {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    margin-top: -7.63vw;
    margin-left: auto;
    margin-right: 7.63vw;
  }

  #idbaginshoes #pickup04 .pickup-block__body {
    top: auto;
  }

  /* anim: translateY(-50%)を上書き */
  #idbaginshoes .pickup-block--reverse .pickup-block__body.anim-slide-left {
    transform: translateX(-20px);
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__body.anim-slide-right {
    transform: translateX(20px);
  }

  #idbaginshoes .pickup-block--reverse .pickup-block__body.anim-slide-left.is-visible,
  #idbaginshoes .pickup-block--reverse .pickup-block__body.anim-slide-right.is-visible {
    transform: translate(0, 0);
  }


  #idbaginshoes .pickup-block__catch {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 6.62vw;
    /* 26/393 */
    font-weight: 900;
    line-height: 1.6;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__name-en {
    font-family: "Jost", sans-serif;
    font-size: 5.09vw;
    /* 20/393 */
    font-weight: 600;
    letter-spacing: 0.254vw;
    /* 1/393 */
    text-transform: uppercase;
    line-height: 1.2;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__name-ja {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 4.07vw;
    /* 16/393 */
    font-weight: 500;
    letter-spacing: 0.203vw;
    /* 0.8/393 */
    line-height: 1.6;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.56vw;
    /* 14/393 */
    font-weight: 400;
    line-height: 2;
    color: #3d3d3d;
    margin: 0;
  }

  #idbaginshoes .pickup-block__text br:not(.sp-only),
  #idbaginshoes .scene__desc br.pc-only {
    display: none;
  }

  #idbaginshoes #pickup03 .pickup-block__text br {
    display: inline;
  }

  #idbaginshoes .pickup-block__texts {
    display: flex;
    flex-direction: column;
    gap: 3.1vw;
  }

  #idbaginshoes #pickup01 .pickup-block__texts {
    gap: 4vw;
  }

  #idbaginshoes .pickup-block__name-group {
    display: flex;
    flex-direction: column;
    gap: 1.02vw;
    /* 4/393 */
  }

  #idbaginshoes .pickup-block__thumb {
    display: flex;
    gap: 3.05vw;
    /* 12/393 */
    align-items: center;
  }

  #idbaginshoes .pickup-block__thumb-img {
    width: 20.36vw;
    /* 80/393 */
    height: 20.36vw;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #efefef;
    border: 1px solid #fff;
    box-sizing: border-box;
  }

  #idbaginshoes .pickup-block__thumb-img img {
    width: 75%;
    height: 75%;
    object-fit: cover;
    transform: translate(9px, 11px);
  }

  #idbaginshoes #pickup03 .pickup-block__thumb-img img {
    width: 90%;
    height: 90%;
    object-fit: cover;
    transform: translate(5px, -1px);
  }

  #idbaginshoes .pickup-block__thumb-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.02vw;
    /* 4/393 */
    color: #3d3d3d;
  }

  #idbaginshoes .pickup-block__thumb-name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.82vw;
    /* 15/393 */
    font-weight: 900;
    line-height: 1.6;
    margin: 0;
  }

  #idbaginshoes .pickup-block__thumb-price {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.56vw;
    /* 14/393 */
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
  }

  #idbaginshoes .pickup-block__thumb-color {
    font-family: "Jost", sans-serif;
    font-size: 3.31vw;
    /* 13/393 */
    font-weight: 300;
    letter-spacing: 0.165vw;
    /* 0.65/393 */
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
  }

  #idbaginshoes .pickup-block__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.05vw;
    /* 12/393 */
    border-bottom: 3px solid #3d3d3d;
    padding: 0 12.72vw 3.05vw;
    /* 50/393, 12/393 */
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
  }

  #idbaginshoes .pickup-block__btn-text {
    font-family: "Jost", sans-serif;
    font-size: 3.56vw;
    /* 14/393 */
    font-weight: 800;
    letter-spacing: 0.178vw;
    /* 0.7/393 */
    text-transform: uppercase;
    color: #3d3d3d;
    white-space: nowrap;
  }

  #idbaginshoes .pickup-block__btn-arrow {
    width: 2.54vw;
    /* 10/393 */
    height: 2.93vw;
    /* 11.5/393 */
    flex-shrink: 0;
  }

  #idbaginshoes .pickup-block__btn-arrow svg {
    width: 100%;
    height: 100%;
  }

  /* SP アニメーション */
  #idbaginshoes .anim-slide-left {
    transform: translateX(-20px);
  }

  #idbaginshoes .anim-slide-right {
    transform: translateX(20px);
  }
}

/*============================
#idbaginshoes SCENE（PC: min-width 769px）
============================*/
@media (min-width: 769px) {
  #idbaginshoes #scene {
    max-width: 980px;
    width: 94%;
    margin: 180px auto 0;
    display: flex;
    flex-direction: column;
    gap: min(3.75vw, 60px);
    align-items: center;
  }

  #idbaginshoes #scene .scene__head {
    display: flex;
    flex-direction: column;
    gap: min(0.5vw, 8px);
    /* 8/1600 */
    align-items: center;
    text-align: center;
    color: #3d3d3d;
    overflow: visible;
    width: 100%;
  }

  #idbaginshoes #scene .scene__title {
    font-family: "Jost", sans-serif;
    font-size: min(3.25vw, 52px);
    /* 52/1600 */
    font-weight: 700;
    letter-spacing: min(0.195vw, 3.12px);
    /* 3.12/1600 */
    text-transform: uppercase;
    line-height: normal;
    white-space: nowrap;
    margin: 0;
  }

  #idbaginshoes #scene .scene__tags {
    font-family: "Jost", sans-serif;
    font-size: min(1.5vw, 24px);
    /* 24/1600 */
    font-weight: 500;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    line-height: normal;
    color: #3d3d3d;
    text-align: center;
    font-feature-settings: 'pwid' on, 'palt' on;
    white-space: nowrap;
    margin: 0;
  }

  #idbaginshoes #scene .scene__body {
    display: flex;
    gap: min(6.875vw, 110px);
    /* 110/1600 */
    align-items: flex-start;
    width: 100%;
  }

  #idbaginshoes #scene .scene__photo-left {
    width: min(26.25vw, 420px);
    /* 420/1600 */
    height: min(36.25vw, 580px);
    /* 580/1600 */
    overflow: hidden;
    flex-shrink: 0;
    background: #dedede;
  }

  #idbaginshoes #scene .scene__photo-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #idbaginshoes #scene .scene__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(6.25vw, 100px);
    /* 100/1600 */
  }

  #idbaginshoes #scene .scene__texts {
    display: flex;
    flex-direction: column;
    gap: min(1.25vw, 20px);
    /* 20/1600 */
    color: #3d3d3d;
  }

  #idbaginshoes #scene .scene__catch {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1.5vw, 24px);
    /* 24/1600 */
    font-weight: 700;
    letter-spacing: min(0.6vw, 9.6px);
    /* 9.6/1600 */
    line-height: 2.2;
    margin: 0;
  }

  #idbaginshoes #scene .scene__desc {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1.125vw, 17px);
    /* 18/1600 */
    font-weight: 500;
    letter-spacing: 7.2px;
    line-height: 2.2;
    margin: 0;
  }

  #idbaginshoes #scene .scene__photo-right {
    width: 100%;
    height: min(20vw, 320px);
    /* 320/1600 */
    overflow: hidden;
    background: #dedede;
  }

  #idbaginshoes #scene .scene__photo-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #idbaginshoes .scene-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(1vw, 16px);
    /* 16/1600 */
    border-bottom: min(0.25vw, 4px) solid #3d3d3d;
    /* 4/1600 */
    padding: 0 min(3.125vw, 50px) min(0.75vw, 12px);
    /* 50/1600, 12/1600 */
    width: min(26.25vw, 420px);
    /* 420/1600 */
    box-sizing: border-box;
    cursor: pointer;
    margin-top: min(2.625vw, 42px);
    margin-bottom: min(2.5vw, 40px);
  }

  #idbaginshoes .scene-btn__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(1.25vw, 20px);
    /* 20/1600 */
    font-weight: 700;
    letter-spacing: min(0.0625vw, 1px);
    /* 1/1600 */
    text-transform: uppercase;
    color: #3d3d3d;
    white-space: nowrap;
  }

  #idbaginshoes .scene-btn__arrow {
    width: min(0.625vw, 10px);
    /* 10/1600 */
    height: min(0.71875vw, 11.5px);
    /* 11.5/1600 */
    flex-shrink: 0;
  }

  #idbaginshoes .scene-btn__arrow svg {
    width: 100%;
    height: 100%;
  }
}

/*== sp: SCENE ==*/
@media (max-width: 768px) {
  #idbaginshoes #scene {
    width: 100%;
    height: 237.92vw;
    /* 935/393 */
    margin: 20.36vw auto 0;
    /* 80/393 */
    padding: 0;
    display: block;
    position: relative;
    overflow: visible;
  }

  #idbaginshoes #scene .scene__head {
    position: absolute;
    left: 7.63vw;
    /* 30/393 */
    top: 0;
    width: 84.73vw;
    /* 333/393 */
    text-align: center;
    gap: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #3d3d3d;
  }

  #idbaginshoes #scene .scene__title {
    font-family: "Jost", sans-serif;
    font-size: 7.12vw;
    /* 28/393 */
    font-weight: 700;
    letter-spacing: 0.427vw;
    /* 1.68/393 */
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
  }

  #idbaginshoes #scene .scene__tags {
    font-family: "Jost", sans-serif;
    font-size: 4.07vw;
    /* 16/393 */
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5vw;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    color: #3d3d3d;
    font-feature-settings: 'pwid' on, 'palt' on;
    margin: 0;
    white-space: nowrap;
  }

  #idbaginshoes #scene .scene__body {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    gap: 0;
  }

  #idbaginshoes #scene .scene__photo-left {
    position: absolute;
    left: 7.63vw;
    /* 30/393 */
    top: 30.03vw;
    /* 118/393 */
    width: 62.34vw;
    /* 245/393 */
    height: 86.01vw;
    /* 338/393 */
    overflow: hidden;
    background: #dedede;
    flex-shrink: unset;
  }

  #idbaginshoes #scene .scene__photo-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #idbaginshoes #scene .scene__content {
    display: block;
    flex: none;
    gap: 0;
    width: 100%;
    position: static;
  }

  #idbaginshoes #scene .scene__texts {
    position: absolute;
    left: 7.63vw;
    /* 30/393 */
    right: 7.63vw;
    top: 175.32vw;
    /* 689/393 */
    gap: 1.53vw;
    /* 6/393 */
    display: flex;
    flex-direction: column;
    color: #3d3d3d;
  }

  #idbaginshoes #scene .scene__catch {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 4.58vw;
    /* 18/393 */
    font-weight: 700;
    letter-spacing: 1.832vw;
    /* 7.2/393 */
    line-height: 2.2;
    margin: 0;
  }

  #idbaginshoes #scene .scene__desc {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.31vw;
    /* 13/393 */
    font-weight: 500;
    letter-spacing: 1.32vw;
    /* 5.2/393 */
    line-height: 2.2;
    margin: 0;
  }

  #idbaginshoes #scene .scene__photo-right {
    position: absolute;
    left: 26.21vw;
    /* 103/393 */
    top: 122.13vw;
    /* 480/393 */
    width: 66.16vw;
    /* 260/393 */
    height: 47.07vw;
    /* 185/393 */
    overflow: hidden;
    background: #dedede;
  }

  #idbaginshoes #scene .scene__photo-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #idbaginshoes .scene-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 227vw;
    /* 892/393 */
    width: 84.73vw;
    /* 333/393 */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.05vw;
    /* 12/393 */
    border-bottom: 2px solid #3d3d3d;
    padding: 0 0 3.05vw;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 0;
  }

  #idbaginshoes .scene-btn__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3.56vw;
    /* 14/393 */
    font-weight: 700;
    letter-spacing: 0.178vw;
    /* 0.7/393 */
    line-height: 2.2;
    text-transform: uppercase;
    color: #3d3d3d;
    white-space: nowrap;
  }

  #idbaginshoes .scene-btn__arrow {
    width: 2.54vw;
    /* 10/393 */
    height: 2.93vw;
    /* 11.5/393 */
    flex-shrink: 0;
  }

  #idbaginshoes .scene-btn__arrow svg {
    width: 100%;
    height: 100%;
  }
}

/*============================
#idbaginshoes fitfit公式インスタグラム
============================*/
#idbaginshoes section.fitfit-official {
  margin-top: 120px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F7F6F4;
}

#idbaginshoes .fitfit-official-inner {
  max-width: 970px;
  width: 100%;
  padding: 0 25px;
  margin: 0 auto;
}

#idbaginshoes .fitfit-official-item {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  max-width: 870px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#idbaginshoes .fitfit-official-item-img {
  max-width: 116px;
  width: 100%;
  height: auto;
  aspect-ratio: 116/116;
}
#idbaginshoes .fitfit-official-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* グラデーションボーダー: 外側にグラデーション円、内側に白円+SVG */
#idbaginshoes .insta__logo-circle {
  position: relative;
  width: min(7vw, 112px);
  height: min(7vw, 112px);
  border-radius: 50%;
  background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
#idbaginshoes .insta__logo-circle::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #fff;
}
#idbaginshoes .insta__logo-circle img {
  position: relative;
  z-index: 1;
  width: min(3.9375vw, 63px);
  height: min(2.625vw, 42px);
  display: block;
}
#idbaginshoes .fitfit-official-item-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#idbaginshoes .fitfit-official-item-text-title {
  font-size: 24px;
  font-weight: 700;
  color: #222222;
  line-height: 1;
  font-family: 'Noto Sans JP', sans-serif;
}
#idbaginshoes .fitfit-official-item-text-text {
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height: 1.7;
  font-family: 'Noto Sans JP', sans-serif;
}
#idbaginshoes .fitfit-official-item-text-btn a { 
  display: block;
  width: 100%;
  height: 100%;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  text-decoration: underline;
}

/*== sp ==*/
@media (max-width: 768px) {
  #idbaginshoes section.fitfit-official {
    margin-top: 70px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
  } 
  #idbaginshoes .fitfit-official-inner {
    padding: 0 24px;
  }
  #idbaginshoes .fitfit-official-item {
    display: block;
  }
  #idbaginshoes .fitfit-official-item-img {
    width: 56px;
    height: auto;
    margin: 0 auto;
  }
  #idbaginshoes .fitfit-official-item-text {
    gap: 0;
  }
  #idbaginshoes .fitfit-official-item-text-title {
    margin: 16px auto 0;
    background-color: #CF0035;
    color: #fff;
    text-align: center;
    max-width: 165px;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 100px;
    padding: 14px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  }
  #idbaginshoes .fitfit-official-item-text-text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-top: 24px;
    font-weight: 400;
    color: #272727;
  }
}


#idbaginshoes #scene .scene__photo-left {
  display: block;
}

#idbaginshoes a {

  transition: .3s;
}

#idbaginshoes a:hover {
  opacity: .7 !important;
  transition: .3s;
}