@charset "UTF-8";

/*shop.cssへ移行しました。*/
/* ===== Tajimaya mypage CSS inline START (2026-08-29) ===== */
/* 外部@importを廃止し、同じCSSを直接統合して追加リクエストを防ぐ。 */
/* =============================================
   カートページ・マイページ用スタイル
   皮の但馬屋 — ShopServe /CART/ ページ専用
   ============================================= */
/* CSS変数（tajimaya-white.cssが読まれない場合のフォールバック） */
:root {
  --dark:     #1a1612;
  --charcoal: #2c2520;
  --gold:     #9a7d52;
  --gold-dim: #7a6040;
  --light:    #f2eeea;
  --border:   #e0dbd3;
  --white:    #fff;
  --ff-sans:  'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  --ff-disp:  'Cormorant Garamond', serif;
}
/* お問い合わせ・カートフォーム */
#contact { margin: 0 auto; }
#contact h4 { font-size: 13px; }
#contact table { width: 100%; margin: 10px 0 0; word-break: break-all; }
#contact table th {
  width: 28%; padding: 18px 20px; font-size: 13px; font-weight: 400;
  color: var(--charcoal); background-color: var(--light);
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
}
#contact em { color: var(--gold-dim); margin-left: 5px; font-size: 12px; }
#contact table td {
  width: 72%; font-size: 13px; padding: 18px 20px; color: var(--dark);
}
#contact .btn-confirm { text-align: center; padding: 20px; border-bottom: none; }
/* ボタン全般 */
input[type="submit"], input[type="button"] { cursor: pointer; }
#center-seo input[type="submit"],
#center-seo input[type="button"],
#center3 input[type="submit"],
#center3 input[type="button"],
#contact #center1 .centerbox .mainCont input[type="button"],
#contact #center1 .centerbox .mainCont input[type="submit"] {
  background-color: var(--dark);
  border: 1px solid var(--dark);
  border-radius: 0;
  color: #fff;
  font-family: var(--ff-sans);
  letter-spacing: 0.06em;
  transition: background 0.2s, border-color 0.2s;
}
#center-seo input[type="submit"]:hover,
#center-seo input[type="button"]:hover,
#center3 input[type="submit"]:hover,
#center3 input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="submit"]:hover {
  background-color: var(--gold);
  border-color: var(--gold);
}
/* 購入ボタン（ゴールド） */
.cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"],
.cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"],
.cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "],
.cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　この内容で注文する　"] {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
/* マイページ表示切替ボタン */
#center3 input.sps-my-display[type="button"],
#center3 input.sps-my-change-display[type="button"] {
  background-color: var(--white) !important;
  border: 1px solid var(--border) !important;
  color: var(--charcoal) !important;
}
/* カートリンク */
#center-seo .centerbox a, #center3 .centerbox a { color: var(--gold); }
#center-seo .centerbox a:hover, #center3 .centerbox a:hover { color: var(--gold-dim); }
/* マイページ・カートページ見出し */
#center-seo h3.title1, #center3 h3.title1 {
  background: var(--dark) !important;
  color: #fff !important;
  font-family: var(--ff-disp) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  padding: 8px 14px !important;
}
#contact #center1 .centerbox h3.title1 {
  background: var(--dark);
  color: #fff;
  font-family: var(--ff-disp);
  font-weight: 400;
  letter-spacing: 0.08em;
  padding: 8px 14px;
}
/* コンテンツエリア余白 */
#center3 .mainCont {
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.8;
}
/* ボーダー付きコンテナ */
#center3 .bordlayoutp3 {
  border: 1px solid var(--border);
  margin: 8px 0;
  padding: 10px;
}
/* センタリング付きレイアウト */
#center3 .layoutp3 {
  padding: 8px 0;
}
/* テーブル見出し行（backcolor1）*/
.backcolor1 th,
.backcolor1 td {
  background-color: var(--dark);
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 8px;
}
/* テーブルデータ行 */
#center3 .bordlayoutp3 table td {
  padding: 6px 8px;
  font-size: 13px;
  border-bottom: 1px solid var(--border);
}
/* テーブルth折り返し防止 */
#center3 table th,
#center-seo table th {
  white-space: nowrap;
}
/* パンくず */
#center3 #bread {
  padding: 8px 14px;
  font-size: 12px;
  color: var(--text-dim, #888);
  border-bottom: 1px solid var(--border);
  margin-bottom: 4px;
}
/* フォームフォーカス */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border-color: var(--gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(154,125,82,0.15) !important;
}
/* =============================================
   レスポンシブ（768px以下）
   ============================================= */
@media screen and (max-width: 768px) {
  #main-column-full { box-sizing: border-box; padding: 0 2%; width: 100%; }
  #contact { width: 100%; margin: 0 auto; }
}
/* =============================================
   レスポンシブ（480px以下）
   ============================================= */
@media screen and (max-width: 480px) {
  .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"],
  .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="確認画面に進む"],
  .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　 次へ　 "],
  .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="　この内容で注文する　"] {
    display: block; width: 100%; margin: 10px auto 0;
  }
  #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .sps-inputTable td,
  #contact .sps-inputTable td {
    border-left: 0; border-right: 0;
    box-sizing: border-box; display: block; width: 100% !important;
  }
}
/* ===== Tajimaya mypage CSS inline END ===== */