/* =========================
   Base
========================= */
.wp-site-blocks { background:#fff; }

/* Hero text readability */
.wp-block-cover .wp-block-heading,
.wp-block-cover p{
  color:#fff;
  text-shadow:0 2px 20px rgba(0,0,0,.25);
}
footer{background-color: var(--wp--preset--color--accent) !important;}
@media (max-width:768px){
  .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
      width: calc(50% - var(--wp--style--block-gap, .5em) * .75);
  }
  /* .event-img{width:20%;} */
}
a:focus,
button:focus {
  outline: none;
}
.tategaki{
  writing-mode: vertical-rl;   /* 縦書き（右→左） */
  text-orientation: mixed;     /* 英数字は横向き混在 */
  line-height: 2;
}
/* =========================
   Header
========================= */
.wp-block-template-part{
  display:flex;
  flex-direction:column;
  align-items:center;
  transition:all .3s ease;
  background-color: #E8F8FB;
}
/* タイトルで改行使えるようにする */
.wp-block-post-title,
.entry-title,
.page-title {
    white-space: pre-line;
}

/* 横並び状態 */
.wp-block-template-part.is-fixed{
  flex-direction:row;
  justify-content:space-between;
  padding:1px 40px;

  position:fixed;
  top:0;
  left:0;
  width:100%;

  background:#fff;
  z-index:9999;

  box-shadow:0 3px 10px rgba(0,0,0,0.08);
}
.wp-block-template-part.is-fixed2{
  border-bottom: solid 1px #5cc9dd;
}

.dispnone{
  display: none !important;
}

@media (max-width:768px){
  .sp-none{
    display: none;
  }

  .site-header.is-fixed{
    padding:8px 16px;
  }

  .site-header.is-fixed img{
    height:32px;

  }

  .spmenue{
    display:none;
  }

  /* ハンバーガーを左へ */
  .wp-block-navigation__responsive-container-open {
      order: -1;
  }

  /* ヘッダー全体 */
  .site-header {
      display: flex;
      align-items: center;
  }

  /* ロゴの余白調整 */
  .site-header .wp-block-site-logo {
      margin-left: 10px;
  }

  /* ナビゲーションを左へ */
  .site-header > .wp-block-group:last-child{
      order:-1;
  }
  /* ヘッダー左寄せ調整 */
  .site-header{
  justify-content:flex-start;
  gap:10px;
  }
  .wp-block-template-part.is-fixed.is-fixed2 {
      display: block; 
      padding:0;
      flex-direction:none;
      align-items:none;
      transition:none;
  }
  .wp-block-template-part {
      display: block; 
      padding:0;
      flex-direction:unset;
      align-items:unset;
      transition:none;
      background-color: #E8F8FB;
  }
}
/* =========================
   gナビ
========================= */
.g-navi {
    font-size: 0.98rem;
}
.gs-nav li{
    width: 14rem;
}

/* =========================
   アンカーリンク下げ
========================= */
:target {
    scroll-margin-top: 8rem;
}

/* =========================
   ハンバーガーメニューを左寄せ
========================= */
/* スマホのハンバーガーメニューを左寄せ */
/* 一般的なハンバーガーメニュー（ボタン）を左寄せにする例 */
@media (max-width: 768px) {
    .menu-trigger, 
    .sp-menu-btn {
        right: auto !important;
        left: 15px !important; /* 左からの位置を調整 */
    }
}


/* =========================
   Section background helper
   （薄い水色の帯を作りたい時）
========================= */
.kiso-section{
  background: var(--wp--preset--color--accent-light);
  /* padding: 48px 0;*/
  margin: 5rem 0;
}
@media (max-width: 768px){
  .kiso-section{
    background: var(--wp--preset--color--accent-light);
    margin: 1.2rem 0;
  }
}

/* =========================
   Common boxes / cards
========================= */
.is-style-kiso-box{
  border: 3px solid var(--wp--preset--color--accent); */
  border-radius: 16px;
  background:#fff;
  padding: 18px;
}

/* 共通カード（観光スポットなど） */
.is-style-kiso-card{
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  background:#fff;
}

/* Gallery rounding */
.wp-block-gallery img{ border-radius: 14px; }

/* =========================
   Buttons
========================= */
.wp-block-button__link{
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
}

