/*
Template: generatepress
Theme Name: analogue
*/

body {
    overflow-x: hidden; /* 画面からはみ出たヘッダーの端を隠す */
}

/* フッターを下に張り付けつつ sticky header を壊さない */
.site-content {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: calc(100vh - 600px);
}



/* ===== Top page layout reset (GeneratePress) ===== */

/* 全体背景を白に */
body {
  background: #fff;
}

/* トップページ：白いコンテンツ箱を無効化 */
.home .site-content,
.home .inside-article {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

/* ヘッダーとヒーローの隙間を消す */
.home .site-header {
  margin-bottom: 0;
}

/* コンテンツ上下の余白を消す */
.home .site-content {
  padding-top: 0;
  padding-bottom: 0;
}

/* 最初と最後のブロックの余白を整理 */
.home .wp-block:first-child {
  margin-top: 0;
}

.home .wp-block:last-child {
  margin-bottom: 0;
}

/* フッター直前の余白を消す */
.site-footer {
  margin-top: 0;
}

.home .gb-container:first-child {
  margin-top: 0;
}

/* ヘッダー直下の余白を消す（GPのsite-content/inside-article由来に効く） */
.site-content {
  padding-top: 0 !important;
}
.inside-article {
  padding-top: 0 !important;
}
/* 本文の一番最初のブロックが勝手に上に空けるのを潰す */
.entry-content > :first-child {
  margin-top: 0 !important;
}
/* ヘッダー下の余白・境界線・影が原因のとき */
.site-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
/* 通常時：影なし */
.site-header {
  box-shadow: none;
  transition: box-shadow 0.2s ease;
}

/* スクロール時：影を出す */
.site-header.is-scrolled {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
/* =========================
   GeneratePress + GenerateBlocks
   本文〜フッター直前の余白を完全除去
========================= */

/* 記事コンテンツ全体 */
.entry-content {
  margin-bottom: 0 !important;
}

/* 最後の GenerateBlocks コンテナ */
.entry-content > .gb-container:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 中にさらに入れ子がある場合の保険 */
.entry-content > .gb-container:last-child > *:last-child {
  margin-bottom: 0 !important;
}

/* inside-article の安全余白 */
.inside-article {
  padding-bottom: 0 !important;
}
.site-footer {
  margin-top: 0 !important;
}
/* =========================
   .page-services フッター直前の最終残余白を完全除去
========================= */

/* 最後の GenerateBlocks コンテナの内側 */
body.page-services .entry-content > .gb-container:last-child .gb-inside-container {
  padding-bottom: 0 !important;
}

/* 念のため container 自体も */
body.page-services .entry-content > .gb-container:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* inside-article の安全網 */
body.page-services .inside-article {
  padding-bottom: 0 !important;
}
body.page-services .inside-article {
  padding-bottom: 0 !important;
}
/* =========================
   GeneratePress 構造レベルの最終余白除去
========================= */

/* main 本体の余白 */
body.page-services .site-main {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* content-area の安全余白 */
body.page-services .content-area {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* site-content 全体 */
body.page-services .site-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500&display=swap');
body {
font-family:'M PLUS Rounded 1c',Helvetica Neue,Helvetica,Arial,YuGothic,Yu Gothic,游ゴシック体,游ゴシック,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,MS\ ゴシック,MS Gothic,sans-serif;
}
.clear {
  clear: both;
  float: none;
  visibility:hidden;
}

/* この下からsnow monkey form 2カラムの設定 */
/* Snow Monkey Forms 2カラムレイアウト */
.smf-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
  row-gap: 24px;
}

/* 各項目は縦積み */
.smf-item {
  display: flex;
  flex-direction: column;
}

/* 全幅にしたい項目 */
.no-col {
  grid-column: 1 / -1;
}

/* モバイルは1カラム */
@media (max-width: 768px) {
  .smf-form {
    grid-template-columns: 1fr;
  }
}
/* ここまでがsnow monkey form two-colomun*/

/* snow monkey form バリデーションの色付け */
.smf-required {
  color: #d63638; /* 赤。お好みで */
  margin-left: 0.25em;
  font-weight: normal;
}

.smf-form {
    padding-bottom:30px;
}

/* snow monkey form 全体的な入力フィールドの調整 */
.smf-form input[type="text"],
.smf-form input[type="email"],
.smf-form input[type="tel"],
.smf-form select,
.smf-form textarea {
    width: 100%;             /* 横幅を親要素いっぱいに広げる（レスポンシブ） */
    font-size: 18px;         /* 文字サイズを大きく（デフォルトは約16px） */
    padding: 12px 15px;      /* 内側の余白を広げて高さを出す */
    border-radius: 6px;      /* 角を少し丸くする（お好みで） */
    box-sizing: border-box;  /* パディングを含めたサイズ計算にする */
}

/* PCなどの大きな画面（1024px以上）でのみさらに大きくする場合 */
@media (min-width: 1024px) {
    .smf-form input[type="text"],
    .smf-form input[type="email"],
    .smf-form input[type="tel"],
    .smf-form select,
    .smf-form textarea {
        font-size: 20px;     /* PCではさらに読みやすく */
        padding: 15px 20px;
    }
}



/* copyright-barの中の特定のテキストを書き換える */
.copyright-bar {
    font-size: 0; /* 元のテキストを非表示 */
}
.copyright-bar::before {
    content: " © A.Tickets Operated by A.nalogue"; /* ここに表示したいテキスト */
    font-size: 14px; /* 元のフォントサイズに戻す */
}

/* ヘッダー追従トップでオーバーレイ */
/* ===== トップページ ===== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: rgba(204,51,104,0.6);
}

body.home .site-header.is-scrolled {
  background-color: rgba(204,51,104,0.95);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.main-navigation {
background-color: transparent !important; /* 背景を透明にする */
}
body.home .site-content {
  margin-top: -130px;
}

/* ===== 下層ページ ===== */
body:not(.home) .site-header {
  background-color: rgba(204,51,104,0.95);
}

/* チケット一覧で日付を差し替えのために消す　*/
.event-date {
  display: none !important;
}
/* チケット一覧で差し替えた日付を整える　*/
.custom-event-date {
  font-size: 0.85rem;
  opacity: 0.8;
  margin-top: 4px;
}




 

/* --- 全ての住所フォーム共通設定 --- */

/* 1. 姓名の親要素をFlexboxにして、順番と横並びを強制する */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
}
.woocommerce-additional-fields {
    display: none !important;
}
.woocommerce-billing-fields h3 {
    font-size:0;
}
.woocommerce-billing-fields h3:before {
    font-size: 26px;
    content:"購入者情報";
}




/* 5. その他の項目（郵便番号・国など）を下に送る */
.woocommerce-billing-fields__field-wrapper > p:not([id*="name_field"]),
.woocommerce-shipping-fields__field-wrapper > p:not([id*="name_field"]),
.woocommerce-address-fields__field-wrapper > p:not([id*="name_field"]) {
    order: 10 !important;
    width: 100% !important;
}

/* 6. スマホ対応 */
@media (max-width: 768px) {
    #billing_first_name_field, #billing_last_name_field, #first_name_field, #last_name_field {
        width: 100% !important;
        margin-right: 0 !important;
    }
}



