:root{
  --customColor: #324266; /* ページのテーマカラー */
  --customColor-lighten: #5C6885; /* 商品選択時の色 */
}

/* 背景色 */
.product{
  background-color: var(--customColor);
}

/* 「定期便をはじめる」のボタン */
.product-dropdown__btn.--regular a{
  background-color:var(--customColor);
}

/* 「定期便で購入する」のテキスト */
.product-dropdown-box{
  color: var(--customColor);
}

.product-dropdown-box .plus{
  background-color: var(--customColor);
}

/* 定期購入で初回三ヶ月15%OFFの枠 */
.product-dropdown__item{
  border: 2px solid var(--customColor);
}

/* 選択された時 */
.product-dropdown__item.is-active{
  background-color: var(--customColor-lighten);
  color: #fff;
}

/* その他の箇所 */
.product-dropdown__btn a,
.triangle-badge{
  color: var(--customColor);
}

/* 三角形の中央線 */
.fragrance-triangle::before{
  border-bottom: 2px solid var(--customColor);
}