/* 咲く肌 トップページ（見本：咲く肌_写真入りプレビュー.html） */
:root{
  --sk-cream:#FDF9F8; --sk-cream-deep:#F8EDEA; --sk-blush:#E7ACB9; --sk-blush-deep:#DC9DAE;
  --sk-terracotta:#EFC3BD; --sk-mauve:#E6C5CF; --sk-text:#7A6360;
}
body.sakuhada-top{margin:0;padding:0;background:var(--sk-cream);color:var(--sk-text);font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;line-height:1.9;font-weight:500;-webkit-text-size-adjust:100%}
.sk *,.sk *::before,.sk *::after{box-sizing:border-box}
.sk img{display:block;max-width:100%;height:auto}
.sk a{color:inherit}
.sk p{margin:0}

.sk header{padding:22px 20px 10px;text-align:center;background:none;border:0}
.sk header .name{font-size:24px;letter-spacing:.2em;margin:0;font-weight:600;line-height:1.2}
.sk header .tag{font-size:16px;letter-spacing:.12em;margin:0;line-height:1.3;color:var(--sk-blush-deep);font-weight:600}

.sk .hero{position:relative;max-width:1100px;margin:10px auto 0}
.sk .hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sk .hero .cap{position:absolute;top:30%;left:2%;right:56%;text-align:center;color:#5E4643;background:transparent;text-shadow:0 0 4px rgba(255,255,255,1),0 0 10px rgba(255,255,255,.95),0 0 18px rgba(248,242,235,.95),0 0 32px rgba(232,220,206,.85),0 0 52px rgba(216,200,185,.6);font-size:clamp(14px,2.6vw,28px);letter-spacing:.1em;line-height:1.4;font-weight:800}

.sk .sp{display:none}
@media(max-width:640px){.sk .sp{display:inline}.sk .pc{display:none}.sk .hero .cap{top:32%;letter-spacing:.05em}}
.sk section{max-width:760px;margin:0 auto;padding:56px 20px;border:0}
.sk h2{font-size:20px;letter-spacing:.15em;text-align:center;margin:0;padding:0;font-weight:600;line-height:1.2;color:inherit;background:none;border:0}
.sk h2::before,.sk h2::after,.sk h3::before,.sk h3::after{content:none}
.sk .lead{text-align:center;font-size:16px;margin:0 0 28px;line-height:1.3;color:var(--sk-blush-deep);font-weight:600;letter-spacing:.08em}

/* はだ日和カード */
.sk .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sk .card{position:relative;display:block;background:#fff;border-radius:3px;overflow:hidden;border:1px solid var(--sk-cream-deep);text-decoration:none;color:inherit}
.sk .card .new{position:absolute;top:8px;left:8px;z-index:1;background:var(--sk-blush-deep);color:#fff;font-size:10px;letter-spacing:.12em;line-height:1;padding:5px 9px 4px;border-radius:2px;font-weight:600}
.sk .card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sk .card .t{padding:10px 12px 14px;font-size:13px;line-height:1.7}
.sk .card .d{font-size:11px;color:var(--sk-blush-deep);display:block}
.sk .empty{text-align:center;font-size:14px}

/* わたしの体験 */
.sk .story-wrap{background:var(--sk-cream-deep)}
.sk .story{display:grid;gap:18px;margin:0 0 56px}
.sk .story:last-child{margin-bottom:0}
.sk .story figure{margin:0}
.sk .story img{width:100%;border-radius:3px;aspect-ratio:1/1;object-fit:cover}
.sk .story h3{font-size:17px;margin:0 0 8px;letter-spacing:.1em;font-weight:600;border:0;border-left:3px solid var(--sk-blush);padding:0 0 0 10px;background:none;color:inherit;line-height:1.6}
.sk .story p{margin:0;font-size:14px}
.sk .story-note{margin:0;text-align:center;font-size:12px;color:var(--sk-text);letter-spacing:.05em}
@media(min-width:640px){
  .sk .story{grid-template-columns:1fr 1fr;align-items:center;gap:32px}
  .sk .story.rev figure{order:2}
}

/* ご注文・お問い合わせ */
.sk .contact{background:linear-gradient(rgba(253,249,248,.86),rgba(253,249,248,.86)),url(../images/contact-bg.jpg) center/cover}
.sk .contact-grid{display:grid;gap:22px}
.sk .box{background:#fff;border:1px solid var(--sk-cream-deep);border-radius:3px;padding:22px;text-align:center}
.sk .box h3{margin:0 0 10px;font-size:15px;letter-spacing:.1em;font-weight:600;border:0;padding:0;background:none;color:inherit}
.sk .box img.qr{width:150px;margin:0 auto 8px}
.sk .btn{display:inline-block;background:var(--sk-blush-deep);color:#fff;padding:10px 30px;border-radius:2px;font-size:13px;letter-spacing:.08em;text-decoration:none;line-height:1.6}
.sk .btn:hover{opacity:.85;color:#fff}
.sk .btn.is-off{background:var(--sk-mauve);cursor:default}
@media(min-width:640px){.sk .contact-grid{grid-template-columns:1fr 1fr}}

.sk .products{display:flex;justify-content:center;margin-top:28px}
.sk .products img.lineup{width:min(620px,100%);mix-blend-mode:multiply}
.sk .ill{background:var(--sk-cream);padding:48px 20px 8px;text-align:center}
.sk .ill img{width:min(340px,78%);margin:0 auto;mix-blend-mode:multiply}
.sk footer{background:var(--sk-cream);text-align:center;padding:28px 20px 40px;font-size:11px;color:#b9a3a0;letter-spacing:.1em;border:0}
.sk footer .dash{display:inline-block;margin:0 .45em}
.sk footer img{width:42px;margin:0 auto 8px;opacity:.9}

/* ふわっと浮かび上がる表示 */
.sk-js .sk .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0s)}
.sk-js .sk .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sk-js .sk .reveal{opacity:1;transform:none;transition:none}}

/* ご注文・お問い合わせの箱の小さい文字 */
.sk .box .sm{font-size:12px}
.sk .box .md{font-size:13px}

/* スマホでは文字を大きく（明朝体は細いので、14px だと読みにくい） */
@media(max-width:640px){
  .sk header .name{font-size:26px}
  .sk header .tag{font-size:17px}
  .sk .hero .cap{left:1%;right:50%;font-size:min(16px,4.4vw)}
  .sk h2{font-size:22px}
  .sk .lead{font-size:17px}
  .sk .card .t{font-size:15px;line-height:1.6}
  .sk .card .d{font-size:13px}
  .sk .empty{font-size:16px}
  .sk .story h3{font-size:19px}
  .sk section{padding-left:16px;padding-right:16px}
  .sk .story p{font-size:16px;text-wrap:pretty;word-break:auto-phrase}
  .sk .box h3{font-size:18px}
  .sk .box .sm{font-size:15px}
  .sk .box .md{font-size:16px}
  .sk .btn{font-size:16px;padding:12px 30px}
  .sk footer{font-size:13px}
  .sk .story-note{font-size:13px}
  /* 少し濃く・少し太く（大きさを変えずに読みやすく） */
  body.sakuhada-top{color:#634D4A}
  .sk .story p,.sk .card .t,.sk .box .sm,.sk .box .md,.sk .empty{font-weight:600}
  .sk header .name,.sk h2,.sk .story h3,.sk .box h3{font-weight:700}
}