/*
 Theme Name:   SWELL Child
 Template:     swell
 Description:  SWELLのカスタマイズ用子テーマ
 Version:      1.0.0
*/

css
コピーする編集する
/* 🌸 本文全体を游明朝体に統一 */
body {
  font-family: 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', serif;
  font-size: 17px;
  line-height: 1.9;
  color: #333;
}

/* 💠 見出しだけ游ゴシック体でモダンに */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Yu Gothic', '游ゴシック体', 'Noto Sans JP', sans-serif;
  font-weight: 600;
  color: #1a1a1a;
}

/* 🍃 余白調整（お好みで） */
h1, h2, h3 {
  margin-top: 2em;
  margin-bottom: 1em;
}

/* 🌿 サイトタイトルを一行表示に調整 */
.site-title {
  font-size: 24px;          /* 調整可：22px〜28pxあたりで様子見 */
  line-height: 1.2;
  white-space: nowrap !important;  /* ← 改行禁止 */
  overflow: hidden;
  text-overflow: ellipsis;         /* ← はみ出し防止（必要なら） */
  text-align: left;
  max-width: 100%;         /* ← 折り返さないよう幅を確保 */
}

/* 🌿 サイトタイトル1行表示＆親要素の幅制限解除 */
.header_logo,
.header_logo_inner,
.c-headLogo__txt {
  max-width: 100% !important;
  width: 100% !important;
  display: block !important;
  white-space: nowrap !important;
}

/* 🌿 サイトタイトルを1行に整える決定版 */
.c-headLogo__txt {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100% !important;
  font-size: 24px; /* 調整可：22～28pxあたりで様子見 */
}

.c-headerLogo {
    align-self: center; /* 基本中央 */
}

.c-headLogo__img {
  margin-top: -10px;
}

/* フォーム全体を中央寄せ・幅調整 */
.wpcf7 form {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background-color: #fff;
}

/* ラベルを和モダンフォント風に */
.wpcf7-form label {
  display: block;
  font-size: 16px;
  margin-bottom: 6px;
  color: #444;
  font-weight: bold;
}

/* 入力欄 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}

/* フォーカス時の入力欄 */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
  border-color: #c8a080;
  outline: none;
}

/* 送信ボタン */
.wpcf7-form input[type="submit"] {
  background-color: #d77ff2 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

/* ホバー時 */
.wpcf7-form input[type="submit"]:hover {
  background-color: #c169e4 !important;
}

/* プライバシーポリシーページのお問い合わせフォームリンクだけ色変更 */
.page-id-351 p a {
  color: #d277b1 !important; /* お好みのカラーコードに変えてOK */
  text-decoration: underline; /* 下線をつけたい場合、いらなければ削除 */
}

/* フォーム入力欄のスタイル */
input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
  background-color: #fefefe;
  color: #333;
  transition: border-color 0.3s ease;
}

/* フォーカス時 */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #8b5e3c;
  outline: none;
}

/* ラベルや項目の余白調整（SWELLで微調整が必要なことも） */
label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
  color: #444;
}