/*
 Theme Name: Sannoji TT25 Child
 Theme URI: https://3noji.com/
 Author: 3nojigiken
 Template: twentytwentyfive
 Version: 1.0.2
 Description: Black & White / Bold & Calm child theme for 3noji.
 Text Domain: sannoji-tt25-child
*/

/* 追加の微調整だけ。原則は theme.json でコントロールする */
:root {
  --sannoji-radius: 14px;
}

/* 黒ボタン反転ホバー（theme.jsonのスタイルを補強） */
.wp-element-button,
.wp-block-button__link {
  border-radius: var(--sannoji-radius);
  font-weight: 800;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
  filter: brightness(1.05);
}

/* 太め見出しの字間をやや詰めて和のどっしり感 */
h1,h2,h3 {
  letter-spacing: -0.02em;
}

/* 非表示 */
.hide {
  display: none !important;
}

/* --------------------------------
 * 問い合わせフォーム（仮）
 * -------------------------------- */
/* 全幅指定 */
.wpcf7  {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  font-size: 0.8em;
}
.wpcf7 .full-width {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
}
/* pタグの余白を削除 */
.wpcf7-form p {
  margin-bottom: 0;
}
/* 背景色（お好きな色に） */
/* .wpcf7 section.contact {
    background-color: #EDF7EF;
} */
/*  フォームの幅（自由に変えてOK） */
.wpcf7 .contactForm {
  max-width: 700px;
  margin: 0 auto;
  width: 60%;
}
/* 各項目の下部余白 */
.wpcf7 .contact_item {
  margin-bottom: 2.5rem;
}
/* 項目名 */
.wpcf7 .label {
  display: block;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-bottom: 0.6rem;
  font-weight: bold;
}
/* 必須タグと任意タグ共通のスタイル */
.wpcf7 .label_tag {
  font-size: 1.5rem;
  color: #ffffff;
  border-radius: 0.3rem;
  margin-right: 1rem;
  padding: 5px 10px;
}
/* 必須タグ */
.wpcf7 .label_must {
  background-color: #da5e50;
}
/* 任意タグ */
.wpcf7 .label_option {
  background-color: #888988;
}
/* 名前やメールアドレスなどユーザーが入力する箇所 */
.wpcf7 .inputs {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wpcf7 input[type='text'],
input[type='email'] {
  border: solid 1px #707070;
  padding: 1rem;
  font-size: 1.8rem;
  width: 100%;
}
/* お問い合わせ内容を入力する箇所 */
.wpcf7 textarea {
  border: solid 1px #707070;
  padding: 0.5rem;
  height: 207px;
  font-size: 1.8rem;
  width: 100%;
}
/* ボタン */
.wpcf7 .btnArea {
  text-align: center;
}
.wpcf7 input[type='submit'] {
  background: #004f9de3;
  /* border: 2px solid #ffffff; */
  width: 245px;
  color: #ffffff;
  text-align: center;
  /* font-size: 2.5rem; */
  line-height: 1.3;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  font-weight: bold;
  padding: 1.4rem 0;
  margin-top: 2rem;
  cursor: pointer;
  border-radius: 1.3rem;
  transition: all 0.3s;
}
/* ボタンにホバーした時 */
.wpcf7 input[type='submit']:hover {
  color: #004f9de3;
  background-color: #ffffff;
  border-color: #004f9de3;
}

/* ローダー */
.wpcf7 .wpcf7 .ajax-loader {
  display: block;
  margin: 0 auto;
}

/* モバイル版 */
@media screen and (max-width: 769px) {
  .wpcf7 .contactForm {
    max-width: 800px;
    margin: 0 auto;
    width: 90%;
  }
  .wpcf7 .contact_item {
    margin-bottom: 1.6rem;
  }
  .wpcf7 .label {
    font-size: 1.5rem;
    margin-bottom: 0.4rem;
  }
  .wpcf7 .label_tag {
    font-size: 1.1rem;
  }
  .wpcf7 input[type='text'],
  input[type='email'] {
    padding: 0.4rem;
    font-size: 1.5rem;
  }
  .wpcf7 textarea {
    padding: 0.4rem;
    font-size: 1.5rem;
  }
  .wpcf7 input[type='submit'] {
    font-size: 1.5rem;
  }
}

/* --------------------------------
 * お問い合わせパーツ
 * -------------------------------- */
.wpcf7 .wpcf7-list-item {
  display: inline-block;
}

.wpcf7 .sent .contactForm {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: unset;
  font-size: 1.15em;
  padding: 2em;
}

/* --------------------------------
 * hoverで画像アップ
 * -------------------------------- */
.zoom-box {
  display: inline-block;
  overflow: hidden;
}
.c-bnr.zoom {
  display: block;
  transition-duration: .5s;
}
.c-bnr.zoom:hover {
  transform: scale(1.2);
}