/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: Point-forward Inc
Template: welcart_basic
Version: 1.0.0
*/
.incart-btn {
  display: none !important;
}
.skubutton {
  font-size: 20px;    /* フォントサイズ */
  padding: 12px 24px; /* 内側の余白（上下 左右） */
  height: auto;
  width:90%;         
  min-width: 160px;      /* 最小横幅 */
}

/* 「フリガナ」に赤いアスタリスクを追加 */
#furikana_row th::before { /* 親の<tr>のIDを使って<th>を特定 */
    content: "*";
    color: red;
    margin-right: 5px;
}/* カートページ内の数量更新に関するメッセージを非表示 */
/* HTML (image_8e7ca0.png) を見ると、<div class="upbutton"> の直下のテキストなので、
   このdiv自体を非表示にするか、div内のテキストノードを非表示にするかですが、
   divごと消すのが簡単で確実です。
   ただし、"数量更新"ボタンも同じdiv内にあるため、ボタンも消えます。
   もしボタンは残したい場合、別途検討が必要です。
*/
.upbutton { /* "数量を変更した場合は必ず更新ボタンを押してください。[数量更新]" とボタンを含むdiv */
    display: none !important;
}
.site-title img {
  max-height: 60px;
  height: auto;
  width: auto;
}
input.search-zipcode {
  padding: 8px 18px;
  font-size: 1.1em;
  border: 2px solid #e60000; /* 赤い枠線 */
  background-color: #fff8f8;
  color: #b30000;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

input.search-zipcode:hover {
  background-color: #ffeaea;
  border-color: #990000;
  color: #990000;
}
/* FAX関連の項目を非表示 */
#fax_row { /* FAX入力欄を含む行のID (image_91419d.pngのHTMLにはこのIDが存在しないので、より一般的なセレクタが必要) */
    display: none !important;
}
/* thのテキストが「FAX番号」または「ＦＡＸ番号」の行を非表示にする */
/* CSSの:has()はまだ完全にサポートされていないため、より確実な方法を検討するか、
   JavaScriptでこの行を非表示にするのが良いでしょう。
   ここでは汎用的なセレクタを記述します。
*/
.customer_form tr th:contains("FAX番号"), /* FAX番号のth */
.customer_form tr td:has(input[name="delivery[fax]"]) { /* FAX入力欄を含むtd */
    display: none !important;
}
/* もし上記でうまくいかない場合は、直接的な行IDを探すか、JavaScriptで要素を操作する */


/* お客様情報の表示（名前や住所）テーブルを非表示 */
#delivery_table {
    display: none !important;
}
/* 「配送先」セクション全体を非表示 */
#delivery_flag { /* 「お客様情報と同じ / 別の配送先を指定」ラジオボタンを含むテーブルのID */
    display: none !important;
}
/* Welcartが動的に生成する別の配送先フォームのID（もしあれば） */
#delivery_form { /* HTMLで提供された情報にこのIDを持つフォームはないが、念のため残す */
    display: none !important;
}


/* #time テーブル内の配送方法・到着希望日・時間の行を非表示 */
/* image_9e6275.png を見ると、thに「配送方法」と日本語テキストがあります。
   `:contains()` は標準CSSではないため、JavaScriptでの非表示化が推奨されます。
   ここではJavaScriptでの制御に任せるため、CSSからは削除します。
*/
/*
#time tr:has(th:contains("配送方法")),
#time tr:has(th:contains("到着希望日")),
#time tr:has(th:contains("到着希望時間")) {
    display: none !important;
}
*/
/* 確実性を高めるため、支払い方法の上の3つの<tr>を非表示にする、というアプローチ */
/* このセレクタは非常に脆弱なので、もしCSSで非表示にしたい場合は、
   より安定したクラス名やIDがHTMLにあればそちらを使うべきです。
   JSでの処理で十分なはずです。
*/


/* 備考欄を非表示 */
#notes_table { /* 備考欄のテーブルまたはdivのID */
    display: none !important;
}
/* 備考欄のthを持つ行全体を非表示にする（:has()対応ブラウザ向け） */
.customer_form tr:has(th:contains("備考")) {
    display: none !important;
}


/* 入力欄の幅を調整（既存のコードから変更なし） */
#customer_info input[type="text"],
#customer_info select {
    width: 250px;
    max-width: 100%;
}