/* 商品ページのスマホ対応 */
@media (max-width: 768px) {
    /* 1. ブラウザの自動ズームを阻止し、適切な文字サイズを維持 */
    html {
        -webkit-text-size-adjust: 100%;
    }
    
    body {
        overflow-x: hidden !important;
        width: 100% !important;
    }

    /* 2. すべてのコンテナから「固定幅」を排除 */
    .site-content, .container, .separate-containers .site-main, .entry-content {
        max-width: 100vw !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important; /* 左右に最低限の余白 */
        box-sizing: border-box !important;
    }

    /* 3. 【重要】テーブル（追加情報など）が横に突き抜けるのを防ぐ */
    table, thead, tbody, th, td, tr {
        display: block !important;
        width: 100% !important;
    }

    /* 4. Googleマップを画面幅内に完全固定 */
    iframe, .google-map, .wp-block-embed-google-maps {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important; /* 最小幅をリセット */
    }

    /* 5. 画像やボタンを収める */
    img, .button, .fooevents-booking-button {
        max-width: 100% !important;
        height: auto !important;
    }
}
@media (max-width: 768px) {
    /* コンテナの余白を極限まで削る */
    .site-content, .container, .separate-containers .site-main, .entry-content, .single-product div.product {
        padding-left: 5px !important; 
        padding-right: 5px !important;
    }

    /* Googleマップを横幅いっぱい（フルワイド）に */
    .fooevents-map, 
    iframe[src*="maps.google.com"], 
    .wp-block-embed-google-maps {
        width: calc(100% + 10px) !important; /* 親のパディング分を外側に押し出す */
        margin-left: -5px !important;       /* 左端にピタッと合わせる */
        max-width: 100vw !important;
    }

    /* 商品タイトルなども少し左に寄せて幅を確保 */
    .entry-summary {
        padding: 0 5px !important;
    }
}

