body{background:#ffffff;color:#38213f}.beauty-header{padding:0 5%;background:#fff}.beauty-utility{display:flex;justify-content:space-between;border-bottom:1px solid #ffd9ee;padding:13px 0;font-size:9px;font-weight:750;letter-spacing:.13em}.beauty-logo{display:flex;align-items:baseline;justify-content:center;gap:15px;padding:15px 0;color:#d71c83;letter-spacing:-.06em}.beauty-logo>span{font-size:clamp(32px,5vw,68px);font-weight:350}.beauty-logo>strong{font-size:clamp(52px,7.4vw,104px);font-weight:900;letter-spacing:-.09em;line-height:1}.beauty-logo strong span{font-size:.55em;color:#8b45d1;display:inline-block;vertical-align:top;margin-top:.1em;margin-left:.15em}.beauty-header nav{display:flex;justify-content:center;gap:60px;font-size:11px;font-weight:750;letter-spacing:.1em}.beauty-header nav a{border-bottom:3px solid transparent}.beauty-header nav a:first-child{border-color:#ff71b9}.beauty-header nav a:nth-child(2){border-color:#b287f1}.beauty-header nav a:nth-child(3){border-color:#6edbb3}.beauty-cover{display:grid;grid-template-columns:1fr 1.2fr;position:relative;max-width:1450px;margin:auto;background:#ffe2f2;padding:48px 5% 65px;gap:25px}.beauty-title{align-self:center;position:relative;padding:30px 0 70px}.beauty-title h1{font-size:clamp(27px,3.2vw,47px);line-height:1.6;letter-spacing:-.03em;font-weight:800}.beauty-title p{font-size:11px;margin-top:20px}.beauty-sticker{display:grid;place-content:center;width:95px;height:95px;background:#a8f2d8;border-radius:50%;font-size:15px;font-weight:900;line-height:1.1;transform:rotate(-15deg);margin:0 0 30px 12px}.beauty-main-shot .shot{height:100%;transform:rotate(3deg);box-shadow:12px 18px 0 #bb7fe52b}.beauty-main-shot img{height:100%;min-height:410px}.beauty-callout{position:absolute;left:8%;bottom:35px;max-width:470px;width:44%;padding:23px 65px 23px 25px;background:#ffffff;border-radius:0 35px 0 35px;box-shadow:0 8px 24px #de46952a}.beauty-callout .tag{color:#b3136d;font-size:9px}.beauty-callout h2{font-size:20px;line-height:1.6;margin-top:10px}.beauty-arrow{position:absolute;right:18px;bottom:25px;font-size:24px;width:36px;height:36px;border-radius:50%;background:#e1228a;display:grid;place-items:center}.beauty-index{padding:65px 5%;max-width:1320px;margin:auto}.beauty-index>h2{font-size:clamp(30px,3.7vw,48px);letter-spacing:-.055em;font-weight:600;margin-bottom:30px}.beauty-index h2 small{display:block;font-size:11px;letter-spacing:.05em;font-weight:500;margin-top:12px}.beauty-shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.beauty-shelves>div{padding:22px;border-radius:20px;background:#ffcee9}.beauty-shelves>div:nth-child(2){background:#e2cdff}.beauty-shelves>div:nth-child(3){background:#bff2df}.beauty-shelves .shot img{aspect-ratio:1;border-radius:50% 50% 5px 5px}.beauty-shelves .tag{font-size:10px}.beauty-breadcrumb{display:flex;gap:10px;padding:20px 5%;font-size:10px}.beauty-article-title{max-width:850px;margin:auto;text-align:center;padding:30px 5% 45px}.beauty-tab{display:inline-block;padding:8px 20px;border-radius:30px;background:#ffcae7;color:#a71963;font-size:10px;font-weight:750}.beauty-article-title h1{font-size:clamp(26px,3.6vw,44px);font-weight:800;line-height:1.6;letter-spacing:-.02em;margin-top:24px}.beauty-article-spread{display:grid;grid-template-columns:1fr 1fr;max-width:1240px;margin:auto;gap:55px;padding:0 5% 65px}.beauty-picture .shot{padding:20px;background:#dec6ff;border-radius:140px 140px 15px 15px}.beauty-picture img{border-radius:120px 120px 6px 6px;aspect-ratio:4/5}.beauty-picture figcaption{bottom:20px;left:20px}.beauty-image-note{font-size:11px;margin-top:15px;color:#624668}.beauty-copy{padding-top:18px}.beauty-copy>.eyebrow{color:#b3136d;margin-bottom:22px}.beauty-source{padding:25px;background:#d5f7e8;border-radius:18px}.beauty-source h2{font-size:21px;letter-spacing:-.03em;margin-bottom:22px}.beauty-source .article-info div:last-child{margin-bottom:0}footer{background:#ffd3eb}footer .footer-name{font-size:28px;letter-spacing:-.07em}@media(max-width:850px){.beauty-cover{padding-top:25px}.beauty-title{padding-bottom:115px}.beauty-sticker{width:75px;height:75px;font-size:12px}.beauty-main-shot img{min-height:390px}.beauty-callout{width:51%;left:5%}.beauty-shelves>div{padding:15px}.beauty-article-spread{gap:30px}.beauty-header nav{gap:35px}}@media(max-width:600px){.beauty-utility{font-size:8px;letter-spacing:.03em}.beauty-logo{gap:10px;padding:20px 0}.beauty-logo>span{font-size:33px}.beauty-logo>strong{font-size:55px}.beauty-header nav{justify-content:space-between;gap:8px;font-size:9px}.beauty-cover{display:flex;flex-direction:column;padding:25px 6% 30px;gap:20px}.beauty-title{padding:0;width:100%}.beauty-title h1{font-size:30px;max-width:75%}.beauty-title p{margin-top:12px;font-size:10px}.beauty-sticker{position:absolute;right:0;top:4px;margin:0;width:69px;height:69px;font-size:11px}.beauty-main-shot{margin:0 8px}.beauty-main-shot img{min-height:0;aspect-ratio:1.1}.beauty-callout{position:relative;left:auto;bottom:auto;max-width:none;width:100%;margin-top:-45px;z-index:1;padding:22px 55px 22px 20px}.beauty-callout h2{font-size:18px}.beauty-index{padding:40px 6%}.beauty-shelves{display:block}.beauty-shelves>div{margin-bottom:18px}.beauty-shelves .story-card{display:grid;grid-template-columns:40% 1fr;gap:20px;align-items:center}.beauty-shelves .card-copy{padding:0}.beauty-shelves .story-card h3{font-size:15px}.beauty-shelves .tag{font-size:9px}.beauty-shelves .small{font-size:9px}.beauty-shelves .shot figcaption{font-size:7px;padding:4px}.beauty-article-title{padding:20px 6% 30px}.beauty-article-title h1{font-size:28px}.beauty-article-spread{display:block;padding:0 6% 40px}.beauty-picture .shot{border-radius:100px 100px 12px 12px;padding:15px}.beauty-picture img{aspect-ratio:1.15;border-radius:85px 85px 5px 5px}.beauty-picture figcaption{left:15px;bottom:15px}.beauty-copy{padding-top:32px}}

/* Study 03: コスメの楽しさを、三色のリズムと軽いカードで表現。 */
.beauty-logo>span{color:#d71c83;font-weight:400}.beauty-logo>strong{color:#8b45d1}.beauty-logo strong span{color:#e12b91}.beauty-header nav a{padding:8px 18px;margin-bottom:12px;border:0!important;border-radius:24px;min-height:40px}.beauty-header nav a:first-child{background:#ffe0f1;color:#a71963}.beauty-header nav a:nth-child(2){background:#eee0ff;color:#6335a0}.beauty-header nav a:nth-child(3){background:#ccf5e5;color:#245c4e}.beauty-cover{background:linear-gradient(130deg,#ffdaef 0%,#ffe9f6 47%,#e3ccff 100%)}.beauty-title h1{font-weight:750}.beauty-title h1>span{color:#b3136d}.beauty-sticker{border:2px solid #fff;box-shadow:6px 6px 0 #fff8;color:#285646;border-radius:32% 48% 36% 48%}.beauty-main-shot .shot{border:8px solid #fff;border-radius:30px;overflow:hidden;box-shadow:12px 16px 0 #b587df45}.beauty-callout{border-radius:24px;box-shadow:0 12px 28px #b9318b20;border:1px solid #fff}.beauty-arrow{color:#fff;width:40px;height:40px;bottom:22px}.beauty-index>h2{color:#a52b89;font-weight:650}.beauty-shelves>div{box-shadow:0 7px 20px #ca4c9b12;border:2px solid #fff;border-radius:26px}.beauty-shelves .shot img{border-radius:18px;aspect-ratio:1.05}.beauty-shelves .card-copy{background:#fff;border-radius:18px;padding:18px 16px;margin-top:14px}.beauty-shelves .tag{color:#a71963}.beauty-shelves>div:nth-child(2) .tag{color:#6335a0}.beauty-shelves>div:nth-child(3) .tag{color:#245c4e}.beauty-shelves h3{font-weight:650}.beauty-tab{border:1px solid #ff99ca;background:#ffe0f1}.beauty-article-title h1{font-weight:750}.beauty-picture .shot{background:linear-gradient(140deg,#e1c8ff,#ffd5ec)}.beauty-source{border:1px solid #8ce0bc}.beauty-source h2{color:#255a49}footer .footer-name{color:#b3136d}
@media(max-width:850px){.beauty-header nav{gap:18px}.beauty-header nav a{padding:8px 12px}}
@media(max-width:600px){.beauty-header nav{gap:6px}.beauty-header nav a{padding:7px 10px;font-size:9px}.beauty-main-shot .shot{border-width:6px;border-radius:23px}.beauty-shelves .card-copy{margin:0;padding:13px 12px}.beauty-shelves .story-card{gap:13px;grid-template-columns:38% 1fr}.beauty-shelves .shot img{border-radius:14px}.beauty-shelves .story-card h3{font-size:15px}.beauty-shelves .small{margin-top:8px}.beauty-sticker{border-radius:32% 48% 36% 48%}.beauty-arrow{width:34px;height:34px}.beauty-shelves .tag{font-size:8px}}
/* Study 04: 白を基調に都市的な美容誌へ */
body,.beauty-header,.beauty-cover{background:#fff;color:#242329}.beauty-logo>span,.beauty-logo>strong{color:#242329}.beauty-logo strong span{color:#c17692}.beauty-header nav a{background:transparent!important;color:#39343a!important;border-radius:0;border-bottom:1px solid #d9c8ce!important}.beauty-sticker{display:none}.beauty-title h1>span{color:#995c73}.beauty-main-shot .shot{transform:none;border:0;border-radius:0;box-shadow:none}.beauty-callout{border-radius:0;box-shadow:0 8px 26px #1111;border:1px solid #eee}.beauty-arrow{background:#9b6278}.beauty-index>h2{color:#302b30}.beauty-shelves>div,.beauty-shelves>div:nth-child(2),.beauty-shelves>div:nth-child(3){background:#fff;border:0;border-radius:0;box-shadow:none;padding:0}.beauty-shelves .shot img{border-radius:0}.beauty-shelves .card-copy{padding:15px 0;margin:0;border-radius:0}.beauty-shelves .tag,.beauty-shelves>div:nth-child(2) .tag,.beauty-shelves>div:nth-child(3) .tag{color:#915b6e}.beauty-tab{background:#faf3f5;border-color:#e9d6df;color:#80566a}.beauty-picture .shot{border-radius:0;background:#f4f2f2}.beauty-picture img{border-radius:0}.beauty-source{background:#f6f4f4;border-color:#e5d9dd}.beauty-source h2{color:#393039}footer{background:#f5f2f3}