/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 27 2026 | 12:26:13 */
/* 特定の画像のクリック（拡大）を強制的に無効化 */
.no-zoom-img {
  pointer-events: none !important;
}

/* メインビジュアルの画像配置を左上固定にする */
.p-mainVisual__slide img, 
.p-mainVisual__slide picture {
    object-position: 0% 0% !important; /* 左:0% 上:0% で固定 */
}

/* メインビジュアルまわりの余白削除 */
.p-mainVisual,
.p-mainVisual__inner,
.p-mainVisual__slide,
.p-mainVisual__slideInner,
.p-mainVisual__slide picture,
.p-mainVisual__slide figure {
  margin: 0 !important;
  padding: 0 !important;
}

/* 画像の隙間防止 */
.p-mainVisual__slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;
  object-position: left top !important;
}

/* フルワイドブロックの上の隙間を強制的に半分にする */
.n-gap {
    margin-top: -50px !important; /* この数字を -10px, -50px などに変えて調整 */
}

/* フルワイドブロックの「内側」の上の余白を強制的に削る */
.n-gap {
    padding-top: 0 !important;
    margin-top: -40px !important; /* マイナス値を大きくしてみる */
}

/* もしカバーブロックが中にある場合、その余白も消す */
.n-gap .wp-block-cover {
    margin-top: 0 !important;
    padding-top: 0 !important;
}




.privacy-text {
  font-size: 13px;
  color: #666;
  line-height: 1.7;
  margin-bottom: 10px;
}

.privacy-check {
  font-size: 14px;
  line-height: 1.8;
}

.required {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;

	
  background: linear-gradient(180deg, #d9bc85 0%, #a88445 100%);
  border-radius: 999px;

  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  letter-spacing: 0.08em;
}

.tel-list {
  width: 100%;
}

/* 1行ごと */
.tel-item {
  border-bottom: 1px dotted #b9ab8a;
  padding: 8px 0;
}

.tel-item:last-child {
  border-bottom: none;
}

/* 横並び */
.tel-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  line-height: 1.3;
}

/* 比率 */
.store {
  flex: 1;
  font-size: 18px;
  font-weight: 700;
}

.tel {
  flex: 1.2;
  font-size: 22px;
  font-weight: 700;
}

.time {
  flex: 1.5;
  font-size: 13px;
  color: #666;
}

/* 電話リンク切り替え */
.tel-link {
  display: none;
}

.tel-text {
  display: inline;
}