/* --- 商品情報タブ表示のレスポンシブ調整 --- */

/* スマホ表示（768px以下）のみ縦並びにする */
@media (max-width: 768px) {
    .woocommerce-tabs ul.tabs {
        display: none !important; /* タブのボタンを隠す */
    }

    .woocommerce-tabs .woocommerce-Tabs-panel {
        display: block !important; /* 全パネルを表示 */
        margin-bottom: 20px !important;
        border-bottom: 1px solid #eee; /* セクション区切り */
        padding-bottom: 20px !important;
    }
    
    .woocommerce-tabs .woocommerce-Tabs-panel h2 {
        font-size: 1.2rem !important;
        margin-top: 10px !important;
    }
}

/* デスクトップ表示（769px以上）は標準のタブ形式に戻す */
@media (min-width: 769px) {
    .woocommerce-tabs ul.tabs {
        display: flex !important; /* タブを横並びで表示 */
    }

    .woocommerce-tabs .woocommerce-Tabs-panel {
        display: none; /* 選択されていないパネルは隠す（標準動作） */
        border: none !important;
    }
    
    /* 選択中のパネルだけを表示 */
    .woocommerce-tabs .woocommerce-Tabs-panel[style*="block"] {
        display: block !important;
    }
}




/* --- 決済ページ専用スタイル --- */
/* --- A.nalogue Ticket 専用LP設定 --- */

/* 1. 既存の全ヘッダー・ナビゲーションを強制非表示 */
.single-product header, 
.single-product #masthead, 
.single-product .main-navigation, 
.single-product .sticky-header,
.single-product [class*="header"], 
.single-product [class*="nav"] {
    display: none !important;
}


/* 独自のコピーライトを再設定（最下部に配置） */
.single-product #primary::after {
    content: "© A.nalogue All Rights Reserved.";
    display: block;
    text-align: center;
    padding: 60px 0 40px;
    font-size: 12px;
    color: #aaaaaa;
    clear: both;
}

/* 5. ページ全体の背景を少し落ち着かせる（Shopify風） */
.single-product {
    background-color: #fcfcfc !important;
}
/* --- 決済特化型：徹底排除設定 --- */

/* 1. パンくず、カテゴリー、メタ情報、関連商品を非表示 */
.single-product .woocommerce-breadcrumb,
.single-product .product_meta,
.single-product .upsells.products,
.single-product .related.products {
    display: none !important;
}

/* 2. 商品画像エリアを非表示にし、購入エリアを中央寄せにする */
.single-product div.product div.images {
    display: none !important;
}
.single-product div.product div.summary {
    width: 100% !important;
    float: none !important;
    text-align: center; /* 中央揃えにしたい場合 */
    margin: 0 auto !important;
    max-width: 600px; /* 読みやすい幅に制限 */
}

/* 3. タブ（Event Detailsなど）を非表示 */
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    display: none !important;
}

/* 4. 数量選択と購入ボタンを中央に配置し、サイズを大きくする */
.single-product div.product form.cart {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.single-product .qty {
    width: 100px !important;
    height: 50px !important;
    font-size: 20px !important;
    text-align: center;
}

.single-product .single_add_to_cart_button {
    width: 100%;
    max-width: 400px;
    height: 60px;
    font-size: 22px !important;
    font-weight: bold;
}




/* ページ全体の高さを調整して、独自のコピーライトを表示しやすくする */
.single-product #page {
    min-height: auto !important;
}
/* 商品ページカスタムend */




