@charset "UTF-8";

/* =========================================================
   アニメーションの動きを設定変更CSS（ JavaScriptはsite_frame.tplに記載）
========================================================= */

/* アニメーションの初期状態（透明にし、Y軸方向に40px下げる） */
.l-header, 
.p-top, 
.rp-intro-section, 
.c-widget, 
.l-contents, 
.l-footer{
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform; /* ブラウザにアニメーションを予告し、動作を軽くする */
}

/* JavaScriptで「is-fadein」クラスが付与された時の表示状態（元の位置・不透明） */
.l-header.is-fadein, 
.p-top.is-fadein, 
.rp-intro-section.is-fadein,
.c-widget.is-fadein,
.l-contents.is-fadein, 
.l-footer.is-fadein {
    opacity: 1;
    transform: translateY(0);
}

/* ============================
   TOPページ変更CSS
   ============================ */

/* =========================================================
   TOPページ メインヴィジュアル 
========================================================= */

/* 1. スライダー全体をブラウザ幅いっぱいに広げる */
.p-top .main-image-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    overflow: hidden !important;
}

/* 2. 余白（チラ見せ）を強制解除 */
.p-top .main-image-slider .slick-list {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* 3. JSの横移動（transform）を完全に停止させる */
.p-top .main-image-slider .slick-track {
    transform: none !important;
    width: 100% !important;
    position: relative !important;
}

/* 4. スライドを絶対配置で1箇所に重ね、100vwにする（初期状態は透明） */
.p-top .main-image-slider .slick-slide {
    width: 100vw !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    transition: opacity 0.8s ease !important; /* フワッと切り替わる速度 */
    visibility: hidden !important;
    float: none !important;
}

/* 5. 現在表示すべきスライドだけを不透明にし、高さを確保する */
.p-top .main-image-slider .slick-slide.slick-current {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

/* 6. ★最重要★ 画像の980px制限を解除して画面いっぱいに広げる */
.p-top .main-image-slider .slick-slide img,
.p-top .main-image-slider_item img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: cover !important;
}

/* 右ボタン（次へ）を画面の右端から40pxの位置に固定 */
.p-top .main-image-slider .slick-next {
    right: 40px !important;
}

/* 左ボタン（前へ）を画面の左端から40pxの位置に固定 */
.p-top .main-image-slider .slick-prev {
    left: 40px !important;
}

/* メインビジュアル内の リンク(a) と 画像(img) のホバー効果を全て強制解除 */
.p-top .main-image-slider a:hover,
.p-top .main-image-slider a:hover img,
.p-top .main-image-slider img:hover,
.p-top .main-image-slider .main-image-slider__item:hover,
.p-top .main-image-slider .main-image-slider__item:hover a,
.p-top .main-image-slider .main-image-slider__item:hover img {
    opacity: 1 !important;
    filter: none !important; /* 明るさ変更などのフィルターがかかっていた場合を解除 */
    background: transparent !important;
}

/* =========================================================
   TOPページ メインヴィジュアル （シンプルな矢印に変更）
========================================================= */

/* 1. ボタン自体の背景・枠線・影・文字など、すべての装飾を完全に無効化する */
.p-top .main-image-slider .slick-arrow {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    width: 60px !important;
    height: 60px !important;
    outline: none !important;       /* クリック時の青い枠線を消す */
    box-shadow: none !important;    /* 隠れている影を消す */
    color: transparent !important;  /* 見えない文字を完全に消す */
    font-size: 0 !important;
}

/* 2. もし悪さをしている ::after (裏側の装飾) があれば完全に消し去る */
.p-top .main-image-slider .slick-arrow::after {
    display: none !important;
    content: '' !important;
}

/* 3. 純粋な線だけで「＞」を描画する */
.p-top .main-image-slider .slick-arrow::before {
    content: '' !important;
    display: block !important;
    width: 24px !important;  /* 矢印のサイズ（お好みで変更可） */
    height: 24px !important; /* 矢印のサイズ（お好みで変更可） */
    border-top: 2px solid #ffffff !important;   /* 上の線 */
    border-right: 2px solid #ffffff !important; /* 右の線 */
    border-bottom: none !important; /* 下の線を確実に消す */
    border-left: none !important;   /* 左の線を確実に消す */
    background: transparent !important; /* 背景色を確実に消す */
    border-radius: 0 !important; /* 丸みを確実に消す */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}

/* 4. 右ボタン：四角形を45度回転させて「＞」にする */
.p-top .main-image-slider .slick-next::before {
    transform: translate(-75%, -50%) rotate(45deg) !important; 
}

/* 5. 左ボタン：四角形を-135度回転させて「＜」にする */
.p-top .main-image-slider .slick-prev::before {
    transform: translate(-25%, -50%) rotate(-135deg) !important;
}

/* 6. ホバー時のフワッと透過（お好みで） */
.p-top .main-image-slider .slick-arrow:hover {
    opacity: 0.6 !important;
    transition: opacity 0.3s ease;
}



/* =========================================================
   TOPページ Recommended Items（おすすめ商品）の3列化 
========================================================= */

/* 1. スライダーの大元（幅のストッパー）を解除して画面幅に広げる */
.recommend-product-widget,
.recommend-product-widget .slick-list {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2. スライダーをGrid（3列）に変更する */
.recommend-product-widget .slick-track {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* ここで3等分（約316px）になります */
  column-gap: 16px !important;
  row-gap: 28px !important;
  width: 100% !important;
  transform: none !important;
}

/* 3. 各スライド枠を100%にする */
.recommend-product-widget .slick-slide {
  width: 100% !important;
  height: auto !important;
  float: none !important;
}

/* 4. ★原因解決★ パネル自体の「200px」固定を解除して枠いっぱいに広げる */
.recommend-product-widget .c-product-panel {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 5. 画像枠と画像を316pxに拡大する */
.recommend-product-widget .c-product-panel__img,
.recommend-product-widget .c-product-panel__img img {
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  height: auto !important;
}

/* 6. 不要な矢印を消す */
.recommend-product-widget .slick-arrow {
  display: none !important;
}

/* スライダーが自動生成する不要な擬似要素（::before, ::after）をグリッドから除外する */
.recommend-product-widget .slick-track::before,
.recommend-product-widget .slick-track::after {
  display: none !important;
}



    /* マイページ追加CSS */

/* お気に入り画面の「削除」ボタンだけを個別に小さく調整 */
.c-button.js-favorite-item__delete-button {
    /* 共通の 410px 設定を上書きして小さくする */
    width: 80px !important;      /* 横幅をコンパクトに */
    max-width: 80px !important;
    height: 32px !important;     /* 高さも控えめに */
    min-height: initial !important;
    
    /* フォントサイズの微調整 */
    font-size: 12px !important;  
    padding: 0 !important;
    margin: 0 !important;
    
    /* ボタンの角をシャープにするデザインは維持 */
    border-radius: 0px !important;
    
    /* 並び位置の調整（必要であれば） */
    display: inline-flex !important;
}

/* 削除ボタンを包んでいる枠（c-button-group）が広がらないようにする */
.c-product-panel__summary .c-button-group {
    display: flex !important;
    justify-content: flex-start !important; /* 左寄せにする場合 */
    width: auto !important;
    max-width: none !important;
    margin: 10px 0 !important;
}
    /* マイページ追加CSS */

    /* カートエリア追加CSS */

/* 定期購入の詳細ボタン 文字色を黒に */
.order-regular-toggle button.js-order-regular-toggle {
  color: #333 !important;
  --color_blue: #333 !important;
}

/* ============================
   お届け間隔セクション中央寄せ
   ============================ */
.c-order-section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.c-order-section h3,
.c-order-section__title {
  text-align: center !important;
}

/* ============================
   ボタングループ共通スタイル
   ============================ */
.c-button-group {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 20px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 20px auto !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
}

/* ボタン均等幅 */
.c-button-group > * {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 200px !important;
}

/* ============================
   入力ページ ボタン親要素修正
   ============================ */
.order-input-form div.order-input-form_content:has(> .c-button-group) {
  display: block !important;
  flex-direction: unset !important;
}
div.order-input-form div:has(> .c-button-group) {
  display: block !important;
  flex-direction: unset !important;
}

/* ============================
   入力ページ・注文確認ページ ボタン共通
   ============================ */
.order-input-form .c-button-group,
.order-confirm .c-button-group {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 20px auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0 20px !important;
}

.order-input-form .c-button-group > *,
.order-confirm .c-button-group > * {
  flex: 1 1 0% !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

.order-input-form .c-button-group a,
.order-confirm .c-button-group a {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}


/* ============================
   カートエリア変更CSS
   ============================ */

/* カート画面のサイドバー：ボタンの上下入れ替えと余白の強制調整 */
.p-cart .cart-content__flex-content .cart-side__main .button-wrapper {
    display: flex !important;
    flex-direction: column-reverse !important; /* 上下を逆にする */
    gap: 15px !important; /* ここでボタン同士の隙間のサイズを指定します（数値を調整してください） */
}

/* 元々付いていたボタンの余白が邪魔をするため、一旦すべてゼロにリセットする */
.p-cart .cart-content__flex-content .cart-side__main .button-wrapper > * {
    margin: 0 !important;
}

/* 1. テキストエリアとその行を、親の横並びルールから強制的に切り離す */
.contact-message, 
.contact-message__row {
    display: block !important; /* 横並び（flex）を無視して一行まるごと使う */
    width: 100% !important;
    clear: both !important;
}

/* 2. テキストエリア本体を横幅100%に広げる */
.contact-message textarea.c-textarea,
textarea.c-textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 120px !important; /* 入力しやすい高さを確保 */
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
    padding: 15px !important;
}

/* 3. （3000文字以内）の注釈を改行させ、右寄せにする */
.contact-message__notice {
    display: block !important;
    text-align: right !important;
    width: 100% !important;
    font-size: 11px !important;
    color: #888 !important;
    margin-top: 5px !important;
}


/* 1. ボタンを閉じ込めている親要素を「中央寄せの横並び」に強制定義 */
.order-input-form div:has(> .c-button-group),
.order-confirm div:has(> .c-button-group),
.c-button-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;           /* ボタン同士の隙間を20pxに固定 */
    width: 100% !important;
    max-width: 840px !important;    /* 410px * 2 + 20px = 840px */
    margin: 0px auto !important;   /* これで全体を中央に寄せます */
    flex-wrap: nowrap !important;
}

/* 2. ボタンを包んでいる「名前のないdiv」自体の幅を自動調整にする */
/* これが広がりすぎるとボタンが離れてしまうため、最小限の幅にします */
.c-button-group > div {
    flex: 0 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. ボタン本体のサイズを 410px に強制固定する */
.c-button-group a, 
.c-button-group button,
.c-button--md {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 410px !important;        /* 2枚目の画像と同じサイズに固定 */
    max-width: 410px !important;
    height: 60px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}



/* ============================
   カテゴリーページ変更CSS
   ============================ */


/* ============================
   商品ページ変更CSS
   ============================ */

/* メイン画像コンテナの固定高さを解除し、画像に合わせて自動伸縮させる */
.p-product-detail .js-picture-container {
    height: auto !important;
}

/* 念のため、中の画像がはみ出さず綺麗に縮小されるように設定 */
.p-product-detail .js-picture-container img {
    width: 100%;
    height: auto;
    object-fit: contain; /* 画像の縦横比を崩さずに枠に収める */
}

/* 画面幅が768px以下になり、縦積みになったら画像エリアを100%に広げる */
@media screen and (max-width: 768px) {
    
    /* 犯人である flex: 55% を 100% に強制上書き */
    .p-product-detail .product__image {
        flex: 0 0 100% !important; /* ←これが一番重要です！ */
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 内側のコンテナの幅制限も解除 */
    .p-product-detail .js-picture-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 中の画像自体も横幅いっぱいに広げる */
    .p-product-detail .js-picture-container img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.c-widget__head {
    margin: 90px 0px !important;
}

/* 商品詳細ページの見出し（商品詳細情報、USER'S VOICEなど）の余白のみを上書き */
.p-product-detail .product__section-title {
    margin: 90px 0px !important;
}

    /* ボタン枠部分変更CSS */

/* 1. 定期購入ボタン（オレンジ）のデザインを強制上書き */
.c-button--orange {
    /* 背景を白、枠線を黒、文字を黒にする */
    background: #fff !important; 
    background-color: #fff !important;
    background-image: none !important; /* もしグラデーションがあれば消す */
    border: 1px solid #333 !important;
    color: #333 !important;
    
    /* 他のボタンとフォントやスタイルを合わせる */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    border-radius: 0px !important; /* 角丸を消してシャープに */
    transition: all 0.3s ease !important;
    opacity: 1 !important; /* 透過を防止 */
}

/* 2. ホバー（マウスを乗せた時）の反転設定 */
.c-button--orange:hover {
    background-color: #333 !important; /* 背景を黒に */
    color: #fff !important;           /* 文字を白に */
    opacity: 1 !important;            /* ホバー時も透けさせない */
}


/* 1. 「もっと見る」と「次へ」の両方のボタン枠を統一設定 */
.c-widget__more a,
.c-button--secondary,
.c-button--md {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* ボタンのサイズを 280x60 に統一 */
    width: 280px !important;       
    height: 60px !important;       
    margin: 40px auto !important;  
    
    /* 枠線と背景を白黒デザインに固定 */
    border: 1px solid #333 !important; 
    background-color: #fff !important; 
    border-radius: 0px !important; /* 丸みを消して四角くする */
    
    /* テキスト設定：明朝体と字間 */
    color: #333 !important;           
    font-size: 14px !important;       
    letter-spacing: 0.2em !important; 
    text-decoration: none !important; 
    font-weight: 500 !important; /* boldより少し細くして上品に */
    
    transition: all 0.3s ease !important; 
}

/* 2. ホバー（マウスを乗せた時）の色反転を両方に適用 */
.c-widget__more a:hover,
.c-button--secondary:hover,
.c-button--default:hover,   /* ←これ（内容を確認するボタン用）を追加 */
.c-button--md:hover,
button[type="submit"]:hover {
    background-color: #333 !important; /* 背景を黒に */
    color: #fff !important;           /* 文字を白に */
    cursor: pointer !important;       /* マウスカーソルを指の形にする */
    opacity: 1 !important;            /* 透ける設定があれば解除 */
}

/* 3. 特記事項：リピスト標準の余計な装飾を打ち消す */
.c-button--secondary::before,
.c-button--secondary::after {
    display: none !important; /* もしアイコンや矢印が勝手に出る場合は消す */
}


/* 1. 緑のグラデーションボタンを白黒デザインに強制上書き */
.c-button--gradient-green {
    background: #fff !important; 
    background-color: #fff !important;
    background-image: none !important;
    
    border: 1px solid #333 !important;
    color: #333 !important;
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
    
    /* 初期状態で不透明であることを保証 */
    opacity: 1 !important; 
}

/* 2. ホバー（マウスを乗せた時）の反転 ＆ 透過を禁止する設定 */
.c-button--gradient-green:hover {
    background-color: #333 !important; /* 背景を黒に */
    background-image: none !important; 
    color: #fff !important;           /* 文字を白に */
    
    /* 【最重要】ホバー時に透けてグレーになるのを防ぐ */
    opacity: 1 !important; 
    
    /* 枠線も黒に合わせることで、より引き締まった印象に */
    border-color: #333 !important; 
}

.c-button--blue {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #333 !important;
    color: #333 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

.c-button--blue:hover {
    background-color: #333 !important;
    background-image: none !important;
    color: #fff !important;
    opacity: 1 !important;
    border-color: #333 !important;
}

    /* ボタン枠部分変更CSS */


/* 1. ヘッダー全体の並びを調整 */
.l-header__inner {
    display: flex !important;
    align-items: center !important;   /* 上下の中央を合わせる */
    justify-content: space-between !important; /* 左右に振り分ける */
    position: relative !important;
    padding: 20px 0 !important;
}

/* 2. 左側のスペースを確保（ロゴを真ん中に保つための重り） */
.l-header__inner::before {
    content: "";
    flex: 1; /* 左側に透明な広がりを作る */
}

/* 3. ロゴ（中央に固定） */
.l-header__logo {
    flex: 0 0 auto !important;
    text-align: center !important;
    margin: 0 !important; /* 余計なマージンを消す */
    position: absolute !important; /* ロゴを絶対配置で真ん中に固定 */
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* 4. 右側のナビゲーション（ログイン・カート） */
.l-header__nav, 
.l-header__right-content,
.l-header__user-nav {
    flex: 1 !important;    /* 右側のエリアを広げる */
    display: flex !important;
    justify-content: flex-end !important; /* 中身を右に寄せる */
    align-items: center !important;
    gap: 20px !important;    /* ログインとカートの間の隙間 */
}

/*非表示設定 */
.l-header [class*="search"] {
    display: none !important;
}

/* 1. 商品詳細ページ（p-product-detailが存在する時）の「直前のフレーム」を広げる */
/* 隣接セレクタや親要素への影響を考慮し、最も強力な「ページ判定」を行います */

:has(.p-product-detail) .l-contents__frame,
:has(.js-p-product-detail) .l-contents__frame,
.p-product-detail .l-contents__frame,
.l-contents__frame:has(.p-product-detail) {
    width: 1440px !important;
    max-width: 95% !important;
    margin: 0 auto !important;
}

/* 2. 商品詳細ページの中身（画像と注文エリア）を横並びにする */
.p-product-detail .product, 
.js-p-product-detail .product {
    display: flex !important;
    justify-content: space-between !important;
    gap: 40px !important;
    max-width: 100% !important;
}

/* 3. 画像(55%)と注文エリア(40%)の比率を固定 */
.product__image {
    flex: 0 0 55% !important;
    max-width: 55% !important;
}

.product__order {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

/* 4. 他のページ（お問い合わせなど）の制限 */
/* 商品詳細ではない通常のページでは、システム標準の変数（--width-base）を維持します */
.l-contents__frame {
    /* ここには !important を付けないことで、1番の指定がある時だけ上書きされるようにします */
    width: var(--width-base);
    max-width: 1000px;
    margin: 0 auto;
}

/* ============================
   レビューヘッダー中央寄せ
   ============================ */
.p-product-detail .product__review-result {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  width: 100% !important;
}

/* ============================
   モーダル キャンセル・OKボタン均等幅
   ============================ */
.c-modal__footer {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.c-modal__footer .c-button {
  width: calc(50% - 10px) !important;
  height: 50px !important;
  flex: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ============================
   お問い合わせテーブル 横線のみ
   ============================ */
.c-table table {
  border-collapse: collapse !important;
  border: none !important;
}

.c-table table th,
.c-table table td {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #ddd !important;
}

/* 最初の行に上線を追加 */
.c-table table tr:first-child th,
.c-table table tr:first-child td {
  border-top: 1px solid #ddd !important;
}


    /* フォント部分変更CSS */

/* 1. 基本（本文・フォーム・ボタンなど）：全て Noto Sans で統一 */
html, body, button, input, select, textarea {
    font-family: 'Noto Sans JP', sans-serif !important;
    line-height: 1.8;
    letter-spacing: 0.05em;
    color: #333;
}

/* 2. タイトル・見出し：読みやすさ重視のゴシック（EB Garamondを混ぜて英数字を綺麗に） */
/* 400（標準）の太さを活かした、上品な見出し設定 */
h1, h2, h3, h4, 
.l-header__logo, 
.c-contents-header,
.c-widget__head {
    font-family: 'Noto Sans JP', sans-serif !important;
    
    /* 標準の太さに設定 */
    font-weight: 400 !important; 
    
    /* 太さを引いた分、字間を贅沢に広げる */
    letter-spacing: 0.15em !important; 
    
    /* 少しだけ文字を大きくすると、細くても存在感が出ます */
    font-size: 1.2em !important; 
    
    line-height: 1.6;
    text-align: center;
    color: #333; /* 真っ黒より少しだけグレーにすると、より馴染みます */
}

/* 3. 特別なメッセージ部分（しっぽり明朝を使用）：ここがポイント！ */
/* キャッチコピーやブランドの想いなど、情緒的に見せたい場所にこのクラスを付けます */
.u-text-concept, 
.p-main-visual__copy, 
.p-about__concept, 
.shippori-font {
    font-family: 'EB Garamond', 'Shippori Mincho B1', serif !important;
    font-weight: 500;
    line-height: 2.0;    /* 明朝体は行間を広く取ると美しく見えます */
    letter-spacing: 0.15em; /* 文字の間隔を広げて高級感を出す */
    font-style: italic;  /* もし欧文が含まれるならイタリックにするとさらに hemeltea 風になります */
}

/* 4. 欧文のみの場所、または価格など（EB Garamond） */
.en-text, .price, .number {
    font-family: 'EB Garamond', serif !important;
}


/* 1. 価格表示（数字と円）をゴシック体に統一し、色を黒にする */
.price, 
[class*="price"], 
[class*="total"] {
    /* 欧文も日本語も Noto Sans JP (ゴシック) で統一 */
    font-family: 'Noto Sans JP', sans-serif !important;
    
    /* 緑色などを解除し、他のテキストと同じ黒にする */
    color: #333 !important; 
    
    /* 太すぎる場合は 500 に、普通で良いなら 400 に調整 */
    font-weight: 500 !important; 
    
    font-style: normal !important; /* 斜体などを解除 */
    background: none !important;   /* 背景色がついている場合を考慮 */
}

/* 2. 特に合計金額の大きな数字（緑色の部分）を狙い撃ちして直す */
.p-order-confirm__total .price,
.p-cart__total .price,
[class*="--total"] {
    color: #333 !important;
    font-size: 1.2em !important; /* 大きさは維持しつつ、色とフォントを直す */
}

/* 3. 軽減税率の注釈などの薄い文字もフォントを統一 */
.tax-note, 
[class*="tax"] {
    font-family: 'Noto Sans JP', sans-serif !important;
    color: #888 !important; /* ここは少し薄いままでOK */
}

/* 1. 緑色のハイライトテキストを黒に書き換える */
.c-highlight--green, 
[class*="highlight--green"] {
    color: #333 !important; /* 緑を解除して黒にする */
    font-family: 'Noto Sans JP', sans-serif !important; /* フォントを統一 */
    font-weight: 700 !important; /* 合計金額なので太さは維持 */
}

/* 2. カート内の合計金額エリア全体を再チェック（念のため） */
.confirm-table__total-row .table-data span,
.p-cart .c-highlight--green {
    color: #333 !important;
}

/* 3. 「送料無料」などのバナー内の緑文字も合わせる場合 */
.c-cart-info__text, 
[class*="cart-info"] {
    color: #333 !important;
}

    /* フォント部分変更CSS */


/* 1. アニメーション定義（名前を一新して競合を避けます） */
@keyframes finalStepFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. メインコンテンツ（一番最初に動き出す） */
.l-contents__frame {
    display: block !important;
    visibility: visible !important;
    opacity: 0; /* 最初は透明 */
    /* 0.3秒待ってから開始 */
    animation: finalStepFadeIn 1.2s ease-out 0.3s forwards !important;
}

/* 3. フッターのナビとコピーライト（少し遅れて動き出す） */
.l-footer__nav, 
.l-footer__copy {
    display: block !important;
    visibility: visible !important;
    opacity: 0; /* 最初は透明 */
    /* メインが出た後の 0.8秒待ってから開始 */
    animation: finalStepFadeIn 1.2s ease-out 0.8s forwards !important;
}
    /* 追加CSS */

/* stylelint-disable */
:root {
  --color__black: #000000;
  --color__chacoal: #171717;
  --color__gray--dark: #808080;
  --color__gray: #dfdfdf;
  --color__gray--light: #efefef;
  --color__gray--lighter: #f8f8f8;
  --color__white: #ffffff;
  --color__pink: #fdeaea;
  --color__red: #C64040;
  /* --color__red: #eb3030; */
  --color-basic-red: #C64040;
  --color__orange: #f49629;
  --color__yellow: #eaa712;
  --color__yellow--light: #FFF9D8;
  --color__green--dark: #0A8900;
  --color__green: #81b539;
  --color__green--light: #e8f8f1;
  --color__blue--turquoise: #39b0b5;
  --color__blue: #139ef5;
  --color__blue--light: #eff5ff;
  --efo-message-borderColor: #eb3030;
  --efo-message-textColor: #ffffff;
  --efo-message-backgroundColor: #eb3030;
  --efo-progress-borderColor: #000000;
  --efo-progress-textColor: #000000;
  --efo-progress-accentColor: #0A8900;
  --efo-progress-backgroundColor: #efefef;
  --efo-progress-zIndex: 10;
  --efo-error-form-borderColor: #eb3030;
  --efo-error-form-textColor: #eb3030;
  --efo-error-form-backgroundColor: #fdeaea;
  --efo-success-form-borderColor: #81b539;
  --efo-success-form-textColor: #000000;
  --efo-success-form-backgroundColor: #e8f8f1;
  --efo-incomplete-backgroundColor: #FFF9D8;
  --efo-incomplete-textColor: #000000;
  --efo-incomplete-linkColor: #139ef5;
  --ease-in: cubic-bezier(0.42, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.58, 1);
  --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --z-index__chat-form: 12;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: auto;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Wrapping and breaking text */
button {
  overflow-wrap: normal;
}

@keyframes anim-loading {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.c-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0;
  font-size: 6px;
  line-height: 1;
  transform: translateZ(0) translate(-50%, -50%);
  animation-delay: -0.08s;
}
.c-loading, .c-loading:before, .c-loading:after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  animation: anim-loading 0.9s infinite ease-in-out;
  animation-fill-mode: both;
}
.c-loading::before, .c-loading::after {
  position: absolute;
  top: 0;
  content: "";
}
.c-loading::before {
  left: -18px;
  animation-delay: -0.16s;
}
.c-loading::after {
  left: 18px;
}

.c-fill-address {
  margin-left: auto;
  color: var(--color__blue);
  text-decoration: underline;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.c-fill-address-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  width: 100%;
  max-width: 380px;
  background-color: var(--color__white);
  border-radius: 6px;
  transform: translate(-50%, -50%);
}
.c-fill-address-modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
}
.c-fill-address-modal__title {
  font-weight: bold;
}
.c-fill-address-modal__close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  line-height: 0;
  cursor: pointer;
  background-color: transparent;
  border-radius: 50%;
}
.c-fill-address-modal__close::before {
  position: absolute;
  top: 4px;
  right: 4px;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: var(--color__black);
  background-image: none;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("/assets/svg/cross.svg");
  mask-image: url("/assets/svg/cross.svg");
}
.c-fill-address-modal__buttons {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-top: 32px;
}
.c-fill-address-modal__button {
  width: 50%;
  padding: 8px 16px;
  font-size: 18px;
  color: var(--color__white);
  cursor: pointer;
  background-color: var(--color__black);
  border: 0;
  border-radius: 4px;
}
.c-fill-address-modal__button--cancel {
  color: var(--color__black);
  background-color: var(--color__gray);
}
.c-fill-address-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.c-fill-address-form__row {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.c-fill-address-form__label {
  width: 120px;
  font-size: 16px;
}
.c-fill-address-form__select {
  width: 200px;
  padding: 6px 4px;
  font-size: 18px;
  border-radius: 4px;
}
.c-fill-address-form__select.is-error {
  color: var(--color__red);
  background-color: var(--color__pink);
  border-color: var(--color__red);
}
.c-fill-address__result {
  margin-bottom: -24px;
}
.c-fill-address__result-link {
  display: none;
  text-align: right;
}
.c-fill-address__result-link a {
  color: var(--color__blue);
  text-decoration: underline;
}
.c-fill-address__result-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.c-fill-address__result-input label {
  margin-left: -24px;
  font-size: 24px;
  text-align: center;
}
.c-fill-address__result-input label input {
  margin: 0;
  margin-right: 8px;
}
.c-fill-address__result-input label:only-child {
  margin-left: 0;
}
.c-fill-address__result-input label:only-child input {
  display: none;
}

.c-tooltip {
  position: relative;
  display: inline-block;
}

.c-tooltip__message {
  position: absolute;
  top: 125%; /* ツールチップを下に表示 */
  bottom: auto; /* 上の位置を無効化 */
  left: 50%; /* ツールチップの水平位置を調整 */
  z-index: 1;
  width: 240px;
  padding: 5px;
  color: #fff;
  text-align: center;
  visibility: hidden;
  background-color: #555;
  border-radius: 5px;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translateX(-50%); /* 水平位置の微調整 */
}

.c-tooltip:hover .c-tooltip__message {
  visibility: visible;
  opacity: 1;
}

.c-flexible--gap1 {
  gap: 1px;
}

.c-flexible--gap2 {
  gap: 2px;
}

.c-flexible--gap3 {
  gap: 3px;
}

.c-flexible--gap4 {
  gap: 4px;
}

.c-flexible--gap5 {
  gap: 5px;
}

.c-flexible--gap6 {
  gap: 6px;
}

.c-flexible--gap7 {
  gap: 7px;
}

.c-flexible--gap8 {
  gap: 8px;
}

.c-flexible--gap9 {
  gap: 9px;
}

.c-flexible--gap10 {
  gap: 10px;
}

.c-flexible--gap11 {
  gap: 11px;
}

.c-flexible--gap12 {
  gap: 12px;
}

.c-flexible--gap13 {
  gap: 13px;
}

.c-flexible--gap14 {
  gap: 14px;
}

.c-flexible--gap15 {
  gap: 15px;
}

.c-flexible--gap16 {
  gap: 16px;
}

.c-flexible--gap17 {
  gap: 17px;
}

.c-flexible--gap18 {
  gap: 18px;
}

.c-flexible--gap19 {
  gap: 19px;
}

.c-flexible--gap20 {
  gap: 20px;
}

.c-flexible--gap21 {
  gap: 21px;
}

.c-flexible--gap22 {
  gap: 22px;
}

.c-flexible--gap23 {
  gap: 23px;
}

.c-flexible--gap24 {
  gap: 24px;
}

.c-flexible--gap25 {
  gap: 25px;
}

.c-flexible--gap26 {
  gap: 26px;
}

.c-flexible--gap27 {
  gap: 27px;
}

.c-flexible--gap28 {
  gap: 28px;
}

.c-flexible--gap29 {
  gap: 29px;
}

.c-flexible--gap30 {
  gap: 30px;
}

.c-flexible--gap31 {
  gap: 31px;
}

.c-flexible--gap32 {
  gap: 32px;
}

.c-flexible--gap33 {
  gap: 33px;
}

.c-flexible--gap34 {
  gap: 34px;
}

.c-flexible--gap35 {
  gap: 35px;
}

.c-flexible--gap36 {
  gap: 36px;
}

.c-flexible--gap37 {
  gap: 37px;
}

.c-flexible--gap38 {
  gap: 38px;
}

.c-flexible--gap39 {
  gap: 39px;
}

.c-flexible--gap40 {
  gap: 40px;
}

.c-flexible--gap41 {
  gap: 41px;
}

.c-flexible--gap42 {
  gap: 42px;
}

.c-flexible--gap43 {
  gap: 43px;
}

.c-flexible--gap44 {
  gap: 44px;
}

.c-flexible--gap45 {
  gap: 45px;
}

.c-flexible--gap46 {
  gap: 46px;
}

.c-flexible--gap47 {
  gap: 47px;
}

.c-flexible--gap48 {
  gap: 48px;
}

.c-flexible--gap49 {
  gap: 49px;
}

.c-flexible--gap50 {
  gap: 50px;
}

.c-flexible {
  display: flex;
  align-items: center;
}
.c-flexible--center {
  justify-content: center;
}
.c-flexible--end {
  justify-content: flex-end;
}
.c-flexible--between {
  justify-content: space-between;
}
.c-flexible--wrap {
  flex-wrap: wrap;
}
.c-flexible--column {
  flex-direction: column;
}
.c-flexible--align-start {
  align-items: flex-start;
}

.u-font-size-10 {
  font-size: 10px !important;
}

.u-font-size-11 {
  font-size: 11px !important;
}

.u-font-size-12 {
  font-size: 12px !important;
}

.u-font-size-13 {
  font-size: 13px !important;
}

.u-font-size-14 {
  font-size: 14px !important;
}

.u-font-size-15 {
  font-size: 15px !important;
}

.u-font-size-16 {
  font-size: 16px !important;
}

.u-font-size-17 {
  font-size: 17px !important;
}

.u-font-size-18 {
  font-size: 18px !important;
}

.u-font-size-19 {
  font-size: 19px !important;
}

.u-font-size-20 {
  font-size: 20px !important;
}

.u-font-size-21 {
  font-size: 21px !important;
}

.u-font-size-22 {
  font-size: 22px !important;
}

.u-font-size-23 {
  font-size: 23px !important;
}

.u-font-size-24 {
  font-size: 24px !important;
}

.u-font-size-25 {
  font-size: 25px !important;
}

.u-font-size-26 {
  font-size: 26px !important;
}

.u-font-size-27 {
  font-size: 27px !important;
}

.u-font-size-28 {
  font-size: 28px !important;
}

.u-font-size-29 {
  font-size: 29px !important;
}

.u-font-size-30 {
  font-size: 30px !important;
}

.u-font-size-31 {
  font-size: 31px !important;
}

.u-font-size-32 {
  font-size: 32px !important;
}

:root {
  --width-base: 980px;
  --width-side-widget: 240px;
  --font-size-default: 14px;
  --font-family-default: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans CJK JP",
    "BIZ UDPGothic", Meiryo, sans-serif;
}

body {
  font-family: var(--font-family-default);
  font-size: var(--font-size-default);
  color: var(--color__chacoal);
}

a {
  color: var(--color__chacoal);
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

select {
  margin: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

input::placeholder,
textarea::placeholder {
  color: #a3a3a3;
}

.l-contents .columns .center-column .c-widget__more a, .l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link, .l-contents .columns .left-column .c-widget__more a,
.l-contents .columns .right-column .c-widget__more a, .l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link, .c-product-list .c-product-panel__restock-notification-link, .c-link {
  color: var(--color__chacoal);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
}
.l-contents .columns .center-column .c-widget__more a:hover, .l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link:hover,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link:hover, .l-contents .columns .left-column .c-widget__more a:hover,
.l-contents .columns .right-column .c-widget__more a:hover, .l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link:hover,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link:hover,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link:hover,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link:hover, .c-product-list .c-product-panel__restock-notification-link:hover, .c-link:hover {
  text-decoration: none;
}

.c-link--gray {
  color: var(--color__gray--dark);
}
.c-link--sm {
  font-size: 12px;
}

.c-panel {
  background: var(--color__white);
  border-radius: 6px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

.c-button, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border: initial;
  border-radius: 0px;
}
.c-button--default, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {
  color: var(--color__white);
  background-color: var(--color__chacoal);
  border: 1px solid var(--color__chacoal);
}
.c-button--default:hover, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover:last-child {
  opacity: 0.6;
}
.c-button--default i, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child i {
  background-color: var(--color__white);
}
.c-button--primary {
  color: var(--color__white);
  background-color: var(--color__red);
  border: 1px solid var(--color__red);
}
.c-button--primary:hover {
  opacity: 0.6;
}
.c-button--primary i {
  background-color: var(--color__white);
}
.c-button--primary.c-button--reverse {
  color: var(--color__red);
  background-color: var(--color__white);
}
.c-button--primary.c-button--reverse i {
  background-color: var(--color__red);
}
.c-button--secondary, .c-button--change, .c-button--back-strong {
  color: var(--color__chacoal);
  background-color: var(--color__white);
  border: 1px solid var(--color__chacoal);
}
.c-button--secondary:hover, .c-button--change:hover, .c-button--back-strong:hover {
  filter: brightness(90%);
}
.c-button--secondary i, .c-button--change i, .c-button--back-strong i {
  background-color: var(--color__chacoal);
}
.c-button--secondary.c-button--reverse, .c-button--reverse.c-button--change, .c-button--reverse.c-button--back-strong {
  color: var(--color__white);
  background-color: var(--color__chacoal);
}
.c-button--secondary.c-button--reverse i, .c-button--reverse.c-button--change i, .c-button--reverse.c-button--back-strong i {
  background-color: var(--color__white);
}
.c-button--link {
  color: var(--color__blue);
  background-color: var(--color__white);
  border: 1px solid var(--color__blue);
}
.c-button--link:hover {
  filter: brightness(90%);
}
.c-button--link i {
  background-color: var(--color__blue);
}
.c-button--link.c-button--reverse {
  color: var(--color__white);
  background-color: var(--color__blue);
}
.c-button--link.c-button--reverse i {
  background-color: var(--color__white);
}
.c-button--blue {
  color: var(--color__white);
  background-color: var(--color__blue);
  border: 1px solid var(--color__blue);
}
.c-button--blue:hover {
  opacity: 0.6;
}
.c-button--blue i {
  background-color: var(--color__white);
}
.c-button--orange {
  color: var(--color__white);
  background-color: var(--color__orange);
  border: 1px solid var(--color__orange);
}
.c-button--orange:hover {
  opacity: 0.6;
}
.c-button--orange i {
  background-color: var(--color__white);
}
.c-button--gradient-green {
  color: var(--color__white);
  background: #1ba110;
  background: linear-gradient(to bottom, #1ba110 0%, #18830f 100%);
  border: 1px solid #1ba110;
}
.c-button--gradient-green:hover {
  opacity: 0.6;
}
.c-button--gradient-green i {
  background-color: var(--color__white);
}
.c-button--gray, .c-button--back {
  color: var(--color__white);
  background-color: var(--color__gray--dark);
  border: 1px solid var(--color__gray--dark);
}
.c-button--gray:hover, .c-button--back:hover {
  opacity: 0.6;
}
.c-button--gray i, .c-button--back i {
  background-color: var(--color__white);
}
.c-button--gray-lighter {
  color: var(--color__gray--dark);
  background-color: var(--color__gray--light);
  border: 1px solid var(--color__gray);
}
.c-button--gray-lighter:hover {
  opacity: 0.6;
}
.c-button--gray-lighter i {
  background-color: var(--color__gray--light);
}
.c-button--back-weak, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .c-ui-dialog-modal--cancel-only .ui-button {
  color: var(--color__gray--dark);
  background-color: var(--color__white);
  border: 1px solid var(--color__gray--dark);
}
.c-button--back-weak:hover, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover:first-child, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .c-ui-dialog-modal--cancel-only .ui-button:hover {
  filter: brightness(90%);
}
.c-button--back-weak i, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child i, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .c-ui-dialog-modal--cancel-only .ui-button i {
  background-color: var(--color__gray--dark);
}
.c-button__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.c-button__icon--cart {
  -webkit-mask-image: url("/assets/svg/icon_cart.svg");
  mask-image: url("/assets/svg/icon_cart.svg");
}
.c-button__icon--favorite {
  -webkit-mask-image: url("/assets/svg/icon_heart.svg");
  mask-image: url("/assets/svg/icon_heart.svg");
}
.c-button__icon--calendar {
  -webkit-mask-image: url("/assets/svg/calendar.svg");
  mask-image: url("/assets/svg/calendar.svg");
}
.c-button__icon--down {
  -webkit-mask-image: url("/assets/svg/triangle.svg");
  mask-image: url("/assets/svg/triangle.svg");
}
.c-button--loading {
  position: relative;
  pointer-events: none;
}
.c-button--loading > *:not(.c-button__loader) {
  opacity: 0;
}
.c-button--loading .c-button__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7.5px 0;
  font-size: 3px;
  line-height: 1;
  transform: translateZ(0) translate(-50%, -50%);
  animation-delay: -0.08s;
}
.c-button--loading .c-button__loader, .c-button--loading .c-button__loader:before, .c-button--loading .c-button__loader:after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation: anim-loading 0.9s infinite ease-in-out;
  animation-fill-mode: both;
}
.c-button--loading .c-button__loader::before, .c-button--loading .c-button__loader::after {
  position: absolute;
  top: 0;
  content: "";
}
.c-button--loading .c-button__loader::before {
  left: -9px;
  animation-delay: -0.16s;
}
.c-button--loading .c-button__loader::after {
  left: 9px;
}
.c-button:disabled, .c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:disabled {
  cursor: not-allowed;
  filter: brightness(50%);
  opacity: inherit;
}
.c-button--lg {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
}
.c-button--md {
  width: 260px;
  height: 40px;
  font-weight: 600;
}
.c-button--s {
  height: 30px;
  padding: 0 16px;
  font-weight: 600;
}
.c-button--full-width {
  width: 100%;
}

.c-button-group {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.c-button-group--sm {
  gap: 5px;
  margin: 0;
}
.c-button-group--column {
  flex-direction: column;
}
.c-button-group--column .c-button {
  width: 100%;
}

.c-select {
  position: relative;
}
.c-select select {
  width: 100%;
  height: 30px;
  padding: 0 42px 0 12px;
  overflow-x: hidden;
  cursor: pointer;
  background-color: var(--color__gray--lighter);
  border: 1px solid var(--color__gray);
  border-radius: 6px;
  -webkit-appearance: none;
  appearance: none;
}
.c-select i {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  pointer-events: none;
  background: var(--color__chacoal);
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-select i::before {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background: url("/assets/svg/triangle.svg") center center no-repeat;
}
.c-select:hover i {
  opacity: 0.6;
}
.c-select--white select {
  background-color: var(--color__white);
}
.c-select--error select {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}
fieldset:disabled .c-select select {
  background-color: var(--color__gray);
}
.c-select select[name=pref]:invalid {
  color: #a3a3a3;
}
.c-select--lg select {
  height: 40px;
  padding-right: 52px;
  font-size: 14px;
}
.c-select--lg i {
  width: 40px;
}
.c-select--sm {
  width: 30%;
}

.c-form-error-message, .p-lp .validate-error-message, .p-lp-ups .validate-error-message, .c-error-message {
  color: var(--color__red);
}

.c-form-error-message {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.c-form-error-message + .c-form-error-message {
  margin-top: 0;
}
.c-form-error-message:empty {
  display: none;
}

.c-page-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.c-page-nav__item {
  display: block;
  width: 26px;
  height: 26px;
  padding: 6px 0;
  margin: 0 5px;
  line-height: 1;
  text-align: center;
  border: 1px solid var(--color__gray);
  border-radius: 2px;
}
.c-page-nav__item:first-child {
  margin-left: 0;
}
.c-page-nav__item:last-child {
  margin-right: 0;
}
.c-page-nav__item--page:hover, .c-page-nav__item--active {
  color: var(--color__gray--dark);
  background-color: var(--color__gray);
}
.c-page-nav__item--prev, .c-page-nav__item--next {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjI1IiBoZWlnaHQ9IjguNSIgdmlld0JveD0iMCAwIDUuMjUgOC41Ij4NCiAgPHBhdGggZD0iTTkyMS42NTUsODQ4LjVhLjUuNSwwLDAsMS0uMzU0LS4xODhsLS4xOTMtLjI0NGEuNS41LDAsMCwxLC4wNS0uNjc1bDMuMzUyLTMuMTQyLTMuMzUyLTMuMTQ5YS41LjUsMCwwLDEtLjA0OC0uNjc5bC4xOTEtLjIzNmEuNS41LDAsMCwxLC4zNTMtLjE4NWwuMDM2LDBhLjUuNSwwLDAsMSwuMzM5LjEzM2w0LjA2LDMuNzQ5YS41LjUsMCwwLDEsMCwuNzM1bC00LjA1NiwzLjc0OWEuNS41LDAsMCwxLS4zMzkuMTMzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkyMSAtODQwKSIgZmlsbD0iI2ZmZmZmZiIvPg0KPC9zdmc+") center center no-repeat;
  background-color: var(--color__chacoal);
  border-color: var(--color__chacoal);
}
.c-page-nav__item--prev:hover, .c-page-nav__item--next:hover {
  opacity: 0.6;
}
.c-page-nav__item--prev {
  margin-right: 15px;
  transform: rotate(180deg);
}
.c-page-nav__item--next {
  margin-left: 15px;
}

.c-status-label, .c-form-label-required, .c-form-label-optional, .p-lp-zeus-card #zeus_new_card_area label::after,
.p-lp-zeus-card #zeus_registerd_card_area label::after, .p-order-zeus-card #zeus_new_card_area label::after,
.p-order-zeus-card #zeus_registerd_card_area label::after, .p-mypage-zeus-card-change-info #zeus_new_card_area label::after {
  padding: 3px;
  font-size: 12px;
  line-height: 1;
  color: var(--color__gray--lighter);
  border: solid 1px transparent;
  border-radius: 2px;
}
.c-status-label--s {
  padding: 2px;
  font-size: 10px;
}
.c-status-label--gray, .c-form-label-optional {
  background-color: var(--color__gray--dark);
  border-color: var(--color__gray--dark);
}
.c-status-label--red, .c-form-label-required, .p-lp-zeus-card #zeus_new_card_area label::after,
.p-lp-zeus-card #zeus_registerd_card_area label::after, .p-order-zeus-card #zeus_new_card_area label::after,
.p-order-zeus-card #zeus_registerd_card_area label::after, .p-mypage-zeus-card-change-info #zeus_new_card_area label::after {
  background-color: var(--color__red);
  border-color: var(--color__red);
}
.c-status-label--green {
  background-color: var(--color__green);
  border-color: var(--color__green);
}
.c-status-label--lightblue {
  background-color: var(--color__blue--turquoise);
  border-color: var(--color__blue--turquoise);
}
.c-status-label--yellow {
  background-color: var(--color__yellow);
  border-color: var(--color__yellow);
}
.c-status-label--outline-red {
  color: var(--color__red);
  background-color: var(--color__white);
  border-color: var(--color__red);
}

.c-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1;
}
.c-breadcrumb:last-of-type {
  margin-bottom: 80px;
}
.c-breadcrumb li:not(:last-child)::after {
  margin-left: 6px;
  content: "/";
}
.c-breadcrumb a {
  color: var(--color__chacoal);
}

.c-contents-header {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 50px;
  font-weight: 600;
  line-height: 1.1;
  border-bottom: solid 0px var(--color__chacoal);
}
.c-contents-header__title {
  font-size: 28px;
}
.c-contents-header__point-info {
  display: flex;
  align-items: flex-end;
}
.c-contents-header__point-info span {
  color: #eb3030;
}
.c-contents-header__point-info .point-info__user {
  margin-right: 32px;
}
.c-contents-header__point-info .point-info__point span {
  font-size: 18px;
}

.c-contents-body {
  margin-bottom: 40px;
}

.c-payment-module__card-type .c-radio {
  font-size: 16px;
  font-weight: 600;
}
.c-payment-module__card-type .c-radio label {
  margin-right: 20px;
}
.c-payment-module__card-form {
  margin: 120px 0 20px;
  background-color: var(--color__blue--light);
}
.c-payment-module__card-form .c-table {
  padding: 40px;
  margin-top: -81px;
}
.c-payment-module__card-form .c-table table {
  text-align: left;
}
.c-payment-module__card-form .c-table th {
  width: 210px;
}
.c-payment-module__card-form .c-table .name-group {
  gap: 20px;
}
.c-payment-module__card-form .c-table + .c-payment-module__card-form .c-table {
  border-top: 0;
}
.c-payment-module__cvv {
  margin-left: auto;
}
.c-payment-module__cvv .cvv-attention {
  margin-bottom: 6px;
  font-size: 10px;
  color: var(--color__gray--dark);
}
.c-payment-module__cvv .cvv-img {
  display: flex;
  gap: 6px;
  justify-content: center;
}
.c-payment-module__cvv .cvv-img::before, .c-payment-module__cvv .cvv-img::after {
  display: block;
  width: 53px;
  height: 32px;
  content: "";
  background: center center/cover no-repeat;
}
.c-payment-module__cvv .cvv-img::before {
  background-image: url("/assets/svg/cvv1.svg");
}
.c-payment-module__cvv .cvv-img::after {
  background-image: url("/assets/svg/cvv2.svg");
}
.c-payment-module__registerd-card-list {
  margin-bottom: 40px;
}
.c-payment-module__registerd-card-list .c-table th {
  padding: 10px 20px;
}
.c-payment-module__registerd-card-list .c-table th:nth-child(1) {
  width: 70px;
}
.c-payment-module__registerd-card-list .c-table td {
  padding: 12px 20px;
}
.c-payment-module__registerd-card-list .c-table td:nth-child(1) {
  width: 70px;
}

.c-checkbox input[type=checkbox] {
  display: none;
}
.c-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c-checkbox label::before {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-bottom: auto;
  content: "";
  background-color: var(--color__white);
  border: 1px solid var(--color__gray);
  border-radius: 2px;
}
.c-checkbox input:checked + label::before {
  background: url("/assets/svg/check.svg") center center no-repeat;
  background-color: var(--color__white);
}
.c-checkbox--center label {
  justify-content: center;
}
.c-checkbox--error label::before {
  background: var(--color__pink);
  border-color: var(--color__red);
}

.c-counter {
  display: flex;
  border: 0px solid var(--color__gray);
}
.c-counter input[type=text] {
  width: 66px;
  height: 30px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  background-color: #ffffff;
  border: 0px solid #dfdfdf;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.c-counter .count-button {
  width: 30px;
  background: #ffffff;
  border: none;
  border-radius: 0px;
}
.c-counter .count-button--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-counter .count-button--left::before {
  display: inline-block;
  width: 10px;
  height: 2px;
  vertical-align: middle;
  content: "";
  background-color: #333;
  -webkit-mask-image: url("/assets/svg/minus.svg");
  -webkit-mask-size: cover;
  mask: url("/assets/svg/minus.svg");
  mask-size: cover;
}
.c-counter .count-button--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-counter .count-button--right::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  content: "";
  background-color: #333;
  -webkit-mask-image: url("/assets/svg/plus.svg");
  -webkit-mask-size: cover;
  mask: url("/assets/svg/plus.svg");
  mask-size: cover;
}
.c-counter .count-button:hover {
  opacity: 0.6;
}
.c-counter--error input[type=text] {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}

.c-input-form {
  display: flex;
}
.c-input-form input[type=text] {
  width: 100%;
  height: 30px;
  padding: 6px 14px;
  font-size: 12px;
  line-height: 1;
  background: transparent;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  outline: none;
}
.c-input-form--num input[type=text] {
  text-align: right;
}
.c-input-form button,
.c-input-form input[type=button] {
  height: auto;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.c-input-form--lg input[type=text] {
  height: 40px;
}

.c-order-step {
  display: flex;
  gap: 16px;
  margin-bottom: 80px;
  justify-content: center; /* これを flex の後に必ず追加！横方向の中央寄せ */
  align-items: center;     /* 上下方向も中央に揃えるために追加 */
}
.c-order-step__item {
  display: flex;
  width: 25%;
  height: 50px;
  overflow: hidden;
  color: var(--color__chacoal);
  counter-increment: step-number;
  background: var(--color__white);
  border-radius: 6px;
  border: 1px solid var(--color__gray);
}
.c-order-step__item--current {
  background: var(--color__gray);
}
.c-order-step__left {
  display: flex;
  align-items: center;
  color: var(--color__white);
  white-space: nowrap;
  background: var(--color__black);
}
.c-order-step__left span {
  padding: 9px;
  font-size: 14px;
  font-weight: bold;
}
.c-order-step__left span::after {
  content: counter(step-number);
}
.c-order-step__right {
  display: flex;
  align-items: center;
}
.c-order-step__right span {
  padding: 9px;
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
}

.c-section {
  padding: 40px 40px 40px 40px;
  background: var(--color__white);
}
.c-section--secondary {
  background: var(--color__gray--lighter);
}
.c-section--tertiary {
  background: var(--color__gray);
}
* + .c-section {
  margin-top: 10px;
}
.c-section__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  word-break: break-all;
}
.c-section__subtitle {
  margin-bottom: 20px;
}

.c-order-section {
  padding: 40px 40px 40px 40px;
  background: var(--color__white);
}
.c-order-section--secondary {
  background: var(--color__gray--lighter);
}
.c-order-section--tertiary {
  background: var(--color__gray);
}
* + .c-order-section {
  margin-top: 10px;
}
.c-order-section__title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    word-break: break-all;

    /* 1. 下線（ボーダー）を追加 */
    border-bottom: 1px solid #333 !important; 

    /* 2. テキストと線の間の余白を確保 */
    padding-bottom: 15px !important; 

    /* 3. 線の下（次の要素まで）の余白をさらに広げたい場合はここを調整 */
    margin-bottom: 30px !important; 
}
.c-order-section__subtitle {
  margin-bottom: 20px;
}
.c-order-section__content {
  word-break: break-all;
}
.c-order-section__content + .c-order-section__title {
  margin-top: 50px;
}

.c-lp-section {
  padding: 40px 40px 40px 40px;
  background: var(--color__white);
  margin-bottom: 10px;
}
.c-lp-section--secondary {
  background: var(--color__gray--lighter);
}
.c-lp-section--tertiary {
  background: var(--color__gray);
}
* + .c-lp-section {
  margin-top: 10px;
}
.c-lp-section__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  word-break: break-all;
}
.c-lp-section__subtitle {
  margin-bottom: 20px;
}
.c-lp-section__content + .c-lp-section__title {
  margin-top: 50px;
}
.c-lp-section__title {
  display: flex;
  gap: 8px;
  align-items: center;
}
.c-lp-section__title--center {
  justify-content: center;
}
.c-lp-section__paragraph {
  margin-bottom: 20px;
}
.c-lp-section--blue {
  background-color: var(--color__blue--light);
}

.p-lp-ups__payment .regular-attention, .c-highlight {
  color: var(--color__red);
}

.c-highlight--green {
  color: var(--color__green--dark);
}

.c-textbox, .p-lp-zeus-card #zeus_token_card_info_area input[type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[type=text], .p-lp-zeus-card #zeus_token_card_info_area select, .p-order-zeus-card #zeus_token_card_info_area input[type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[type=text], .p-order-zeus-card #zeus_token_card_info_area select, .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select {
  line-height: 1;
  color: var(--color__chacoal);
  background-color: var(--color__gray--lighter);
  border: 1px solid var(--color__gray);
  border-radius: 6px;
  max-width: 100%;
  height: 30px;
  padding: 11px 10px;
}
.c-textbox--white {
  background-color: var(--color__white);
}
.c-textbox--error {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}
.c-textbox--right {
  text-align: right;
}
.c-textbox:disabled, .p-lp-zeus-card #zeus_token_card_info_area input[type=tel]:disabled,
.p-lp-zeus-card #zeus_token_card_info_area input[type=text]:disabled, .p-lp-zeus-card #zeus_token_card_info_area select:disabled, .p-order-zeus-card #zeus_token_card_info_area input[type=tel]:disabled,
.p-order-zeus-card #zeus_token_card_info_area input[type=text]:disabled, .p-order-zeus-card #zeus_token_card_info_area select:disabled, .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=tel]:disabled,
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=text]:disabled, .p-mypage-zeus-card-change-info #zeus_token_card_info_area select:disabled, fieldset:disabled .c-textbox, fieldset:disabled .p-lp-zeus-card #zeus_token_card_info_area input[type=tel], .p-lp-zeus-card #zeus_token_card_info_area fieldset:disabled input[type=tel],
fieldset:disabled .p-lp-zeus-card #zeus_token_card_info_area input[type=text],
.p-lp-zeus-card #zeus_token_card_info_area fieldset:disabled input[type=text], fieldset:disabled .p-lp-zeus-card #zeus_token_card_info_area select, .p-lp-zeus-card #zeus_token_card_info_area fieldset:disabled select, fieldset:disabled .p-order-zeus-card #zeus_token_card_info_area input[type=tel], .p-order-zeus-card #zeus_token_card_info_area fieldset:disabled input[type=tel],
fieldset:disabled .p-order-zeus-card #zeus_token_card_info_area input[type=text],
.p-order-zeus-card #zeus_token_card_info_area fieldset:disabled input[type=text], fieldset:disabled .p-order-zeus-card #zeus_token_card_info_area select, .p-order-zeus-card #zeus_token_card_info_area fieldset:disabled select, fieldset:disabled .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=tel], .p-mypage-zeus-card-change-info #zeus_token_card_info_area fieldset:disabled input[type=tel],
fieldset:disabled .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=text],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area fieldset:disabled input[type=text], fieldset:disabled .p-mypage-zeus-card-change-info #zeus_token_card_info_area select, .p-mypage-zeus-card-change-info #zeus_token_card_info_area fieldset:disabled select {
  background-color: var(--color__gray);
}
.c-textbox--lg {
  height: 36px;
}
.c-textbox[name$=name01], .p-lp-zeus-card #zeus_token_card_info_area input[name$=name01][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=name01][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=name01], .p-order-zeus-card #zeus_token_card_info_area input[name$=name01][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=name01][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=name01], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=name01][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=name01][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=name01], .c-textbox[name$=name02], .p-lp-zeus-card #zeus_token_card_info_area input[name$=name02][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=name02][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=name02], .p-order-zeus-card #zeus_token_card_info_area input[name$=name02][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=name02][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=name02], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=name02][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=name02][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=name02], .c-textbox[name$=kana01], .p-lp-zeus-card #zeus_token_card_info_area input[name$=kana01][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=kana01][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=kana01], .p-order-zeus-card #zeus_token_card_info_area input[name$=kana01][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=kana01][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=kana01], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=kana01][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=kana01][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=kana01], .c-textbox[name$=kana02], .p-lp-zeus-card #zeus_token_card_info_area input[name$=kana02][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=kana02][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=kana02], .p-order-zeus-card #zeus_token_card_info_area input[name$=kana02][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=kana02][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=kana02], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=kana02][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=kana02][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=kana02] {
  width: 130px;
  max-width: 130px;
}
.c-textbox[name$=zip01], .p-lp-zeus-card #zeus_token_card_info_area input[name$=zip01][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=zip01][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=zip01], .p-order-zeus-card #zeus_token_card_info_area input[name$=zip01][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=zip01][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=zip01], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=zip01][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=zip01][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=zip01], .c-textbox[name$=zip02], .p-lp-zeus-card #zeus_token_card_info_area input[name$=zip02][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=zip02][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=zip02], .p-order-zeus-card #zeus_token_card_info_area input[name$=zip02][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=zip02][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=zip02], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=zip02][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=zip02][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=zip02], .c-textbox[name$=tel01], .p-lp-zeus-card #zeus_token_card_info_area input[name$=tel01][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=tel01][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=tel01], .p-order-zeus-card #zeus_token_card_info_area input[name$=tel01][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=tel01][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=tel01], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=tel01][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=tel01][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=tel01], .c-textbox[name$=tel02], .p-lp-zeus-card #zeus_token_card_info_area input[name$=tel02][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=tel02][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=tel02], .p-order-zeus-card #zeus_token_card_info_area input[name$=tel02][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=tel02][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=tel02], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=tel02][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=tel02][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=tel02], .c-textbox[name$=tel03], .p-lp-zeus-card #zeus_token_card_info_area input[name$=tel03][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=tel03][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=tel03], .p-order-zeus-card #zeus_token_card_info_area input[name$=tel03][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=tel03][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=tel03], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=tel03][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=tel03][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=tel03], .c-textbox[name$=fax01], .p-lp-zeus-card #zeus_token_card_info_area input[name$=fax01][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=fax01][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=fax01], .p-order-zeus-card #zeus_token_card_info_area input[name$=fax01][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=fax01][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=fax01], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=fax01][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=fax01][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=fax01], .c-textbox[name$=fax02], .p-lp-zeus-card #zeus_token_card_info_area input[name$=fax02][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=fax02][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=fax02], .p-order-zeus-card #zeus_token_card_info_area input[name$=fax02][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=fax02][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=fax02], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=fax02][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=fax02][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=fax02], .c-textbox[name$=fax03], .p-lp-zeus-card #zeus_token_card_info_area input[name$=fax03][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=fax03][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=fax03], .p-order-zeus-card #zeus_token_card_info_area input[name$=fax03][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=fax03][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=fax03], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=fax03][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=fax03][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=fax03] {
  width: 70px;
  max-width: 70px;
}
.c-textbox[name$=zip], .p-lp-zeus-card #zeus_token_card_info_area input[name$=zip][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name$=zip][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name$=zip], .p-order-zeus-card #zeus_token_card_info_area input[name$=zip][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name$=zip][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name$=zip], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=zip][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name$=zip][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name$=zip] {
  width: 140px;
  max-width: 140px;
}
.c-textbox[name=tel], .p-lp-zeus-card #zeus_token_card_info_area input[name=tel][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name=tel][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name=tel], .p-order-zeus-card #zeus_token_card_info_area input[name=tel][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name=tel][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name=tel], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name=tel][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name=tel][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name=tel], .c-textbox[name=fax], .p-lp-zeus-card #zeus_token_card_info_area input[name=fax][type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[name=fax][type=text], .p-lp-zeus-card #zeus_token_card_info_area select[name=fax], .p-order-zeus-card #zeus_token_card_info_area input[name=fax][type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[name=fax][type=text], .p-order-zeus-card #zeus_token_card_info_area select[name=fax], .p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name=fax][type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[name=fax][type=text], .p-mypage-zeus-card-change-info #zeus_token_card_info_area select[name=fax] {
  width: 200px;
  max-width: 200px;
}