/* Fill button color unify */
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button__link.has-accent-background-color{
  background: var(--wp--preset--color--accent);
  color: #fff;
}

/* Outline style */
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 2px solid var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent);
  background: transparent;
}
/*スライダーのマージン*/
.n2_clear {
    clear: both;
    margin: 0;
}

/*トップへ戻る*/
.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 40px;
  width: 50px;
  height: 50px;
  background: #2a7f62;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  text-decoration: none;
  z-index: 9999;
  opacity: 0.8;
  transition: 0.3s;
}

.back-to-top:hover {
  opacity: 1;
}
/* =========================
   News (Query Loop)
   ※お知らせ専用。投稿一覧全体に効かせたくない場合は
   親グループに class="kiso-news" を付けて .kiso-news で囲ってください
========================= */
.wp-block-query .wp-block-post{
  display:flex;
  gap:20px;
  padding:0;
}


.wp-block-post-date{
  min-width:140px;
  color: var(--wp--preset--color--muted);
  font-size:14px;
  white-space: nowrap;
}

.wp-block-query .wp-block-post + .wp-block-post{
  border-top:1px solid rgba(0,0,0,.08);
}
/* =========================
   ※木祖村。
========================= */
.kiso-about{
  position: relative;
  /* background:#f3f3f3; */
  overflow:hidden;
}

.kiso-about::before{
  content:"";
  position:absolute;

  left:40%;
  bottom:-25px;

  width:320px;
  height:320px;

  background-image:url("../images/genki.png");
  background-repeat:no-repeat;
  background-size:contain;

  opacity:0.10;   /* 薄さ */

  pointer-events:none;
}


/* =========================
   Spot cards (Query Loop)
   ※観光スポットのクエリループにだけ効かせたい場合は
   親グループに class="kiso-spot" を付けて .kiso-spot で囲ってください
========================= */

.spot-badge{
    display: inline-block;
    background: #5BC9DD;
    color: #fff;
    padding: 5px 12px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 500;
}
.single-spot .wp-block-group.is-nowrap{
    justify-content: center;
}
.wp-block-group.is-nowrap{
  /* align-items:center; */
  gap:16px;
}

.kiso-spot .wp-block-post{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.08);

  /* カードの高さ揃え */
  display:flex;
  flex-direction:column;
  height:100%;
}

/* 画像（余白ズレ防止 + 高さ統一） */
.kiso-spot .wp-block-post-featured-image,
.kiso-spot figure.wp-block-post-featured-image{
  margin:0;
  height:220px;      /* ←好きな高さに */
  overflow:hidden;
}

.kiso-spot .wp-block-post-featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:16px 16px 0 0;
}

/* タイトル（2行分の高さ確保で段差防止） */
.kiso-spot .wp-block-post-title{
  font-size:18px;
  padding:14px 16px 0;
  margin:0;
  min-height:1.2rem;   /* ←必要に応じて調整 */
}

/* 抜粋（3行制限 + 無い時も高さ確保 + 下揃え） */
.kiso-spot .wp-block-post-excerpt{
  font-size:11px;
  padding:0 16px 16px;
  margin:0;

  margin-top:8px;
  flex:1;

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.kiso-spot .wp-block-post-excerpt:empty{
  min-height:72px;   /* ←抜粋なしでも高さ確保 */
}

/* li を縦積みflexに */
.kiso-spot .wp-block-post{
  display:flex;
  flex-direction:column;
}

/* 投稿テンプレート内のラッパーを伸ばす */
.kiso-spot .wp-block-post > .wp-block-group{
  display:flex;
  flex-direction:column;
  flex:1;
}

/* 抜粋を一番下まで押し下げる */
.kiso-spot .wp-block-post-excerpt{
  margin-top:auto;
}

/* カード画像を比率固定で完全フィットさせる */
.kiso-spot .wp-block-post-featured-image{
  margin:0;
  aspect-ratio: 4 / 3;   /* ←好きな比率に変更OK */
  overflow:hidden;
}

.kiso-spot .wp-block-post-featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;      /* トリミングして埋める */
  display:block;
}

/* ===== カード全体クリック（整理版） ===== */

.kiso-spot .wp-block-post{
  position: relative;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}

.kiso-spot .wp-block-post:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(0,0,0,.12);
}