/* ページ最上部にロゴを表示（商品ページと共通化） */
/* 1. ロゴヘッダー（グレーの帯）を画面最上部に強制固定 */
.single-product .site-content::before, 
.woocommerce-cart .entry-content::before, 
.woocommerce-checkout .entry-content::before {
    content: "";
    display: block;
    
    /* 強力な固定配置に変更 */
    position: fixed; 
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    z-index: 9999; /* 他のあらゆる要素より上に表示 */
    
    background-color: #A6A6A6;
    
    /* ロゴ画像の設定 */
    background-image: url("https://a.nalogue.com/wp-content/uploads/2026/01/a-tickets.png");
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.single-product .site-content::before {
    /* 強力な固定配置に変更 */
    position: fixed; 
    top: -30px;
    left: -30px;
    width: 110%;
    height: 70px;
    z-index: 9999; /* 他のあらゆる要素より上に表示 */
}

/* 2. 帯が固定されて中身が潜り込んでしまうので、コンテンツ全体を押し下げる */
.single-product .site-content, 
.woocommerce-cart .entry-content, 
.woocommerce-checkout .entry-content {
    padding-top: 70px !important; /* 帯の高さ分だけスペースを空ける */
    margin-top: 0 !important;
}

/* 3. ログイン中の管理バー（admin bar）がある場合の位置調整 */
.admin-bar .single-product .site-content::before,
.admin-bar .woocommerce-cart .entry-content::before,
.admin-bar .woocommerce-checkout .entry-content::before {
    top: 32px; /* WordPress管理バーの高さ分だけ下げる */
}



#page {
    display: block !important; /* 絶対に消さない */
}

.single-product .site-content::before {
    margin: 20px 20px !important;
}
.woocommerce-cart .entry-content::before {
    margin-bottom: 20px !important;
}
/* 新しくCartのページタイトルを入れる */
.woocommerce-cart .wp-block-woocommerce-cart::before {
    content: "Ticket Folder"; 
    display: block;
    text-align: center;
    padding: 0;
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}






.woocommerce-checkout .entry-title, .woocommerce-cart .entry-title {
    display: none !important;
}

/* 新しくcheck outのページタイトルを入れる */
.woocommerce-checkout .woocommerce::before {
    content: "Check out"; 
    display: block;
    text-align: center;
    padding: 0;
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

/* カートとチェックアウトにcopy right */
.woocommerce-cart .entry-content::after, .woocommerce-checkout .entry-content::after {
    content: "© A.Tickets Operated by A.nalogue";
    display: block;
    text-align: center;
    padding: 60px 0 40px;
    font-size: 12px;
    color: #aaaaaa;
    clear: both;
}

/* カートページカスタム end */

/* 商品ページの数量ボタンを使いやすく（案1用） */
.single-product div.product form.cart .quantity {
    display: flex !important;
    align-items: center;
    margin-bottom: 20px;
}

.single-product .qty {
    width: 60px !important;
    height: 50px !important;
    font-size: 20px !important;
    text-align: center;
    border: 1px solid #ccc !important;
    margin: 0 10px !important;
}

/* 数量ラベルを表示させる */
.single-product div.product form.cart .quantity::before {
    content: "枚数";
    font-weight: bold;
    margin-right: 15px;
}

/* 4. 数字が出る入力欄（今見えている「1」の部分）を中央に */
input.xoo-wsc-qty {
    width: 35px !important;
    height: 30px !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-top: none !important;
    border-bottom: none !important;
    text-align: center !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    -moz-appearance: textfield !important;
}

/* 5. 不要なスピンボタンを消す */
input.xoo-wsc-qty::-webkit-outer-spin-button,
input.xoo-wsc-qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}


/* チェックアウト：姓名(ラベル入れ替え済み)を横並びにする */
.woocommerce-billing-fields__field-wrapper {
    display: block !important;
}

/* 姓(first_name)を左、名(last_name)を右に */
#billing_first_name_field,
.woocommerce-address-fields #first_name_field {
    width: 48% !important;
    float: left !important;
    clear: both !important;
}

#billing_last_name_field,
.woocommerce-address-fields #last_name_field {
    width: 48% !important;
    float: right !important;
    clear: none !important;
}

/* メールアドレスを必ず次の行へ */
#billing_email_field {
    width: 100% !important;
    clear: both !important;
    display: block !important;
}

/* 1. 【姓】にあたるフィールド（billing, shipping, アカウント共通）を左へ */
#billing_first_name_field,
#shipping_first_name_field, /* ←これを追加 */
.woocommerce-address-fields #first_name_field {
    width: 48% !important;
    float: left !important;
    clear: both !important;
}

/* 2. 【名】にあたるフィールド（billing, shipping, アカウント共通）を右へ */
#billing_last_name_field,
#shipping_last_name_field, /* ←これを追加 */
.woocommerce-address-fields #last_name_field {
    width: 48% !important;
    float: right !important;
    clear: none !important;
}

