@charset "UTF-8";

/* ================================================================
   ちいかわもぐもぐ本舗 小樽店 カスタムCSS

   このファイルで小樽店固有の設定を定義します
   共通CSS (chiikawa-store-common.css) の後に読み込んでください
   ================================================================ */

:root {
  /* 小樽店固有の色設定 */
  --clp-color-BCD4E4: #c69ab9; /* 小樽店プライマリカラー（紫/ピンク） */
  --clp-color-text: #0E2F58; /* 小樽店テキストカラー（濃い紫） */
  --clp-color-base: #BCD4E4; /* 小樽店ベースカラー（薄い紫/ピンク） */
  --clp-color-base-light: #BCD4E4; /* ベース（明るい） */
  --clp-color-accent: #E49E6E; /* 小樽店アクセントカラー（ゴールド） */
  --clp-color-bg-pink: #DEEBF0; /* 小樽店背景ピンク（薄いピンク） */
  --clp-color-primary: #9DB7D0;

  /* ボタンホバーカラー（プライマリカラーより少し暗め） */
  --clp-color-accent-hover: #d9b279;

  /* 背景画像パス（小樽店専用） */
  --clp-bg-repeat-pattern: url("../../otaru/images/backgrounds/backgrounds-repeat-pattern.png");
}
.chiikawa-lp-page-nav__item--news {
  background-image: url("../images/navigation/nav-bubble-01.svg");
}

/* GOODS - 中程度の高さ */
.chiikawa-lp-page-nav__item--goods {
  background-image: url("../images/navigation/nav-bubble-02.svg");
}

/* SNS - やや高い */
.chiikawa-lp-page-nav__item--sns {
  background-image: url("../images/navigation/nav-bubble-03.svg");
}

/* ACCESS - 最も高い & 幅広 */
.chiikawa-lp-page-nav__item--access {
  background-image: url("../images/navigation/nav-bubble-04.svg");
}

/* ================================================================
   小樽店固有のスタイル調整
   ================================================================ */

/* プライマリボタンのホバーカラー */
.chiikawa-lp-button--primary:hover {
  background-color: #E8824B;
}

.chiikawa-lp-button--primary:hover .chiikawa-lp-button__icon {
  color: #B5D09C;
}

/* Instagram Feed ボタンの色設定 */
#sbi_load > a,
#sbi_load > button,
.chiikawa-lp-sns #sbi_load a[href*="load-more"],
.chiikawa-lp-sns #sbi_load > a,
.chiikawa-lp-sns #sbi_load > button,
div[id="sbi_load"] > a,
div[id="sbi_load"] > button {
  color: #0E2F58 !important;
}

#sbi_load > span > a,
#sbi_load > span > button,
#sbi_load span a,
#sbi_load span button,
.chiikawa-lp-sns #sbi_load span a[href*="instagram.com"],
.chiikawa-lp-sns #sbi_load > span > a,
.chiikawa-lp-sns #sbi_load > span > button,
div[id="sbi_load"] > span > a,
div[id="sbi_load"] > span > button {
  background-color: #DEEBF0 !important;
  color: #0E2F58 !important;
}

#sbi_load > span > a:hover,
#sbi_load > span > button:hover,
#sbi_load span a:hover,
#sbi_load span button:hover,
.chiikawa-lp-sns #sbi_load span a[href*="instagram.com"]:hover,
.chiikawa-lp-sns #sbi_load > span > a:hover,
.chiikawa-lp-sns #sbi_load > span > button:hover,
div[id="sbi_load"] > span > a:hover,
div[id="sbi_load"] > span > button:hover {
  background-color: #DEEBF0 !important; /* ホバー時も背景色を維持 */
  color: #0E2F58 !important; /* ホバー時もテキスト色を維持 */
}

.chiikawa-lp-button--map {
  padding-block: 12px;
}
.chiikawa-lp-hero {
  gap: 100px;
}
.chiikawa-lp-hero__logo-container {
  width: 560px;
  margin-bottom: 0;
}
.chiikawa-lp-hero__logo-text {
  margin-top: calc(36 / 560 * 100%);
  width: calc(395 / 560 * 100%);
}
@media (max-width: 767px) {
  .chiikawa-lp-hero__logo-container {
    width: 300px;
  }
}
.chiikawa-lp-intro__decorations {
  margin-top: 28px;
  gap: 20px;
}
.chiikawa-lp-intro__decoration {
  max-width: 80px;
}

.chiikawa-lp-sns-divider {
  margin-top: 0;
}

.chiikawa-lp-button--primary .chiikawa-lp-button__icon {
  color: white !important;
}
.chiikawa-lp-button--primary {
  transition: background-color .35s;
}
.chiikawa-lp-button--primary:hover {
  opacity: 1;
  background-color: var(--clp-color-primary);
}
@media screen and (max-width: 1023px) { 
  .chiikawa-lp-top-area {
    gap: 0;
  }
}
@media screen and (max-width: 767px) { 
  .chiikawa-lp-hero {
    gap: 60px;
  }
  .chiikawa-lp-top-area {
    gap: 25px;
  }
  .chiikawa-lp-intro__decorations {
    margin-top: 18px;
  }
  .chiikawa-lp-intro__decoration {
    width: 60px;
  }
  .chiikawa-lp-intro__description {
    margin-top: 16px;
  }
  .chiikawa-lp-intro__content {
    gap: 58px;
  }
  .chiikawa-lp-intro__main-img {
    width: calc(227 / 345 * 100%);
  }

  .chiikawa-lp-nav-section {
    gap: 48px;
  }
  .chiikawa-lp-access__map {
    gap: 30px;
  }
  .chiikawa-lp-news {
    padding-top: 50px;
  }
}