/* 特定の項目間のスペース調整など（既存のコードから変更なし） */
.sex_row th, .birth_year_row th, .birth_month_row th, .exam_venue_row th {
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

/* 追加スタイル（既存のコードから変更なし） */
.customer-form-table {
    width: 100%;
    border-collapse: collapse;
}
.customer-form-table th,
.customer-form-table td {
    padding: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
}
.customer-form-table input[type="text"],
.customer-form-table select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
button.zip-search {
    background-color: #ff9800;
    color: #fff;
    padding: 6px 12px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
button.zip-search:hover {
    background-color: #e68900;
}
/* カート関連のCSS */

/* Welcartカートページの特定の要素を強制非表示 (Delivery/Confirmページ) */
/* body.page-id-XXXX は、あなたのWelcart「カート」固定ページのIDに置き換えてください。
   スクリーンショットから推測すると 'usces-cart' スラッグなので、page-id-YYY となるはずです。
   ページソースの body タグの class 属性を確認してください。例: page-id-5 など。
   または、usces_page_delivery / usces_page_confirm クラスを使うとより確実です。
*/

/* Deliveryページ固有の非表示CSS */
body.usces_page_delivery #delivery_flag,
body.usces_page_delivery #delivery_table,
body.usces_page_delivery #time, /* 配送方法・到着希望日・時間テーブル */
body.usces_page_delivery #notes_table, /* 備考欄のテーブル */
body.usces_page_delivery .cart-page h3.customer_information_label, /* 「お客様情報」見出し */
body.usces_page_delivery .cart-page h3.other_information_label /* 「その他」見出し */
{
    display: none !important;
}

/* Confirmページ固有の非表示CSS */
body.usces_page_confirm #delivery_info, /* 配送先情報テーブル (confirm用) */
/* WC_Confirm_Page.php のPHPコメントアウトで非表示にできない部分をCSSでカバー */
body.usces_page_confirm .confirm_table tr:has(th:contains("配送先情報")), /* 配送先情報の見出し行（CSSの:hasはモダンブラウザのみ）*/
body.usces_page_confirm .confirm_table tr:has(th:contains("FAX番号")),
body.usces_page_confirm .confirm_table tr:has(th:contains("配送方法")),
body.usces_page_confirm .confirm_table tr:has(th:contains("到着希望日")),
body.usces_page_confirm .confirm_table tr:has(th:contains("到着希望時間")),
body.usces_page_confirm .confirm_table tr:has(th:contains("備考")),
body.usces_page_confirm .cart-page h3:contains("配送先情報"), /* 確認ページの「配送先情報」見出し */
body.usces_page_confirm .cart-page h3:contains("その他") /* 確認ページの「その他」見出し */
{
    display: none !important;
}


/* 「フリガナ」に赤いアスタリスクを追加 (Customerページ) */
body.usces_page_customer #customer_info tr:has(th:contains("フリガナ")) th::before {
    content: "*";
    color: red;
    margin-right: 5px;
}

/* FAX関連の項目を非表示 (CustomerページでもConfirmページでも) */
/* これらは usces_addressform() が出力する要素に適用されます */
/* :has() はモダンブラウザのみサポート。古いブラウザでは機能しない可能性あり。 */
.customer_form tr:has(th:contains("FAX番号")),
.customer_form tr:has(th:contains("ＦＡＸ番号")), /* 全角対応 */
#confirm_table tr:has(th:contains("FAX番号")),
#confirm_table tr:has(th:contains("ＦＡＸ番号"))
{
    display: none !important;
}

/* 入力欄の幅を調整（既存のコードから変更なし） */
#customer_info input[type="text"],
#customer_info select {
    width: 250px;
    max-width: 100%;
}

/* 特定の項目間のスペース調整など（既存のコードから変更なし） */
.sex_row th, .birth_year_row th, .birth_month_row th, .exam_venue_row th {
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

/* 追加スタイル（既存のコードから変更なし） */
.customer-form-table {
    width: 100%;
    border-collapse: collapse;
}
.customer-form-table th,
.customer-form-table td {
    padding: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
}
.customer-form-table input[type="text"],
.customer-form-table select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
button.zip-search {
    background-color: #ff9800;
    color: #fff;
    padding: 6px 12px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
button.zip-search:hover {
    background-color: #e68900;
}

/* 振込名義人（氏名）の注意書きを赤字の太字にする */
/* セレクタをより具体的に指定して、該当のspan要素をターゲットにする */
#custom_order .customkey_meigii td span {
    color: red !important; /* 文字色を赤にする */
    font-weight: bold !important; /* 太字にする */
    /* インラインスタイルで指定されている margin-left や font-size は、
       必要であればここで上書きできますが、今回は変更の指示がないためそのまま */
}
/* 振込名義人の注意書きを赤字に */
.customer_form#custom_order tr.customkey_meigi1 td > span {
    color: red !important;
    font-weight: bold !important;
}
#previouscart {
    display: none !important;
}
.input_note {
    font-size: 12px;
    color: #666;
    margin-left: 10px;
}
#custom_order tr.notice_ginkofurikomi td {
    padding: 16px 0;
    font-size: 15px;
    color: red;
    font-weight: bold;
}
/* 備考欄のテキストサイズを大きくする */
tr.customkey_bikou textarea {
    font-size: 16px;
    line-height: 1.6;
    padding: 8px;
}
button.usces_cart_button {
    border: none !important;
    background-color:#e9f0ed;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}
input.purchase_button {
    background-color: #ff9800; /* オレンジ */
    color: #ffffff;            /* 白文字 */
    padding: 10px 20px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size:large;
margin-left:20px;
}

input.purchase_button:hover {
    background-color: #e68900; /* ホバー時に濃いオレンジ */
}
.bank_notice_row td {
    font-size: 15px;
    text-align: left;
}

form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.send {
  display: block !important;
}