/* 3. お届け先住所全体の親要素もブロック化して崩れを防ぐ */
.woocommerce-shipping-fields__field-wrapper {
    display: block !important;
}
/* 請求先・お届け先・アカウント共通：姓(first_name)を左に固定 */
#billing_first_name_field,
#shipping_first_name_field, /* ★お届け先用を追加 */
.woocommerce-address-fields #first_name_field {
    width: 48% !important;
    float: left !important;
    clear: both !important;
}

/* 請求先・お届け先・アカウント共通：名(last_name)を右に固定 */
#billing_last_name_field,
#shipping_last_name_field, /* ★お届け先用を追加 */
.woocommerce-address-fields #last_name_field {
    width: 48% !important;
    float: right !important;
    clear: none !important;
}

/* お届け先の親要素も崩れないように設定 */
.woocommerce-shipping-fields__field-wrapper {
    display: block !important;
}


/* ===== カート商品（画像なし1行表示） ===== */
/* カート商品画像を全デバイスで非表示 */
.wc-block-cart-item__image {
  display: none !important;
}

/* カート行：商品情報をしっかり広げる */
.wc-block-cart-item {
  grid-template-columns: 70% 30%;
  column-gap: 2rem;
}
.wc-block-cart-item__product {
  width: 100%;
}
.wc-block-cart-item__name {
  white-space: normal;
}
.wc-block-components-product-name {
    font-size: 120% !important;
    color: #000;
}




/* ===== クロスセル（Product Collection） ===== */
.wp-block-woocommerce-product-template.columns-3 {
  grid-template-columns: 1fr !important;
}

.wp-block-woocommerce-product-template
.wc-block-components-product-image {
  display: none;
}



/* クロスセル1商品を2カラムレイアウトに */
.wp-block-woocommerce-product-template > li {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
}
/* タイトル：左・1行目 */
.wp-block-woocommerce-product-template h2 {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  text-align: left;
}

/* 価格：左・2行目 */
.wp-block-woocommerce-product-template .wc-block-grid__product-price {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  text-align: left;
}
.wp-block-woocommerce-product-template .wc-block-grid__product-price {
  margin-top: 0;
}
.wp-block-woocommerce-product-template h2,
.wp-block-woocommerce-product-template .wc-block-grid__product-price {
  line-height: 1 !important;
  margin: 0 !important;
}

.wp-block-woocommerce-product-template
.wc-block-components-product-button {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  padding: 0;
  align-self: center;
}

/* クロスセルのボタンサイズを小さく */
.wp-block-woocommerce-product-template
.wc-block-components-product-button__button {
  padding: 0.4em 0.8em;
  font-size: 0.85rem;
}

/* 購入手続きボタン */
.to-bill-button {
    background-color: #55555E;
}
.to-bill-button a {
    color: #fff;
}
.to-bill-button a:hover {
    background-color: #A6A6A6;
    color: #000;
}


/* 「在庫あり」を「販売中」へ変更 */
p.stock {
    font-size:0 !important;
}
p.in-stock:before{
    font-size: 16px;
    content:"販売中";
}
/* 「請求先住所」を「お届けメールアドレス」へ変更 */
.woocommerce-column__title {
    font-size:0 !important;
}
.woocommerce-column__title:before{
    font-size: 28px;
    content:"チケットお届けメールアドレス";
}


/* サンキューページやアカウントページの住所表示から不要な行を消す */
address {
    /* 改行などの影響で残る「{zip}」というテキストを消すための力技 */
    font-size: 0; 
}

address * {
    font-size: 14px; /* 子要素（姓名や住所、メール）の文字サイズを復活させる */
}

/* 特定の文字列 "{zip}" を含む要素を消すためのセレクタ（ブラウザにより有効） */
address:contains("{zip}") {
    display: none;
}


/* カート商品消去時に表示されるページの調整 */
/* 1. 元のアイコン（擬似要素）を完全に消去 */
.with-empty-cart-icon::before,
.with-empty-cart-icon::after {
    content: none !important;
}