/* タイトルリンクをカード全体に拡張 */
.kiso-spot .wp-block-post-title a{
  position: static;   /* ←これ重要 */
}

/* タイトルのリンクをカード全体に拡張 */
.kiso-spot .wp-block-post-title a::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* テキストや画像は上に */
.kiso-spot .wp-block-post > *{
  position: relative;
  z-index:2;
}
.kiso-spot-title{
    margin: 0 auto;
    justify-content: flex-end;
}
.kiso-spot-subtitle{
    margin: 0 auto;
    width: 80%;
}
/* =========================
   木祖村 SPリスト表示
========================= */
@media (max-width: 768px){
  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
      margin: 0;
      width: calc(30% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
  }
}

/* =========================
   観光スポット SPリスト表示
========================= */
@media (max-width: 768px){

  /* カード→横並びに変更 */
  .kiso-spot .wp-block-post{
    /* flex-direction: row !important;
    align-items: flex-start;
    height: auto;
    padding: 12px;
    box-shadow: none;
    border-radius: 0; */
    /* padding-top: 12px; */
  }

  /* 画像サイズ固定 */
  .kiso-spot .wp-block-post-featured-image{
    flex: 0 0 90px;
    /* aspect-ratio: 1 / 1; */
    height: auto;
    margin: 0;
    width: 100%;
  }

  /* .kiso-spot .wp-block-post-featured-image img{
    border-radius: 8px;
  } */

  /* テキスト側 */
  /* .kiso-spot .wp-block-post > .wp-block-group{
    padding-left: 12px;
  } */

  /* タイトル小さめ */
  .kiso-spot .wp-block-post-title{
    font-size: 14px;
    padding-top: 0.5rem;
  }

  /* 抜粋は2行に */
  .kiso-spot .wp-block-post-excerpt{
    display: none;
    /* font-size: 12px;
    -webkit-line-clamp: 2;
    padding: 6px 0 0; */
  }

  /* 投稿区切り線 */
  .kiso-spot .wp-block-post + .wp-block-post{
    border-top: 1px solid rgba(0,0,0,.08);
  }

  /* hover演出はSPでは消す */
  /* .kiso-spot .wp-block-post:hover{
    transform: none;
    box-shadow: none;
  } */
  .kiso-spot .is-layout-flow ul{
    grid-template-columns: 1fr 1fr  !important;
  }
  .is-style-kiso-card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
    background: #fff;
  }
  .kiso-spot .wp-block-post {
    list-style: none;
  }

  .kiso-spot .wp-block-post > .wp-block-group {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

}

/* =========================
   観光スポット カスタム投稿カード表示
========================= */

.spot-card {
  background: #eaf3f6;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  transition: 0.3s;
}

.spot-card img {
  border-radius: 18px;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

.spot-card h2,
.spot-card h3 {
  text-align: center;
  /* margin-top: 18px; */
  font-weight: 500;
}
.spot-card.kiso-spot img {
  width: 100% !important;
  height: 260px;
  object-fit: cover;
  border-radius: 18px;
  transition: transform 0.4s ease;
  margin: 0 !important;
}

.spot-card:hover img {
  transform: scale(1.05);
}


.card{position:relative;}
.card__link{
  position:absolute; inset:0;
  z-index:1;
}
.card > *{position:relative; z-index:2;}


/* =========================
   Experience / Event cards (manual blocks)
========================= */
.kiso-ex-subtitle{
    margin: 0 auto;
    width: 40%;
}

.kiso-event-title{
  position: relative;
  /* display: inline-block; */
  padding-bottom: 14px;
}

.kiso-event-title::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;

  width:60px;
  height:3px;

  background:#4bb6c3;
  border-radius:2px;
}
.kiso-event-title2{
  position: relative;
  /* display: inline-block; */
  padding-bottom: 14px;
}

.kiso-event-title2::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;

  width:60px;
  height:3px;

  background:#7bf9e08c;
  border-radius:2px;
}

.kiso-card{
  border: 2px solid var(--wp--preset--color--accent);
  border-radius: 18px;
  padding: 22px;
  background: #fff;
  transition: .2s ease;
}

.kiso-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* icon + title row */
.kiso-icon-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}

.kiso-icon-title img{
  width:48px;
  height:auto;
}

/* もっと見るボタンの立体感 */
.wp-block-button__link{
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
  transition: 0.2s ease;
}

