@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*=================================================
 * 全体
 * ================================================= */
:root{
  --sr-accent: #f39800;         /* 見出し上の英字色 */
  --sr-dark: #1f1f1f;           /* セクション背景(濃いグレー) */
  --sr-card: #efe4da;           /* カード背景(ベージュ) */
  --sr-brown:#5b463b;           /* 丸ボタン色 */
  --sr-ink: #ffffff;            /* セクション内の基本文字色 */
  --sr-ink-weak:#e5e5e5;        /* リード文の薄い白 */
  --sr-divider:#cfc2b8;         /* 中央の仕切り線 */
}
/*=================================================
 * ヘッダー
 * ================================================= */
.l-header__bar {
    color: #fff;
    background: none;
}
.l-header__bar .c-catchphrase {
    color: inherit;
    font-size: 4em;
	text-align:center;
    letter-spacing: var(--swl-letter_spacing, .2px);
    line-height: 2em;
    margin-right: auto;
    overflow: hidden;
    padding: 4px 0;
    white-space: nowrap;
    width: 100%;
}
@media (min-width: 960px) {
    .-parallel .l-header__logo .c-catchphrase {
    font-size: 4em;
	text-align:center;
    letter-spacing: var(--swl-letter_spacing, .2px);
    line-height: 2em;
    margin-right: auto;
    overflow: hidden;
    padding: 4px 0;
    white-space: nowrap;
    width: 100%;
    }
}
/* ====== 放射状の集中線 ====== */
.l-header {
  position: relative;
  display: inline-block;
  padding: 40px 60px;
  text-align: center;
	width: 100%;
}
/* テキスト部分 */
.c-catchphrase {
  position: relative;
  font-size: 48px;
  font-weight: bold;
  color: #ff9900; /* 太陽っぽいオレンジ */
  text-shadow:
    0 0 10px rgba(255, 215, 0, 0.9),
    0 0 20px rgba(255, 200, 0, 0.6);
  z-index: 2;
}
.c-catchphrase {
  position: relative;
  font-size: 48px;
  font-weight: bold;
  color: #ffffff; /* 白で固定 */
  text-shadow:
    0 0 10px rgba(255, 200, 0, 0.9), /* 光り方はオレンジ */
    0 0 20px rgba(255, 150, 0, 0.6);
  z-index: 1;
  display: block !important;  /* 強制的に表示 */
	white-space: normal;    /* 折り返し可能に戻す */
}
@media not all and (min-width: 960px) {
.c-catchphrase {
  font-size: 10vw;
}
}
/* 背景の光線 */
.l-header__inner::before {
  content: "";
  position: absolute;
  inset: -80px; /* はみ出させて光線を広げる */
  background: url("https://seishou-nouen.com/wp/wp-content/uploads/2025/08/1664229.png") no-repeat center;
  background-size: cover;
  z-index: -1; /* テキストの背面に置く */
  opacity: 0.9; /* 光を少し柔らかく */
}
/* タブレット用（ほどほど） */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l-header__inner::before {
    background-size: 90% auto;
    background-position: center center;
  }
}
/* スマホ */
@media (max-width:767px){
  .l-header__inner::before{
    inset:-150px;                           /* ← はみ出しをやめる */
    background-size:80% auto;          /* 小さくする */
    background-position:center 25%;    /* 上寄せ(お好みで 15〜35%) */
  }
}
.l-header__logo {
  display: flex;
  flex-direction: column-reverse; /* 子要素を上下反転 */
  align-items: center;           /* 中央寄せ */
	width:100%;             /* 親幅いっぱい */
	max-width:none;         /* 万一のmax-widthを解除 */
}
@media not all and (min-width: 960px) {
    .c-headLogo {
        height: 250px;
		margin: 20px 0;
    }
}

/* ====== タブレット用 (PCから切り替え) ====== */
@media screen and (max-width: 1024px) {
.l-header {
    padding: 40px 0px;
}
}
@media not all and (min-width: 960px) {
    .l-header__inner {
        align-items: center;
        display: block;
        justify-content: space-between;
        padding: 0;
    }
.l-header__customBtn {
	 display:none;
}
}
#body_wrap:not(.page-id-19) .l-header {
    position: relative;
    display: inline-block;
    padding: 0px;
    text-align: center;
    width: 100%;
}
/* TOPページだけに適用 */
#body_wrap:not(.page-id-19) .l-header{
  position: relative;
  display: block;
  padding: 0 !important;
  background: transparent;
  width: 100%;
  z-index: 50;
}
#body_wrap:not(.page-id-19) .l-header__inner::before{
  content: "";
  position: absolute;
  inset: 0px;
  background: url("https://seishou-nouen.com/wp/wp-content/uploads/2025/08/1664229.png")
              no-repeat center bottom / cover;
  z-index: -1;
  pointer-events: none;
}