.c-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--color__gray);
}
.c-table table th {
  padding: 11px 20px;
  font-size: 14px;
  background: var(--color__gray--lighter);
  border: 1px solid var(--color__gray);
}
.c-table table td {
  padding: 14px 19px;
  font-size: 14px;
  background: var(--color__white);
  border: 1px solid var(--color__gray);
}
.c-table--sm table th,
.c-table--sm table td {
  padding: 10px;
}
* + .c-table {
  margin-top: 10px;
}
.c-table__align-center {
  text-align: center;
}
.c-table__align-left {
  text-align: left;
}
.c-table__align-right {
  text-align: right;
}
.c-table__action {
  float: right;
}

.c-error-message-section {
  padding: 18px 20px;
  margin-bottom: 20px;
  color: var(--color__red);
  background-color: var(--color__white);
  border: 1px solid var(--color__red);
}
.c-error-message-section:empty {
  display: none;
}
* + .c-error-message-section {
  margin-top: 20px;
}

.c-width-50 {
  width: 50px;
  min-width: 50px;
}

.c-width-60 {
  width: 60px;
  min-width: 60px;
}

.c-width-70 {
  width: 70px;
  min-width: 70px;
}

.c-width-80 {
  width: 80px;
  min-width: 80px;
}

.c-width-90 {
  width: 90px;
  min-width: 90px;
}