.wp-block-button__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
/* フッター */
.site-footer{
  color:#fff;
  background: linear-gradient(180deg,#5cc9dd,#52c2d6);
}

.site-footer p{
  margin:4px 0;
  font-size:14px;
}

.site-footer img{
  max-width:140px;
}

.sub-title{
  font-size:18px;
  color:#6b7280;
  margin:8px 0 24px;
  text-align: center;
}
.page-menu{
    width: 30%;
    margin: 0 auto;
}
/* 観光スポット：アイキャッチを左回り込み */
.single-spot .wp-block-post-featured-image.alignleft{
  width: 45%;
  float:left;
  margin-right: 24px;
  margin-bottom: 16px;
}
/* スマホは回り込み解除 */
@media (max-width: 768px){
  .kiso-ex-subtitle{
    margin: 0 auto;
    width: 60%;
  }
  .single-spot .wp-block-post-featured-image.alignleft{
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
/* 観光スポット：アイキャッチをコンテンツ回り込み */
.single-spot .wp-block-post-content{
      display: block;
}
.single-spot .wp-block-group.is-layout-constrained {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
/*top page　木祖村セクション*/
/* .front-about-section {
  background: #f4f4f4; 
  padding: 80px 0;
}*/

.front-about-section h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.front-about-section .wp-block-button__link {
  background: #2aa48f;
  border-radius: 30px;
  padding: 10px 28px;
}

.front-about-section .wp-block-gallery img {
  border-radius: 6px;
}

/* アクセスセクショントップ */
.access-section {
  padding: 80px 0;
}

.access-card {
  background: #f3f3f3;
  border: 1px solid #dcdcdc;
  border-radius: 14px;
  padding: 20px;
}
.access-card2 {
  background: fffcfc;
  border: 1px solid #dcdcdc;
  border-radius: 14px;
  padding: 20px;
  font-size: 1rem;
}

.access-section h2 {
  font-size: 28px;
}

.access-section .wp-block-button__link {
  background: #2aa48f;
  border-radius: 30px;
  padding: 8px 24px;
}
.access-section iframe {
  width: 80%;
  height: 600px;
  border-radius: 12px;
}


/* SP時にグリッドは1列 */
@media (max-width: 768px) {
  .access-card2 .is-layout-flow figure{
    width:20%;
  }
  .access-card .is-layout-flow figure{
    width:20%;
  }
  .access-section iframe {
    width: 100%;
    height: 350px;
    border-radius: 12px;
  }

  .spot-grid {
    grid-template-columns: 1fr !important;
  }

  /* カード内は横並び維持 */
  .spot-card .wp-block-columns {
    flex-direction: row !important;
    align-items: flex-start;
  }

  /* 画像カラム */
  .spot-card .wp-block-column:first-child {
    flex: 0 0 60px !important;
    max-width: 60px !important;
  }

  /* テキストカラム */
  .spot-card .wp-block-column:last-child {
    flex: 1 !important;
    max-width: 100% !important;
    padding-bottom: 1rem;
  }

  /* アイコンサイズ */
  .spot-card img {
    width: 50px !important;
    height: auto;
    margin-top: 2rem;
    margin-left: 1rem;
  }
  .kiso-card {
      padding: 5px;
  }

  .spot-card.kiso-spot img {
    width: 100% !important;
    height: 160px;
    object-fit: cover;
    border-radius: 18px;
    transition: transform 0.4s ease;
    margin: 0 !important;
  }


}

/* =========================
   体験イベント
========================= */
.spot-section{
  margin: 80px 0;
}

.spot-section h2{
  font-size: 28px;
  margin-bottom: 24px;
}

.ge-title{
  /* width: 80%; */
}

.kiso-spot-title-img-div{
  justify-content: flex-end;
}

/* SP時縦並び */
@media (max-width: 768px){
  .spot-section .wp-block-columns{
    flex-direction: column;
    gap: 24px;
  }
  .ge-title{
    width: 100%;
  }
  .kiso-spot-title-img-div{
    justify-content: unset;
    float: right;
    width:65%;
  }
  #kiso-event-each h1{
    font-size: larger;
  }
}



/* NEWSレイアウト */

/* ===== NEWS list style ===== */
.nlist-font{
  font-size: 1rem;
}
.news-item{
  margin: 0;
  padding: 0 !important;
}

.news-row{
  padding: 12px 18px;
  align-items: center;
  gap: 24px;
  border-radius: 8px;
}

/* 交互の背景（薄いベージュ） */
.wp-block-post-template li:nth-child(odd) .news-row{
  background: #a0efa654;
}
.wp-block-post-template li:nth-child(even) .news-row{
  background: transparent;
  background: var(--wp--preset--color--accent-light);
}
.wp-block-post-template li:nth-child(odd) .news-row:hover {
    background: #ecefa054;
}
.wp-block-post-template li:nth-child(even) .news-row:hover{
    background: #ecefa054;
}


/* 左：日付＋カテゴリ */
.news-meta{
  gap: 12px;
  align-items: center;
  white-space: nowrap;
  min-width: 220px; /* 左カラムの幅感 */
}
.news-meta{
  display:flex;
  align-items:center;
  gap:12px;
}
/* 日付 */
.news-meta time{
  font-weight: 600;
}

/* カテゴリ（灰色のピル） */
.news-meta .wp-block-post-terms a{
  display: inline-block;
  background: #b7b7b7;
  color: #fff;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.7rem;
  text-decoration: none;
}

/* タイトル */
.news-row .wp-block-post-title{
  margin: 0;
  flex: 1;
}
.news-row .wp-block-post-title a{
  text-decoration: none;
}

/* 右の矢印 */
.news-arrow{
  font-size: 28px;
  line-height: 1;
  opacity: .65;
}

/* ホバーで少しだけ反応 */
.news-row:hover{
  filter: brightness(0.98);
}
.news-row:hover .news-arrow{
  opacity: 1;
}

/* リストのデフォルト余白を詰める */
.wp-block-post-template{
  padding-left: 0;
}
.wp-block-post-template li{
  list-style: none;
  margin: 0 0 10px 0;
  margin: 0;
}

.news-row{
  transition:all .2s ease;
}

.news-row:hover{
  background:#f5efe6;
}

.news-row:hover .news-arrow{
  transform:translateX(5px);
}
.news-row .wp-block-post-title{
  flex:1;
}

.news-arrow{
  margin-left:auto;
  font-size:26px;
  opacity:.7;
  transition:.2s;
}

.news-row:hover{
  background:#f5efe6;
}

.news-row:hover .news-arrow{
  transform:translateX(6px);
}
.wp-block-post{
  position:relative;
}

.wp-block-post-title a{
  position:static;
}

.wp-block-post-title a::after{
  content:"";
  position:absolute;
  inset:0;
}
.news-row .wp-block-post-title{
  font-size:16px;
  font-weight:500;
}
.wp-block-post{
  position: relative;
}

.wp-block-post-title a{
  position: static;
}


@media (max-width: 768px){
  .news-row{
    padding: 18px 16px;
    gap: 14px;
    align-items: flex-start;
  }

  /* 左メタを上、タイトルを下へ */
  .news-row{
    flex-direction: column;
  }
  .news-meta{
    min-width: auto;
  }

  /* 矢印は右上へ */
  .news-arrow{
    align-self: flex-end;
    margin-top: -40px !important;
  }
}
.news-list .wp-block-query .wp-block-post{
  display: block;
}
.news-list ul{
      margin: 0 auto !important;
}

.news-list > div {
  padding: 0;
}


/* =========================
   バナー
========================= */
.footer-banners img{
transition: all .25s ease;
border-radius:4px;
}

.footer-banners a:hover img{
transform: translateY(-5px) scale(1.03);
box-shadow:0 10px 24px rgba(0,0,0,.15);
}

/* =========================
   固定ページタイトル
========================= */
.title-bar1{
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
}

.title-bar1::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #4bb6c3;
    border-radius: 2px;
}

/* =========================
   季節イベント・祭り
   フォトコンテスト・イベント
========================= */
.color_red {
  color: #bc2828;
}

.line_color {
  color: #8c8a8a;
  border: dotted 1px;
}

.hide {
  display: none;
}


/* =========================
   お守りーふ
========================= */
.omamori-up{
  position: relative;
  overflow:hidden;
}
.omamori-up::before{
  content:"";
  position:absolute;

  left:40%;
  bottom:-15px;

  width:450px;
  height:450px;

  background-image:url("../images/omamori-leaf.png");
  background-repeat:no-repeat;
  background-size:contain;

  opacity:0.7;   /* 薄さ */

  pointer-events:none;
}
.omamori-leaf-ha{
  position: relative;
  overflow:hidden;
}
.omamori-leaf-ha::before{
  content:"";
  position:absolute;

  left:40%;
  bottom:-15px;

  width:370px;
  height:370px;

  background-image:url("../images/leaf.png");
  background-repeat:no-repeat;
  background-size:contain;

  opacity:0.7;   /* 薄さ */

  pointer-events:none;
}
.omamori-up h2,
.omamori-up p {
    position: relative;
    z-index: 2;
}


/* --------------------------------
 * 問い合わせフォーム（仮）
 * -------------------------------- */
/* 全幅指定 */
.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: 1rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-bottom: 0.6rem;
  /* font-weight: bold; */
}
/* 必須タグと任意タグ共通のスタイル */
.wpcf7 .label_tag {
  font-size: 1rem;
  color: #ffffff;
  border-radius: 0.3rem;
  margin-right: 1rem;
  padding: 1px 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: 0.8rem;
  font-size: 1rem;
  width: 100%;
}
.wpcf7 input[type='text'],
input[type='tel'] {
  border: solid 1px #707070;
  padding: 0.8rem;
  font-size: 1rem;
  width: 100%;
}

.wpcf7 .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 10px;
}