/* 2. SVGアイコン自体が残っている場合の念押し消去 */
.with-empty-cart-icon svg {
    display: none !important;
}
.wp-block-woocommerce-empty-cart-block hr.wp-block-separator::before {
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 auto 20px;
    background-image: url('https://a.nalogue.com/wp-content/uploads/2025/12/cover-service-3.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* カート商品消去時に表示されるページの調整　END */


/* カート、チェックアウト、単一商品のページでフッター・ヘッダー等を完全除去 */
.woocommerce-cart footer, .woocommerce-checkout footer, .single-product footer,
.woocommerce-cart #footer, .woocommerce-checkout #footer, .single-product #footer,
.woocommerce-cart .site-footer, .woocommerce-checkout .site-footer, .single-product .site-footer,
.woocommerce-cart #masthead, .woocommerce-checkout #masthead, .single-product #masthead {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. 「推定合計額」を「合計」に書き換え */
.wc-block-components-totals-item__label {
    font-size: 0 !important;
}
.wc-block-components-totals-item__label::before {
    content: "合計" !important;
    font-size: 1.1rem !important;
    visibility: visible !important;
    color: #333 !important;
    font-weight: bold;
}

/* 2. 重なった線を消し、ボタンとの間隔を空ける */
/* サイドバーの余計な枠線を消す */
.wc-block-cart__sidebar-body, 
.wc-block-cart__sidebar-body .wc-block-components-totals-wrapper {
    border: none !important;
    padding: 0 !important;
}

/* 合計の行にだけ線を引き、下のボタンを押し下げる */
.wc-block-components-totals-footer-item {
    padding-top: 15px !important;
    margin-bottom: 40px !important; /* ボタンとの隙間 */
}
/* --- 商品リスト見出しの最終調整 --- */

/* 1. 「詳細」列（header-product）の文字を消す */
.wc-block-cart-items__header-product span {
    display: none !important;
}

/* 2. 「商品」列（header-image）の非表示を解除し、左寄せにする */
.wc-block-cart-items__header-image {
    display: table-cell !important; /* 非表示を解除 */
    text-align: left !important;
    padding-left: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding:0 !important;
}
/* --- 「商品」ラベルを下の線にピタッと着地させる --- */

/* 1. 見出しセル自体の余白を削り、下揃えにする */
.wc-block-cart-items__header th {
    padding-top: 0px !important;
    padding-bottom: 0 !important; /* 線との間の微調整 */
    vertical-align: bottom !important; /* これで下の線に合わせます */
}
.wc-block-cart-items__header th span {
    padding:0 !important;
    margin:0 !important;
}

/* 2. 中の文字（span）の浮きを抑える */
.wc-block-cart-items__header-image span {
    display: inline-block !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding:0 !important;
}

/* 3. 「合計」ラベルも同じ高さに揃える（念のため） */
.wc-block-cart-items__header-total {
    vertical-align: bottom !important;
    padding-bottom: 15px !important;
}

/* 3. 見出し全体の線を整える */
.wc-block-cart-items__header {
    border-bottom: 1px solid #333 !important;
}
/* --- モバイル・PC共通でテーブルレイアウトを維持させる --- */

/* --- 見出し行を画面幅いっぱいに広げる --- */

/* 1. テーブル行を100%幅に固定 */
.wc-block-cart-items__header {
    display: table !important; /* table-rowよりtableの方が幅指定が効きやすい */
    width: 100% !important;
    table-layout: fixed !important; /* セル幅を固定計算にする */
}

/* 2. 「商品」ラベル（左端） */
.wc-block-cart-items__header-image {
    display: table-cell !important;
    vertical-align: bottom !important;
    padding-bottom: 8px !important;
    text-align: left !important;
    width: 50% !important; /* 半分の幅を確保 */
    white-space: nowrap !important;
}

/* 3. 「合計」ラベル（右端） */
.wc-block-cart-items__header-total {
    display: table-cell !important;
    vertical-align: bottom !important;
    padding-bottom: 8px !important;
    text-align: right !important;
    width: 50% !important; /* 残り半分の幅を確保 */
    white-space: nowrap !important;
}

/* 4. 不要な中央列を完全に除外 */
.wc-block-cart-items__header-product {
    display: none !important;
}

/* 3. モバイル時に消されがちな「商品」ラベルを可視化 */
.wc-block-cart-items__header-image {
    visibility: visible !important;
    width: auto !important;
}

/* 4. 「合計」だけ右寄せにする（見出しのバランス） */
.wc-block-cart-items__header-total {
    text-align: right !important;
}



/* フローティングカートボタンのスタイル */
.floating-cart-btn {
    position: fixed;
    bottom: 30px;
    right: 20px;
    background-color: #7b61ad; /* A.nalogue ブランドカラー */
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.floating-cart-btn:hover {
    transform: translateY(-5px);
    background-color: #6a5296;
}

/* 通知バッジ（個数） */
.cart-count-badge {
    background-color: #ff4b2b;
    color: white;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}