/* ====== B) page-id-19 以外でヘッダー内に背景を入れる ====== */
#body_wrap:not(.page-id-19) .l-header__inner{
  position: relative; /* 疑似要素の基準 */
  background: url("https://seishou-nouen.com/wp/wp-content/uploads/2025/08/bg1.png") center / cover no-repeat;
}

/* ====== C) スマホ＆タブレット共通：上部余白をゼロ、画像を最上部スタート ====== */
@media (max-width: 1024px){

  /* 余白を作る padding の打ち消し（以前の40pxが犯人） */
  #body_wrap .l-header{ padding: 0 !important; }

  /* ヘッダーを重ね表示＝レイアウトから外して押し出しを止める */
  #body_wrap.home #header{
    position: absolute !important;
    top: 0; left: 0; right: 0;
    background: transparent !important;
    margin: 0 !important;
    z-index: 50 !important;
  }
  #body_wrap.home .l-header__inner{
    position: relative;
    padding: 0 !important;
    min-height: 0 !important;
  }

  /* （任意）光線画像を“重ねるだけ”にする＝余白原因にならない */
  #body_wrap.home .l-header__inner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://seishou-nouen.com/wp/wp-content/uploads/2025/08/1664229.png") center top / cover no-repeat;
    pointer-events: none;
    z-index: -1;
  }

  /* MVの頭出し（SWELLの高さ変数も0固定） */
  #body_wrap.home #main_visual,
  #body_wrap.home .p-mainVisual{
    margin-top: 0 !important;
    --swl-headerH: 0px !important;
  }
}
/*=================================================
 * ヘッダーメニュー
 * ================================================= */
.l-fixHeader.-parallel .l-fixHeader__gnav {
  margin-top: 30px;
  margin-bottom: 30px;
}
/*=================================================
 * TOPページだけ
 * ================================================= */
.page-id-19 .l-content {
  margin: 0 auto 0em;
}
/*=================================================
 * TOPページ以外
 * ================================================= */
#body_wrap:not(.page-id-19) .l-content {
  background: #fff;
	padding-bottom: 3em;
}
#body_wrap:not(.page-id-19) .l-header__gnav {
  background: #fff;
}
/*=================================================
 * 全ページ
 * ================================================= */
.w-beforeFooter {
    margin: 0em auto 0em;
    overflow: hidden;
}
/*=================================================
 * TOP 清勝農園からのお知らせ
 * ================================================= */
.top_01 .is-style-big_kakko_box {
  padding: 0.4em;
}
/*=================================================
 * 三つ星生産者干しいも品評会入賞
 * ================================================= */
.glow_text {
  font-size: 36px;
  color: #fff;
  text-shadow: 0 0 3px #fff,
               0 0 6px #fff,
               0 0 12px #fff;
}

/*=================================================
 * 問い合わせセクション
 * ================================================= */
.sc__con{
  color: #ffffff;
}
.moji__01{
  color: #222222;
}
.post_content .sr2__eyebrow{ color: var(--sr-accent); letter-spacing:.15em; margin:0 0 0px; font-size:14px; }
.post_content .sr2__title{ margin:0 0 1.5em; font-size: clamp(24px,3.4vw,40px); font-weight:700; }
.has-divider{
  background: #ede6de;
	padding:48px;
}
/* ── SWELLリッチカラム：中央に縦線 ───────────── */
.swell-block-columns.has-divider > .swell-block-columns__inner{
  position: relative;
  display: flex;      /* 各カラムの高さを揃える */
  overflow: visible;  /* 万一のクリップ対策 */
}

/* 中央線（両カラムにまたがる1本） */
.swell-block-columns.has-divider > .swell-block-columns__inner::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;                 /* 線の太さ */
  background: #666;           /* 線の色 */
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;                 /* 線を背面に */
}

/* コンテンツを前面に出す＆左右余白（お好みで） */
.swell-block-columns.has-divider .swell-block-column{
  position: relative;
  z-index: 1;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* スマホで縦積み時は線を消す（必要なければ削除） */
@media (max-width: 782px){
  .swell-block-columns.has-divider > .swell-block-columns__inner::before{ display: none; }
  .swell-block-columns.has-divider .swell-block-column{ padding-left: 0; padding-right: 0; }
}

.swell-block-button:hover{ transform: translateY(-1px); opacity:.95; }
/* FAXボタンだけ無効化 */
.btn-fax a {
  pointer-events: none;
  cursor: default;
}
/*=================================================
 * お問い合わせページ
 * ================================================= */
.page-id-128 .swell-block-columns.has-divider > .swell-block-columns__inner::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0px;                 /* 線の太さ */
  background: #666;           /* 線の色 */
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;                 /* 線を背面に */
}
/*=================================================
 * ContactForm7カスタマイズ
 * ================================================= */