.wpcf7 input[type="number"] {
  width: 90px;
  padding: 0.4rem;
}

/* お問い合わせ内容を入力する箇所 */
.wpcf7 textarea {
  border: solid 1px #707070;
  padding: 0.5rem;
  /* height: 207px; */
  font-size: 1rem;
  width: 100%;
}
/* ボタン */
.wpcf7 .btnArea {
  text-align: center;
}
.wpcf7 input[type='submit'] {
  background: var(--wp--preset--color--accent);
  width: 245px;
  color: #ffffff;
  /* text-align: center;
  line-height: 1.3; */
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  font-weight: bold;
  padding: 1rem 0;
  margin-top: 2rem;
  cursor: pointer;
  border-radius: 2rem;
  transition: all 0.3s;
  border: unset;
}
/* ボタンにホバーした時 */
.wpcf7 input[type='submit']:hover {
  color: #004f9de3;
  background-color: #50abbc94;
  border: 2px solid #004f9de3;
}

/* ローダー */
.wpcf7 .wpcf7 .ajax-loader {
  display: block;
  margin: 0 auto;
}
.form-mongon{
  width:60%;
}

/* モバイル版 */
@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: 1rem;
    margin-bottom: 0.4rem;
  }
  .wpcf7 .label_tag {
    font-size: 1rem;
  }
  .wpcf7 input[type='text'],
  input[type='email'] {
    padding: 0.4rem;
    font-size: 1rem;
  }
  .wpcf7 input[type='text'],
  input[type='tel'] {
    padding: 0.4rem;
    font-size: 1rem;
  }
  .wpcf7 textarea {
    padding: 0.4rem;
    font-size: 1rem;
  }
  .wpcf7 input[type='submit'] {
    font-size: 1rem;
  }
  .form-mongon{
    width:95%;
  }

}

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

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

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

/* --------------------------------
 * PDFダウンロード　カスタムHTML内
 * -------------------------------- */
.pdf-download-button {
  display: inline-block;
  padding: 12px 24px;
  /* background: #2f6f3e; */
  color: #fff;
  text-decoration: none;
  /* border-radius: 6px; */
  font-weight: 700;
}

.pdf-download-button:hover {
  opacity: 0.9;
}
.img-border {
    border: 1px solid #ccc;
}

.omamori-section{
 background-color: #f0f0a063;
}

.omamori-about::before {
    content: "";
    position: absolute;
    left: 20%;
    bottom: -75px;
    width: 340px;
    height: 340px;
    background-image: url(../images/omamori-leaf.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
    pointer-events: none;
}
.omamori-about p{
  position: relative;
    z-index: 2;
}

/*ボタン*/
.color-pink .wp-block-button__link{
  background-color: pink !important;
}

@media screen and (max-width: 769px) {
  .wp-block-button-kiso {
    width:100% !important;;
  }
}