/* 須藤牧場 子テーマ：固定ページ（第1段 11ページ）・記事のアイキャッチ（依頼1）・今月のチーズ製造日（依頼3）の配置。
   親 css/style.css の汎用部品（.u-width .p-page-header .p-article__content）に足りない配置だけ。
   物差しは親と同じ 1rem≒100px（html{font-size}）。色は親の赤 #A71527・緑 #5DA829・茶 #604C38。important 指定は使わない。 */
.sf-page{padding-top:0.3rem;padding-bottom:0.9rem;font-family:"Zen Kaku Gothic New","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",sans-serif;}
@media screen and (min-width:768px){.sf-page{padding-top:0.5rem;padding-bottom:1.7rem;}}
.sf-page{position:relative;z-index:1;} /* 本文が短いページで親 .p-main 末尾の雲の飾り .p-footer__clouds（position:absolute・z-index 無し）が題名の上に来る（SP375 /staff-old/・ID59）。積層だけ手前に。位置・大きさは変えない */
/* 見出し帯：日本語の題名は親の Lexend Deca（日本語は明朝に落ちる）を使わない。値は先行書のプレビューと同じ */
.sf-page .p-page-header__heading--main .sf-page__title{font-family:inherit;font-size:0.26rem;line-height:0.38rem;letter-spacing:0.02em;font-weight:700;}
.sf-page .p-page-header__sub p{margin-top:0.1rem;}
@media screen and (min-width:768px){
  .sf-page .p-page-header__heading--main .sf-page__title{font-size:0.4rem;line-height:0.56rem;}
  .sf-page .p-page-header__sub p{margin-top:0;text-align:right;}
}
/* 見出し下の写真（SP 1.8rem／PC 4rem・角丸 0.5rem・切り抜きは表示だけ） */
.sf-hero{margin-top:0.25rem;height:1.8rem;overflow:hidden;border-radius:0.5rem;}
.sf-hero img{display:block;width:100%;height:100%;object-fit:cover;}
@media screen and (min-width:768px){.sf-hero{margin-top:0.3rem;height:4rem;}}
/* 全幅写真・中見出し */
.sf-cover{margin-top:0.5rem;border-radius:0.15rem;overflow:hidden;}
.sf-cover img{display:block;width:100%;height:auto;}
.sf-heading{margin-top:0.5rem;color:#A71527;font-size:0.24rem;line-height:0.38rem;font-weight:700;text-align:center;}
@media screen and (min-width:768px){.sf-heading{font-size:0.32rem;line-height:0.48rem;}}
/* リード（YouTube を含む生 HTML）。iframe の width="90%" height="90%" 属性を 16:9・最大 8rem に */
.sf-lead{margin-top:0.4rem;font-size:0.16rem;line-height:0.32rem;font-weight:400;}
.sf-lead .youtubemovie,.sf-lead iframe{display:block;width:100%;max-width:8rem;margin:0.3rem auto 0;}
.sf-lead iframe{aspect-ratio:16/9;height:auto;border:0;border-radius:0.15rem;}
/* 写真＋文章の行（PC 2列・SP 縦） */
.sf-row{display:flex;flex-direction:column;gap:0.24rem;margin-top:0.5rem;}
@media screen and (min-width:768px){
  .sf-row{flex-direction:row;align-items:center;gap:0.6rem;margin-top:0.8rem;}
  .sf-row--rev{flex-direction:row-reverse;}
  .sf-row__text,.sf-row__media{width:calc(50% - 0.3rem);}
}
.sf-row__media img{display:block;width:100%;height:auto;border-radius:0.15rem;}
.sf-gallery{display:grid;grid-template-columns:1fr 1fr;gap:0.1rem;}
.sf-row__title{color:#A71527;font-size:0.2rem;line-height:0.32rem;font-weight:700;margin-bottom:0.16rem;}
@media screen and (min-width:768px){.sf-row__title{font-size:0.24rem;line-height:0.38rem;}}
.sf-row__desc{font-size:0.16rem;line-height:0.32rem;font-weight:400;}
.sf-row__desc a{color:#A71527;text-decoration:underline;}
/* 本文の中の旧テーマ向け指定（custom_css を止めた分を再指定。値は先行書のコントラスト実測：#greentext 11.4:1・#creamtext 7.5:1・.q_button 7.55:1） */
.sf-page #greentext{color:#54291a;font-weight:700;}
.sf-page #creamtext{color:#604c38;font-weight:700;}
.sf-page .q_button{display:inline-flex;align-items:center;justify-content:center;margin:0.1rem 0;padding:0 0.3rem;height:0.44rem;border-radius:0.22rem;background:#A71527;color:#fff;text-decoration:none;font-weight:500;}
/* 本文（the_content）：親の記事本文の書式 .p-article__content を使い、PC の内側余白だけ外す */
.sf-body{margin-top:0.4rem;}
.sf-body.p-article__content{padding-left:0;padding-right:0;}
.sf-body img{max-width:100%;height:auto;}
/* 依頼1：記事のアイキャッチ（親 8269行 .p-article__temp-thumb{width:100%;max-height:4rem;object-fit:contain} を実数で上書き。縦長でも読める大きさ） */
.p-article__content .p-article__temp-thumb{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;margin:0 auto 0.3rem;}
.p-article__content .p-article__temp-thumb--default{height:2.4rem;padding:0.4rem;background:#fff;border-radius:0.15rem;}
/* 依頼3：今月のチーズ製造日（/cheese-form/ の本文の先頭・白い地の中） */
.sf-cheese-date{margin:0 0 0.4rem;}
.sf-cheese-date__title{color:#A71527;font-size:0.2rem;line-height:0.32rem;font-weight:700;text-align:center;margin-bottom:0.16rem;}
@media screen and (min-width:768px){.sf-cheese-date__title{font-size:0.24rem;line-height:0.38rem;}}
.sf-cheese-date__figure{margin:0;border-radius:0.15rem;overflow:hidden;}
.sf-cheese-date__figure img{display:block;width:100%;height:auto;}
.sf-cheese-date__note{margin-top:0.12rem;font-size:0.14rem;line-height:0.26rem;color:#604C38;}
/* 2026-09-23 仕上げ：/cheese-form/（page-id-5536）だけ。
   ① PC：商品名の行が語の途中（「円」「込」が行頭）で折れていた → 商品名の段に残りの幅を渡し、折り返しは空白と括弧の所だけにする（収まらない時だけ任意の位置）。
   ② SP：「2026年10月のチーズ製造日」の「日」だけが次の行に落ちていた → SP の字を 0.2rem→0.18rem（390px で 18.7px・幅 244px に1行で入る）。PC は据え置き。 */
@media screen and (min-width:768px){
  body.page-id-5536 .p-form__item > dd ul li > p:first-child{flex:1 1 auto;min-width:0;word-break:keep-all;overflow-wrap:anywhere;}
  body.page-id-5536 .p-form__item > dd ul li > p:last-child{flex:none;}
}
@media screen and (max-width:767px){
  body.page-id-5536 .sf-cheese-date__title{font-size:0.18rem;}
}