.c-width-100 {
  width: 100px;
  min-width: 100px;
}

.c-width-110 {
  width: 110px;
  min-width: 110px;
}

.c-width-120 {
  width: 120px;
  min-width: 120px;
}

.c-width-130 {
  width: 130px;
  min-width: 130px;
}

.c-width-140 {
  width: 140px;
  min-width: 140px;
}

.c-width-150 {
  width: 150px;
  min-width: 150px;
}

.c-width-160 {
  width: 160px;
  min-width: 160px;
}

.c-width-170 {
  width: 170px;
  min-width: 170px;
}

.c-width-180 {
  width: 180px;
  min-width: 180px;
}

.c-width-190 {
  width: 190px;
  min-width: 190px;
}

.c-width-200 {
  width: 200px;
  min-width: 200px;
}

.c-width-210 {
  width: 210px;
  min-width: 210px;
}

.c-width-220 {
  width: 220px;
  min-width: 220px;
}

.c-width-230 {
  width: 230px;
  min-width: 230px;
}

.c-width-240 {
  width: 240px;
  min-width: 240px;
}

.c-width-250 {
  width: 250px;
  min-width: 250px;
}

.c-width-260 {
  width: 260px;
  min-width: 260px;
}

.c-width-270 {
  width: 270px;
  min-width: 270px;
}

.c-width-280 {
  width: 280px;
  min-width: 280px;
}

.c-width-290 {
  width: 290px;
  min-width: 290px;
}

.c-width-300 {
  width: 300px;
  min-width: 300px;
}

.c-width-310 {
  width: 310px;
  min-width: 310px;
}

.c-width-320 {
  width: 320px;
  min-width: 320px;
}

.c-width-330 {
  width: 330px;
  min-width: 330px;
}

.c-width-340 {
  width: 340px;
  min-width: 340px;
}

.c-width-350 {
  width: 350px;
  min-width: 350px;
}

.c-width-360 {
  width: 360px;
  min-width: 360px;
}

.c-width-370 {
  width: 370px;
  min-width: 370px;
}

.c-width-380 {
  width: 380px;
  min-width: 380px;
}

.c-width-390 {
  width: 390px;
  min-width: 390px;
}

.c-width-400 {
  width: 400px;
  min-width: 400px;
}

.c-width-10-percent {
  width: 10%;
  min-width: 10%;
}

.c-width-20-percent {
  width: 20%;
  min-width: 20%;
}

.c-width-30-percent {
  width: 30%;
  min-width: 30%;
}

.c-width-40-percent {
  width: 40%;
  min-width: 40%;
}

.c-width-50-percent {
  width: 50%;
  min-width: 50%;
}

.c-width-60-percent {
  width: 60%;
  min-width: 60%;
}

.c-width-70-percent {
  width: 70%;
  min-width: 70%;
}

.c-width-80-percent {
  width: 80%;
  min-width: 80%;
}

.c-width-90-percent {
  width: 90%;
  min-width: 90%;
}

.c-width-100-percent {
  width: 100%;
  min-width: 100%;
}

.c-amazon-pay {
  padding: 30px 40px;
  background-color: var(--color__white);
  border: 4px solid var(--color__gray);
}
.c-amazon-pay__header {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.c-amazon-pay__paragraph {
  margin-top: -6px;
  margin-bottom: 14px;
  line-height: 26px;
}
.c-amazon-pay__paragraph:last-child {
  margin-bottom: 0;
}
.c-amazon-pay__body {
  display: flex;
  justify-content: space-between;
}
.c-amazon-pay__body #AmazonPayButtonV2 {
  width: 312px;
}
.c-amazon-pay__consent {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-bottom: 20px;
}
.c-amazon-pay__consent:last-child {
  margin-bottom: 0;
}

.c-hr {
  height: 1px;
  margin: 20px 0;
  background: var(--color__gray);
  border: 0;
}

.c-radio {
  display: inline-block;
}
.c-radio input[type=radio] {
  display: none;
}
.c-radio label {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  line-height: 20px;
  cursor: pointer;
}
.c-radio label::before {
  position: absolute;
  top: calc(50% - 9px);
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: var(--color__white);
  border: 1px solid var(--color__chacoal);
  border-radius: 50%;
}
.c-radio label::after {
  position: absolute;
  top: calc(50% - 6px);
  left: 3px;
  display: none;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--color__chacoal);
  border-radius: 50%;
}
.c-radio label:empty {
  padding-left: 20px;
}
.c-radio label:empty::before {
  top: calc(50% - 13px);
}
.c-radio label:empty::after {
  top: calc(50% - 10px);
}
.c-radio input[type=radio]:checked + label::after {
  display: block;
}
.c-radio--error label::before {
  background: var(--color__pink);
}

.c-radio-list-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.c-radio-list-group__item {
  width: calc(50% - 10px);
  border: 1px solid var(--color__gray);
  border-radius: 6px;
}
.c-radio-list-group__item input[type=radio] {
  display: none;
}
.c-radio-list-group__item label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 14px 14px 46px;
  font-size: 16px;
  color: var(--color__gray--dark);
  background-color: var(--color__gray--lighter);
  border-radius: 6px;
}
.c-radio-list-group__item input[type=radio]:checked + label {
  color: var(--color__chacoal);
  background-color: transparent;
}
.c-radio-list-group__item input[type=radio]:not(:disabled) + label:not([for=""])::before {
  position: absolute;
  top: calc(50% - 9px);
  left: 14px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: var(--color__white);
  border: 1px solid var(--color__chacoal);
  border-radius: 50%;
}
.c-radio-list-group__item label::after {
  position: absolute;
  top: calc(50% - 6px);
  left: 17px;
  display: none;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--color__chacoal);
  border-radius: 50%;
}
.c-radio-list-group__item input[type=radio]:checked + label::after {
  display: block;
}
.c-radio-list-group__item--error label {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}
.c-radio-list-group__item--highlight label {
  background-color: var(--color__blue--light);
}
.c-radio-list-group__title {
  margin-bottom: 10px;
}
* + .c-radio-list-group__contents {
  margin-top: 10px;
}
.c-radio-list-group--column .c-radio-list-group__item {
  width: 100%;
}

.c-form-label-required, .p-lp-zeus-card #zeus_new_card_area label::after,
.p-lp-zeus-card #zeus_registerd_card_area label::after, .p-order-zeus-card #zeus_new_card_area label::after,
.p-order-zeus-card #zeus_registerd_card_area label::after, .p-mypage-zeus-card-change-info #zeus_new_card_area label::after, .c-form-label-optional {
  float: right;
}
.c-form-group--row {
  display: flex;
  align-items: center;
}
.c-form-group--row label {
  margin-right: 10px;
}
.c-form-group--row .c-radio label {
  margin-right: 20px;
}
.c-form-group--column {
  display: flex;
  flex-flow: column;
}
.c-form-group--column label {
  margin-bottom: 6px;
}

.c-form-groups--row {
  display: flex;
  gap: 20px;
}
.c-form-groups--column .c-form-group + .c-form-group {
  margin-top: 10px;
}

.c-form-attention {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  color: var(--color__gray--dark);
}
.c-form-attention--inline {
  display: inline-block;
  margin-top: 0;
  margin-left: 10px;
}
.c-form-attention--highlight {
  padding: 2px 10px;
  background-color: var(--color__yellow--light);
}
.c-form-attention--error {
  padding: 2px 10px;
  color: var(--color__white);
  background-color: var(--color__red);
}

.c-form-symbol {
  display: inline-block;
  margin-right: 5px;
}
* + .c-form-symbol {
  margin-left: 5px;
}

.c-form-label {
  white-space: nowrap;
}
.c-form-label--bold {
  font-weight: bold;
}

.c-textarea {
  width: 100%;
  max-width: 100%;
  line-height: 1.2;
  color: var(--color__chacoal);
  background-color: var(--color__white);
  border: 1px solid var(--color__gray);
  border-radius: 6px;
  padding: 11px 10px;
}
.c-textarea--error {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}

.c-secure-textbox {
  position: relative;
  width: fit-content;
}
.c-secure-textbox::after {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 11px;
  content: "";
  background: url("/assets/svg/lock.svg") center center no-repeat;
}

.c-password-textbox {
  position: relative;
  width: 200px;
}
.c-password-textbox input[type=password],
.c-password-textbox input[type=text] {
  width: 200px;
}
.c-password-textbox--full {
  width: 100%;
}
.c-password-textbox--full input[type=password],
.c-password-textbox--full input[type=text] {
  width: 100%;
}
.c-password-textbox__icon {
  position: absolute;
  top: 1px;
  right: 0;
  width: 30px;
  height: 100%;
  cursor: pointer;
  content: "";
  background: center center no-repeat;
  background-image: url("/assets/svg/eye_close");
  background-size: 1em;
}
.c-password-textbox--visible .c-password-textbox__icon {
  top: 0;
  background-image: url("/assets/svg/eye_open");
}

.c-confirm-email {
  margin-top: 0;
}
.c-confirm-email__display {
  position: relative;
  width: 100%;
  padding: 18px 10px;
  margin-top: 40px;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
  background-color: var(--color__blue--light);
  border: none;
  outline: none;
  animation: fadeIn 0.2s linear;
}
.c-confirm-email__display::before {
  position: absolute;
  top: -28px;
  left: 0;
  display: block;
  width: 100%;
  font-size: 12px;
  text-align: center;
  content: "メールアドレスにお間違いはありませんか？";
}
input.c-confirm-email__display {
  height: 50px;
}