.form-width {
  width: 100%;
}
.red {
  color: #ff0000;
}
.toi1 {
  color: #F00;
}
.wpcf7-submit {
  display: block;
  width: 500px;
  margin: 30px auto;
  height: 60px;
  color: #fff;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  border-radius: 5px;
  background: #594a41 url("https://seishou-nouen.com/wp/wp-content/uploads/2025/08/yajirushi2.png") no-repeat 95% center;
  background-size: auto auto;
  background-size: 7px 11px;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-left-style: none;
}
.form-width2 {
  width: 200px;
}
.form-width4 {
  height: 80px !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}
input[type=checkbox] {
  transform: scale(2);
  margin: 0 6px 0 0;
}
@media screen and (max-width:480px) {
  .wpcf7-submit {
    display: block;
    width: 100%;
    margin: 30px auto;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    border-radius: 5px;
    background: #0852a0 url("https://seishou-nouen.com/wp/wp-content/uploads/2025/08/yajirushi2.png") no-repeat 95% center;
    background-size: auto auto;
    background-size: 7px 11px;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
  }
}
@media screen and (min-width: 320px) {
  .wpcf7-form p {
    margin-bottom: 0px;
  }
}
/*=================================================
 * テーブルレスポンシブ
 * ================================================= */
section table {
  width: 100%;
  margin: 0 0 2em;
}
section th, section td {
  padding: 10px;
  border: 1px solid #818181;
}
section th {
  background: #f4f4f4;
  font-weight: normal;
}
.demo01 th {
  width: 30%;
  text-align: left;
  padding: 0 0 0 1em;
  vertical-align: middle;
}
.demo01 th a {
  border-bottom: none;
}
.red2 {
  color: #ff0000;
}
@media screen and (max-width: 820px) {
  .demo01 th {
    width: 32%;
    text-align: center;
    padding: 0 10px;
  }
  .red2 {
    color: #ff0000;
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .demo01 th {
    width: 32% !important;
    text-align: center;
    padding: 0 10px;
  }
}
@media screen and (max-width:480px) {
  .demo01 {
    margin: 0 0 2em;
  }
  .demo01 th {
    padding: 1em;
    width: 100% !important;
  }
  .demo01 th, .demo01 td {
    width: 100%;
    display: block;
    border-top: none;
  }
  .demo01 tr:nth-child(1) {
    border-top: 1px solid #dcdcdc;
  }
  .red2 {
    color: #ff0000;
    display: inline;
  }
}
/*=================================================
 * 画像リンクのホバー演出
 * ================================================= */
/* 画像リンクのホバー演出（やさしめのリフト＋拡大） */
a img {
  transition: transform .25s ease, box-shadow .25s ease;
  display: inline-block;           /* レイアウト崩れ防止 */
  backface-visibility: hidden;     /* チラつき防止 */
  will-change: transform;           /* パフォーマンスヒント */
}

a:hover img,
a:focus-visible img {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* 動きを控えたいユーザーへの配慮 */
@media (prefers-reduced-motion: reduce) {
  a img {
    transition: none;
  }
  a:hover img,
  a:focus-visible img {
    transform: none;
    box-shadow: none;
  }
}
/* カートボタン画像を中央寄せ＆ふわっとアニメ（影なし） */
form[name="itemForm"] {
  text-align: center; /* ボタンを中央寄せ */
}

form[name="itemForm"] input[type="image"].shop01 {
  display: inline-block;
  transition: transform 0.25s ease;
  cursor: pointer;
  border: none;
  background: none;
  backface-visibility: hidden;
  will-change: transform;
  vertical-align: middle;
}

form[name="itemForm"] input[type="image"].shop01:hover,
form[name="itemForm"] input[type="image"].shop01:focus-visible {
  transform: translateY(-3px) scale(1.03);
}

/* 動きを控えたい設定の人への配慮 */
@media (prefers-reduced-motion: reduce) {
  form[name="itemForm"] input[type="image"].shop01 {
    transition: none;
  }
  form[name="itemForm"] input[type="image"].shop01:hover,
  form[name="itemForm"] input[type="image"].shop01:focus-visible {
    transform: none;
  }
}

/*=================================================
 * カートシステム
 * ================================================= */
.shop01 {
    display: block;
    margin: 10px auto;
    width: 300px;
}
@media screen and (max-width:480px) {
    display: block;
    margin: 10px auto;
    width: 80%;
}
}
form.stock {
    display: block;
    margin: 10px auto;
    width: 300px;
	text-align: center;
}
.postid-264 button, input, select, textarea {
    background-color: #ffffff;
    border: 1px solid hsla(0, 0%, 78%, .5);
    border-radius: 0;
    color: #333;
    padding: .25em .5em;
}