/*
Theme Name: DOLCE BEAUTY
Theme URI: https://beauty-style1.com/
Author: DOLCE BEAUTY
Description: 親しみやすい美容総合専門メディア向けの軽量オリジナルテーマ。
Version: 1.0.0
Text Domain: dolce-beauty
*/
:root{--p:#f3bdd1;--l:#d8c7f1;--b:#c9dff3;--m:#dff1eb;--g:#f4eee8;--ink:#382f3b;--muted:#786f7b;--line:rgba(56,47,59,.1);--r:26px;--shadow:0 18px 50px rgba(72,56,80,.10);--grad:linear-gradient(120deg,#f7c5d7 0%,#ddcdf3 48%,#c9def4 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.db-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.db-narrow{width:min(820px,calc(100% - 40px));margin:auto}.db-section{padding:68px 0}.db-soft{background:#fff8fb}.db-lav{background:#fbf9ff}.db-eyebrow{font-size:.78rem;letter-spacing:.16em;color:#9b6e91;font-weight:700}.db-title{font-size:clamp(1.8rem,3vw,3rem);line-height:1.25;margin:.25em 0 .45em}.db-sub{color:var(--muted);max-width:720px}.db-grid{display:grid;gap:22px}.db-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.db-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.db-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);overflow:hidden}.db-card-body{padding:20px}.db-pill{display:inline-flex;border-radius:999px;padding:.35em .7em;font-size:.76rem;font-weight:700;background:#fff;border:1px solid var(--line)}.db-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.db-header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.db-logo strong{font-family:Georgia,serif;letter-spacing:.08em;font-size:1.35rem}.db-logo small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.16em}.db-nav{display:flex;gap:22px;font-size:.9rem;font-weight:700}.db-menu-btn{display:none;background:none;border:0;font-size:1.4rem}.db-hero{padding:56px 0 42px;background:radial-gradient(circle at 85% 15%,rgba(201,223,243,.72),transparent 28%),radial-gradient(circle at 15% 30%,rgba(243,189,209,.65),transparent 32%),linear-gradient(135deg,#fff 0%,#fffafd 48%,#faf9ff 100%)}.db-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.db-hero h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.15;margin:.15em 0 .3em;font-family:Georgia,"Yu Mincho",serif;font-weight:500}.db-hero p{color:var(--muted)}.db-search{display:flex;gap:8px;background:#fff;padding:8px;border-radius:999px;box-shadow:0 12px 35px rgba(73,57,81,.10);margin-top:28px;max-width:620px}.db-search input{border:0;outline:0;padding:0 16px;flex:1;min-width:0;background:transparent}.db-search button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:12px 20px}.db-hero-media{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.db-photo{min-height:160px;border-radius:30px;position:relative;overflow:hidden;background:var(--grad)}.db-photo--hair{grid-row:span 2;min-height:390px;background:linear-gradient(145deg,#efb1c8,#d8c9ef 50%,#bcd7ef)}.db-photo--nail{background:linear-gradient(145deg,#f1c0d1,#ead7e9)}.db-photo--skin{background:linear-gradient(145deg,#d8d0ef,#c9e0f3)}.db-photo-label{position:absolute;left:18px;bottom:16px;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-weight:800;font-size:.8rem}.db-domain-card{position:relative;min-height:280px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.db-domain-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 30%,rgba(52,43,55,.48) 100%)}.db-domain-card>*{position:relative;color:#fff}.db-domain-card h3{font-family:Georgia,serif;font-size:2rem;margin:0}.db-domain-hair{background:linear-gradient(145deg,#eba9c0,#c7b4e7 55%,#aacde8)}.db-domain-nail{background:linear-gradient(145deg,#eeb9ca,#e4cee8)}.db-domain-skin{background:linear-gradient(145deg,#ccbfea,#bcd9ed)}.db-field{background:var(--grad);border-radius:34px;padding:36px}.db-field-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.db-concerns{grid-template-columns:repeat(5,minmax(0,1fr))}.db-concern{min-height:136px;padding:18px;border-radius:22px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.18s}.db-concern:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.db-concern:nth-child(5n+1){background:#fff1f6}.db-concern:nth-child(5n+2){background:#f8f3ff}.db-concern:nth-child(5n+3){background:#f0f7ff}.db-concern:nth-child(5n+4){background:#effaf7}.db-concern:nth-child(5n){background:#fbf5ef}.db-concern small{color:var(--muted)}.db-qa-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:#fff}.db-q{font-family:Georgia,serif;font-size:1.35rem;color:#b67199}.db-post-card img,.db-post-thumb{aspect-ratio:16/10;object-fit:cover;background:var(--grad)}.db-post-thumb{display:flex;align-items:flex-end;padding:18px;color:#fff;font-weight:800;background:linear-gradient(140deg,#f2bed0,#d4c5ef 55%,#b9d7ef)}.db-post-card h3{font-size:1.04rem;line-height:1.55;margin:.5rem 0}.db-post-card p{font-size:.88rem;color:var(--muted);margin:0}.db-article-head{padding:54px 0 26px;background:linear-gradient(180deg,#fffafb,#fff)}.db-article-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.35;margin:.3rem 0 1rem;font-family:Georgia,"Yu Mincho",serif;font-weight:500}.db-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.db-featured{border-radius:28px;overflow:hidden;margin:28px auto;max-width:1000px}.db-article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:44px;justify-content:center;align-items:start}.db-toc{position:sticky;top:100px;border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;font-size:.9rem}.db-content{font-size:1rem}.db-content h2{font-size:1.65rem;margin:2.2em 0 .8em;padding-bottom:.35em;border-bottom:2px solid #f1d8e5}.db-content h3{font-size:1.25rem;margin:1.8em 0 .6em}.db-box{border-radius:22px;padding:20px 22px;margin:1.5rem 0;border:1px solid var(--line);background:#fff}.db-box-label{display:block;margin-bottom:.5rem;font-size:.9rem}.db-box--simple{background:#fff6fa}.db-box--hair{background:#fff1f6}.db-box--nail{background:#fff6f8}.db-box--skin{background:#f4f2ff}.db-box--warning{background:#fff8ed}.db-box--qa{background:#f2f7ff}.db-box--product{background:#f0faf7}.db-footer{margin-top:64px;padding:52px 0;background:#352f3b;color:#fff}.db-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.db-footer a{color:rgba(255,255,255,.86)}.db-footer small{color:rgba(255,255,255,.58)}@media(max-width:900px){.db-nav{display:none}.db-menu-btn{display:block}.db-nav.is-open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.db-hero-grid,.db-field-grid,.db-article-layout{grid-template-columns:1fr}.db-hero-media{grid-template-columns:1fr 1fr}.db-photo--hair{grid-column:1/-1;grid-row:auto;min-height:260px}.db-grid-3{grid-template-columns:1fr}.db-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.db-concerns{grid-template-columns:repeat(2,minmax(0,1fr))}.db-toc{position:static}.db-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.db-wrap,.db-narrow{width:min(100% - 28px,1180px)}.db-section{padding:48px 0}.db-header-inner{height:66px}.db-hero{padding-top:34px}.db-hero h1{font-size:2.35rem}.db-search{border-radius:20px}.db-domain-card{min-height:220px}.db-grid-4{grid-template-columns:1fr}.db-concerns{gap:12px}.db-concern{min-height:118px;padding:14px}.db-footer-grid{grid-template-columns:1fr}.db-content{line-height:1.9}}

/* DOLCE final hero title adjustment */
@media(min-width:901px){.db-hero-copy h1{max-width:650px;font-size:clamp(3.45rem,4.35vw,4.45rem);letter-spacing:.01em;line-height:1.18;word-break:keep-all;overflow-wrap:normal}}


/* DOLCE hero title: retain a natural two-line desktop headline */
@media (min-width: 1050px) {
  .db-hero-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(390px, .68fr);
    gap: 24px;
  }
  .db-hero-copy h1 {
    max-width: none;
    font-size: clamp(3.05rem, 3vw, 3.4rem);
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
  }
}

