/** Start PDPの並び替えルール の無効化 */

.grid-header [name='sort-order'] {
  display: none !important;
}

.el-search-results-main {
  margin-top: 0 !important;
}

.secondary-bar {
  display: none !important;
}

/** End PLPの並び替えルール の無効化 */

/** Start エラーページの調整 */

.error-hero {
  background-image: none !important;
}

/** End エラーページの調整 */

/** Start 定期契約解約コンポーネントの調整 */

.card.regular-order-cancel-card {
    display: none;
}

/** End 定期契約解約コンポーネントの調整 */

/** Start フッターの問い合わせ電話番号表示の調整 */
@media (max-width: 991.98px) {
  .el-footer-contact__text {
    font-size: clamp(10px, 3.8vw, 14px) !important;
  }
  .el-footer-contact__tel {
    font-size: clamp(10px, 9vw, 37px) !important;
  }
}

/** End フッターの問い合わせ電話番号表示の調整 */

/** Start クロスセル商品のボタンのサイズ調整 */
.js-cross-sale-cart-in-banner button {
    height: 100% !important;
}
/** End クロスセル商品のボタンのサイズ調整 */

/** Start アップセル商品のボタンのサイズ調整 */
.js-upsale-switch-banner button {
    height: 100% !important;
}
/** End アップセル商品のボタンのサイズ調整 */

/** Start 注文確定ボタンの文言表示調整 */
button.place-order {
    white-space: nowrap;
}
/** End 注文確定ボタンの文言表示調整 */

/** Start PDPの商品詳細説明の表示調整 */
@media (max-width: 543.98px) {
    .description-and-detail h2 {
        margin-bottom: 20px !important;
    }
}
/** End PDPの商品詳細説明の表示調整 */

/** Start サイドバナーの表示調整 */
.page {
    position: relative;
}

header {
    position: relative;
    z-index: 1;
}

footer {
    position: relative;
    z-index: 1;
}
/** End サイドバナーの表示調整 */

/** Start キャンペーンの価格の表示調整 */
div[data-cgid="monthcampaign"] .product-tile .price,
div[data-cgid="month_cp_kenshoku"] .product-tile .price,
div[data-cgid="month_cp_cosme"] .product-tile .price {
    color: #b00;
    font-size: 1.5em;
}

div[data-cgid="monthcampaign"] .product-tile .price::before,
div[data-cgid="month_cp_kenshoku"] .product-tile .price::before,
div[data-cgid="month_cp_cosme"] .product-tile .price::before{
    content: '得';
    background-color: #f00;
    color: #fff;
    padding: 1px 5px;
    font-size: 0.8em;
}
/** End キャンペーンの価格の表示調整 */

/** Start クイックビューの表示調整 */
.quick-view-dialog .modal-body {
    max-height: none;
}
/** End クイックビューの表示調整 */