/* スマホだけリンク有効 */
@media screen and (max-width: 768px) {

  .tel-line {
    display: block;
  }

  .store,
  .tel,
  .time {
    display: block;
    width: 100%;
  }

  .store {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .tel {
    font-size: 22px;
    margin-bottom: 2px;
  }

  .time {
    font-size: 13px;
  }

  .tel-text {
    display: none;
  }

  .tel-link {
    display: inline;
    color: #2b2b2b;
    text-decoration: none;
  }
}
/* 非表示 */
.cf-turnstile {
  opacity: 0;
  height: 0;
  overflow: hidden;
}


/* =========================================
   ■ H1
========================================= */

.c-pageTitle__inner, .post_content h1 {
    display: block !important;
    position: relative !important;
    
    /* 【サイズ調整】少し小さくして1行に収まりやすくする */
    font-size: 2.2rem !important; 
    font-weight: bold;
    color: #333 !important;
    text-align: center;
    
    /* 【強制1行】絶対に折り返さない */
    white-space: nowrap !important;
    overflow: hidden; /* 万が一の溢れを隠す */
    text-overflow: clip; 
    
    /* 立体感の影 */
    text-shadow: 1px 1px 0px rgba(255,255,255,0.9),
                 1px 2px 3px rgba(0,0,0,0.2);
    
    /* 上下の隙間 */
    margin-top: 80px !important;
    margin-bottom: 50px !important;
    padding: 0 10px !important;
    
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.15em; /* 文字間を少し詰めて1行に収める */
    line-height: 1.4 !important;
}

/* 念のため余計な装飾をリセット */
.c-pageTitle__inner::after, .post_content h1::after,
.c-pageTitle__inner::before, .post_content h1::before {
    content: none !important;
}

/* =========================================
   ■ スマホ時の調整（もっと小さくして1行を死守）
========================================= */
@media screen and (max-width: 768px) {
    .c-pageTitle__inner, .post_content h1 {
        font-size: 1.2rem !important; /* スマホはかなり小さめに */
        letter-spacing: 0.05em;      /* 文字間も詰める */
        margin-top: 50px !important;
        margin-bottom: 50px !important;
        white-space: normal !important; /* スマホだけは読みやすさ優先で改行を許可 */
    }
}

/* SWELLのアニメーションを強制的に発動させる設定 */
/* --- 自前スクロールアニメーションの設定 --- */
.swl-animate-up {
    opacity: 0;                /* 最初は透明 */
    transform: translateY(40px); /* 40px下に配置 */
    transition: opacity 1.0s ease, transform 1.0s ease;
    will-change: opacity, transform;
}

/* 画面内に入った時に付与されるクラス */
.is-active {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 時間差（ディレイ）の設定 */
.u-delay-200 { transition-delay: 0.2s; }
.u-delay-400 { transition-delay: 0.4s; }
.u-delay-600 { transition-delay: 0.6s; }

/* マウスを載せた時の動き（おまけ） */
.swl-animate-up:hover {
    transform: translateY(-5px) !important;
    transition: transform 0.3s ease;
}

/* --- 「詳しくはこちら」ボタンのラッパー（右寄せ設定） --- */
.nagata-more-btn-wrap {
  text-align: right; /* ボタンを右側に寄せる */
  margin-top: 40px;  /* 上の3列との余白 */
  padding: 0 20px;   /* スマホではみ出さないための余白 */
}

/* --- 「詳しくはこちら」ボタンのラッパー（右寄せ設定） --- */
.nagata-more-btn-wrap {
  text-align: right;
  margin-top: 40px;
  padding: 0 20px;
}

/* --- メールフォームと一致のボタンデザイン --- */
.nagata-more-btn {
  display: inline-block;
  padding: 14px 40px; 
  background: linear-gradient(135deg, #c9a84c, #a07830); 
  color: #fff !important;
  text-decoration: none !important;
  font-size: 16px; 
  border-radius: 4px; 
  border: none;
  letter-spacing: 0.05em; 
  cursor: pointer;
  transition: opacity 0.3s ease;
}

/* 右向きの三角アイコン（ ▶ ） */
.nagata-more-btn::after {
  content: '\25B6';
  margin-left: 10px;
  font-size: 0.9em;
}

/* --- マウスを乗せた時（ホバー時）の動き --- */
.nagata-more-btn:hover {
  opacity: 0.85; /* いただいたコードを反映 */
  color: #fff !important;
}

/* --- スマートフォン対応 --- */
@media screen and (max-width: 768px) {
  .nagata-more-btn-wrap {
    text-align: center; /* スマホでは押しやすい中央揃え */
    margin-top: 30px;
  }
  .nagata-more-btn {
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
  }
}

/* =========================================
   ■ トップページ全体の本文文字サイズ変更（1.25rem）
========================================= */
/* 本文（p）だけでなく、箇条書き（li）やカラム内のテキストもすべて大きくする */
.home .post_content p,
.front-page .post_content p,
.home .l-main p,
.front-page .l-main p,
.home .post_content li,
.front-page .post_content li,
.home .l-main li,
.front-page .l-main li { 
	font-size: 1.15rem !important;
    line-height: 1.8 !important;
}

.home .post_content .wp-block-column > div,
.front-page .post_content .wp-block-column > div {
    font-size: 1.15rem !important;
    line-height: 1.8 !important;
}

/* --- スマートフォン対応（推奨） --- */
@media screen and (max-width: 768px) {
    .home .post_content p,
    .front-page .post_content p,
    .home .l-main p,
    .front-page .l-main p,
    .home .post_content li,
    .front-page .post_content li,
    .home .l-main li,
    .front-page .l-main li,
    .home .post_content .wp-block-column > div,
    .front-page .post_content .wp-block-column > div {
        font-size: 1rem !important; /* スマホ時は約16pxに戻す */
    }
}