/* =====================================================
  田清窯【会員ログイン・マイアカウントページ CSS】
  
  【貼り付け場所】
  管理画面 → デザイン → テンプレート編集 → CSS編集
  （ログイン・マイアカウント・会員登録ページ共通）
  
  既存のCSSの末尾に追記してください。
===================================================== */

/* =====================================================
  ベース：背景・フォントをサイトトーンに統一
===================================================== */
body{
  background:#f5f0e8 !important;
  font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif !important;
  font-weight:300 !important;
  color:#1c1410 !important;
}

/* =====================================================
  ショップ名（青テキスト）を非表示にしてロゴ的に整える
===================================================== */
/* 店名テキストを非表示 */
#shop-name,
.shop-name,
h1.shop-name,
p.shop-name{
  display:none !important;
}

/* ヘッダーエリアに田清窯のロゴカラーの帯を追加 */
#header,
.header,
div.header{
  background:#1c1410 !important;
  text-align:center !important;
  padding:1.2rem 1rem !important;
  border-bottom:none !important;
}
#header a,
.header a{
  font-family:Shippori Mincho,serif !important;
  font-size:1.2rem !important;
  letter-spacing:.2em !important;
  color:#fdfbf8 !important;
  text-decoration:none !important;
}

/* =====================================================
  メインコンテンツエリア
===================================================== */
#main,
.main,
#contents,
.contents,
.login-wrap,
#login-wrap{
  background:#fdfbf8 !important;
  max-width:480px !important;
  margin:2rem auto !important;
  padding:2rem 1.5rem !important;
  border:1px solid rgba(90,74,58,.15) !important;
}

/* =====================================================
  見出し（ログイン・マイアカウントなど）
===================================================== */
h1,h2,h3{
  font-family:Shippori Mincho,serif !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  color:#1c1410 !important;
  text-align:center !important;
}
h2{font-size:1.2rem !important;margin-bottom:1.5rem !important;}

/* =====================================================
  説明文・案内テキスト
===================================================== */
p,li,dt,dd,label{
  font-family:Noto Sans JP,sans-serif !important;
  font-size:.82rem !important;
  line-height:1.9 !important;
  color:#5a4a3a !important;
}

/* 案内ボックス（水色背景のやつ） */
.alert,
.notice,
.info,
div.message,
.login-info{
  background:#f5f0e8 !important;
  border:1px solid rgba(90,74,58,.15) !important;
  border-radius:2px !important;
  color:#5a4a3a !important;
  font-size:.8rem !important;
  padding:1rem 1.2rem !important;
}
.alert a,
.notice a,
.info a,
.login-info a{
  color:#b8960a !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(184,150,10,.3) !important;
}

/* =====================================================
  ラベル（メールアドレス・パスワードなど）
===================================================== */
label,
.form-label,
dt{
  font-family:Noto Serif JP,serif !important;
  font-size:.82rem !important;
  color:#1c1410 !important;
  letter-spacing:.05em !important;
  font-weight:400 !important;
}

/* =====================================================
  入力欄
===================================================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select{
  width:100% !important;
  border:1px solid rgba(90,74,58,.25) !important;
  border-radius:2px !important;
  padding:.7rem .9rem !important;
  font-family:Noto Sans JP,sans-serif !important;
  font-size:.85rem !important;
  background:#fdfbf8 !important;
  color:#1c1410 !important;
  outline:none !important;
  transition:border-color .2s !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{
  border-color:#b8960a !important;
}

/* =====================================================
  ボタン類
===================================================== */
/* ログイン・登録・送信ボタン（メイン） */
input[type="submit"],
button[type="submit"],
.btn-submit,
.btn-login,
.submit{
  width:100% !important;
  padding:.9rem !important;
  background:#b5382a !important;
  color:#fff !important;
  border:none !important;
  border-radius:2px !important;
  font-family:Noto Serif JP,serif !important;
  font-size:.85rem !important;
  letter-spacing:.15em !important;
  cursor:pointer !important;
  transition:background .2s !important;
  margin-top:1rem !important;
}
input[type="submit"]:hover,
button[type="submit"]:hover{
  background:#8a2a1e !important;
}

/* ショップへ戻るなどのサブボタン */
input[type="button"],
.btn-back,
.btn-cancel,
a.btn{
  display:inline-block !important;
  padding:.55rem 1.2rem !important;
  background:#fdfbf8 !important;
  color:#5a4a3a !important;
  border:1px solid rgba(90,74,58,.25) !important;
  border-radius:2px !important;
  font-family:Noto Serif JP,serif !important;
  font-size:.78rem !important;
  letter-spacing:.1em !important;
  text-decoration:none !important;
  transition:all .2s !important;
}
input[type="button"]:hover,
a.btn:hover{
  background:#1c1410 !important;
  color:#fff !important;
  border-color:#1c1410 !important;
}

/* =====================================================
  リンク
===================================================== */
a{
  color:#b8960a !important;
  text-decoration:none !important;
}
a:hover{
  color:#b5382a !important;
}

/* =====================================================
  テーブル（マイアカウント情報など）
===================================================== */
table{
  width:100% !important;
  border-collapse:collapse !important;
  font-size:.82rem !important;
}
th{
  background:#f5f0e8 !important;
  color:#1c1410 !important;
  font-family:Noto Serif JP,serif !important;
  font-weight:400 !important;
  letter-spacing:.05em !important;
  padding:.7rem .9rem !important;
  text-align:left !important;
  border-bottom:1px solid rgba(90,74,58,.15) !important;
}
td{
  padding:.7rem .9rem !important;
  color:#5a4a3a !important;
  border-bottom:1px solid rgba(90,74,58,.15) !important;
}

/* =====================================================
  フッター
===================================================== */
#footer,
.footer{
  background:#1c1410 !important;
  color:rgba(255,255,255,.4) !important;
  text-align:center !important;
  padding:1rem !important;
  font-size:.65rem !important;
  letter-spacing:.1em !important;
  margin-top:3rem !important;
}
#footer a,
.footer a{
  color:rgba(255,255,255,.4) !important;
}