/* DOLCE final two-line desktop hero heading */
@media (min-width: 1050px) {
  .db-hero .db-hero-grid > div:first-child h1 {
    max-width: none;
    font-size: clamp(3.05rem, 3vw, 3.4rem);
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
  }
}

/* DOLCE final two-line desktop hero heading */
@media (min-width: 1050px) {
  .db-hero .db-hero-grid > div:first-child h1 {
    max-width: none;
    font-size: clamp(3.05rem, 3vw, 3.4rem);
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
  }
}
/*FOCUS_TEST*/

/* DOLCE BEAUTY | official homepage images */
.db-hero .db-photo--hair{background:linear-gradient(0deg,rgba(255,255,255,.08),rgba(255,255,255,.08)),url('https://beauty-style1.com/wp-content/uploads/2026/08/ChatGPT-Image-2026%E5%B9%B48%E6%9C%8821%E6%97%A5-21_11_21.png') center/cover no-repeat}
.db-hero .db-photo--nail{background:linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05)),url('https://beauty-style1.com/wp-content/uploads/2026/08/02_firstview_nail.png') center/cover no-repeat}
.db-hero .db-photo--skin{background:linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05)),url('https://beauty-style1.com/wp-content/uploads/2026/08/03_firstview_skin.png') center/cover no-repeat}
.db-hero .db-photo--hair .db-photo-label{font-size:0}.db-hero .db-photo--hair .db-photo-label:after{content:'HAIR';font-size:.78rem}
.db-domain-card{background-position:center;background-size:cover;color:#fff;text-shadow:0 1px 12px rgba(38,31,43,.36)}
.db-domain-card h3,.db-domain-card p{color:#fff}
.db-domain-hair{background-image:linear-gradient(0deg,rgba(47,35,43,.52),rgba(47,35,43,.04) 68%),url('https://beauty-style1.com/wp-content/uploads/2026/08/04_category_hair.png')}
.db-domain-nail{background-image:linear-gradient(0deg,rgba(77,43,60,.5),rgba(77,43,60,.03) 68%),url('https://beauty-style1.com/wp-content/uploads/2026/08/05_category_nail.png')}
.db-domain-skin{background-image:linear-gradient(0deg,rgba(49,55,86,.48),rgba(49,55,86,.03) 68%),url('https://beauty-style1.com/wp-content/uploads/2026/08/06_category_skin_esthetic.png')}