.c-confirm-email__display:not(input) {
  min-height: 50px;
  word-break: break-all;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.c-date-form {
  display: inline-block;
  padding: 4px 10px;
  color: var(--color__gray--dark);
  background-color: var(--color__gray--lighter);
  border: 1px solid var(--color__gray);
  border-radius: 6px;
}
.c-date-form__input {
  width: 30px;
  height: 22px;
  padding: 11px 4px;
  background: none;
  border-color: transparent;
}
.c-date-form__input:focus {
  outline: none;
}
.c-date-form__input--lg {
  width: 50px;
}
.c-date-form__input--error {
  background-color: var(--color__pink);
  border-bottom: 1px solid var(--color__red);
}
.c-date-form--error {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}

.efo-autocomplete-email-address__candidates:not(:empty) {
  position: absolute;
  z-index: 10;
  max-width: 100%;
  color: #fff;
  background-color: #333;
}
.efo-autocomplete-email-address__candidates .efo-autocomplete-email-address__candidates-header {
  padding: 0px 10px;
  font-size: 90%;
  line-height: 1.5;
}
.efo-autocomplete-email-address__candidates .efo-autocomplete-email-address__candidate {
  padding: 0px 10px;
  line-height: 1.5;
  word-break: break-all;
  cursor: pointer;
}
.efo-autocomplete-email-address__candidates .efo-autocomplete-email-address__candidate:hover, .efo-autocomplete-email-address__candidates .efo-autocomplete-email-address__candidate--active {
  background-color: #666;
}
.efo-autocomplete-email-address__candidates .efo-autocomplete-email-address__candidate span {
  word-break: keep-all;
  white-space: nowrap;
}

.c-heading, .p-product-detail .product__section-title {
  font-weight: 600;
  line-height: 1.1;
}
.c-heading--underline {
  padding-bottom: 10px;
  border-bottom: solid 1px var(--color__chacoal);
}
.c-heading--1 {
  margin-bottom: 60px;
  font-size: 28px;
}
.c-heading--1.c-heading--underline {
  padding-bottom: 17px;
  border-width: 2px;
}
.c-heading--2 {
  margin-bottom: 30px;
  font-size: 22px;
}
.c-heading--3, .p-product-detail .product__section-title {
  margin-bottom: 20px;
  font-size: 18px;
}

.c-paragraph {
  margin-bottom: 60px;
  line-height: 1.7142857143;
  word-break: break-all;
}
.c-paragraph--align-center {
  text-align: center;
}
* + .c-paragraph {
  margin-top: 20px;
}
.c-paragraph--sm {
  margin-bottom: 20px;
}

.c-product-list {
  display: grid;
  /* 1fr（均等な割合）を指定して、幅いっぱいに3列を作ります */
  grid-template-columns: repeat(3, 1fr);
  row-gap: 28px;
  column-gap: 16px;
  justify-content: center;
}
.c-product-list .c-product-panel {
  background: var(--color__white);
  /* border-radius: 6px; */
  /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); */
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  height: auto;
  overflow: hidden;
}
.c-product-list .c-product-panel:hover .c-product-panel__img {
  opacity: 0.6;
}
.c-product-list .c-product-panel__img {
  position: relative;
  min-height: auto; /* 元の 219px の制限を解除 */
  width: 100%;
}
.c-product-list .c-product-panel__img img {
  width: 100%;
  height: auto;
}
.c-product-list .c-product-panel__soldout {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  color: var(--color__white);
  background-color: rgba(23, 23, 23, 0.6);
}
.c-product-list .c-product-panel__timesale {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: var(--color__white);
  text-align: center;
  background-color: var(--color__red);
}
.c-product-list .c-product-panel__timesale > :not(.count_down_box),
.c-product-list .c-product-panel__timesale .hasCountdown {
  padding: 8px;
}
.c-product-list .c-product-panel__timesale small {
  font-size: 10px;
}
.c-product-list .c-product-panel__timesale em {
  font-size: 13px;
  font-style: normal;
}
.c-product-list .c-product-panel__rank {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--color__white);
  text-align: center;
  background: var(--color__gray--dark);
}
.c-product-list .c-product-panel__rank--1 {
  background: #d1bb5e;
}
.c-product-list .c-product-panel__rank--2 {
  background: #a8a8a8;
}
.c-product-list .c-product-panel__rank--3 {
  background: #bf8656;
}
.c-product-list .c-product-panel__summary {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 14px;
}
.c-product-list .c-product-panel__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: bold;
}
.c-product-list .c-product-panel__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 14px;
  font-size: 13px;
}
.c-product-panel__price {
  text-align: center;
  justify-content: center; /* flexだった場合のため */
}
.c-product-list .c-product-panel__price small {
  font-size: 10px;
}
.c-product-list .c-product-panel__price-value {
  display: inline-flex;
  align-items: baseline;
  font-size: 15px;
  font-weight: bold;
  color: var(--color__green--dark);
}
.c-product-list .c-product-panel__status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
}
.c-product-list .c-product-panel__restock-notification {
  margin-top: auto;
}
.c-product-list .c-product-panel__restock-notification-link {
  position: relative;
  padding-left: 12px;
  margin-top: 26px;
  font-size: 12px;
  font-weight: 600;
}
.c-product-list .c-product-panel__restock-notification-link:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  content: ">";
}
.c-product-list .c-product-panel__favorite {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  height: 50px;
  margin-top: auto;
}
.c-product-list .c-product-panel__favorite-icon {
  width: 36px;
  height: 36px;
  background-color: var(--color__gray--light);
  background-image: url("/assets/svg/favorite_off.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  transform: translate(4px, 4px);
}
.c-product-list .c-product-panel__favorite-icon--on {
  background-color: var(--color__gray--dark);
  background-image: url("/assets/svg/favorite_on.svg");
}

.c-product-timesale > :not(.count_down_box),
.c-product-timesale .hasCountdown {
  padding: 8px 10px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 600;
  color: var(--color__red);
  text-align: center;
  background-color: var(--color__pink);
  border: solid 2px var(--color__red);
}
.c-product-timesale > div:empty {
  display: none;
}
.c-product-timesale small {
  font-size: 10px;
}

.c-ui-dialog-modal.ui-dialog {
  padding: 0;
  font-size: 14px;
  border: none;
  border-radius: 6px;
}
.c-ui-dialog-modal.ui-dialog.ui-widget.ui-widget-content {
  background-color: var(--color__white);
  border: none;
  border-radius: 6px;
}
.c-ui-dialog-modal.ui-dialog > .ui-widget-content {
  background-color: transparent;
  border: none;
}
.c-ui-dialog-modal.ui-dialog .ui-widget-header {
  padding: 10px;
  color: var(--color__white);
  text-align: center;
  background: none;
  background-color: var(--color__chacoal);
  border: none;
  border-radius: 6px 6px 0 0;
}
.c-ui-dialog-modal.ui-dialog .ui-widget-header .ui-dialog-title {
  width: 100%;
  margin: auto;
  font-size: 14px;
  font-weight: bold;
}
.c-ui-dialog-modal.ui-dialog .ui-widget-header .ui-icon {
  width: 12px;
  height: 12px;
  background-color: var(--color__white);
  background-image: none;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("/assets/svg/cross.svg");
  mask-image: url("/assets/svg/cross.svg");
}
.c-ui-dialog-modal.ui-dialog .ui-widget-header .ui-dialog-titlebar-close,
.c-ui-dialog-modal.ui-dialog .ui-widget-header .ui-state-hover {
  top: calc(50% - 7px);
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content.ui-widget-content {
  padding: 0;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content .c-hr {
  margin: 0;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content .c-link {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  color: var(--color__blue);
  text-align: right;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content__subtitle {
  padding: 10px;
  font-weight: bold;
  text-align: center;
  background-color: var(--color__gray);
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content__content {
  padding: 20px;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content__message {
  padding-top: 20px;
  font-size: 12px;
  text-align: center;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content table {
  width: 100%;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content table th {
  font-weight: normal;
  text-align: left;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-content table td {
  text-align: right;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane {
  padding: 20px;
  margin-top: 0;
  border: none;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  gap: 20px;
  justify-content: center;
  float: none;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  min-width: 100px;
  margin: 0;
  background: initial;
}
.c-ui-dialog-modal.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button .ui-button-text {
  padding: 0;
}
.c-ui-dialog-modal + .ui-widget-overlay {
  background: none;
  background-color: var(--color__black);
  opacity: 0.7;
}

.c-modal__content {
  position: fixed;
  inset: 0;
  z-index: 10001;
  width: 400px;
  height: fit-content;
  padding: 20px;
  margin: auto;
  background-color: #fff;
  border-radius: 6px;
}
.c-modal__message {
  text-align: center;
  white-space: pre-wrap;
}
.c-modal__footer {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 20px;
}
.c-modal__footer .c-button {
  width: 90px;
}
.c-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: var(--color__black);
  opacity: 0.7;
}

.c-survey__question {
  margin-top: 16px;
}
.c-survey__question:first-child {
  margin-top: 0;
}
.c-survey__question-title {
  display: flex;
  gap: 8px;
  justify-content: start;
}
.c-survey__question-required {
  flex-shrink: 0;
}
.c-survey__question-answers {
  margin-top: 8px;
}

.l-header {
  width: 100%;
  height: 78px;
  border-bottom: 0px solid var(--color__gray);
}
.l-header__inner {
  display: flex;
  gap: 10px;
  align-items: center;
  width: var(--width-base);
  height: 100%;
  margin: 0 auto;
}
.l-header__logo {
  width: 204px;
  font-size: 26px;
  font-weight: bold;
}
.l-header__logo a {
  display: block;
}
.l-header__logo a img {
  width: auto;
  height: 70px;
  object-fit: contain;
}
.l-header__search .global-search-form {
  display: flex;
  width: 540px;
  height: 40px;
  padding: 2px;
  background: #efefef;
  border-radius: 20px;
}
.l-header__search .global-search-form__select {
  display: flex;
  align-items: center;
  width: 120px;
  height: 100%;
  padding-left: 12px;
  background: var(--color__white);
  border-radius: 20px 0 0 20px;
}
.l-header__search .global-search-form__select select {
  width: 100%;
  height: 100%;
  padding-right: 24px;
  font-size: 12px;
  text-overflow: ellipsis;
  cursor: pointer;
  background-color: transparent;
  background-image: url(data:image/svg\+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc\+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8\+PC9zdmc\+);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 8px);
  background-position-y: center;
  border: none;
  -webkit-appearance: none;
  appearance: none;
}
.l-header__search .global-search-form__input {
  display: flex;
  align-items: center;
  width: calc(100% - 120px);
  height: 100%;
}
.l-header__search .global-search-form__input button {
  margin: 0 8px 0 16px;
  cursor: pointer;
  background: transparent;
  border: none;
}
.l-header__search .global-search-form__input input {
  width: 100%;
  height: 36px;
  padding: 18px 0;
  padding-right: 16px;
  font-size: 12px;
  background: transparent;
  border: none;
}
.l-header__search .global-search-form__input input::placeholder {
  color: #808080;
}
.l-header__actions {
  margin-left: auto;
}
.l-header__actions .global-user-nav {
  display: flex;
}
.l-header__actions .global-user-nav__item {
  position: relative;
  margin-right: 24px;
  font-size: 14px;
  font-weight: bold;
}
.l-header__actions .global-user-nav__item:last-of-type {
  margin-top: 0px;
  margin-right: 0;
}
.l-header__actions .global-user-nav__item a,
.l-header__actions .global-user-nav__item button {
  padding: 0;
  color: var(--color__black);
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: 0;
}
.l-header__actions .global-user-nav__badge {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  display: grid;
  place-content: center;
  width: 12px;
  height: 12px;
  font-size: 8px;
  font-weight: normal;
  color: var(--color__white);
  background: var(--color__red);
  border-radius: 50%;
}
.l-header__actions .global-user-nav__badge:empty {
  display: none;
}

.l-footer {
  width: 100%;
  height: 160px;
}
.l-footer__pagetop {
  position: fixed;
  right: 40px;
  bottom: 100px;
  z-index: 1;
}
.l-footer__pagetop a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background: #000000;
  border-radius: 50%;
}
.l-footer__pagetop a:hover {
  opacity: 0.6;
}
.l-footer__pagetop a svg {
  fill: currentColor;
  transform: rotate(-90deg);
}
.l-footer__nav {
  width: var(--width-base);
  padding: 150px 0 50px 0px;
  margin: 0 auto;
}
.l-footer__nav ul {
  display: flex;
  justify-content: center;
}
.l-footer__nav ul li {
  display: block;
  padding-right: 16px;
  padding-left: 16px;
  border-right: 1px solid var(--color__gray);
}
.l-footer__nav ul li:first-of-type {
  padding-left: 0;
}
.l-footer__nav ul li:last-of-type {
  padding-right: 0;
  border: 0;
}
.l-footer__copy {
    display: flex;
    align-items: center;
    justify-content: center; /* 中央寄せにするために追加 */
    /* height: 52px;  */
    padding: 20px 0 150px;
    border-top: 0px solid var(--color_gray);
}
.l-footer__copy span {
  display: block;
  text-align: center;
  width: var(--width-base);
  margin: 0 auto;
  font-size: 12px;
}

.l-contents {
  background: #ffffff;
}
.l-contents--filled {
  min-height: 100vh;
}
.l-contents__frame {
  width: var(--width-base);
  padding: 30px 0;
  margin: 0 auto;
}
.l-contents .columns {
  display: flex;
  gap: 50px;
}
.l-contents .columns .center-column {
  flex: 1;
  min-width: 0;
}
.l-contents .columns .center-column .c-widget {
  margin-bottom: 60px;
}
.l-contents .columns .center-column .c-widget:last-of-type {
  margin-bottom: 0;
}
.l-contents .columns .center-column .c-widget__head {
    display: flex;
    justify-content: center; /* space-between から center に変更 */
    align-items: center;     /* 上下方向も中央に揃えるために追加 */
    text-align: center;      /* 文字自体の並びも中央にするために追加 */
    margin-bottom: 50px;
}
.l-contents .columns .center-column .c-widget__title {
  font-size: 22px;
  font-weight: bold;
}
.l-contents .columns .center-column .c-widget__more a {
  font-weight: bold;
}
.l-contents .columns .center-column .c-widget__content {
  position: relative;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget {
  display: flex;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel {
  background: var(--color__white);
  /* border-radius: 6px; */
  /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); */
  display: flex;
  flex-direction: column;
  width: 200px;
  max-width: 200px;
  height: 350px;
  overflow: hidden;
  margin: 8px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel:hover .c-product-panel__img,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel:hover .c-product-panel__img {
  opacity: 0.6;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__img,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__img {
  position: relative;
  min-height: 200px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__img img,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__img img {
  width: 200px;
  max-width: 200px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__soldout,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__soldout {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  color: var(--color__white);
  background-color: rgba(23, 23, 23, 0.6);
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__timesale,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__timesale {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: var(--color__white);
  text-align: center;
  background-color: var(--color__red);
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__timesale > :not(.count_down_box),
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__timesale .hasCountdown,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__timesale > :not(.count_down_box),
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__timesale .hasCountdown {
  padding: 8px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__timesale small,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__timesale small {
  font-size: 10px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__timesale em,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__timesale em {
  font-size: 13px;
  font-style: normal;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__rank,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__rank {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--color__white);
  text-align: center;
  background: var(--color__gray--dark);
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__rank--1,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__rank--1 {
  background: #d1bb5e;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__rank--2,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__rank--2 {
  background: #a8a8a8;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__rank--3,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__rank--3 {
  background: #bf8656;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__summary,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__summary {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 14px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__name,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: bold;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__description,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 14px;
  font-size: 13px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__price small,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__price small {
  font-size: 10px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__price-value,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__price-value {
  display: inline-flex;
  align-items: baseline;
  font-size: 15px;
  font-weight: bold;
  color: var(--color__green--dark);
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__status,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__restock-notification,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification {
  margin-top: auto;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link {
  position: relative;
  padding-left: 12px;
  margin-top: 26px;
  font-size: 12px;
  font-weight: 600;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link:before,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  content: ">";
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__favorite,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__favorite {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  height: 50px;
  margin-top: auto;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__favorite-icon,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__favorite-icon {
  width: 36px;
  height: 36px;
  background-color: var(--color__gray--light);
  background-image: url("/assets/svg/favorite_off.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  transform: translate(4px, 4px);
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .c-product-panel__favorite-icon--on,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .c-product-panel__favorite-icon--on {
  background-color: var(--color__gray--dark);
  background-image: url("/assets/svg/favorite_on.svg");
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .slick-arrow,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .slick-arrow {
  position: absolute;
  top: 45%;
  z-index: 1;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  background: #ffffff;
  border: 0;
  border-radius: 50%;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .slick-arrow::before,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .slick-arrow::before {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  content: "";
  background: url("/assets/svg/arrow.svg") center center no-repeat;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .slick-prev,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .slick-prev {
  left: -15px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .slick-prev::before,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .slick-prev::before {
  transform: rotate(180deg);
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .slick-next,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .slick-next {
  right: -15px;
}
.l-contents .columns .center-column .c-widget__content .ranking-widget .slick-disabled,
.l-contents .columns .center-column .c-widget__content .recommend-product-widget .slick-disabled {
  opacity: 0.5;
}
.l-contents .columns .center-column .c-widget__content .category-widget {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.l-contents .columns .center-column .c-widget__content .category-widget__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: calc((100% - 48px) / 4);
  min-width: 200px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.l-contents .columns .center-column .c-widget__content .category-widget__item:hover {
  opacity: 0.6;
}
.l-contents .columns .center-column .c-widget__content .category-widget__img {
  width: 60px;
  min-width: 60px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.l-contents .columns .center-column .c-widget__content .category-widget__img img {
  width: 100%;
  border-radius: inherit;
}
.l-contents .columns .center-column .c-widget__content .category-widget__name {
  width: 100%;
  padding: 12px;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
}
.l-contents .columns .center-column .c-widget__content .news-widget__item {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.l-contents .columns .center-column .c-widget__content .news-widget__date {
  margin-right: 40px;
  margin-bottom: 6px;
  color: var(--color__gray--dark);
}
.l-contents .columns .center-column .c-widget__content .news-widget__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.l-contents .columns .center-column .c-widget__content .news-widget__headline {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  font-weight: bold;
  word-break: break-all;
  cursor: pointer;
}
.l-contents .columns .center-column .c-widget__content .news-widget__headline span {
  display: block;
}
.l-contents .columns .center-column .c-widget__content .news-widget__headline i {
  display: block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: auto;
  color: transparent;
  user-select: none;
  background: url("/assets/svg/plus.svg") center center no-repeat;
}
.l-contents .columns .center-column .c-widget__content .news-widget__headline i.is-open {
  background: url("/assets/svg/minus.svg") center center no-repeat;
}
.l-contents .columns .center-column .c-widget__content .news-widget__detail {
  display: none;
  margin-bottom: 30px;
  line-height: 24px;
  word-break: break-all;
}
.l-contents .columns .center-column .c-widget__content .calendar-widget {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}
.l-contents .columns .center-column .c-widget__content .calendar-widget__item {
  width: calc((100% - 52px) / 3);
  padding: 20px;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 6px;
}
.l-contents .columns .center-column .c-widget__content .calendar-widget table {
  width: 100%;
  font-size: 12px;
}
.l-contents .columns .center-column .c-widget__content .calendar-widget table td {
  text-align: center;
}
.l-contents .columns .center-column .c-widget__content .calendar-widget__off {
  color: var(--color__red);
}
.l-contents .columns .center-column .c-widget__content .calendar-widget__year {
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  color: var(--color__gray--dark);
}
.l-contents .columns .center-column .c-widget__content .calendar-widget__month {
  display: block;
  padding-bottom: 12px;
  margin-bottom: 28px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid var(--color__chacoal);
}
.l-contents .columns .center-column .c-widget__content .calendar-widget tbody td {
  font-weight: 600;
}
.l-contents .columns .left-column,
.l-contents .columns .right-column {
  width: var(--width-side-widget);
  min-width: var(--width-side-widget);
}
.l-contents .columns .left-column .c-widget,
.l-contents .columns .right-column .c-widget {
  margin-bottom: 30px;
}
.l-contents .columns .left-column .c-widget:last-of-type,
.l-contents .columns .right-column .c-widget:last-of-type {
  margin-bottom: 0;
}
.l-contents .columns .left-column .c-widget__head,
.l-contents .columns .right-column .c-widget__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.l-contents .columns .left-column .c-widget__title,
.l-contents .columns .right-column .c-widget__title {
  font-size: 22px;
  font-weight: bold;
}
.l-contents .columns .left-column .c-widget__more a,
.l-contents .columns .right-column .c-widget__more a {
  font-weight: bold;
}
.l-contents .columns .left-column .c-widget__content,
.l-contents .columns .right-column .c-widget__content {
  position: relative;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget,
.l-contents .columns .right-column .c-widget__content .ranking-widget,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget {
  display: flex;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel {
  background: var(--color__white);
  border-radius: 6px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  width: 200px;
  max-width: 200px;
  height: 350px;
  overflow: hidden;
  margin: 8px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel:hover .c-product-panel__img,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel:hover .c-product-panel__img,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel:hover .c-product-panel__img,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel:hover .c-product-panel__img {
  opacity: 0.6;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__img,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__img,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__img,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__img {
  position: relative;
  min-height: 200px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__img img,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__img img,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__img img,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__img img {
  width: 200px;
  max-width: 200px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__soldout,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__soldout,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__soldout,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__soldout {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  color: var(--color__white);
  background-color: rgba(23, 23, 23, 0.6);
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__timesale,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__timesale,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__timesale,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__timesale {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: var(--color__white);
  text-align: center;
  background-color: var(--color__red);
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__timesale > :not(.count_down_box),
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__timesale .hasCountdown,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__timesale > :not(.count_down_box),
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__timesale .hasCountdown,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__timesale > :not(.count_down_box),
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__timesale .hasCountdown,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__timesale > :not(.count_down_box),
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__timesale .hasCountdown {
  padding: 8px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__timesale small,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__timesale small,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__timesale small,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__timesale small {
  font-size: 10px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__timesale em,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__timesale em,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__timesale em,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__timesale em {
  font-size: 13px;
  font-style: normal;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__rank,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__rank,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__rank,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__rank {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--color__white);
  text-align: center;
  background: var(--color__gray--dark);
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__rank--1,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__rank--1,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__rank--1,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__rank--1 {
  background: #d1bb5e;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__rank--2,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__rank--2,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__rank--2,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__rank--2 {
  background: #a8a8a8;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__rank--3,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__rank--3,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__rank--3,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__rank--3 {
  background: #bf8656;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__summary,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__summary,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__summary,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__summary {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 14px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__name,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__name,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__name,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: bold;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__description,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__description,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__description,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 14px;
  font-size: 13px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__price small,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__price small,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__price small,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__price small {
  font-size: 10px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__price-value,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__price-value,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__price-value,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__price-value {
  display: inline-flex;
  align-items: baseline;
  font-size: 15px;
  font-weight: bold;
  color: var(--color__green--dark);
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__status,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__status,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__status,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__status {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__restock-notification,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__restock-notification,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification {
  margin-top: auto;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link {
  position: relative;
  padding-left: 12px;
  margin-top: 26px;
  font-size: 12px;
  font-weight: 600;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link:before,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link:before,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__restock-notification-link:before,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__restock-notification-link:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  content: ">";
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__favorite,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__favorite,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__favorite,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__favorite {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  height: 50px;
  margin-top: auto;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__favorite-icon,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__favorite-icon,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__favorite-icon,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__favorite-icon {
  width: 36px;
  height: 36px;
  background-color: var(--color__gray--light);
  background-image: url("/assets/svg/favorite_off.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  transform: translate(4px, 4px);
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .c-product-panel__favorite-icon--on,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .c-product-panel__favorite-icon--on,
.l-contents .columns .right-column .c-widget__content .ranking-widget .c-product-panel__favorite-icon--on,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .c-product-panel__favorite-icon--on {
  background-color: var(--color__gray--dark);
  background-image: url("/assets/svg/favorite_on.svg");
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .slick-arrow,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .slick-arrow,
.l-contents .columns .right-column .c-widget__content .ranking-widget .slick-arrow,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .slick-arrow {
  position: absolute;
  top: 45%;
  z-index: 1;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  background: #ffffff;
  border: 0;
  border-radius: 50%;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .slick-arrow::before,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .slick-arrow::before,
.l-contents .columns .right-column .c-widget__content .ranking-widget .slick-arrow::before,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .slick-arrow::before {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  content: "";
  background: url("/assets/svg/arrow.svg") center center no-repeat;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .slick-prev,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .slick-prev,
.l-contents .columns .right-column .c-widget__content .ranking-widget .slick-prev,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .slick-prev {
  left: -15px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .slick-prev::before,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .slick-prev::before,
.l-contents .columns .right-column .c-widget__content .ranking-widget .slick-prev::before,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .slick-prev::before {
  transform: rotate(180deg);
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .slick-next,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .slick-next,
.l-contents .columns .right-column .c-widget__content .ranking-widget .slick-next,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .slick-next {
  right: -15px;
}
.l-contents .columns .left-column .c-widget__content .ranking-widget .slick-disabled,
.l-contents .columns .left-column .c-widget__content .recommend-product-widget .slick-disabled,
.l-contents .columns .right-column .c-widget__content .ranking-widget .slick-disabled,
.l-contents .columns .right-column .c-widget__content .recommend-product-widget .slick-disabled {
  opacity: 0.5;
}
.l-contents .columns .left-column .c-widget__content .category-widget,
.l-contents .columns .right-column .c-widget__content .category-widget {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  display: block;
}
.l-contents .columns .left-column .c-widget__content .category-widget__item,
.l-contents .columns .right-column .c-widget__content .category-widget__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: calc((100% - 48px) / 4);
  min-width: 200px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.l-contents .columns .left-column .c-widget__content .category-widget__item:hover,
.l-contents .columns .right-column .c-widget__content .category-widget__item:hover {
  opacity: 0.6;
}
.l-contents .columns .left-column .c-widget__content .category-widget__img,
.l-contents .columns .right-column .c-widget__content .category-widget__img {
  width: 60px;
  min-width: 60px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.l-contents .columns .left-column .c-widget__content .category-widget__img img,
.l-contents .columns .right-column .c-widget__content .category-widget__img img {
  width: 100%;
  border-radius: inherit;
}
.l-contents .columns .left-column .c-widget__content .category-widget__name,
.l-contents .columns .right-column .c-widget__content .category-widget__name {
  width: 100%;
  padding: 12px;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
}
.l-contents .columns .left-column .c-widget__content .category-widget__item,
.l-contents .columns .right-column .c-widget__content .category-widget__item {
  width: 100%;
  min-width: auto;
  padding: 8px 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: none;
}
.l-contents .columns .left-column .c-widget__content .category-widget__img,
.l-contents .columns .right-column .c-widget__content .category-widget__img {
  margin-right: 8px;
}
.l-contents .columns .left-column .c-widget__content .category-widget__name,
.l-contents .columns .right-column .c-widget__content .category-widget__name {
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
.l-contents .columns .left-column .c-widget__content .news-widget__item,
.l-contents .columns .right-column .c-widget__content .news-widget__item {
  display: flex;
  margin-bottom: 10px;
}
.l-contents .columns .left-column .c-widget__content .news-widget__date,
.l-contents .columns .right-column .c-widget__content .news-widget__date {
  margin-right: 40px;
  margin-bottom: 6px;
  color: var(--color__gray--dark);
}
.l-contents .columns .left-column .c-widget__content .news-widget__content,
.l-contents .columns .right-column .c-widget__content .news-widget__content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.l-contents .columns .left-column .c-widget__content .news-widget__headline,
.l-contents .columns .right-column .c-widget__content .news-widget__headline {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  font-weight: bold;
  word-break: break-all;
  cursor: pointer;
}
.l-contents .columns .left-column .c-widget__content .news-widget__headline span,
.l-contents .columns .right-column .c-widget__content .news-widget__headline span {
  display: block;
}
.l-contents .columns .left-column .c-widget__content .news-widget__headline i,
.l-contents .columns .right-column .c-widget__content .news-widget__headline i {
  display: block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: auto;
  color: transparent;
  user-select: none;
  background: url("/assets/svg/plus.svg") center center no-repeat;
}
.l-contents .columns .left-column .c-widget__content .news-widget__headline i.is-open,
.l-contents .columns .right-column .c-widget__content .news-widget__headline i.is-open {
  background: url("/assets/svg/minus.svg") center center no-repeat;
}
.l-contents .columns .left-column .c-widget__content .news-widget__detail,
.l-contents .columns .right-column .c-widget__content .news-widget__detail {
  display: none;
  margin-bottom: 30px;
  line-height: 24px;
  word-break: break-all;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget,
.l-contents .columns .right-column .c-widget__content .calendar-widget {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  display: block;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__item,
.l-contents .columns .right-column .c-widget__content .calendar-widget__item {
  width: calc((100% - 52px) / 3);
  padding: 20px;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 6px;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget table,
.l-contents .columns .right-column .c-widget__content .calendar-widget table {
  width: 100%;
  font-size: 12px;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget table td,
.l-contents .columns .right-column .c-widget__content .calendar-widget table td {
  text-align: center;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__off,
.l-contents .columns .right-column .c-widget__content .calendar-widget__off {
  color: var(--color__red);
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__year,
.l-contents .columns .right-column .c-widget__content .calendar-widget__year {
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  color: var(--color__gray--dark);
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__month,
.l-contents .columns .right-column .c-widget__content .calendar-widget__month {
  display: block;
  padding-bottom: 12px;
  margin-bottom: 28px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid var(--color__chacoal);
}
.l-contents .columns .left-column .c-widget__content .calendar-widget tbody td,
.l-contents .columns .right-column .c-widget__content .calendar-widget tbody td {
  font-weight: 600;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__item,
.l-contents .columns .right-column .c-widget__content .calendar-widget__item {
  width: 100%;
  padding: 20px 14px;
  margin-bottom: 30px;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__year,
.l-contents .columns .right-column .c-widget__content .calendar-widget__year {
  margin-bottom: 9px;
  font-size: 12px;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget__month,
.l-contents .columns .right-column .c-widget__content .calendar-widget__month {
  margin: 0;
  font-size: 13px;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget thead th,
.l-contents .columns .right-column .c-widget__content .calendar-widget thead th {
  padding: 14px 0;
}
.l-contents .columns .left-column .c-widget__content .calendar-widget tbody tr:not(:last-of-type) td,
.l-contents .columns .right-column .c-widget__content .calendar-widget tbody tr:not(:last-of-type) td {
  padding-bottom: 6px;
}

.p-top .main-image-slider {
  position: relative;
  padding: 0 0 40px 0;
  background: var(--color__white);
}
.p-top .main-image-slider__body:not(.slick-initialized) {
  overflow: hidden;
  visibility: hidden;
}
.p-top .main-image-slider__item {
  width: 600px;
}
.p-top .main-image-slider__item:hover {
  opacity: 0.7;
}
.p-top .main-image-slider__item img {
  max-width: var(--width-base);
  margin: 0 20px;
  object-fit: cover;
}
.p-top .main-image-slider .slick-arrow {
  position: absolute;
  top: 40%;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5019607843);
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.p-top .main-image-slider .slick-arrow::before {
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  background: url(data:image/svg\+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjI1IiBoZWlnaHQ9IjguNSIgdmlld0JveD0iMCAwIDUuMjUgOC41Ij48cGF0aCBkPSJNOTIxLjY1NSw4NDguNWEuNS41LDAsMCwxLS4zNTQtLjE4OGwtLjE5My0uMjQ0YS41LjUsMCwwLDEsLjA1LS42NzVsMy4zNTItMy4xNDItMy4zNTItMy4xNDlhLjUuNSwwLDAsMS0uMDQ4LS42NzlsLjE5MS0uMjM2YS41LjUsMCwwLDEsLjM1My0uMTg1bC4wMzYsMGEuNS41LDAsMCwxLC4zMzkuMTMzbDQuMDYsMy43NDlhLjUuNSwwLDAsMSwwLC43MzVsLTQuMDU2LDMuNzQ5YS41LjUsMCwwLDEtLjMzOS4xMzNaIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTIxIC04NDApIiAvPjwvc3ZnPg\=\=);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.p-top .main-image-slider .slick-prev {
  left: calc((100% - var(--width-base)) / 2 - 20px);
}
.p-top .main-image-slider .slick-prev::before {
  transform: rotate(180deg);
}
.p-top .main-image-slider .slick-next {
  right: calc((100% - var(--width-base)) / 2 - 20px);
}
.p-top .main-image-slider .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.p-top .main-image-slider .slick-dots button {
  width: 40px;
  height: 3px;
  margin: 0 8px;
  overflow: hidden;
  color: transparent;
  cursor: pointer;
  background: #dfdfdf;
  border: 0;
  border-radius: 1px;
}
.p-top .main-image-slider .slick-dots .slick-active button {
  background: #171717;
}
.p-top .main-visual {
  padding: 40px 0;
}
.p-top .main-visual img {
  width: var(--width-base);
  height: 392px;
  margin: auto;
  object-fit: cover;
}

.c-mypage-nav {
  display: inline-block;
  width: 240px;
  overflow: hidden;
  line-height: 1;
}
.c-mypage-nav .mypage-nav {
  margin-bottom: 60px;
}
.c-mypage-nav .mypage-nav:last-of-type {
  margin-bottom: 0;
}
.c-mypage-nav .mypage-nav__title {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  border-bottom: 1px solid var(--color__gray);
}
.c-mypage-nav .mypage-nav__sub-title {
  font-size: 14px;
  font-weight: normal;
}
.c-mypage-nav .mypage-nav__item {
  border-bottom: 1px solid var(--color__gray);
}
.c-mypage-nav .mypage-nav__link {
  display: block;
  width: 100%;
  padding: 14px 0;
  line-height: 1;
  color: var(--color__chacoal);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  background: url("/assets/svg/arrow.svg") no-repeat 95% center;
  border: none;
  -webkit-appearance: none;
}

.p-mypage {
  position: relative;
  margin-bottom: 70px;
}
.p-mypage .mypage-line-connect .c-line-connect-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 192px;
  height: 32px;
  padding: 0;
  cursor: pointer;
  background-color: #06c755;
  border: none;
  border-radius: 6px;
}
.p-mypage .mypage-line-connect .c-line-connect-button .left {
  width: 32px;
}
.p-mypage .mypage-line-connect .c-line-connect-button .left img {
  width: 22px;
  margin: auto;
}
.p-mypage .mypage-line-connect .c-line-connect-button .right {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  color: var(--color__white);
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.p-mypage .mypage-line-connect .c-line-connect-button:hover ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.p-mypage .mypage-line-connect .c-line-connect-button:active ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.p-mypage .mypage-point-info {
  display: flex;
  align-items: flex-end;
}
.p-mypage .mypage-point-info__point {
  margin-left: 32px;
}
.p-mypage .mypage-point-info__point span {
  font-size: 18px;
}
.p-mypage .mypage-contents {
  display: flex;
  flex-wrap: wrap;
}
.p-mypage .mypage-contents .c-contents-header {
  width: 100%;
}
.p-mypage .mypage-contents__aside {
  width: 240px;
  margin-right: 50px;
}
.p-mypage .mypage-contents__main {
  width: calc(100% - 290px);
}
.p-mypage .mypage-contents__header {
  margin-bottom: 60px;
}
.p-mypage .mypage-contents__title {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
}
.p-mypage .mypage-contents__list-item-count {
  font-weight: bold;
}
.p-mypage .mypage-contents__section {
  margin-bottom: 60px;
}
.p-mypage .mypage-contents__section .mypage-contents__header {
  margin-bottom: 20px;
}

.p-mypage-login .c-password-textbox__icon {
  width: 36px;
}
.p-mypage-login .flex-contents {
  display: flex;
}
.p-mypage-login .flex-contents .login-content {
  width: 100%;
  margin-right: 10px;
  background-color: var(--color__white);
}
.p-mypage-login .flex-contents .login-content:last-of-type {
  margin-right: 0;
}
.p-mypage-login .flex-contents .login-content__title {
  padding: 20px 0;
  font-size: 20px;
  line-height: 1;
  color: var(--color__white);
  text-align: center;
  background-color: var(--color__chacoal);
}
.p-mypage-login .flex-contents .login-content__main {
  padding: 30px 30px 40px;
}
.p-mypage-login .flex-contents .login-content__main .login-text {
  margin-top: -5px;
  line-height: 24px;
}
.p-mypage-login .flex-contents .login-content__main .input-area {
  padding: 20px;
  margin-top: 15px;
  background-color: var(--color__gray--lighter);
}
.p-mypage-login .flex-contents .login-content__main .input-area__input {
  margin-bottom: 20px;
}
.p-mypage-login .flex-contents .login-content__main .input-area__input .form-group {
  display: grid;
  grid-template-columns: 1fr 280px;
  align-items: center;
  margin-bottom: 10px;
}
.p-mypage-login .flex-contents .login-content__main .input-area__input .form-group:last-of-type {
  margin-bottom: 0;
}
.p-mypage-login .flex-contents .login-content__main .c-checkbox label {
  font-size: 12px;
}
.p-mypage-login .flex-contents .login-content__main .button-area {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
.p-mypage-login .flex-contents .login-content__main .button-area .c-button {
  width: 200px;
  height: 40px;
  padding: 13px;
  font-weight: 600;
}
.p-mypage-login .flex-contents .login-content__main .forget-message {
  margin-top: -3px;
  font-size: 12px;
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect {
  width: 100%;
  padding-top: 30px;
  margin-top: 40px;
  font-size: 13px;
  text-align: center;
  border-top: 1px solid var(--color__gray);
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 192px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  background-color: #06c755;
  border: none;
  border-radius: 6px;
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button .left {
  width: 40px;
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button .left img {
  width: 28px;
  margin: auto;
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button .right {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--color__white);
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button:hover ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button:active ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.p-mypage-login .flex-contents .login-content__main .mypage-line-connect .c-line-connect-button {
  margin: auto;
}
.p-mypage-login .amazon-pay {
  padding: 30px 40px;
  margin-top: 60px;
  background-color: var(--color__white);
  border: 4px solid var(--color__gray);
}
.p-mypage-login .amazon-pay__header {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.p-mypage-login .amazon-pay__description {
  margin-top: -6px;
  margin-bottom: 14px;
  line-height: 26px;
}
.p-mypage-login .amazon-pay .amazon-pay-main {
  display: flex;
  justify-content: space-between;
}
.p-mypage-login .amazon-pay .amazon-pay-main #AmazonPayButtonV2 {
  width: 312px;
}

.p-mypage-history-list .mypage-line-connect {
  position: absolute;
  top: 0;
  right: 0;
}
.p-mypage-history-list .history-content__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.p-mypage-history-list .history-content__count {
  font-weight: 600;
}
.p-mypage-history-list .history-content .history-list__item {
  display: flex;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color__gray);
}
.p-mypage-history-list .history-content .history-list__item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.p-mypage-history-list .history-content .history-list__img {
  width: 120px;
  min-width: 120px;
  height: 120px;
}
.p-mypage-history-list .history-content .history-list__summary {
  flex-grow: 1;
  padding-left: 20px;
}
.p-mypage-history-list .history-content .history-list__summary .summary__header {
  margin-bottom: 14px;
}
.p-mypage-history-list .history-content .history-list__summary .summary__main {
  margin-bottom: 20px;
}
.p-mypage-history-list .history-content .history-list__summary .summary__item {
  display: block;
  line-height: 26px;
}
.p-mypage-history-list .history-content .history-list__summary .summary__buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.p-mypage-history-list .history-content .history-list__summary .summary__buttons-wrapper > .c-button {
  min-width: 150px;
  max-width: 150px;
}

.p-mypage-regular .c-section {
  padding: 0;
}
.p-mypage-regular .regular-list .c-table {
  margin-top: 20px;
}
.p-mypage-regular .regular-list__item {
  padding-top: 30px;
  border-bottom: 1px solid var(--color__gray);
}
.p-mypage-regular .regular-list__item.status-stop {
  background-color: var(--color__gray--light);
}
.p-mypage-regular .regular-list__item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.p-mypage-regular .regular-list__summary {
  padding: 0 40px 30px;
}
.p-mypage-regular .regular-list__summary-item {
  display: block;
  line-height: 26px;
}
.p-mypage-regular .regular-list__summary-button {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: start;
  margin-top: 20px;
}
.p-mypage-regular .regular-list__summary-button .c-button {
  min-width: 140px;
}
.p-mypage-regular .regular-list__detail {
  padding: 30px 40px;
  background-color: #dbeffc;
}
.p-mypage-regular .regular-list__detail .detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 20px;
}
.p-mypage-regular .regular-list__detail .detail-header h4 {
  margin: 0;
}
.p-mypage-regular .regular-list__detail .close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: #ffffff;
  background: url("/assets/svg/cross.svg") center center/10px no-repeat;
  background-color: #000000;
  border-radius: 50%;
}
.p-mypage-regular .regular-list__detail .action-buttons {
  display: flex;
  gap: 10px;
  justify-content: start;
}
.p-mypage-regular .regular-list__detail .action-buttons button.c-button {
  width: 145px;
  color: var(--color__chacoal);
  background-color: var(--color__white);
  border: 1px solid var(--color__gray--light);
}
.p-mypage-regular .regular-list__detail .course-name-row th {
  background-color: var(--color__blue--light);
}
.p-mypage-regular .regular-list__detail .price-row th {
  font-weight: normal;
  background-color: var(--color__yellow--light);
}
.p-mypage-regular .regular-list__detail .price-row td {
  font-weight: bold;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-table th,
.p-mypage-regular .regular-list__detail .order-detail-section .order-table td {
  padding: 12px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-table td span {
  line-height: 24px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-table td .c-link {
  font-size: 12px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-table td .c-button {
  float: right;
  font-size: 12px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table th,
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table td {
  padding: 10px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table__one-time-count-badge {
  width: fit-content;
  padding: 0 4px;
  margin: -10px 0 10px -10px;
  color: var(--color__white);
  background-color: var(--color__blue--turquoise);
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table__product {
  display: flex;
  gap: 10px;
  font-size: 12px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table__product-img {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table__product-info {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table__product-info .c-link {
  font-size: 14px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-table__product-info .c-button {
  font-size: 12px;
}
.p-mypage-regular .regular-list__detail .order-detail-section .order-detail-attention {
  margin-top: 10px;
  font-size: 12px;
}
.p-mypage-regular .regular-list__detail .next-info-section {
  margin: 30px 0;
}
.p-mypage-regular .regular-list__detail .delivery-info-section .deliv-select {
  display: inline-block;
}

.p-mypage-combine-list .search-section.c-section {
  padding: 30px;
}
.p-mypage-combine-list .search-section .search-group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.p-mypage-combine-list .search-section .search-group label {
  font-weight: bold;
}
.p-mypage-combine-list .product-list-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 40px 0;
}
.p-mypage-combine-list .product-list-header span {
  font-weight: 600;
}
.p-mypage-combine-list .panel-selection-part {
  margin-top: 20px;
}
.p-mypage-combine-list .panel-selection-part .quantity-row {
  gap: 8px;
  margin-top: 20px;
}
.p-mypage-combine-list .panel-selection-part .quantity-row label {
  margin: 0;
  font-size: 12px;
}
.p-mypage-combine-list .panel-selection-part .quantity-row .c-button {
  flex-grow: 1;
}
.p-mypage-combine-list .panel-selection-part .quantity-row .c-textbox {
  text-align: right;
}
.p-mypage-combine-list .c-product-panel__favorite-icon {
  cursor: pointer;
}

.c-bundle-combination-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  height: 90vh !important;
  transform: translate(-50%, -50%) !important;
  width: var(--width-base) !important;
}
.c-bundle-combination-modal__content {
  display: none;
  display: flex;
  flex-direction: column;
  height: calc(100% - 41px) !important;
}
.c-bundle-combination-modal__body {
  flex: 1;
  overflow-y: auto;
}
.c-bundle-combination-modal__actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  border-top: solid 1px var(--color__gray);
}
.c-bundle-combination-modal__actions--column {
  flex-direction: column;
}
.c-bundle-combination-modal .c-bundle-combination {
  display: flex;
  margin-top: 10px;
  overflow-wrap: anywhere;
  padding: 10px;
}
.c-bundle-combination-modal .c-bundle-combination button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-bundle-combination-modal .c-bundle-combination button:not(:disabled) {
  cursor: pointer;
}
.c-bundle-combination-modal .c-bundle-combination__product-root {
  flex: 1;
  margin-right: 14px;
}
.c-bundle-combination-modal .c-bundle-combination__cart-root {
  width: 206px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product--na {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: red;
  background-color: pink;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__header {
  display: flex;
  font-size: 16px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__header-text {
  flex: 1;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__header-current-quantity {
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__tab {
  display: flex;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__tab-button {
  flex: 1 1 0px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #808080;
  border-bottom: solid 3px #ececec;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__tab-button:hover, .c-bundle-combination-modal .c-bundle-combination .c-bundle-product__tab-button--active {
  color: #333333;
  border-bottom: solid 3px #0ab14d;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort {
  position: relative;
  margin-left: auto;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort button {
  display: flex;
  align-items: center;
  border: #333333 solid 1px;
  border-radius: 4px;
  background: #ffffff;
  color: #333333;
  font-size: 12px;
  min-width: max-content;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort button::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background: url("/assets/svg/sort.svg") center center no-repeat;
  background-size: cover;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort.is-active button {
  border-color: #ebebeb;
  background: #ebebeb;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort.is-active .c-bundle-product__sort-menu {
  display: flex;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort-menu {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  background: #ffffff;
  flex-direction: column;
  padding: 8px;
  margin-top: 4px;
  width: 120px;
  box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.19);
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort-menu label {
  font-weight: normal;
  font-size: 12px;
  padding: 4px 16px;
  cursor: pointer;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort-menu label:has(input:checked), .c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort-menu label:hover {
  background: #ebebeb;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__sort-menu label input {
  display: none;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__list-header {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 5px;
  font-size: 16px;
  border-bottom: solid 2px #000000;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__list-status {
  display: flex;
  font-size: 16px;
  padding: 12px 3px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__list-status-text {
  flex: 1;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__list-status-current-quantity {
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__list-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-self: flex-start;
  width: 100%;
  padding: 8px 10px;
  font-size: 10px;
  background-color: #ffffff;
  border: solid 1px #b3b3b3;
  border-radius: 4px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #ebebeb;
  border: solid 1px rgba(0, 0, 0, 0.5);
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-image-frame .image {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-meta ::after {
  display: table;
  clear: both;
  content: "";
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-description {
  display: inline-block;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-extra-price {
  width: fit-content;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.1;
  color: #ffffff;
  border-radius: 3px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-extra-price--plus {
  background-color: #8bb5f4;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-extra-price--minus {
  background-color: #f48b8b;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-extra-price--align-right {
  float: right;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories div:last-child {
  flex: 1;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories label {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 10px;
  font-weight: normal;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories-label-value {
  width: 40px;
  min-width: 40px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories select {
  width: 100%;
  height: 22px;
  font-size: 10px;
  font-weight: normal;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories .c-select select {
  padding-right: 24px;
  padding-left: 4px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-classcategories .c-select i {
  width: 20px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-button-group {
  display: flex;
  gap: 10px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-button {
  flex-grow: 1;
  font-size: 10px;
  border-radius: 3px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-button--quantity-increment {
  color: #6c9925;
  border: solid 1px #6c9925;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-button--quantity-decrement {
  color: #333333;
  border: solid 1px #979797;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-button:disabled {
  color: gray;
  cursor: default;
  background-color: lightgray;
  border: solid 1px gray;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-quantity {
  display: flex;
  justify-content: flex-end;
  letter-spacing: 0.1rem;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-product__product-unavailable-temporarily {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart {
  position: sticky;
  top: 0;
  background-color: #ebebeb;
  border: solid 1px #b3b3b3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart--ok .c-bundle-combination-cart-header {
  background-color: #dceed8 !important;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart--ok .c-bundle-combination-cart-item {
  background-color: #ebf7f1 !important;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  color: #333333;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-header-quantity {
  font-size: 13px;
  font-weight: bold;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-header-delete-all {
  font-size: 10px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  padding: 8px 5px;
  margin-top: 1px;
  background-color: #ffffff;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item--error {
  background-color: var(--color__pink, #fdeaea);
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  width: 20px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-actions-quantity {
  font-size: 10px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-actions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  min-width: 67px;
  background-color: #ebebeb;
  border: solid 1px rgba(0, 0, 0, 0.5);
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-image-frame .image {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-meta {
  flex-grow: 1;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-name {
  font-size: 10px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-delete-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-family: monospace;
  content: "+";
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart-item-delete-button::after {
  display: block;
  font-size: 20px;
  content: "×"; /* This will render the 'X' */
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart__font--sm {
  font-size: 11px;
}
.c-bundle-combination-modal .c-bundle-combination .c-bundle-combination-cart__alert {
  color: red;
}
.c-bundle-combination-modal .c-bundle-combination__hidden_until_all_requirements_are_fulfilled {
  display: none;
}

.p-mypage-combine-confirm .product-column {
  display: flex;
  gap: 10px;
}
.p-mypage-combine-confirm .product-column__img {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.p-mypage-combine-confirm .product-column__info {
  display: flex;
  flex-flow: column;
  gap: 10px;
  font-size: 12px;
}
.p-mypage-combine-confirm .product-column__info a {
  font-size: 14px;
}
.p-mypage-combine-confirm .next-section {
  margin-top: 30px;
}
.p-mypage-combine-confirm .price-row th {
  font-weight: normal;
  background-color: var(--color__yellow--light);
}
.p-mypage-combine-confirm .price-row td {
  font-weight: bold;
}

.p-mypage-point-history .point-list {
  margin-top: 20px;
}
.p-mypage-point-history .point-list table th,
.p-mypage-point-history .point-list table td {
  padding: 10px 10px;
}
.p-mypage-point-history .point-list table td:nth-child(1) {
  width: 100px;
}
.p-mypage-point-history .point-list table td:nth-child(2) {
  width: 110px;
  text-align: center;
}
.p-mypage-point-history .point-list table td:nth-child(3) {
  width: 50px;
}
.p-mypage-point-history .point-list table td:nth-child(4) {
  width: 100px;
  text-align: right;
}
.p-mypage-point-history .point-list table td:nth-child(5) {
  width: 100px;
  text-align: right;
  background-color: var(--color__yellow--light);
}
.p-mypage-point-history .point-list table td:nth-child(6) {
  width: 120px;
}
.p-mypage-point-history .point-list__action--get {
  color: var(--color__red);
}
.p-mypage-point-history .point-list__action--use {
  color: var(--color__blue);
}
.p-mypage-point-history .point-list__action--adjust {
  color: var(--color__green);
}
.p-mypage-point-history .point-list__action--lose {
  color: var(--color__gray--dark);
}
.p-mypage-point-history .point-list__value--get {
  background-color: var(--color__pink);
}
.p-mypage-point-history .point-list__value--use {
  background-color: var(--color__blue--light);
}
.p-mypage-point-history .point-list__value--adjust {
  background-color: var(--color__green--light);
}
.p-mypage-point-history .point-list__value--lose {
  background-color: var(--color__gray--light);
}
.p-mypage-point-history .point-list__balloon {
  position: absolute;
  display: none;
  padding: 20px;
}
.p-mypage-point-history .point-list__balloon-item {
  margin-bottom: 10px;
}

.p-mypage-zeus-card-change-info #zeus_table_mypage {
  width: 100%;
}
.p-mypage-zeus-card-change-info #zeus_token_card_info_area {
  display: grid;
  width: 100%;
}
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=tel],
.p-mypage-zeus-card-change-info #zeus_token_card_info_area input[type=text] {
  margin: 14px;
}
.p-mypage-zeus-card-change-info #zeus_token_card_info_area select {
  padding: 5px;
  margin: 14px;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area {
  display: grid;
  grid-template-columns: 220px 1fr 30px 1fr 30px;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 4;
  width: 100%;
  margin-left: 0 !important;
  background-color: #fff;
  border: 1px solid var(--color__gray);
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px;
  margin-top: 0;
  background-color: var(--color__gray--light);
  border-right: 1px solid var(--color__gray);
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 603px;
  height: 1px;
  content: "";
  background-color: var(--color__gray);
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label::after {
  margin-left: auto;
  content: "必須";
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label:first-child::before {
  display: none;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_number,
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_name {
  width: auto;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label[for=zeus_token_card_number] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_number {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 6;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label[for=zeus_token_card_expires_month] {
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_month {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_month_suffix,
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_year_suffix {
  display: flex;
  align-items: center;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_month_suffix {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 3;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_year {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 4;
  grid-column-end: 4;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_year_suffix {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 5;
  grid-column-end: 5;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_expires_note {
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 6;
  padding: 0 10px 10px;
  color: var(--color__gray--dark);
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label[for=zeus_token_card_name] {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_name {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 6;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area label[for=zeus_token_card_cvv] {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area #zeus_token_card_cvv {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-mypage-zeus-card-change-info #zeus_new_card_area br {
  display: none;
}
.p-mypage-zeus-card-change-info #zeus_token_action_type_new,
.p-mypage-zeus-card-change-info label[for=zeus_token_action_type_new],
.p-mypage-zeus-card-change-info #zeus_token_action_type_quick,
.p-mypage-zeus-card-change-info label[for=zeus_token_action_type_quick],
.p-mypage-zeus-card-change-info #zeus_registerd_card_area {
  display: none;
}

.p-mypage-change-regular-payment .payment-affair {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-mypage-change-regular-payment .payment-affair__img {
  width: fit-content;
}

.p-product-list {
  margin-bottom: 60px;
}
.p-product-list .product-list-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 50px;
}
.p-product-list .product-list-header__count span {
  font-weight: 600;
}
.p-product-list .product-list-header .c-select {
  width: 200px;
}

.c-bold {
  font-weight: 600;
}

.p-product-detail {
  margin-bottom: 60px;
}
.columns--1 .p-product-detail {
  --width-image-column: 465px;
  --width-gap-column: 50px;
  --width-thumbnail: 76px;
  --width-gap-thumbnail: 21px;
}
.columns--2 .p-product-detail {
  --width-image-column: 320px;
  --width-gap-column: 40px;
  --width-thumbnail: 52px;
  --width-gap-thumbnail: 15px;
}
.columns--3 .p-product-detail {
  --width-image-column: 100%;
  --width-gap-column: 40px;
  --width-thumbnail: 52px;
  --width-gap-thumbnail: 15px;
}
.p-product-detail .product {
  display: flex;
  flex-wrap: wrap;
  gap: var(--width-gap-column);
}
.p-product-detail .product__timesale {
  width: 100%;
}
.p-product-detail .product__timesale > :not(.count_down_box),
.p-product-detail .product__timesale .hasCountdown {
  padding: 8px 10px;
  font-size: 20px;
  font-weight: 600;
  color: var(--color__red);
  text-align: center;
  background-color: var(--color__pink);
  border: solid 2px var(--color__red);
}
.p-product-detail .product__timesale small {
  font-size: 16px;
}
.p-product-detail .product__image {
  width: var(--width-image-column);
  max-width: var(--width-image-column);
}
.p-product-detail .product__image-main {
  width: 100%;
}
.p-product-detail .product__image-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: var(--width-gap-thumbnail);
  align-items: flex-start;
  margin-top: var(--width-gap-thumbnail);
}
.p-product-detail .product__image-thumbnails img {
  width: var(--width-thumbnail);
}
.p-product-detail .product__image-thumbnails img:hover {
  opacity: 0.6;
}
.p-product-detail .product__main {
  flex: 1;
}
.p-product-detail .product__row {
  margin-top: 20px;
}
.p-product-detail .product__status {
  margin-bottom: 33px;
}
.p-product-detail .product__name {
  font-size: 22px;
  font-weight: 600;
}
.p-product-detail .product__price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* ←これを追加（水平方向の中央寄せ） */
  align-items: flex-end;
  margin-top: 24px;
  line-height: 1.1;
}
.p-product-detail .product__sale-price {
  margin-right: 30px;
}
.p-product-detail .product__sale-price small {
  font-size: 12px;
}
.p-product-detail .product__sale-price-value {
  display: inline-flex;
  align-items: baseline;
  font-size: 28px;
  font-weight: 600;
  color: var(--color__chacoal);
}
.p-product-detail .product__original-price {
  display: inline-flex;
  align-items: baseline;
}
.p-product-detail .product__original-price-value {
  display: inline-flex;
}
.p-product-detail .product__point {
  display: inline-flex;
}
.p-product-detail .product__point-value {
  display: inline-flex;
  font-weight: 600;
  color: var(--color__red);
}
.p-product-detail .product__spec {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 300px;
}
.p-product-detail .product__spec-label {
  flex: 1;
}
.p-product-detail .product__spec-value {
  width: 210px;
}
.p-product-detail .product__spec-table-title {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 600;
}
.p-product-detail .product__stock-table {
  margin-top: 10px;
}
.p-product-detail .product__stock-table .class-request-button {
  max-width: inherit;
  margin-top: 8px;
  white-space: normal;
}
.p-product-detail .product__returning-status-item {
  margin-bottom: 14px;
}
.p-product-detail .product__returning-status-item:last-child {
  margin-bottom: 0;
}
.p-product-detail .product__quantity {
  display: flex;
  align-items: center;
  width: 200px;
  margin-top: 30px;
}
.p-product-detail .product__quantity-label {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
}
.p-product-detail .product__quantity-value {
  width: 126px;
  border: 1px solid #dfdfdf;
}
.p-product-detail .product__cart-button {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.p-product-detail .product__regular-sale {
  margin-top: 40px;
}
.p-product-detail .product__section {
  margin-top: 40px;
}
.p-product-detail .product__review {
  position: relative;
}
.p-product-detail .product__review-header:after {
  display: table;
  clear: both;
  content: "";
}
.p-product-detail .product__review-result {
  float: left;
  margin-bottom: 20px;
}
.p-product-detail .product__review-button {
  float: right;
  margin-bottom: 20px;
}
.p-product-detail .product__review-count {
  font-weight: 600;
}
.p-product-detail .product__review-meta {
  display: flex;
  gap: 1em;
  justify-content: flex-end;
  margin-bottom: 21px;
  font-size: 12px;
  font-weight: 600;
}
.p-product-detail .product__review-date {
  white-space: nowrap;
}
.p-product-detail .product__review-author {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-product-detail .product__review-rating {
  white-space: nowrap;
}
.p-product-detail .product__review-rating-value {
  display: inline-block;
  width: 60px;
  color: var(--color__orange);
}
.p-product-detail .product__review-title {
  margin-bottom: 21px;
  font-size: 16px;
  font-weight: 600;
}
.p-product-detail .error-balloon {
  position: relative;
  width: 100%;
}
.p-product-detail .error-balloon__content {
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 1;
  width: 300px;
  padding: 14px;
  font-size: 12px;
  color: var(--color__red);
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
  border-radius: 6px;
}
.p-product-detail .error-balloon__content:empty {
  display: none;
}
.p-product-detail .error-balloon__content::before {
  position: absolute;
  top: 100%;
  right: 16px;
  content: "";
  border: 10px solid transparent;
  border-top: 18px solid var(--color__red);
}
.p-product-detail .error-balloon__content::after {
  position: absolute;
  top: 100%;
  right: 17px;
  content: "";
  border: 9px solid transparent;
  border-top: 17px solid var(--color__pink);
}

.p-cart {
  margin: 0 auto 70px;
}
.p-cart .c-contents-header {
  margin-bottom: 0;
}
.p-cart .c-contents-header + .cart-content {
  margin-top: 60px;
}
.p-cart .about-point {
  display: block;
  margin-top: 16px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
}
.p-cart .error-msg {
  padding: 12px 0 12px 20px;
  margin-bottom: 20px;
  line-height: 26px;
  color: var(--color__red);
  background-color: var(--color__white);
  border: 1px solid var(--color__red);
}
.p-cart .cart-content {
  margin-bottom: 70px;
}
.p-cart .cart-content__flex-content {
  display: flex;
}
.p-cart .cart-content__flex-content .cart-main {
  flex-grow: 1;
}
.p-cart .cart-content__flex-content .cart-main__list {
  padding: 50px 40px 40px;
  background-color: var(--color__white);
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid var(--color__gray);
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list:last-child {
  padding-bottom: 10px;
  margin-bottom: 0;
  border: none;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color__gray);
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__main {
  display: grid;
  grid-template-columns: 120px 1fr 188px;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__img {
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__column {
  padding-left: 20px;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__column .column__text {
  display: block;
  line-height: 26px;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__column .column__text:first-of-type {
  margin-top: -6px;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__caution {
  font-size: 12px;
  text-align: right;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__delete-button {
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
  background: transparent;
  border: none;
}
.p-cart .cart-content__flex-content .cart-main__list .cart-list .list-item__delete-button:hover {
  text-decoration: none;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table {
  width: 100%;
  font-weight: 600;
  border-collapse: collapse;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__counter {
  margin-left: auto;
  font-weight: 300;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__counter .c-select select,
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__counter .c-input-form input[type=text] {
  font-size: 16px;
  text-align: center;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__counter .c-select {
  width: 106px;
  margin-left: auto;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item th,
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color__gray);
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item:first-of-type th,
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item:first-of-type td {
  padding-top: 0;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item:last-of-type th,
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item:last-of-type td {
  padding-bottom: 0;
  border-bottom: 0;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item th {
  text-align: left;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item td {
  width: 124px;
  text-align: right;
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table__item .attach_item {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  color: var(--color__red);
}
.p-cart .cart-content__flex-content .cart-main__list .item-summary-table .item-summary-subtotal-row th {
  vertical-align: top;
}
.p-cart .cart-content__flex-content .cart-main .cross-sell-item {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  line-height: 26px;
}
.p-cart .cart-content__flex-content .cart-main .cross-sell-item > .c-button {
  min-width: 260px;
  padding: 12px;
  font-weight: 600;
}
.p-cart .cart-content__flex-content .cart-main__no-item {
  text-align: center;
}
.p-cart .cart-content__flex-content .cart-side {
  min-width: 340px;
  max-width: 340px;
  margin-left: 10px;
  background-color: var(--color__white);
}
.p-cart .cart-content__flex-content .cart-side__header .cart-postage {.c-counter
  font-weight: 600;
  text-align: center;
  background-color: var(--color__gray--light);
}
.p-cart .cart-content__flex-content .cart-side__header .cart-postage__text {
  padding: 16px;
}
.p-cart .cart-content__flex-content .cart-side__main {
  padding: 30px 30px 40px;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table {
  width: 100%;
  line-height: 1;
  border-collapse: collapse;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table th,
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table td,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table th,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table td {
  padding-bottom: 20px;
  font-weight: 300;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table .table-head,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table .table-head {
  text-align: left;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table .table-data,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table .table-data {
  text-align: right;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table {
  margin-bottom: 30px;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table__result-row th,
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table__result-row td {
  padding-bottom: 30px;
}
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table tr:last-of-type th,
.p-cart .cart-content__flex-content .cart-side__main .subtotal-table tr:last-of-type td {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color__gray);
}
.p-cart .cart-content__flex-content .cart-side__main .confirm-table {
  margin-bottom: 40px;
}
.p-cart .cart-content__flex-content .cart-side__main .confirm-table__total-row th,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table__total-row td {
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
}
.p-cart .cart-content__flex-content .cart-side__main .confirm-table tr:last-of-type th,
.p-cart .cart-content__flex-content .cart-side__main .confirm-table tr:last-of-type td {
  padding-bottom: 0;
}
.p-cart .cart-content__flex-content .cart-side__main .button-wrapper {
  display: flex;
  flex-flow: column;
}
.p-cart .cart-content__flex-content .cart-side__main .button-wrapper > .c-button {
  margin-bottom: 20px;
}
.p-cart .cart-content__flex-content .cart-side__main .button-wrapper > .c-button:last-child {
  margin-bottom: 0;
}
.p-cart .cart-content__flex-content .cart-side__main .amazon-pay {
  margin-top: 60px;
}
.p-cart .cart-content__flex-content .cart-side__main .amazon-pay__header {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.p-cart .cart-content__flex-content .cart-side__main .amazon-pay__description {
  margin-bottom: 16px;
  line-height: 26px;
}
.p-cart .cart-content__flex-content .cart-side__main .amazon-pay__check {
  margin-bottom: 22px;
}
.p-cart .cart-content__flex-content .cart-side__main .amazon-pay__check > .c-checkbox {
  margin-bottom: 20px;
}
.p-cart .cart-content__flex-content .cart-side__main .amazon-pay__check > .c-checkbox:last-child {
  margin-bottom: 0;
}

.p-order-input .order-input-form {
  margin-bottom: 60px;
}
.p-order-input .order-input-form__head h2 {
  padding-bottom: 15px;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 0px solid var(--color__chacoal);
}
.p-order-input .order-input-form__content {
  padding: 60px 0 20px;
}
.p-order-input .order-input-form__content-title {
  margin: 0;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
.p-order-input .order-input-form__content .add-shipping-address {
  margin-top: 20px;
  margin-bottom: 30px;
}
.p-order-input .order-input-form__content .shipping-address-list {
  margin-top: 30px;
}
.p-order-input .order-input-form__content .shipping-address-list .c-table table th:nth-child(1) {
  width: 70px;
}
.p-order-input .order-input-form__content .shipping-address-list .c-table .address-detail {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.p-order-input .order-input-form__content .shipping-address-list .c-table .address-detail__actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.p-order-input .order-input-form__content .payment-method-list {
  margin-top: 30px;
}
.p-order-input .order-input-form__content .payment-method-list .c-table table th:nth-child(1) {
  width: 70px;
}
.p-order-input .order-input-form__content .payment-method-list .c-table table th:nth-child(2) {
  text-align: left;
}
.p-order-input .order-input-form__content .payment-method-list .c-table table th:nth-child(3) {
  text-align: left;
}
.p-order-input .order-input-form__content .payment-method-list .c-table table td:nth-child(1) {
  text-align: center;
}
.p-order-input .order-input-form__content .payment-method-list .payment-affair {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-order-input .order-input-form__content .payment-method-list .payment-affair__img {
  width: fit-content;
}
.p-order-input .order-input-form__content .delivery-schedule {
  margin-top: 30px;
}
.p-order-input .order-input-form__content .delivery-schedule__row {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 20px 0;
}
.p-order-input .order-input-form__content .delivery-schedule__row:last-of-type {
  margin-bottom: 0;
}
.p-order-input .order-input-form__content .delivery-schedule__label {
  min-width: 120px;
  font-size: 14px;
  font-weight: bold;
}
.p-order-input .order-input-form__content .delivery-schedule__not-available {
  font-size: 14px;
}
.p-order-input .order-input-form__content .contact-message {
  margin-top: 30px;
}
.p-order-input .order-input-form__content .contact-message__row {
  display: flex;
  align-items: flex-end;
}
.p-order-input .order-input-form__content .contact-message__row textarea {
  width: 600px;
}
.p-order-input .order-input-form__content .contact-message__notice {
  font-size: 12px;
}
.p-order-input .order-input-form__content .point-info {
  width: fit-content;
}
.p-order-input .order-input-form__content .point-info__row {
  display: flex;
  gap: 100px;
  justify-content: space-between;
}
.p-order-input .order-input-form__content .point-info__header {
  padding: 10px 0;
}
.p-order-input .order-input-form__content .point-info__data {
  padding: 10px 0;
  text-align: right;
}
.p-order-input .order-input-form__content .point-info .point-input-row {
  align-items: center;
}
.p-order-input .order-input-form__content .amazon-pay-widget {
  margin-top: 20px;
  margin-bottom: 30px;
}
.p-order-input .order-input-form__content .regular-delivery-shcedule {
  margin-bottom: 30px;
}
.p-order-input .order-input-form__content .regular-delivery-shcedule__row {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.p-order-input .order-input-form__content .regular-delivery-shcedule__row span {
  margin-right: 10px;
}
.p-order-input .order-input-form__content .regular-delivery-shcedule__row .c-select {
  width: auto;
  margin-right: 10px;
}
.p-order-input .order-input-form__content .regular-delivery-shcedule__row .c-checkbox {
  margin-right: 10px;
}
.p-order-input .order-input-form__content .regular-delivery-shcedule__row--indent {
  margin-left: 24px;
}
.p-order-input .order-input-form__content .regular-delivery-calendar__schedule {
  padding: 8px;
  margin-bottom: 20px;
  background: var(--color__gray--light);
}
.p-order-input .order-input-form__content .regular-delivery-calendar__schedule span {
  margin-right: 40px;
}
.p-order-input .order-input-form__content .regular-delivery-calendar__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}
.p-order-input .order-input-form__content .regular-delivery-calendar__item {
  width: calc((100% - 52px) / 3);
  padding: 20px;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 6px;
}
.p-order-input .order-input-form__content .regular-delivery-calendar table {
  width: 100%;
  font-size: 12px;
}
.p-order-input .order-input-form__content .regular-delivery-calendar table caption {
  margin-bottom: 8px;
  font-size: 18px;
}
.p-order-input .order-input-form__content .regular-delivery-calendar table td {
  text-align: center;
}
.p-order-input .order-input-form__content .regular-delivery-calendar table tbody td {
  font-weight: 600;
}
.p-order-input .order-input-form__content .regular-delivery-calendar__off {
  color: var(--color__red);
}

.p-order-confirm.preview [name=form1], .p-order-confirm.preview .lp-ups-content > .p-lp-ups {
  pointer-events: none;
  filter: grayscale(1);
}
.p-order-confirm.preview [name=form1]::before, .p-order-confirm.preview .lp-ups-content > .p-lp-ups::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-weight: bold;
  color: var(--color__white);
  content: "プレビュー";
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.p-order-confirm.preview .lp-ups-content > .c-button-group {
  pointer-events: none;
  opacity: 0.2;
}
.p-order-confirm .order-confirm-form {
  margin-bottom: 60px;
}
.p-order-confirm .order-confirm-form__head h2 {
  padding-bottom: 15px;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 2px solid var(--color__chacoal);
}
.p-order-confirm .order-confirm-form__content-description {
  margin: 0;
  margin-left: 40px;
  margin-bottom: 30px;
  font-size: 14px;
}
.p-order-confirm .order-confirm-form__content-wrap {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.p-order-confirm .order-confirm-form__content-wrap .c-order-section {
  width: 100%;
}
.p-order-confirm .order-confirm-form__content-wrap .c-order-section__title .c-button {
  float: right;
  font-size: 12px;
}
.p-order-confirm .order-confirm-form__content-wrap .c-order-section__survey {
  margin: 50px 0;
}
.p-order-confirm .order-confirm-form__content-wrap .c-order-section__survey .survey-confirm__question {
  margin-bottom: 10px;
}
.p-order-confirm .order-confirm-form__content-wrap .c-order-section__survey .survey-confirm__title::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 4px;
  vertical-align: middle;
  content: "";
  background-color: var(--color__chacoal);
  border-radius: 50%;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar {
  background: var(--color__white);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-summary {
  margin: 40px 0 16px;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-summary dl {
  display: flex;
  flex-wrap: wrap;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-summary dl dt {
  width: 180px;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-summary dl dd {
  width: calc(100% - 180px);
  margin-bottom: 16px;
  text-align: right;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-summary dl dd:last-of-type {
  margin-bottom: 0;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  margin: 30px 0 20px;
  font-size: 18px;
  font-weight: bold;
  border-top: 2px solid var(--color__gray--light);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-total__value {
  color: var(--color__green--dark);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .tax-info {
  color: var(--color__gray--dark);
  text-align: right;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .tax-info__price:not(:last-child)::after {
  content: "、";
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular-toggle {
  margin: 18px 0;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular-toggle button {
  padding: 0;
  color: var(--color__blue);
  cursor: pointer;
  background: transparent;
  border: 0;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table {
  width: 100%;
  border-collapse: collapse;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table tr {
  border: 1px solid var(--color__gray);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table .regular-header-border {
  border-left: 0.5px solid var(--color__white);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table th {
  padding: 10px;
  font-weight: normal;
  background: var(--color__gray--light);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table td {
  padding: 10px;
  text-align: center;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table .regular-price {
  text-align: right !important;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular .regular-table .regular-price-border {
  border-left: 0.5px solid var(--color__gray);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-bottom: 30px;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .product-name {
  font-weight: bold;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-list tr.regular-price-list__title th {
  font-size: 16px;
  color: var(--color__white);
  text-align: center;
  background: var(--color__black);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-list td:nth-child(1) {
  width: 25%;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-summary tr.regular-price-summary__total {
  font-weight: bold;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-summary tr.regular-price-summary__total th {
  background-color: transparent;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-summary tr.regular-price-summary__total td {
  font-size: 18px;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-summary th {
  width: 140px;
  font-weight: normal;
  text-align: left;
  background: var(--color__gray--light);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .regular-price-summary td {
  text-align: right;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product .important-matter {
  padding: 20px;
  line-height: 2;
  background: var(--color__yellow--light);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__product + .p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__fee {
  padding-top: 30px;
  border-top: 1px solid var(--color__gray--light);
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-regular__fee .regular-fee-list td:nth-child(1) {
  width: 25%;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .return-policy-link {
  margin: 18px 0;
  text-align: right;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-confirm {
  margin: 40px 30px;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-confirm .c-button-group {
  gap: 20px;
}
.p-order-confirm .order-confirm-form__content-wrap .sidebar .order-confirm .c-button {
  font-size: 16px;
  font-weight: bold;
}
.p-order-confirm .order-confirm-form__content-wrap .extra-interval {
  padding-left: 110px;
}
.p-order-confirm .order-confirm-form__content-wrap .point-info {
  display: inline-block;
  padding: 20px 0;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.8;
  border-top: 1px solid var(--color__gray--light);
  border-bottom: 1px solid var(--color__gray--light);
}
.p-order-confirm .order-confirm-form__content-wrap .product-list {
  margin-bottom: 20px;
}
.p-order-confirm .order-confirm-form__content-wrap .product-list__item + .product-list__item {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--color__gray);
}
.p-order-confirm .order-confirm-form__content-wrap .product-info {
  display: flex;
  gap: 20px;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info__image {
  min-width: 120px;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info__detail > div:not(.c-product-timesale) {
  margin-bottom: 8px;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info__subtotal {
  min-width: 168px;
  margin-left: auto;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-returning {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-subtotal {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-subtotal__item {
  display: flex;
  font-size: 14px;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-subtotal__item + .product-subtotal__item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--color__gray--light);
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-subtotal__item--price {
  font-weight: bold;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-subtotal__item--price .price {
  text-align: right;
}
.p-order-confirm .order-confirm-form__content-wrap .product-info .product-subtotal__item > :last-of-type {
  margin-left: auto;
}
.p-order-confirm .lp-ups-content__link img {
  width: 100%;
}
.p-order-confirm .lp-ups-content .c-button-group {
  position: relative;
}
.p-order-confirm .lp-ups-content .c-button-group .c-button {
  width: 260px;
  font-size: 14px;
}
.p-order-confirm .lp-ups-content .c-button-group .lp-back {
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-order-confirm .lp-ups-content .c-button-group .lp-back .c-button {
  width: 140px;
}

.p-order-complete.preview .order-complete-form,
.p-order-complete.preview .p-lp-ups {
  pointer-events: none;
  filter: grayscale(1);
}
.p-order-complete.preview .order-complete-form::before,
.p-order-complete.preview .p-lp-ups::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-weight: bold;
  color: var(--color__white);
  content: "プレビュー";
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.p-order-complete.preview .lp-ups-content > .c-button-group {
  pointer-events: none;
  opacity: 0.2;
}
.p-order-complete .order-complete-form {
  margin-bottom: 60px;
}
.p-order-complete .order-complete-form__head h2 {
  padding-bottom: 15px;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 2px solid var(--color__chacoal);
}
.p-order-complete .order-complete-form__foot {
  text-align: center;
}
.p-order-complete .order-complete-form__content {
  padding: 0 0 40px;
}
.p-order-complete .order-complete-form__content-title {
  margin: 0;
  margin-bottom: 30px;
  font-size: 22px;
}
.p-order-complete .order-complete-form__content-description {
  margin: 0;
  margin: 30px 0;
  font-size: 14px;
}
.p-order-complete .order-complete-form__content-description--no-margin {
  margin: 0;
}
.p-order-complete .order-complete-form__content .c-table {
  margin: -10px 0 40px;
}
.p-order-complete .order-complete-form__content .c-table th {
  width: 290px;
}
.p-order-complete .order-complete-form__content .c-table span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
}
.p-order-complete .line-connect {
  width: 640px;
  margin: 0 auto 50px;
  background-color: var(--color__gray--lighter);
  border-radius: 6px;
}
.p-order-complete .line-connect__title {
  padding: 10px 30px;
  font-size: 18px;
  color: var(--color__white);
  background-color: var(--color__chacoal);
  border-radius: 6px 6px 0 0;
}
.p-order-complete .line-connect__content {
  padding: 30px;
}
.p-order-complete .line-connect__content .c-line-connect-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 192px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  background-color: #06c755;
  border: none;
  border-radius: 6px;
}
.p-order-complete .line-connect__content .c-line-connect-button .left {
  width: 40px;
}
.p-order-complete .line-connect__content .c-line-connect-button .left img {
  width: 28px;
  margin: auto;
}
.p-order-complete .line-connect__content .c-line-connect-button .right {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--color__white);
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.p-order-complete .line-connect__content .c-line-connect-button:hover ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.p-order-complete .line-connect__content .c-line-connect-button:active ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.p-order-complete .line-connect__content .c-line-connect-button {
  margin: 20px auto 0;
}
.p-order-complete .lp-ups-content {
  margin-bottom: 40px;
}
.p-order-complete .lp-ups-content .confirm-offer-message {
  margin-top: 40px;
  font-size: 22px;
  text-align: center;
}

.p-order-zeus-card .c-payment-module__card-form {
  margin: 0;
  background-color: transparent;
}
.p-order-zeus-card #zeus_table_shopping {
  width: 100%;
  padding: 0;
}
.p-order-zeus-card #zeus_token_card_info_area {
  display: grid;
  width: 100%;
}
.p-order-zeus-card #zeus_token_card_info_area input[type=tel],
.p-order-zeus-card #zeus_token_card_info_area input[type=text] {
  margin: 14px;
}
.p-order-zeus-card #zeus_token_card_info_area select {
  padding: 5px;
  margin: 14px;
}
.p-order-zeus-card #zeus_new_card_area label,
.p-order-zeus-card #zeus_registerd_card_area label {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px;
  margin-top: 0;
  background-color: var(--color__gray--light);
  border-right: 1px solid var(--color__gray);
}
.p-order-zeus-card #zeus_new_card_area label::before,
.p-order-zeus-card #zeus_registerd_card_area label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 818px;
  height: 1px;
  content: "";
  background-color: var(--color__gray);
}
.p-order-zeus-card #zeus_new_card_area label:first-child::before,
.p-order-zeus-card #zeus_registerd_card_area label:first-child::before {
  display: none;
}
.p-order-zeus-card #zeus_new_card_area label::after,
.p-order-zeus-card #zeus_registerd_card_area label::after {
  margin-left: auto;
  content: "必須";
}
.p-order-zeus-card #zeus_token_action_type_quick,
.p-order-zeus-card label[for=zeus_token_action_type_quick] {
  display: none;
}
.p-order-zeus-card #zeus_registerd_card_area {
  display: grid;
  grid-template-columns: 276px 120px 1fr;
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
  width: 820px;
  margin: 0;
  background-color: var(--color__white);
  border: 1px solid var(--color__gray);
}
.p-order-zeus-card #zeus_registerd_card_area:empty {
  border: none;
}
.p-order-zeus-card #zeus_registerd_card_area label[for=zeus_token_card_cvv_for_registerd_card] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-order-zeus-card #zeus_registerd_card_area #zeus_token_card_cvv_for_registerd_card {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-order-zeus-card #zeus_token_action_type_new {
  display: none;
}
.p-order-zeus-card #zeus_token_action_type_new:checked + label::after {
  display: block;
}
.p-order-zeus-card label[for=zeus_token_action_type_new] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-left: 40px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  line-height: 20px;
  cursor: pointer;
}
.p-order-zeus-card label[for=zeus_token_action_type_new]::before {
  position: absolute;
  top: calc(50% - 9px);
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: var(--color__white);
  border: 1px solid var(--color__chacoal);
  border-radius: 50%;
}
.p-order-zeus-card label[for=zeus_token_action_type_new]::after {
  position: absolute;
  top: calc(50% - 6px);
  left: 3px;
  display: none;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--color__chacoal);
  border-radius: 50%;
}
.p-order-zeus-card label[for=zeus_token_action_type_new]:empty {
  padding-left: 20px;
}
.p-order-zeus-card label[for=zeus_token_action_type_new]:empty::before {
  top: calc(50% - 13px);
}
.p-order-zeus-card label[for=zeus_token_action_type_new]:empty::after {
  top: calc(50% - 10px);
}
.p-order-zeus-card #zeus_new_card_area {
  display: grid;
  grid-template-columns: 276px 120px 30px 120px 30px 1fr;
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 4;
  width: 820px;
  margin: auto;
  margin-left: 0 !important;
  background-color: var(--color__white);
  border: 1px solid var(--color__gray);
}
.p-order-zeus-card #zeus_new_card_area label[for=zeus_token_card_number] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_number {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 5;
  width: 100%;
}
.p-order-zeus-card #zeus_new_card_area label[for=zeus_token_card_expires_month] {
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_month {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_month_suffix,
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_year_suffix {
  display: flex;
  align-items: center;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_month_suffix {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 3;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_year {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 4;
  grid-column-end: 4;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_year_suffix {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 5;
  grid-column-end: 5;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_expires_note {
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 6;
  padding: 0 10px 10px;
  color: var(--color__gray--dark);
}
.p-order-zeus-card #zeus_new_card_area label[for=zeus_token_card_name] {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_name {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 5;
}
.p-order-zeus-card #zeus_new_card_area label[for=zeus_token_card_cvv] {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-order-zeus-card #zeus_new_card_area #zeus_token_card_cvv {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-order-zeus-card #save_card_area {
  width: 820px;
  margin-top: 30px;
}
.p-order-zeus-card #save_card_area .c-section {
  padding: 20px;
}

.p-entry-complete .c-section__title {
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 33px;
}
.p-entry-complete .c-section .regist-message {
  margin-bottom: 100px;
}
.p-entry-complete .c-section .regist-contact {
  line-height: 24px;
}

.p-order-payment-module {
  padding-bottom: 70px;
}
.p-order-payment-module .c-order-section__title {
  margin-bottom: 30px;
}
.p-order-payment-module .hyphen {
  padding: 0 4px;
}
.p-order-payment-module .char {
  padding: 0 10px;
}
.p-order-payment-module .example-text {
  margin-top: 10px;
  color: var(--color__gray--dark);
}
.p-order-payment-module .order-payment-module-form__content {
  margin-bottom: 40px;
}
.p-order-payment-module .order-payment-module-form__foot .confirm-message {
  margin-bottom: 40px;
  text-align: center;
}
.p-order-payment-module .order-payment-module-form__foot .confirm-message .c-highlight {
  display: block;
  margin-top: 8px;
  font-size: 12px;
}

/* セレクタが無い モーダル内で利用 */
#\33 dscontainer {
  height: 80%;
}

.p-lp-ups__login .omit-input, .p-lp__login .omit-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  background-color: var(--color__gray--lighter);
}

.p-lp #regular {
  display: none;
}
.p-lp .c-order-step {
  justify-content: center;
}
.p-lp .c-order-step .c-order-step__item {
  width: 160px;
}
.p-lp .c-order-step .c-order-step__right span {
  font-size: 14px;
}
.p-lp .c-form-error-message {
  margin-top: 10px;
  margin-bottom: 0;
}
.p-lp .validate-form.validate-error {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}
.p-lp .validate-error-message {
  margin-top: 10px;
  font-size: 12px;
}
.p-lp .validate-error-message a {
  color: var(--color__blue);
  text-decoration: underline;
}
.p-lp .validate-error-message:empty, .p-lp .validate-error-message + .validate-error-message {
  margin-top: 0;
}
.p-lp .c-error-message-section {
  text-align: center;
}
.p-lp__product label {
  font-size: 16px;
  font-weight: bold;
}
.p-lp__product .product-group {
  align-items: flex-start;
}
.p-lp__product .product-group__product {
  flex-grow: 1;
}
.p-lp__product .product-group__product .c-select {
  width: 100%;
}
.p-lp__product .product-group__product .c-form-error-message {
  margin-left: 62px;
}
.p-lp__product .class-category {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--color__gray);
}
.p-lp__product .class-category .c-select {
  width: fit-content;
}
.p-lp__login {
  margin-bottom: 10px;
}
.p-lp__login .c-lp-section {
  margin-bottom: 0;
}
.p-lp__login .omit-input .c-checkbox {
  display: inline-block;
  font-weight: 600;
}
.p-lp__login .omit-input .annotation {
  font-weight: 300;
}
.p-lp__login .login-section {
  margin-top: 30px;
}
.p-lp__login .login-section__contents {
  padding: 30px 122px;
  background-color: var(--color__gray--lighter);
}
.p-lp__login .login-section__contents .login-form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.p-lp__login .login-section__contents .login-form__input table th,
.p-lp__login .login-section__contents .login-form__input table td {
  padding: 0 10px 10px 0;
}
.p-lp__login .login-section__contents .login-form__input table th {
  padding-top: 6px;
  font-weight: 300;
  text-align: left;
  vertical-align: top;
}
.p-lp__login .login-section__contents .login-form__input table tr:last-child th,
.p-lp__login .login-section__contents .login-form__input table tr:last-child td {
  padding: 0;
}
.p-lp__login .login-section__contents .login-form__submit {
  display: flex;
  align-items: center;
}
.p-lp__login .login-section__contents .login-form .c-password-textbox {
  width: 300px;
}
.p-lp__login .login-section__contents .login-form .c-password-textbox input[type=password],
.p-lp__login .login-section__contents .login-form .c-password-textbox input[type=text] {
  width: 300px;
}
.p-lp__login .line-connect {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--color__gray);
}
.p-lp__login .line-connect .c-line-connect-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 192px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  background-color: #06c755;
  border: none;
  border-radius: 6px;
}
.p-lp__login .line-connect .c-line-connect-button .left {
  width: 40px;
}
.p-lp__login .line-connect .c-line-connect-button .left img {
  width: 28px;
  margin: auto;
}
.p-lp__login .line-connect .c-line-connect-button .right {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--color__white);
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.p-lp__login .line-connect .c-line-connect-button:hover ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.p-lp__login .line-connect .c-line-connect-button:active ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.p-lp__login .line-connect .c-line-connect-button {
  margin: auto;
}
.p-lp__address .change-address .c-form-label {
  font-weight: bold;
}
.p-lp__address .change-address .address-data-area {
  display: none;
}
.p-lp__other-address .c-lp-section {
  margin-top: -10px;
}
.p-lp__register .check-mail-message {
  margin: 10px 0 6px;
  font-size: 12px;
  font-weight: bold;
}
.p-lp__coupon table {
  text-align: left;
}
.p-lp__coupon table th,
.p-lp__coupon table td {
  padding: 10px 30px 10px 0;
}
.p-lp__coupon table th {
  font-weight: normal;
}
.p-lp__coupon table td {
  font-weight: bold;
}
.p-lp__coupon .coupon-code {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 15px;
}
.p-lp__payment .payment-type__detail {
  margin-top: 20px;
}
.p-lp__payment .payment-type__detail .payment-affair {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-lp__payment .payment-type__detail .payment-affair__paragraph:empty {
  display: none;
}
.p-lp__payment .payment-type__detail .payment-affair__img {
  width: fit-content;
}
.p-lp__payment .c-payment-module {
  margin-top: 20px;
}
.p-lp__regular .delivery-interval {
  margin-top: 20px;
  margin-bottom: 30px;
}
.p-lp__regular .delivery-interval ul li {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px dashed var(--color__gray);
}
.p-lp__regular .delivery-interval ul li:first-of-type {
  border-top: 1px dashed var(--color__gray);
}
.p-lp__regular .delivery-interval ul li .c-radio {
  margin-right: 60px;
}
.p-lp__regular .check-quick {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.p-lp__regular .check-quick .c-checkbox {
  font-weight: bold;
}
.p-lp__regular .check-quick .c-highlight {
  font-size: 12px;
}
.p-lp__regular .delivery-date {
  display: flex;
  gap: 20px;
}
.p-lp__regular .delivery-date li {
  width: 100%;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--color__gray--lighter);
  border: 1px solid var(--color__gray);
}
.p-lp__delivery .delivery-schedule__row {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 30px;
  margin: 20px 0;
}
.p-lp__delivery .delivery-schedule__row:last-of-type {
  margin-bottom: 0;
}
.p-lp__delivery .delivery-schedule__label {
  min-width: 120px;
  font-size: 14px;
  font-weight: bold;
}
.p-lp__point .point-notice {
  width: fit-content;
  padding: 6px 12px;
  margin-bottom: 6px;
  background: var(--color__gray--lighter);
}
.p-lp__point .point-info {
  width: fit-content;
}
.p-lp__point .point-info__row {
  display: flex;
  gap: 100px;
  justify-content: space-between;
}
.p-lp__point .point-info__header {
  padding: 10px 0;
}
.p-lp__point .point-info__data {
  padding: 10px 0;
  text-align: right;
}
.p-lp__point .point-info .point-input-row {
  align-items: center;
}
.p-lp__consent .privacy-check-list li {
  padding: 20px;
  text-align: center;
  border-bottom: 1px dashed var(--color__gray);
}
.p-lp__consent .privacy-check-list li:first-of-type {
  padding-top: 0;
}
.p-lp__consent .privacy-check-list li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.p-lp__consent .privacy-check-list li .c-checkbox label {
  justify-content: center;
  font-weight: 600;
}
.p-lp__consent .privacy-check-list__group {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-lp__consent .privacy-check-list .agree-check {
  width: fit-content;
  margin: auto;
}
.p-lp__submit .skip-confirm-message {
  margin-top: 40px;
  font-size: 22px;
  text-align: center;
}
.p-lp__confirm {
  margin-bottom: 30px;
}
.p-lp__confirm .class-category:empty {
  display: none;
}
.p-lp__confirm .class-category::before {
  content: "(";
}
.p-lp__confirm .class-category::after {
  content: ")";
}
.p-lp__confirm .confirm-products {
  margin-bottom: 10px;
}
.p-lp__confirm .confirm-products table {
  margin-bottom: 10px;
}
.p-lp__confirm .confirm-timesale {
  margin-bottom: 20px;
}
.p-lp__confirm .confirm-content {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.p-lp__confirm .confirm-payment {
  width: 40%;
}
.p-lp__confirm .confirm-payment table {
  width: 100%;
  border-collapse: collapse;
}
.p-lp__confirm .confirm-payment table th {
  padding: 6px 0;
  text-align: left;
}
.p-lp__confirm .confirm-payment table td {
  padding: 6px 0;
  text-align: right;
}
.p-lp__confirm .confirm-payment__total th,
.p-lp__confirm .confirm-payment__total td {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid var(--color__gray);
}
.p-lp__confirm .confirm-taxes {
  font-size: 12px;
  color: var(--color__gray--dark);
}
.p-lp__confirm .confirm-taxes li {
  text-align: right;
}
.p-lp__confirm .confirm-customr {
  width: 60%;
}
.p-lp__confirm .confirm-customr table th,
.p-lp__confirm .confirm-customr table td {
  padding: 6px;
}
.p-lp__confirm .confirm-regular {
  margin-top: 20px;
}
.p-lp__confirm .confirm-regular .c-table table th,
.p-lp__confirm .confirm-regular .c-table table td {
  padding: 6px;
}
.p-lp__confirm .confirm-regular__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail {
  margin-top: 10px;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__name {
  margin-bottom: 10px;
  font-weight: bold;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__list {
  margin-bottom: 10px;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__list .count {
  padding: 0 4px;
  color: var(--color__white);
  background-color: var(--color__black);
  border-radius: 4px;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__row {
  margin-bottom: 8px;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__row .detail-content {
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__row .detail-content__count {
  padding: 0 4px;
  color: var(--color__white);
  background-color: var(--color__black);
  border-radius: 4px;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__row .detail-content__quantity {
  margin-left: auto;
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__important-matter {
  padding: 10px;
  margin-top: 10px;
  background-color: var(--color__yellow--light);
}
.p-lp__confirm .confirm-regular__detail .confirm-regular-detail__important-matter:empty {
  display: none;
}
.p-lp__confirm .confirm-regular__fee {
  margin-top: 20px;
}
.p-lp__confirm .confirm-regular__fee_add_total {
  margin-top: 20px;
}
.p-lp__confirm .confirm-regular__fee_add_total .total-table .products-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-lp__confirm .confirm-regular__fee_add_total .total-table .product-summary {
  display: flex;
  justify-content: space-between;
}
.p-lp__confirm .confirm-return {
  margin-top: 10px;
  text-align: right;
}
.p-lp .js-efo-progress {
  width: fit-content !important;
  padding: 12px 22px !important;
  margin-bottom: 10px;
  font-weight: bold;
  box-shadow: 0 3px 3px var(--color__gray) !important;
}
.p-lp .js-efo-progress > span {
  padding: 0 1px;
  margin: 0 4px;
  text-decoration: underline;
  cursor: pointer;
}
.p-lp .js-efo-progress--done {
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 32px !important;
  color: var(--color__white) !important;
  background-color: #1ba110 !important;
  border-radius: 4px !important;
}
.p-lp .js-efo-error {
  position: absolute;
  right: 0;
  left: initial !important;
  z-index: 9;
  padding: 6px;
  border-radius: 6px;
  transition: 0.3s var(--ease-out-quad);
  transform: translateY(calc(-100% - 8px));
  animation: fadein 0.3s var(--ease-out-cubic) forwards;
}
.p-lp .js-efo-error::before {
  position: absolute;
  top: 100%;
  right: 16px;
  content: "";
  border: 5px solid transparent;
  border-top: 8px solid var(--efo-message-backgroundColor, --color__red);
}
.p-lp .js-efo-error p {
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(calc(-100% - 8px));
  }
}
.p-lp .c-bundle-combination {
  display: flex;
  margin-top: 10px;
  overflow-wrap: anywhere;
}
.p-lp .c-bundle-combination button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.p-lp .c-bundle-combination button:not(:disabled) {
  cursor: pointer;
}
.p-lp .c-bundle-combination__product-root {
  flex: 1;
  margin-right: 14px;
}
.p-lp .c-bundle-combination__cart-root {
  width: 206px;
}
.p-lp .c-bundle-combination .c-bundle-product {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-lp .c-bundle-combination .c-bundle-product--na {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: red;
  background-color: pink;
}
.p-lp .c-bundle-combination .c-bundle-product__header {
  display: flex;
  font-size: 16px;
}
.p-lp .c-bundle-combination .c-bundle-product__header-text {
  flex: 1;
}
.p-lp .c-bundle-combination .c-bundle-product__header-current-quantity {
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.p-lp .c-bundle-combination .c-bundle-product__tab {
  display: flex;
}
.p-lp .c-bundle-combination .c-bundle-product__tab-button {
  flex: 1 1 0px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #808080;
  border-bottom: solid 3px #ececec;
}
.p-lp .c-bundle-combination .c-bundle-product__tab-button:hover, .p-lp .c-bundle-combination .c-bundle-product__tab-button--active {
  color: #333333;
  border-bottom: solid 3px #0ab14d;
}
.p-lp .c-bundle-combination .c-bundle-product__sort {
  position: relative;
  margin-left: auto;
}
.p-lp .c-bundle-combination .c-bundle-product__sort button {
  display: flex;
  align-items: center;
  border: #333333 solid 1px;
  border-radius: 4px;
  background: #ffffff;
  color: #333333;
  font-size: 12px;
  min-width: max-content;
}
.p-lp .c-bundle-combination .c-bundle-product__sort button::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background: url("/assets/svg/sort.svg") center center no-repeat;
  background-size: cover;
}
.p-lp .c-bundle-combination .c-bundle-product__sort.is-active button {
  border-color: #ebebeb;
  background: #ebebeb;
}
.p-lp .c-bundle-combination .c-bundle-product__sort.is-active .c-bundle-product__sort-menu {
  display: flex;
}
.p-lp .c-bundle-combination .c-bundle-product__sort-menu {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  background: #ffffff;
  flex-direction: column;
  padding: 8px;
  margin-top: 4px;
  width: 120px;
  box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.19);
}
.p-lp .c-bundle-combination .c-bundle-product__sort-menu label {
  font-weight: normal;
  font-size: 12px;
  padding: 4px 16px;
  cursor: pointer;
}
.p-lp .c-bundle-combination .c-bundle-product__sort-menu label:has(input:checked), .p-lp .c-bundle-combination .c-bundle-product__sort-menu label:hover {
  background: #ebebeb;
}
.p-lp .c-bundle-combination .c-bundle-product__sort-menu label input {
  display: none;
}
.p-lp .c-bundle-combination .c-bundle-product__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.p-lp .c-bundle-combination .c-bundle-product__list-header {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 5px;
  font-size: 16px;
  border-bottom: solid 2px #000000;
}
.p-lp .c-bundle-combination .c-bundle-product__list-status {
  display: flex;
  font-size: 16px;
  padding: 12px 3px;
}
.p-lp .c-bundle-combination .c-bundle-product__list-status-text {
  flex: 1;
}
.p-lp .c-bundle-combination .c-bundle-product__list-status-current-quantity {
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.p-lp .c-bundle-combination .c-bundle-product__list-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.p-lp .c-bundle-combination .c-bundle-product__product {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-self: flex-start;
  width: 100%;
  padding: 8px 10px;
  font-size: 10px;
  background-color: #ffffff;
  border: solid 1px #b3b3b3;
  border-radius: 4px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #ebebeb;
  border: solid 1px rgba(0, 0, 0, 0.5);
}
.p-lp .c-bundle-combination .c-bundle-product__product-image-frame .image {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
.p-lp .c-bundle-combination .c-bundle-product__product-meta ::after {
  display: table;
  clear: both;
  content: "";
}
.p-lp .c-bundle-combination .c-bundle-product__product-description {
  display: inline-block;
}
.p-lp .c-bundle-combination .c-bundle-product__product-extra-price {
  width: fit-content;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.1;
  color: #ffffff;
  border-radius: 3px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-extra-price--plus {
  background-color: #8bb5f4;
}
.p-lp .c-bundle-combination .c-bundle-product__product-extra-price--minus {
  background-color: #f48b8b;
}
.p-lp .c-bundle-combination .c-bundle-product__product-extra-price--align-right {
  float: right;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories div:last-child {
  flex: 1;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories label {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 10px;
  font-weight: normal;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories-label-value {
  width: 40px;
  min-width: 40px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories select {
  width: 100%;
  height: 22px;
  font-size: 10px;
  font-weight: normal;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories .c-select select {
  padding-right: 24px;
  padding-left: 4px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-classcategories .c-select i {
  width: 20px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-button-group {
  display: flex;
  gap: 10px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-button {
  flex-grow: 1;
  font-size: 10px;
  border-radius: 3px;
}
.p-lp .c-bundle-combination .c-bundle-product__product-button--quantity-increment {
  color: #6c9925;
  border: solid 1px #6c9925;
}
.p-lp .c-bundle-combination .c-bundle-product__product-button--quantity-decrement {
  color: #333333;
  border: solid 1px #979797;
}
.p-lp .c-bundle-combination .c-bundle-product__product-button:disabled {
  color: gray;
  cursor: default;
  background-color: lightgray;
  border: solid 1px gray;
}
.p-lp .c-bundle-combination .c-bundle-product__product-quantity {
  display: flex;
  justify-content: flex-end;
  letter-spacing: 0.1rem;
}
.p-lp .c-bundle-combination .c-bundle-product__product-unavailable-temporarily {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart {
  position: sticky;
  top: 0;
  background-color: #ebebeb;
  border: solid 1px #b3b3b3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.p-lp .c-bundle-combination .c-bundle-combination-cart--ok .c-bundle-combination-cart-header {
  background-color: #dceed8 !important;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart--ok .c-bundle-combination-cart-item {
  background-color: #ebf7f1 !important;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  color: #333333;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-header-quantity {
  font-size: 13px;
  font-weight: bold;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-header-delete-all {
  font-size: 10px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  padding: 8px 5px;
  margin-top: 1px;
  background-color: #ffffff;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item--error {
  background-color: var(--color__pink, #fdeaea);
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  width: 20px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-actions-quantity {
  font-size: 10px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-actions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  min-width: 67px;
  background-color: #ebebeb;
  border: solid 1px rgba(0, 0, 0, 0.5);
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-image-frame .image {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-meta {
  flex-grow: 1;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-name {
  font-size: 10px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-delete-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-family: monospace;
  content: "+";
}
.p-lp .c-bundle-combination .c-bundle-combination-cart-item-delete-button::after {
  display: block;
  font-size: 20px;
  content: "×"; /* This will render the 'X' */
}
.p-lp .c-bundle-combination .c-bundle-combination-cart__font--sm {
  font-size: 11px;
}
.p-lp .c-bundle-combination .c-bundle-combination-cart__alert {
  color: red;
}
.p-lp .c-bundle-combination__hidden_until_all_requirements_are_fulfilled {
  display: none;
}
.p-lp.preview {
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
}
.p-lp.preview::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-weight: bold;
  color: var(--color__white);
  content: "プレビュー";
  background-color: rgba(0, 0, 0, 0.5);
}

.confirm-loading {
  position: relative;
  width: 44px;
  height: 44px;
  margin: 40px auto 0;
}

.sample-button-style {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 0 auto 40px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(to bottom, #1ba110 0%, #18830f 100%);
  border: 1px solid #1ba110;
  border-radius: 6px;
}

.grecaptcha-badge {
  margin-bottom: 160px;
}

.p-lp-ups #regular {
  display: none;
}
.p-lp-ups .c-order-step {
  justify-content: center;
}
.p-lp-ups .c-order-step .c-order-step__item {
  width: 160px;
}
.p-lp-ups .c-order-step .c-order-step__right span {
  font-size: 14px;
}
.p-lp-ups .c-form-error-message {
  margin-top: 10px;
  margin-bottom: 0;
}
.p-lp-ups .validate-form.validate-error {
  background-color: var(--color__pink);
  border: 1px solid var(--color__red);
}
.p-lp-ups .validate-error-message {
  margin-top: 10px;
  font-size: 12px;
}
.p-lp-ups .validate-error-message a {
  color: var(--color__blue);
  text-decoration: underline;
}
.p-lp-ups .validate-error-message:empty, .p-lp-ups .validate-error-message + .validate-error-message {
  margin-top: 0;
}
.p-lp-ups .c-error-message-section {
  text-align: center;
}
.p-lp-ups__product label {
  font-size: 16px;
  font-weight: bold;
}
.p-lp-ups__product .product-group {
  align-items: flex-start;
}
.p-lp-ups__product .product-group__product {
  flex-grow: 1;
}
.p-lp-ups__product .product-group__product .c-select {
  width: 100%;
}
.p-lp-ups__product .product-group__product .c-form-error-message {
  margin-left: 62px;
}
.p-lp-ups__product .class-category {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--color__gray);
}
.p-lp-ups__product .class-category .c-select {
  width: fit-content;
}
.p-lp-ups__login {
  margin-bottom: 10px;
}
.p-lp-ups__login .c-lp-section {
  margin-bottom: 0;
}
.p-lp-ups__login .omit-input .c-checkbox {
  display: inline-block;
  font-weight: 600;
}
.p-lp-ups__login .omit-input .annotation {
  font-weight: 300;
}
.p-lp-ups__login .login-section {
  margin-top: 30px;
}
.p-lp-ups__login .login-section__contents {
  padding: 30px 122px;
  background-color: var(--color__gray--lighter);
}
.p-lp-ups__login .login-section__contents .login-form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.p-lp-ups__login .login-section__contents .login-form__input table th,
.p-lp-ups__login .login-section__contents .login-form__input table td {
  padding: 0 10px 10px 0;
}
.p-lp-ups__login .login-section__contents .login-form__input table th {
  padding-top: 6px;
  font-weight: 300;
  text-align: left;
  vertical-align: top;
}
.p-lp-ups__login .login-section__contents .login-form__input table tr:last-child th,
.p-lp-ups__login .login-section__contents .login-form__input table tr:last-child td {
  padding: 0;
}
.p-lp-ups__login .login-section__contents .login-form__submit {
  display: flex;
  align-items: center;
}
.p-lp-ups__login .login-section__contents .login-form .c-password-textbox {
  width: 300px;
}
.p-lp-ups__login .login-section__contents .login-form .c-password-textbox input[type=password],
.p-lp-ups__login .login-section__contents .login-form .c-password-textbox input[type=text] {
  width: 300px;
}
.p-lp-ups__login .line-connect {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--color__gray);
}
.p-lp-ups__login .line-connect .c-line-connect-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 192px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  background-color: #06c755;
  border: none;
  border-radius: 6px;
}
.p-lp-ups__login .line-connect .c-line-connect-button .left {
  width: 40px;
}
.p-lp-ups__login .line-connect .c-line-connect-button .left img {
  width: 28px;
  margin: auto;
}
.p-lp-ups__login .line-connect .c-line-connect-button .right {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--color__white);
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.p-lp-ups__login .line-connect .c-line-connect-button:hover ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.p-lp-ups__login .line-connect .c-line-connect-button:active ::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.p-lp-ups__login .line-connect .c-line-connect-button {
  margin: auto;
}
.p-lp-ups__address .change-address .c-form-label {
  font-weight: bold;
}
.p-lp-ups__address .change-address .address-data-area {
  display: none;
}
.p-lp-ups__other-address .c-lp-section {
  margin-top: -10px;
}
.p-lp-ups__register .check-mail-message {
  margin: 10px 0 6px;
  font-size: 12px;
  font-weight: bold;
}
.p-lp-ups__coupon table {
  text-align: left;
}
.p-lp-ups__coupon table th,
.p-lp-ups__coupon table td {
  padding: 10px 30px 10px 0;
}
.p-lp-ups__coupon table th {
  font-weight: normal;
}
.p-lp-ups__coupon table td {
  font-weight: bold;
}
.p-lp-ups__coupon .coupon-code {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 15px;
}
.p-lp-ups__payment .payment-type__detail {
  margin-top: 20px;
}
.p-lp-ups__payment .payment-type__detail .payment-affair {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-lp-ups__payment .payment-type__detail .payment-affair__paragraph:empty {
  display: none;
}
.p-lp-ups__payment .payment-type__detail .payment-affair__img {
  width: fit-content;
}
.p-lp-ups__payment .c-payment-module {
  margin-top: 20px;
}
.p-lp-ups__regular .delivery-interval {
  margin-top: 20px;
  margin-bottom: 30px;
}
.p-lp-ups__regular .delivery-interval ul li {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px dashed var(--color__gray);
}
.p-lp-ups__regular .delivery-interval ul li:first-of-type {
  border-top: 1px dashed var(--color__gray);
}
.p-lp-ups__regular .delivery-interval ul li .c-radio {
  margin-right: 60px;
}
.p-lp-ups__regular .check-quick {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.p-lp-ups__regular .check-quick .c-checkbox {
  font-weight: bold;
}
.p-lp-ups__regular .check-quick .c-highlight {
  font-size: 12px;
}
.p-lp-ups__regular .delivery-date {
  display: flex;
  gap: 20px;
}
.p-lp-ups__regular .delivery-date li {
  width: 100%;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--color__gray--lighter);
  border: 1px solid var(--color__gray);
}
.p-lp-ups__delivery .delivery-schedule__row {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 30px;
  margin: 20px 0;
}
.p-lp-ups__delivery .delivery-schedule__row:last-of-type {
  margin-bottom: 0;
}
.p-lp-ups__delivery .delivery-schedule__label {
  min-width: 120px;
  font-size: 14px;
  font-weight: bold;
}
.p-lp-ups__point .point-notice {
  width: fit-content;
  padding: 6px 12px;
  margin-bottom: 6px;
  background: var(--color__gray--lighter);
}
.p-lp-ups__point .point-info {
  width: fit-content;
}
.p-lp-ups__point .point-info__row {
  display: flex;
  gap: 100px;
  justify-content: space-between;
}
.p-lp-ups__point .point-info__header {
  padding: 10px 0;
}
.p-lp-ups__point .point-info__data {
  padding: 10px 0;
  text-align: right;
}
.p-lp-ups__point .point-info .point-input-row {
  align-items: center;
}
.p-lp-ups__consent .privacy-check-list li {
  padding: 20px;
  text-align: center;
  border-bottom: 1px dashed var(--color__gray);
}
.p-lp-ups__consent .privacy-check-list li:first-of-type {
  padding-top: 0;
}
.p-lp-ups__consent .privacy-check-list li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.p-lp-ups__consent .privacy-check-list li .c-checkbox label {
  justify-content: center;
  font-weight: 600;
}
.p-lp-ups__consent .privacy-check-list__group {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.p-lp-ups__consent .privacy-check-list .agree-check {
  width: fit-content;
  margin: auto;
}
.p-lp-ups__submit .skip-confirm-message {
  margin-top: 40px;
  font-size: 22px;
  text-align: center;
}
.p-lp-ups__confirm {
  margin-bottom: 30px;
}
.p-lp-ups__confirm .class-category:empty {
  display: none;
}
.p-lp-ups__confirm .class-category::before {
  content: "(";
}
.p-lp-ups__confirm .class-category::after {
  content: ")";
}
.p-lp-ups__confirm .confirm-products {
  margin-bottom: 10px;
}
.p-lp-ups__confirm .confirm-products table {
  margin-bottom: 10px;
}
.p-lp-ups__confirm .confirm-timesale {
  margin-bottom: 20px;
}
.p-lp-ups__confirm .confirm-content {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.p-lp-ups__confirm .confirm-payment {
  width: 40%;
}
.p-lp-ups__confirm .confirm-payment table {
  width: 100%;
  border-collapse: collapse;
}
.p-lp-ups__confirm .confirm-payment table th {
  padding: 6px 0;
  text-align: left;
}
.p-lp-ups__confirm .confirm-payment table td {
  padding: 6px 0;
  text-align: right;
}
.p-lp-ups__confirm .confirm-payment__total th,
.p-lp-ups__confirm .confirm-payment__total td {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid var(--color__gray);
}
.p-lp-ups__confirm .confirm-taxes {
  font-size: 12px;
  color: var(--color__gray--dark);
}
.p-lp-ups__confirm .confirm-taxes li {
  text-align: right;
}
.p-lp-ups__confirm .confirm-customr {
  width: 60%;
}
.p-lp-ups__confirm .confirm-customr table th,
.p-lp-ups__confirm .confirm-customr table td {
  padding: 6px;
}
.p-lp-ups__confirm .confirm-regular {
  margin-top: 20px;
}
.p-lp-ups__confirm .confirm-regular .c-table table th,
.p-lp-ups__confirm .confirm-regular .c-table table td {
  padding: 6px;
}
.p-lp-ups__confirm .confirm-regular__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail {
  margin-top: 10px;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__name {
  margin-bottom: 10px;
  font-weight: bold;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__list {
  margin-bottom: 10px;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__list .count {
  padding: 0 4px;
  color: var(--color__white);
  background-color: var(--color__black);
  border-radius: 4px;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__row {
  margin-bottom: 8px;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__row .detail-content {
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__row .detail-content__count {
  padding: 0 4px;
  color: var(--color__white);
  background-color: var(--color__black);
  border-radius: 4px;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__row .detail-content__quantity {
  margin-left: auto;
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__important-matter {
  padding: 10px;
  margin-top: 10px;
  background-color: var(--color__yellow--light);
}
.p-lp-ups__confirm .confirm-regular__detail .confirm-regular-detail__important-matter:empty {
  display: none;
}
.p-lp-ups__confirm .confirm-regular__fee {
  margin-top: 20px;
}
.p-lp-ups__confirm .confirm-regular__fee_add_total {
  margin-top: 20px;
}
.p-lp-ups__confirm .confirm-regular__fee_add_total .total-table .products-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-lp-ups__confirm .confirm-regular__fee_add_total .total-table .product-summary {
  display: flex;
  justify-content: space-between;
}
.p-lp-ups__confirm .confirm-return {
  margin-top: 10px;
  text-align: right;
}
.p-lp-ups .js-efo-progress {
  width: fit-content !important;
  padding: 12px 22px !important;
  margin-bottom: 10px;
  font-weight: bold;
  box-shadow: 0 3px 3px var(--color__gray) !important;
}
.p-lp-ups .js-efo-progress > span {
  padding: 0 1px;
  margin: 0 4px;
  text-decoration: underline;
  cursor: pointer;
}
.p-lp-ups .js-efo-progress--done {
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 32px !important;
  color: var(--color__white) !important;
  background-color: #1ba110 !important;
  border-radius: 4px !important;
}
.p-lp-ups .js-efo-error {
  position: absolute;
  right: 0;
  left: initial !important;
  z-index: 9;
  padding: 6px;
  border-radius: 6px;
  transition: 0.3s var(--ease-out-quad);
  transform: translateY(calc(-100% - 8px));
  animation: fadein 0.3s var(--ease-out-cubic) forwards;
}
.p-lp-ups .js-efo-error::before {
  position: absolute;
  top: 100%;
  right: 16px;
  content: "";
  border: 5px solid transparent;
  border-top: 8px solid var(--efo-message-backgroundColor, --color__red);
}
.p-lp-ups .js-efo-error p {
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(calc(-100% - 8px));
  }
}
.p-lp-ups__product .c-lp-section {
  border-top: none;
}
.p-lp-ups__product .product-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-lp-ups__product .product-group .product-name {
  font-weight: bold;
}
.p-lp-ups__payment .change-payment {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-lp-ups__payment .regular-attention {
  margin-top: 10px;
}
.p-lp-ups__regular .delivery-interval li .c-radio {
  margin-right: 20px;
}

.p-lp-zeus-card .c-payment-module__card-form {
  margin: 0;
  background-color: transparent;
}
.p-lp-zeus-card #zeus_table_shopping {
  width: 100%;
  padding: 0;
}
.p-lp-zeus-card #zeus_token_card_info_area {
  display: grid;
  width: 100%;
}
.p-lp-zeus-card #zeus_token_card_info_area input[type=tel],
.p-lp-zeus-card #zeus_token_card_info_area input[type=text] {
  margin: 14px;
}
.p-lp-zeus-card #zeus_token_card_info_area select {
  padding: 5px;
  margin: 14px;
}
.p-lp-zeus-card #zeus_new_card_area label,
.p-lp-zeus-card #zeus_registerd_card_area label {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px;
  margin-top: 0;
  background-color: var(--color__gray--light);
  border-right: 1px solid var(--color__gray);
}
.p-lp-zeus-card #zeus_new_card_area label::before,
.p-lp-zeus-card #zeus_registerd_card_area label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 818px;
  height: 1px;
  content: "";
  background-color: var(--color__gray);
}
.p-lp-zeus-card #zeus_new_card_area label:first-child::before,
.p-lp-zeus-card #zeus_registerd_card_area label:first-child::before {
  display: none;
}
.p-lp-zeus-card #zeus_new_card_area label::after,
.p-lp-zeus-card #zeus_registerd_card_area label::after {
  margin-left: auto;
  content: "必須";
}
.p-lp-zeus-card #zeus_token_action_type_quick,
.p-lp-zeus-card label[for=zeus_token_action_type_quick] {
  display: none;
}
.p-lp-zeus-card #zeus_registerd_card_area {
  display: grid;
  grid-template-columns: 276px 120px 1fr;
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
  width: 820px;
  margin: 0;
  background-color: var(--color__white);
  border: 1px solid var(--color__gray);
}
.p-lp-zeus-card #zeus_registerd_card_area:empty {
  border: none;
}
.p-lp-zeus-card #zeus_registerd_card_area label[for=zeus_token_card_cvv_for_registerd_card] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
  padding-left: 40px;
}
.p-lp-zeus-card #zeus_registerd_card_area #zeus_token_card_cvv_for_registerd_card {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-lp-zeus-card #zeus_token_action_type_new {
  display: none;
}
.p-lp-zeus-card #zeus_token_action_type_new:checked + label::after {
  display: block;
}
.p-lp-zeus-card label[for=zeus_token_action_type_new] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-left: 40px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  line-height: 20px;
  cursor: pointer;
}
.p-lp-zeus-card label[for=zeus_token_action_type_new]::before {
  position: absolute;
  top: calc(50% - 9px);
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background: var(--color__white);
  border: 1px solid var(--color__chacoal);
  border-radius: 50%;
}
.p-lp-zeus-card label[for=zeus_token_action_type_new]::after {
  position: absolute;
  top: calc(50% - 6px);
  left: 3px;
  display: none;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--color__chacoal);
  border-radius: 50%;
}
.p-lp-zeus-card label[for=zeus_token_action_type_new]:empty {
  padding-left: 20px;
}
.p-lp-zeus-card label[for=zeus_token_action_type_new]:empty::before {
  top: calc(50% - 13px);
}
.p-lp-zeus-card label[for=zeus_token_action_type_new]:empty::after {
  top: calc(50% - 10px);
}
.p-lp-zeus-card #zeus_new_card_area {
  display: grid;
  grid-template-columns: 276px 120px 30px 120px 30px 1fr;
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 4;
  width: 820px;
  margin: auto;
  margin-left: 0 !important;
  background-color: var(--color__white);
  border: 1px solid var(--color__gray);
}
.p-lp-zeus-card #zeus_new_card_area label[for=zeus_token_card_number] {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_number {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 5;
  width: 100%;
}
.p-lp-zeus-card #zeus_new_card_area label[for=zeus_token_card_expires_month] {
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_month {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_month_suffix,
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_year_suffix {
  display: flex;
  align-items: center;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_month_suffix {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 3;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_year {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 4;
  grid-column-end: 4;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_year_suffix {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 5;
  grid-column-end: 5;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_expires_note {
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 6;
  padding: 0 10px 10px;
  color: var(--color__gray--dark);
}
.p-lp-zeus-card #zeus_new_card_area label[for=zeus_token_card_name] {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_name {
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 5;
}
.p-lp-zeus-card #zeus_new_card_area label[for=zeus_token_card_cvv] {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 1;
}
.p-lp-zeus-card #zeus_new_card_area #zeus_token_card_cvv {
  grid-row-start: 5;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 2;
}
.p-lp-zeus-card #save_card_area {
  width: 820px;
  margin-top: 30px;
}
.p-lp-zeus-card #save_card_area .c-section {
  padding: 20px;
}
.p-lp-zeus-card .js-efo-error {
  right: initial;
}
.p-lp-zeus-card .js-efo-error-zeus_token_card_cvv_for_registerd_card, .p-lp-zeus-card .js-efo-error-zeus_token_card_cvv {
  left: 300px !important;
}
.p-lp-zeus-card .js-efo-error-zeus_token_card_number, .p-lp-zeus-card .js-efo-error-zeus_token_card_name {
  left: 480px !important;
}
.p-lp-zeus-card .js-efo-error-zeus_token_card_expires_month, .p-lp-zeus-card .js-efo-error-zeus_token_card_expires_year {
  left: 280px !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: "alpha(opacity=30)"; /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666666;
  box-shadow: 0 0 5px #666666;
}

/*!
 * jQuery UI Button 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}