/* ヘッダーのロゴを大きく表示 */
.p-header__logo > img {
    max-height: 45px;
  }

/* スマホのナビゲーションのボタンの大きさ */
.p-btn_navigationToggle {
  display: block;
  position: absolute;
  top: 10px; /*  上の余白*/
  right: 1.5rem; /* 右の余白 */
  padding: 7px 7px; /* 枠とハンバーガーの余白 */
  border-radius: 5px; /* 丸み */
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
  color: #05161a;
}

/* ハンバーガーメニューのライン */
.fa {
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ハンバーガーメニューをPCでは非表示にする */
@media screen and (min-width: 768px) {
  .p-btn_navigationToggle {
    display: none;
  }
}

/* ページ内の追従バナー */
.banner {
  position: fixed;
  bottom: 0; /* 画面の下端に固定 */
  width: 80%; /* 幅を80%に設定 */
  max-width: 800px; /* 最大幅を設定（必要に応じて調整） */
  left: 50%; /* 画面の中央に配置 */
  transform: translateX(-50%); /* 中央揃え */
  z-index: 1000; /* 他の要素の上に表示 */
  display: block; /* ブロック要素にする */
  text-decoration: none; /* リンクの下線を削除 */
}

/* 3本セット購入ボタン　〜ここから〜 */

.pera1-editable[data-item-id="234520"] {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/s3.peraichi.com/userData/fcdbae7f-5e51-45f2-bc33-4540c59ec408/img/6783c6757a133/original.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 90vw; /* スマホでは画面幅の90% */
    max-width: 600px; /* PCでは最大600px */
    height: 30vw; /* スマホでは画面幅に対して高さ30% */
    max-height: 200px; /* PCでは高さを適切に制限 */
    display: block;
    margin: -30px auto 0 auto; /* 上部に-30pxの余白を設定 */
    border: none;
    background-color: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
}

/* PC（768px以上）では600px×200pxで固定 */
@media (min-width: 768px) {
    .pera1-editable[data-item-id="234520"] {
        width: 600px !important;
        height: 200px !important;
    }
}

/* 3本セット購入ボタン　〜ここまで〜 */

/* 1本購入ボタン　〜ここから〜 */

.pera1-editable[data-item-id="234518"] {
    background-image: url('https://s3-ap-northeast-1.amazonaws.com/s3.peraichi.com/userData/fcdbae7f-5e51-45f2-bc33-4540c59ec408/img/6783c77c94ab0/original.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 75vw; /* スマホでは画面幅の75% */
    max-width: 600px; /* PCでは最大600px */
    height: 25vw; /* スマホでは画面幅に対して高さ25% */
    max-height: 200px; /* PCでは高さを適切に制限 */
    display: block;
    margin: -30px auto 0 auto; /* 上部に-30pxの余白を設定 */
    border: none;
    background-color: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
}

/* PC（768px以上）では600px×200pxで固定 */
@media (min-width: 768px) {
    .pera1-editable[data-item-id="234518"] {
        width: 600px !important;
        height: 200px !important;
    }
}

/* 1本購入ボタン　〜ここまで〜 */