/* Source: page.css */ /* Melasma design v1 — colours and card details follow the existing freckles page. */ #mayurina-melasma-page{--ink:#173047;--text:#474846;--gold:#ac8743;--line:#d8c59e;--ivory:#fdfaf3;--rose:#983c53;--teal:#226773;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;color:var(--text);background:white;font:16px/1.95 var(--sans);max-width:1280px;margin:auto;color-scheme:light} #mayurina-melasma-page *{box-sizing:border-box;min-width:0} #mayurina-melasma-page h1,#mayurina-melasma-page h2,#mayurina-melasma-page h3,#mayurina-melasma-page h4{color:var(--ink);margin:0;font-weight:600;line-height:1.6} #mayurina-melasma-page h3{font-size:21px}#mayurina-melasma-page h4{font-size:16px;margin:22px 0 10px} #mayurina-melasma-page p{margin:0 0 1em}#mayurina-melasma-page img{max-width:100%;height:auto;vertical-align:middle}#mayurina-melasma-page figure{margin:0}#mayurina-melasma-page a{color:var(--teal);text-underline-offset:4px;overflow-wrap:anywhere}#mayurina-melasma-page button{font:inherit;cursor:pointer}#mayurina-melasma-page a,#mayurina-melasma-page button,#mayurina-melasma-page summary{-webkit-tap-highlight-color:transparent}#mayurina-melasma-page :focus-visible{outline:3px solid #197b91;outline-offset:4px}#mayurina-melasma-page [id]{scroll-margin-top:24px}#mayurina-melasma-page ::selection{background:#ebd8ae;color:var(--ink)} #mayurina-melasma-page .m-skip{position:absolute;left:16px;top:-100px;z-index:10;padding:10px;background:white}#mayurina-melasma-page .m-skip:focus{top:12px} #mayurina-melasma-page .m-review-bar{padding:6px 24px;background:#edf1f2;color:#415358;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em} #mayurina-melasma-page .m-header{display:flex;align-items:center;justify-content:space-between;padding:17px 48px;border-bottom:1px solid #e4d8c4;gap:16px;background:#fffdfb} #mayurina-melasma-page .m-wordmark{font:600 28px/1.1 var(--serif);color:#985760;text-decoration:none;white-space:nowrap}#mayurina-melasma-page .m-wordmark>span{font-size:24px;font-weight:400}#mayurina-melasma-page .m-wordmark>small{display:block;font:11px/1.4 var(--sans);letter-spacing:.3em;color:#776248;margin-top:4px;padding-left:3px}#mayurina-melasma-page .m-header nav{display:flex;align-items:center;gap:24px;font-size:13px}#mayurina-melasma-page .m-header nav>a{text-decoration:none;color:var(--ink)}#mayurina-melasma-page .m-header .m-header-reserve{padding:10px 24px;border-radius:30px;background:#f3e7d1;color:#695329} #mayurina-melasma-page .m-hero{overflow:hidden;background:radial-gradient(at 10% 15%,#fffefa,transparent 55%),linear-gradient(125deg,#fbf7ed,#fcf1ee 65%,#eef5ed)} #mayurina-melasma-page .m-hero-stage{position:relative;height:400px;isolation:isolate;overflow:hidden} #mayurina-melasma-page .m-hero-portrait{position:absolute;right:0;top:0;width:57%;height:100%;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 20%)}#mayurina-melasma-page .m-hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 33%}#mayurina-melasma-page .m-hero-portrait small{position:absolute;bottom:15px;right:24px;color:#5f5b56;font-size:10px;background:#ffffffab;padding:0 6px} #mayurina-melasma-page .m-hero-title{position:absolute;top:44px;left:7%}#mayurina-melasma-page .m-hero-title>span{display:block;font:13px/1.5 Georgia,serif;letter-spacing:.32em;color:#977d50;padding-left:4px;margin-bottom:12px}#mayurina-melasma-page .m-hero-title h1{font:500 112px/1.2 var(--serif);letter-spacing:.16em;text-shadow:1px 2px #e2cc8d} #mayurina-melasma-page .m-hero-diagram{position:absolute;left:27%;bottom:24px;width:186px;padding:9px 9px 5px;background:#fffdf9e8;border:1px solid #d8c59e;border-radius:50% 50% 12px 12px;box-shadow:0 6px 24px #876c4210;text-align:center}#mayurina-melasma-page .m-hero-diagram img{width:100%;border-radius:50%}#mayurina-melasma-page .m-hero-diagram figcaption{font-size:12px;letter-spacing:.04em;color:#756345} #mayurina-melasma-page .m-hero-wave{position:absolute;left:-25%;top:220px;width:110%;height:140px;border-radius:50%;transform:rotate(-12deg);z-index:-1;background:linear-gradient(#aa834317,#ead19799 20%,#fff7d9b8 48%,#b68b464d 51%,#fffaf124 75%,transparent);box-shadow:0 -1px #d4b56d40} #mayurina-melasma-page .m-hero-bottom{padding:0 48px 26px;position:relative} #mayurina-melasma-page .m-hero-prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} #mayurina-melasma-page .m-price-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--tone-line);border-radius:9px;padding:15px 12px 12px;box-shadow:inset 0 0 0 2px #ffffffbd,0 6px 14px #644e5317;background:linear-gradient(135deg,#fffefb,var(--tone-bg));text-decoration:none;display:flex;flex-direction:column} #mayurina-melasma-page .m-tone-0{--tone:#156474;--tone-bg:#eef8fa;--tone-line:#9abcc2}#mayurina-melasma-page .m-tone-1{--tone:#973b54;--tone-bg:#fdf0f2;--tone-line:#d5a5b0}#mayurina-melasma-page .m-tone-2{--tone:#486e5e;--tone-bg:#f0f6ed;--tone-line:#b7c5a8}#mayurina-melasma-page .m-tone-3{--tone:#80612d;--tone-bg:#faf2df;--tone-line:#d4bc86} #mayurina-melasma-page .m-price-card h2{font:600 20px/1.5 var(--serif);color:var(--tone);text-align:center;border-bottom:1px solid var(--tone-line);padding:0 12px 9px;min-height:40px}#mayurina-melasma-page .m-price-medal{position:absolute;right:8px;top:5px;width:24px;opacity:.85}#mayurina-melasma-page .m-price-medal svg{display:block;width:100%;height:auto}#mayurina-melasma-page .m-watermark{position:absolute;right:-2px;bottom:2px;width:45%;height:75%;object-fit:contain;opacity:.12;z-index:-1} #mayurina-melasma-page .m-hero-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:3px;margin:12px 0 6px;color:#ae253e;line-height:1.2;white-space:nowrap}#mayurina-melasma-page .m-hero-price>span{font-size:12px;font-weight:600}#mayurina-melasma-page .m-hero-price strong{font:600 37px/1.1 Georgia,serif;letter-spacing:-.025em}#mayurina-melasma-page .m-hero-price small{display:block;font-size:9px;font-weight:400}#mayurina-melasma-page .m-hero-total{font-size:11px;line-height:1.65;color:#695332;text-align:center;margin:0 0 3px}#mayurina-melasma-page .m-hero-total b{color:#a52c41;font-size:12px}#mayurina-melasma-page .m-hero-includes{font-size:11px;text-align:center;color:var(--tone);margin:auto 0 0;padding-top:5px} #mayurina-melasma-page .m-mini-menus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}#mayurina-melasma-page .m-mini-menus>a{height:60px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;border:1px solid #d6c8b2;border-radius:6px;background:#ffffffa6;color:var(--ink);font:600 17px/1.4 var(--serif);text-align:center;text-decoration:none;overflow:hidden;padding:7px 8px}#mayurina-melasma-page .m-mini-menus img{position:absolute;right:3px;top:1px;width:50%;height:100%;object-fit:contain;opacity:.16;z-index:-1}#mayurina-melasma-page .m-mini-menus small{display:block;font:10px/1.45 var(--sans);margin-top:3px}#mayurina-melasma-page .m-hero-notes{font-size:10px;line-height:1.7;margin:12px 0;color:#736b60} #mayurina-melasma-page .m-cta{text-align:center;margin:22px 0 0}#mayurina-melasma-page .m-button{display:inline-flex;justify-content:center;align-items:center;gap:32px;max-width:100%;padding:14px 42px;border-radius:36px;background:linear-gradient(120deg,#1e5865,#31808a);box-shadow:0 5px 14px #194f5920;color:white;text-decoration:none;font-size:16px;font-weight:600;letter-spacing:.04em;border:1px solid #2c7781}#mayurina-melasma-page .m-button:hover{filter:brightness(1.08)}#mayurina-melasma-page .m-button-small{font-size:14px;padding:11px 24px;margin:10px 0} #mayurina-melasma-page .m-toc{display:grid;grid-template-columns:repeat(6,1fr);margin:0 48px;border:1px solid var(--line);background:#fffdf6;border-radius:0 0 8px 8px}#mayurina-melasma-page .m-toc>a{text-align:center;padding:18px 6px;text-decoration:none;font-size:13px;color:var(--ink);border-right:1px solid #e8deca}#mayurina-melasma-page .m-toc>a:last-child{border-right:0}#mayurina-melasma-page .m-toc>a>span{display:block;line-height:1;font-size:12px;transform:rotate(90deg);color:var(--gold);margin-top:6px} #mayurina-melasma-page .m-section{padding:70px 48px 0}#mayurina-melasma-page .m-section:last-child{padding-bottom:65px}#mayurina-melasma-page .m-soft{background:#fcfaf5;padding-top:48px;padding-bottom:48px;margin-top:65px}#mayurina-melasma-page .m-heading{margin-bottom:30px}#mayurina-melasma-page .m-heading>span{display:block;font:12px/1.4 Georgia,serif;letter-spacing:.22em;color:var(--gold);margin-bottom:9px}#mayurina-melasma-page .m-heading h2{font:600 30px/1.65 var(--serif);padding:13px 20px;border:1px solid var(--line);border-left:6px solid var(--gold);background:linear-gradient(110deg,#f1e5c8,#fffdf6 70%)} #mayurina-melasma-page .m-about{display:grid;grid-template-columns:1.65fr 1fr;gap:45px;align-items:center}#mayurina-melasma-page .m-about h3{font-size:19px;margin:24px 0 10px}#mayurina-melasma-page .m-about figure{max-width:350px;justify-self:center}#mayurina-melasma-page figcaption{font-size:12px;text-align:center;color:#7b715e;margin-top:8px} #mayurina-melasma-page .m-types{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}#mayurina-melasma-page .m-types article{padding:18px;background:white;border:1px solid #e6d9c1;border-radius:9px}#mayurina-melasma-page .m-types img{width:100%;height:170px;object-fit:contain;margin-bottom:10px}#mayurina-melasma-page .m-types h3{font-size:20px;margin-bottom:10px;color:#886039}#mayurina-melasma-page .m-types p{font-size:14px;line-height:1.9}#mayurina-melasma-page .m-link-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}#mayurina-melasma-page .m-text-link{font-size:14px;display:inline-block} #mayurina-melasma-page .m-reasons{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:28px;background:linear-gradient(130deg,#f1e3c2,#fcf8ec);border:1px solid var(--line);border-radius:9px}#mayurina-melasma-page .m-reasons article{background:#fffefd;border:1px solid #e0cba3;border-radius:7px;padding:24px 24px 20px;position:relative;overflow:hidden}#mayurina-melasma-page .m-reason-number{font:italic 26px Georgia,serif;color:#ad8b4a;display:block;margin-bottom:5px}#mayurina-melasma-page .m-reasons h3{font:600 22px/1.7 var(--serif);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px;color:#8a3f51}#mayurina-melasma-page .m-reasons p{font-size:14px}#mayurina-melasma-page .m-reason-image{float:right;width:150px;height:130px;object-fit:contain;margin:0 0 14px 16px}#mayurina-melasma-page .m-reasons article:first-child .m-reason-image{object-fit:cover;border-radius:5px}#mayurina-melasma-page .m-record{float:right;position:relative;width:215px;text-align:center;padding:25px 20px;margin:0 0 14px 12px;font-family:var(--serif)}#mayurina-melasma-page .m-record>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#mayurina-melasma-page .m-record>span{font-size:14px;position:relative}#mayurina-melasma-page .m-record strong{display:block;font:44px/1.2 Georgia,serif;color:#9f3c54;position:relative}#mayurina-melasma-page .m-record small{font:12px var(--serif);display:block} #mayurina-melasma-page .m-treatments{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:28px}#mayurina-melasma-page .m-treatment{border:1px solid var(--line);border-radius:9px;padding:25px;background:linear-gradient(135deg,#fffdf7,white 60%)}#mayurina-melasma-page .m-treatment-top{position:relative;padding-right:130px;min-height:125px;margin-bottom:14px;border-bottom:1px solid #e5d6b8;padding-bottom:20px}#mayurina-melasma-page .m-treatment-top>span{font:italic 27px Georgia,serif;color:var(--gold);display:block;margin-bottom:9px}#mayurina-melasma-page .m-treatment-top h3{font:600 24px/1.6 var(--serif)}#mayurina-melasma-page .m-treatment-top img{position:absolute;right:0;top:0;width:118px;height:110px;object-fit:contain}#mayurina-melasma-page .m-treatment p{font-size:14px}#mayurina-melasma-page .m-treatment p:last-child{margin-bottom:0}#mayurina-melasma-page .m-plan{border:1px solid #c8b383;border-radius:9px;background:#faf6ec;padding:30px;margin-top:28px}#mayurina-melasma-page .m-plan>h3{text-align:center;font-family:var(--serif);font-size:25px;margin-bottom:18px}#mayurina-melasma-page .m-plan-pair{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 auto 22px;max-width:660px}#mayurina-melasma-page .m-plan-pair>span{flex:1;padding:12px;background:white;border:1px solid #ccb988;text-align:center;font:600 21px var(--serif);color:#80533d;border-radius:6px}#mayurina-melasma-page .m-plan-pair small{display:block;font:12px var(--sans);margin-top:8px;color:#6d665d}#mayurina-melasma-page .m-plan-pair>b{color:var(--gold);font-size:27px}#mayurina-melasma-page .m-plan p{margin:0} #mayurina-melasma-page .m-campaign{margin-top:36px;border:1px solid #d7c298;padding:24px;background:#fffaf0;border-radius:8px}#mayurina-melasma-page .m-campaign-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}#mayurina-melasma-page .m-campaign-head h3{font:600 22px/1.6 var(--serif);color:#916135}#mayurina-melasma-page .m-campaign-head>div{display:flex;gap:7px}#mayurina-melasma-page .m-campaign button{border:1px solid #bda578;background:white;border-radius:50%;width:34px;height:34px;color:#80612d;line-height:1;font-size:25px}#mayurina-melasma-page .m-campaign button:disabled{opacity:.3;cursor:default}#mayurina-melasma-page .m-campaign>p{font-size:12px}#mayurina-melasma-page .f-campaign-track{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 10px}#mayurina-melasma-page .f-campaign-track>a{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;text-decoration:none;color:#654b30;font-size:12px;background:white;border:1px solid #e6d8bc}#mayurina-melasma-page .f-campaign-track img{width:100%;aspect-ratio:1.4;object-fit:contain;background:white}#mayurina-melasma-page .f-campaign-track span{display:block;padding:8px 10px} #mayurina-melasma-page .m-guide{margin:60px 48px 0;padding:24px;border:1px solid #d5c39f;background:#fbf7ed;border-radius:8px}#mayurina-melasma-page .m-guide h2{text-align:center;font:600 24px var(--serif);margin:0 0 20px}#mayurina-melasma-page .m-guide>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#mayurina-melasma-page .m-guide a{padding:18px 14px;background:white;border:1px solid #dbc8a3;border-radius:6px;text-decoration:none;display:flex;flex-direction:column}#mayurina-melasma-page .m-guide strong{font-size:15px;color:var(--ink);line-height:1.6}#mayurina-melasma-page .m-guide span{font-size:12px;margin:9px 0;color:var(--text);line-height:1.8}#mayurina-melasma-page .m-guide b{text-align:right;font-weight:400;color:var(--gold);margin-top:auto} #mayurina-melasma-page .m-table-wrap{width:100%;margin:20px 0}#mayurina-melasma-page table{width:100%;border-collapse:collapse;line-height:1.8;font-size:14px;table-layout:fixed}#mayurina-melasma-page th,#mayurina-melasma-page td{padding:12px 14px;border:1px solid #ded2ba;text-align:left;vertical-align:top;overflow-wrap:anywhere}#mayurina-melasma-page thead th{background:#efdfbd;color:#674c21;font-weight:600}#mayurina-melasma-page tbody th{font-weight:500;background:#fbf7ed}#mayurina-melasma-page tbody td{background:white}#mayurina-melasma-page .m-comparison{margin:26px 0}#mayurina-melasma-page .m-comparison table{font-size:13px}#mayurina-melasma-page .m-comparison th:first-child{width:16%}#mayurina-melasma-page .m-comparison td{line-height:1.9} #mayurina-melasma-page .m-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:28px}#mayurina-melasma-page .m-case{border:1px solid #d7c69f;border-radius:9px;overflow:hidden;background:#fffefb}#mayurina-melasma-page .m-case-title{padding:20px 24px;background:#f9f1e0}#mayurina-melasma-page .m-case-title>span{font:12px Georgia,serif;letter-spacing:.18em;color:#9a7234;display:block;margin-bottom:7px}#mayurina-melasma-page .m-case-title h3{font:600 20px/1.8 var(--serif)}#mayurina-melasma-page .m-case-photo{display:block;text-align:center;text-decoration:none}#mayurina-melasma-page .m-case-photo img{width:100%;height:auto}#mayurina-melasma-page .m-case-photo>span{display:block;font-size:12px;padding:7px;background:#f3ece0}#mayurina-melasma-page .m-case-body{padding:2px 24px 25px;font-size:13px}#mayurina-melasma-page .m-case-info h4{font-size:14px;border-left:3px solid #b0955e;padding-left:9px;margin-bottom:10px}#mayurina-melasma-page .m-case-info p{margin:0}#mayurina-melasma-page .m-case-info{margin-top:21px}#mayurina-melasma-page .m-review-note{color:#75522e;background:#fff1d8;border:1px dashed #d3ac71;padding:12px 14px;font-size:12px;line-height:1.9;margin:20px 0}#mayurina-melasma-page .m-review-note b{display:block;font-size:11px;color:#9a5e1f;letter-spacing:.1em}#mayurina-melasma-page .m-disclosure{margin-top:26px;background:#f9f7f1;padding:24px;font-size:13px}#mayurina-melasma-page .m-disclosure h3{font-size:18px;margin-bottom:12px} #mayurina-melasma-page .m-media{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}#mayurina-melasma-page .m-media a{display:flex;align-items:center;background:white;border:1px solid #e7dac4;min-height:70px}#mayurina-melasma-page .m-media img{width:100%;height:auto} #mayurina-melasma-page .m-flow{display:grid;gap:16px}#mayurina-melasma-page .m-flow article{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;border:1px solid #d7c69f;padding:20px;border-radius:8px;background:#fffdfa}#mayurina-melasma-page .m-flow img{width:190px;height:125px;object-fit:cover;border-radius:4px}#mayurina-melasma-page .m-flow span{font:12px Georgia,serif;letter-spacing:.13em;color:#ac8743}#mayurina-melasma-page .m-flow h3{font:600 22px var(--serif);margin:8px 0 12px}#mayurina-melasma-page .m-flow p{font-size:14px;margin:0}#mayurina-melasma-page .m-aftercare{margin-top:35px;border:1px solid #d9c9a8;background:#faf7ee;padding:30px;border-radius:8px}#mayurina-melasma-page .m-aftercare article+article{margin-top:24px;border-top:1px solid #e1d5bc;padding-top:24px}#mayurina-melasma-page .m-aftercare h3{font-size:20px;margin-bottom:14px}#mayurina-melasma-page .m-aftercare p:last-child{margin:0} #mayurina-melasma-page .m-fees{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;margin-top:26px}#mayurina-melasma-page .m-fee{grid-column:span 3;border:1px solid #cfba8e;border-radius:8px;padding:24px;background:#fffdfa;overflow:hidden}#mayurina-melasma-page .m-fee-1,#mayurina-melasma-page .m-fee-2,#mayurina-melasma-page .m-fee-3{grid-column:span 2}#mayurina-melasma-page .m-fee-4{grid-column:1/-1;column-count:2;column-gap:32px}#mayurina-melasma-page .m-fee h3{font:600 23px/1.7 var(--serif);border-bottom:2px solid #d3bb85;margin:-24px -24px 20px;padding:16px 22px;background:linear-gradient(120deg,#efe0bd,#fbf6e9);column-span:all}#mayurina-melasma-page .m-fee p{font-size:13px}#mayurina-melasma-page .m-fee th,#mayurina-melasma-page .m-fee td{padding:10px;font-size:13px}#mayurina-melasma-page .m-fee td{text-align:right;color:#923b4e;font-weight:600;font-variant-numeric:tabular-nums}#mayurina-melasma-page .m-fee tbody tr:first-child td{color:#b22641;background:#fff7f4}#mayurina-melasma-page .m-fee .m-table-wrap{break-inside:avoid}#mayurina-melasma-page .m-fee-4 .m-table-wrap:nth-of-type(2){break-before:column}#mayurina-melasma-page .m-fee-4 h4{break-after:avoid}#mayurina-melasma-page .m-fee-4 table th:first-child{width:49%}#mayurina-melasma-page .m-fee-5 table th:first-child{width:54%}#mayurina-melasma-page .m-fee-5 th,#mayurina-melasma-page .m-fee-5 td{font-size:12px} #mayurina-melasma-page .m-faq{border-top:1px solid #d8c6a1}#mayurina-melasma-page .m-faq details{border-bottom:1px solid #d8c6a1;background:#fffdf8}#mayurina-melasma-page .m-faq summary{cursor:pointer;list-style:none;position:relative;padding:23px 55px 23px 24px;font-size:17px;font-weight:600;color:var(--ink);display:flex;gap:15px;align-items:baseline}#mayurina-melasma-page .m-faq summary::-webkit-details-marker{display:none}#mayurina-melasma-page .m-faq summary>span{flex:none;font:18px Georgia,serif;color:var(--gold)}#mayurina-melasma-page .m-faq summary:after{content:'＋';position:absolute;right:22px;font-size:21px;color:var(--gold)}#mayurina-melasma-page .m-faq details[open] summary:after{content:'−'}#mayurina-melasma-page .m-faq details>div{padding:0 28px 20px 74px;font-size:14px}#mayurina-melasma-page .m-faq details p{margin:0} #mayurina-melasma-page .m-risks{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 32px}#mayurina-melasma-page .m-risks article:last-child{grid-column:1/-1}#mayurina-melasma-page .m-risks h3{font-size:18px;border-bottom:1px solid #d9c7a0;padding-bottom:9px;margin-bottom:13px}#mayurina-melasma-page .m-risks p{font-size:13px} #mayurina-melasma-page .m-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}#mayurina-melasma-page .m-columns>a{text-decoration:none;border:1px solid #d5c299;border-radius:8px;overflow:hidden;background:#fffdf8;display:flex;flex-direction:column}#mayurina-melasma-page .m-columns img{width:100%;aspect-ratio:1.65;object-fit:cover}#mayurina-melasma-page .m-columns a>div{padding:22px;display:flex;flex-direction:column;flex:1}#mayurina-melasma-page .m-columns h3{font:600 21px/1.7 var(--serif);margin-bottom:12px}#mayurina-melasma-page .m-columns p{font-size:13px;color:var(--text)}#mayurina-melasma-page .m-columns span{font-size:13px;align-self:flex-end;margin-top:auto} #mayurina-melasma-page .m-consult{display:grid;grid-template-columns:1.3fr 1fr;gap:35px}#mayurina-melasma-page .m-consult .m-cta{text-align:left}#mayurina-melasma-page .m-access{border:1px solid #dcc79f;background:white;padding:26px;font-size:14px;border-radius:8px}#mayurina-melasma-page .m-doctor{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}#mayurina-melasma-page .m-doctor>img{width:100%;max-height:400px;object-fit:cover;object-position:top;border-radius:7px}#mayurina-melasma-page .m-doctor h3{font:600 28px var(--serif);margin-bottom:20px}#mayurina-melasma-page .m-doctor h4{margin-top:0}#mayurina-melasma-page .m-doctor p{font-size:13px;line-height:2.1}#mayurina-melasma-page .m-related,#mayurina-melasma-page .m-references{margin-top:40px;padding-top:25px;border-top:1px solid #dccbaa}#mayurina-melasma-page .m-related>div{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:16px}#mayurina-melasma-page .m-references ul{padding-left:22px;font-size:12px}#mayurina-melasma-page .m-references a{font-size:12px}#mayurina-melasma-page .m-footer{display:flex;justify-content:space-between;padding:24px 48px;font-size:12px;background:#f5efdf;border-top:1px solid #d7c39c}#mayurina-melasma-page .f-lightbox{padding:45px 15px 15px;border:0;border-radius:8px;max-width:95vw;max-height:95vh;background:#fffaf2}#mayurina-melasma-page .f-lightbox::backdrop{background:#142733dc}#mayurina-melasma-page .f-lightbox img{display:block;width:auto;max-height:82vh;max-width:85vw}#mayurina-melasma-page .f-lightbox button{position:absolute;right:15px;top:8px;background:transparent;border:0;color:var(--ink);font-size:14px} @media(max-width:1000px){ #mayurina-melasma-page .m-header{padding:16px 28px}#mayurina-melasma-page .m-hero-bottom{padding:0 28px 24px}#mayurina-melasma-page .m-hero-stage{height:355px}#mayurina-melasma-page .m-hero-title h1{font-size:96px}#mayurina-melasma-page .m-hero-diagram{width:158px;left:29%}#mayurina-melasma-page .m-price-card{padding:14px 7px 10px}#mayurina-melasma-page .m-price-card h2{font-size:17px;padding-left:2px;padding-right:2px}#mayurina-melasma-page .m-hero-price strong{font-size:30px}#mayurina-melasma-page .m-price-medal{width:17px;right:3px}#mayurina-melasma-page .m-hero-price>span{font-size:10px}#mayurina-melasma-page .m-hero-total b{font-size:10px}#mayurina-melasma-page .m-section{padding-left:28px;padding-right:28px}#mayurina-melasma-page .m-toc{margin:0 28px}#mayurina-melasma-page .m-guide{margin-left:28px;margin-right:28px}#mayurina-melasma-page .m-types{grid-template-columns:repeat(2,1fr)}#mayurina-melasma-page .m-types img{height:190px}#mayurina-melasma-page .m-reasons{padding:18px;gap:18px}#mayurina-melasma-page .m-reasons article{padding:20px}#mayurina-melasma-page .m-record{float:none;margin:0 auto 15px}#mayurina-melasma-page .m-reason-image{width:100px;height:100px}#mayurina-melasma-page .m-treatment{padding:20px}#mayurina-melasma-page .m-treatment-top{padding-right:90px}#mayurina-melasma-page .m-treatment-top img{width:85px}#mayurina-melasma-page .m-treatment-top h3{font-size:21px}#mayurina-melasma-page .m-fee-1,#mayurina-melasma-page .m-fee-2,#mayurina-melasma-page .m-fee-3{grid-column:span 3}#mayurina-melasma-page .m-fee-4{column-count:1}#mayurina-melasma-page .m-fee-3{grid-column:1/-1}#mayurina-melasma-page .m-fee-4 table th:first-child{width:auto}#mayurina-melasma-page .m-guide>div{grid-template-columns:repeat(2,1fr)} } @media(max-width:700px){ #mayurina-melasma-page{font-size:14px;line-height:1.95}#mayurina-melasma-page .m-review-bar{font-size:9px;padding:5px 12px;gap:10px}#mayurina-melasma-page .m-header{padding:12px 16px}#mayurina-melasma-page .m-wordmark{font-size:23px}#mayurina-melasma-page .m-wordmark>span{font-size:20px}#mayurina-melasma-page .m-wordmark>small{font-size:9px}#mayurina-melasma-page .m-header nav{gap:0;font-size:11px}#mayurina-melasma-page .m-header-access{display:none}#mayurina-melasma-page .m-header .m-header-reserve{padding:8px 14px} #mayurina-melasma-page .m-hero-stage{height:290px}#mayurina-melasma-page .m-hero-title{top:30px;left:22px}#mayurina-melasma-page .m-hero-title>span{font-size:9px;margin-bottom:7px}#mayurina-melasma-page .m-hero-title h1{font-size:60px;letter-spacing:.1em}#mayurina-melasma-page .m-hero-portrait{width:64%;mask-image:linear-gradient(to right,transparent,#000 16%)}#mayurina-melasma-page .m-hero-portrait img{object-position:53% 27%}#mayurina-melasma-page .m-hero-portrait small{bottom:12px;right:12px;font-size:8px}#mayurina-melasma-page .m-hero-diagram{left:35px;bottom:18px;width:115px;padding:6px 6px 4px;z-index:1}#mayurina-melasma-page .m-hero-diagram figcaption{font-size:9px;margin-top:1px}#mayurina-melasma-page .m-hero-wave{top:200px;width:145%;height:80px} #mayurina-melasma-page .m-hero-bottom{padding:0 14px 22px}#mayurina-melasma-page .m-hero-prices{grid-template-columns:repeat(2,1fr);gap:10px}#mayurina-melasma-page .m-price-card{padding:12px 7px 10px;min-height:119px}#mayurina-melasma-page .m-price-card h2{font-size:16px;min-height:33px;padding:0 4px 7px}#mayurina-melasma-page .m-price-medal{width:15px;right:3px;top:4px}#mayurina-melasma-page .m-hero-price{margin:9px 0 4px;gap:2px}#mayurina-melasma-page .m-hero-price strong{font-size:29px}#mayurina-melasma-page .m-hero-price>span{font-size:10px}#mayurina-melasma-page .m-hero-price small{font-size:8px}#mayurina-melasma-page .m-hero-includes{font-size:10px}#mayurina-melasma-page .m-hero-total{font-size:9px;line-height:1.7}#mayurina-melasma-page .m-hero-total b{font-size:10px}#mayurina-melasma-page .m-mini-menus{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:11px}#mayurina-melasma-page .m-mini-menus>a{height:50px;font-size:15px;padding:5px}#mayurina-melasma-page .m-mini-menus small{font-size:8px;line-height:1.4}#mayurina-melasma-page .m-hero-notes{font-size:9px;margin:12px 1px;line-height:1.8}#mayurina-melasma-page .m-button{font-size:14px;padding:13px 25px;gap:22px}#mayurina-melasma-page .m-cta{margin-top:18px} #mayurina-melasma-page .m-toc{margin:0 14px;grid-template-columns:repeat(3,1fr)}#mayurina-melasma-page .m-toc>a{font-size:11px;padding:13px 5px}#mayurina-melasma-page .m-toc>a:nth-child(3){border-right:0}#mayurina-melasma-page .m-toc>a:nth-child(-n+3){border-bottom:1px solid #e8deca} #mayurina-melasma-page .m-section{padding:44px 18px 0}#mayurina-melasma-page .m-soft{margin-top:44px;padding:32px 18px}#mayurina-melasma-page .m-heading{margin-bottom:24px}#mayurina-melasma-page .m-heading>span{font-size:10px;margin-bottom:8px}#mayurina-melasma-page .m-heading h2{font-size:22px;padding:12px 14px;border-left-width:4px;line-height:1.65}#mayurina-melasma-page .m-about{display:flex;flex-direction:column;gap:12px}#mayurina-melasma-page .m-about figure{max-width:220px}#mayurina-melasma-page .m-about h3{font-size:17px;margin-top:20px}#mayurina-melasma-page .m-types{gap:12px;margin-top:22px}#mayurina-melasma-page .m-types article{padding:12px}#mayurina-melasma-page .m-types img{height:120px;margin-bottom:8px}#mayurina-melasma-page .m-types h3{font-size:17px}#mayurina-melasma-page .m-types p{font-size:12px;line-height:1.9;margin:0}#mayurina-melasma-page .m-link-row{gap:12px 18px}#mayurina-melasma-page .m-text-link{font-size:12px} #mayurina-melasma-page .m-reasons{grid-template-columns:1fr;padding:14px;gap:15px}#mayurina-melasma-page .m-reasons article{padding:18px}#mayurina-melasma-page .m-reasons h3{font-size:20px}#mayurina-melasma-page .m-reasons p{font-size:13px}#mayurina-melasma-page .m-record{float:none}#mayurina-melasma-page .m-treatments{grid-template-columns:1fr;gap:18px}#mayurina-melasma-page .m-treatment{padding:20px}#mayurina-melasma-page .m-treatment p{font-size:13px}#mayurina-melasma-page .m-treatment-top{min-height:115px;padding-right:105px}#mayurina-melasma-page .m-treatment-top img{width:95px;height:102px}#mayurina-melasma-page .m-treatment-top h3{font-size:21px}#mayurina-melasma-page .m-treatment-top>span{font-size:24px}#mayurina-melasma-page .m-plan{padding:20px;margin-top:22px}#mayurina-melasma-page .m-plan>h3{font-size:21px}#mayurina-melasma-page .m-plan-pair{gap:8px;margin-bottom:18px}#mayurina-melasma-page .m-plan-pair>span{font-size:16px;padding:12px 4px}#mayurina-melasma-page .m-plan-pair>b{font-size:20px}#mayurina-melasma-page .m-plan-pair small{font-size:10px}#mayurina-melasma-page .m-plan p{font-size:13px} #mayurina-melasma-page .m-campaign{padding:17px;margin-top:28px}#mayurina-melasma-page .m-campaign-head h3{font-size:19px}#mayurina-melasma-page .m-campaign-head>div{gap:4px;flex:none}#mayurina-melasma-page .m-campaign button{width:28px;height:28px;font-size:22px}#mayurina-melasma-page .m-campaign>p{font-size:11px}#mayurina-melasma-page .f-campaign-track>a{flex-basis:90%}#mayurina-melasma-page .f-campaign-track img{aspect-ratio:1.3} #mayurina-melasma-page .m-guide{margin:40px 18px 0;padding:17px}#mayurina-melasma-page .m-guide h2{font-size:19px;line-height:1.6}#mayurina-melasma-page .m-guide>div{gap:10px}#mayurina-melasma-page .m-guide a{padding:12px}#mayurina-melasma-page .m-guide strong{font-size:13px}#mayurina-melasma-page .m-guide span{font-size:11px} #mayurina-melasma-page .m-comparison table,#mayurina-melasma-page .m-comparison tbody,#mayurina-melasma-page .m-comparison tr{display:block}#mayurina-melasma-page .m-comparison thead{display:none}#mayurina-melasma-page .m-comparison tr{margin-bottom:17px;border:1px solid #cbb78d;border-radius:7px;overflow:hidden}#mayurina-melasma-page .m-comparison tbody th{display:block;width:100%;border:0;background:#efdfbd;font-size:17px;padding:12px 15px;color:#674c21}#mayurina-melasma-page .m-comparison td{display:grid;grid-template-columns:86px 1fr;gap:8px;border:0;border-top:1px solid #e8dcc4;width:100%;padding:11px 13px;font-size:12px}#mayurina-melasma-page .m-comparison td:before{content:attr(data-label);font-weight:600;color:#8a6c34} #mayurina-melasma-page .m-cases{grid-template-columns:1fr;gap:28px}#mayurina-melasma-page .m-case-title{padding:17px 19px}#mayurina-melasma-page .m-case-title h3{font-size:18px}#mayurina-melasma-page .m-case-body{padding:0 18px 22px;font-size:12px}#mayurina-melasma-page .m-case-info h4{font-size:13px}#mayurina-melasma-page .m-review-note{font-size:11px}#mayurina-melasma-page .m-disclosure{padding:20px;font-size:12px}#mayurina-melasma-page .m-media{grid-template-columns:repeat(2,1fr);gap:12px}#mayurina-melasma-page .m-media a{min-height:50px} #mayurina-melasma-page .m-flow article{grid-template-columns:95px 1fr;gap:14px;padding:15px;align-items:start}#mayurina-melasma-page .m-flow img{width:95px;height:95px;margin-top:5px}#mayurina-melasma-page .m-flow h3{font-size:18px;line-height:1.6;margin:6px 0 10px}#mayurina-melasma-page .m-flow p{font-size:12px}#mayurina-melasma-page .m-flow span{font-size:11px}#mayurina-melasma-page .m-aftercare{padding:21px;margin-top:26px}#mayurina-melasma-page .m-aftercare h3{font-size:18px}#mayurina-melasma-page .m-aftercare p{font-size:13px} #mayurina-melasma-page .m-fees{grid-template-columns:1fr;gap:22px}#mayurina-melasma-page .m-fee{grid-column:1!important;padding:20px}#mayurina-melasma-page .m-fee h3{font-size:21px;padding:14px 18px;margin:-20px -20px 18px}#mayurina-melasma-page .m-fee p{font-size:12px}#mayurina-melasma-page .m-fee th,#mayurina-melasma-page .m-fee td{font-size:12px;padding:10px 8px}#mayurina-melasma-page .m-fee thead th{font-size:11px}#mayurina-melasma-page .m-fee-4 table th:first-child{width:auto}#mayurina-melasma-page .m-fee-4 .m-table-wrap:nth-of-type(2) th:first-child{width:67%}#mayurina-melasma-page .m-fee-5 th,#mayurina-melasma-page .m-fee-5 td{font-size:11px}#mayurina-melasma-page .m-fee-5 table th:first-child{width:51%} #mayurina-melasma-page .m-faq summary{font-size:14px;padding:19px 40px 19px 14px;gap:10px}#mayurina-melasma-page .m-faq summary>span{font-size:16px}#mayurina-melasma-page .m-faq summary:after{font-size:19px;right:12px}#mayurina-melasma-page .m-faq details>div{padding:0 18px 20px;font-size:13px}#mayurina-melasma-page .m-risks{grid-template-columns:1fr;gap:24px}#mayurina-melasma-page .m-risks p{font-size:12px}#mayurina-melasma-page .m-columns{grid-template-columns:1fr;gap:20px}#mayurina-melasma-page .m-columns>a{display:grid;grid-template-columns:110px 1fr}#mayurina-melasma-page .m-columns img{height:100%;min-height:180px;aspect-ratio:auto;object-fit:cover}#mayurina-melasma-page .m-columns a>div{padding:16px}#mayurina-melasma-page .m-columns h3{font-size:17px}#mayurina-melasma-page .m-columns p{font-size:12px}#mayurina-melasma-page .m-columns span{font-size:11px} #mayurina-melasma-page .m-consult{grid-template-columns:1fr;gap:24px}#mayurina-melasma-page .m-consult .m-cta{text-align:center}#mayurina-melasma-page .m-access{padding:21px;font-size:13px}#mayurina-melasma-page .m-doctor{grid-template-columns:1fr;gap:24px}#mayurina-melasma-page .m-doctor>img{width:210px;justify-self:center;max-height:300px}#mayurina-melasma-page .m-doctor h3{font-size:25px}#mayurina-melasma-page .m-doctor p{font-size:12px}#mayurina-melasma-page .m-related h3,#mayurina-melasma-page .m-references h3{font-size:19px}#mayurina-melasma-page .m-related>div{gap:10px 18px}#mayurina-melasma-page .m-references a{font-size:11px}#mayurina-melasma-page .m-footer{padding:20px 18px;font-size:10px;gap:15px} } @media(max-width:350px){#mayurina-melasma-page .m-hero-price strong{font-size:25px}#mayurina-melasma-page .m-price-card h2{font-size:14px}#mayurina-melasma-page .m-mini-menus small{font-size:7px}#mayurina-melasma-page .m-hero-title h1{font-size:54px}#mayurina-melasma-page .m-hero-diagram{left:22px;width:110px}#mayurina-melasma-page .m-types{grid-template-columns:1fr}#mayurina-melasma-page .m-types img{height:165px}#mayurina-melasma-page .m-flow article{grid-template-columns:1fr}#mayurina-melasma-page .m-flow img{width:100%;height:135px}#mayurina-melasma-page .m-columns>a{grid-template-columns:95px 1fr}} /* Final responsive adjustments after visual review. */ #mayurina-melasma-page .m-hero-portrait{width:46%} #mayurina-melasma-page .m-hero-portrait img{object-position:center 15%} #mayurina-melasma-page .m-hero-wave{width:100%;left:-45%} #mayurina-melasma-page .m-fee-4{column-count:auto} #mayurina-melasma-page .m-copera-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px} #mayurina-melasma-page .m-copera-grid>div>h4:first-child{margin-top:0} #mayurina-melasma-page .m-fee-4 .m-table-wrap{break-before:auto} #mayurina-melasma-page .m-copera-grid>div:first-child th:first-child{width:24%} #mayurina-melasma-page .m-copera-grid>div:last-child th:first-child{width:67%} @media(max-width:1000px){#mayurina-melasma-page .m-copera-grid{grid-template-columns:1fr;gap:20px}#mayurina-melasma-page .m-hero-portrait{width:53%}#mayurina-melasma-page .m-hero-portrait img{object-position:center 20%}} @media(max-width:700px){#mayurina-melasma-page .m-hero-portrait{width:64%}#mayurina-melasma-page .m-hero-portrait img{object-position:53% 27%}#mayurina-melasma-page .m-hero-wave{width:140%;left:-65%}#mayurina-melasma-page .m-tone-3 .m-hero-price{flex-wrap:nowrap;gap:1px}#mayurina-melasma-page .m-tone-3 .m-hero-price>span:first-child{font-size:8px}#mayurina-melasma-page .m-tone-3 .m-hero-price strong{font-size:26px}#mayurina-melasma-page .m-mini-menus>a{height:58px}#mayurina-melasma-page .m-mini-menus small{font-size:9px}} @media(max-width:350px){#mayurina-melasma-page .m-tone-3 .m-hero-price strong{font-size:22px}#mayurina-melasma-page .m-tone-3 .m-hero-price small{font-size:7px}} @media(prefers-reduced-motion:reduce){#mayurina-melasma-page *{animation:none!important;transition:none!important}} /* Source: reference.css */ #mayurina-melasma-body{--ink:#162b44;--text:#39434a;--gold:#a4864c;--line:#ded6c7;--ivory:#f8f5ed;--rose:#945166;--teal:#2e6971;container:mlbody / inline-size;color:var(--text);background:#fff;font:16px/1.95 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.025em;text-align:left;overflow-wrap:anywhere} #mayurina-melasma-body *,#mayurina-melasma-body *::before,#mayurina-melasma-body *::after{box-sizing:border-box} #mayurina-melasma-body :where(h2,h3,h4,p,figure,ul,ol,dl,dd){margin:0;padding:0} #mayurina-melasma-body :where(h2,h3,h4){color:var(--ink);background:none;border:0;position:static} #mayurina-melasma-body :where(h2,h3,h4)::before,#mayurina-melasma-body :where(h2,h3,h4)::after{content:none} #mayurina-melasma-body :where(p+p,p+ul,p+ol,p+dl){margin-top:1em} #mayurina-melasma-body a{color:var(--teal);text-underline-offset:4px;text-decoration-thickness:1px} #mayurina-melasma-body a:focus-visible,#mayurina-melasma-body summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px} #mayurina-melasma-body :where(img,svg){display:block;max-width:100%} #mayurina-melasma-body img{height:auto;border:0;margin:0} #mayurina-melasma-body .mlb-inner{width:min(100% - 72px,1080px);margin:0 auto} #mayurina-melasma-body .mlb-section{padding:78px 0;scroll-margin-top:24px} #mayurina-melasma-body .mlb-section--tint{background:var(--ivory)} #mayurina-melasma-body .mlb-head{margin-bottom:30px} #mayurina-melasma-body .mlb-kicker{display:flex;align-items:center;gap:13px;margin:0 0 10px;color:#8a6f3e;font:12px/1.4 Georgia,serif;letter-spacing:.22em} #mayurina-melasma-body .mlb-kicker::before{content:"";width:38px;height:1px;background:var(--gold)} #mayurina-melasma-body .mlb-head h2{font:500 clamp(23px,2.8cqw,34px)/1.55 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.04em} #mayurina-melasma-body h3{font-size:20px;line-height:1.65;font-weight:600;margin-bottom:12px} #mayurina-melasma-body .mlb-lead{max-width:850px;margin-bottom:28px} #mayurina-melasma-body .mlb-note{font-size:13px;line-height:1.8;color:#626967;margin-top:16px} #mayurina-melasma-body #mmp-s03 .mlb-title-phrase{display:inline-block} #mayurina-melasma-body .mlb-source{font-size:12px;margin-top:14px} #mayurina-melasma-body .mlb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} #mayurina-melasma-body .mlb-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 22px;border:1px solid #b5aa91;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;line-height:1.6;text-decoration:none;font-weight:600;transition:background .2s,border-color .2s} #mayurina-melasma-body .mlb-btn::after{content:"→";color:var(--gold)} #mayurina-melasma-body .mlb-btn:hover{background:#f6f1e5;border-color:#8a6f3e} #mayurina-melasma-body .mlb-btn--primary{background:var(--ink);color:white;border-color:var(--ink)} #mayurina-melasma-body .mlb-btn--primary:hover{background:#294663} #mayurina-melasma-body .mlb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center} #mayurina-melasma-body .mlb-toc{padding:28px 0;border-bottom:1px solid var(--line);background:#fffdf8} #mayurina-melasma-body .mlb-toc-title{font-size:12px;letter-spacing:.16em;color:#827455;text-align:center;margin-bottom:14px} #mayurina-melasma-body .mlb-toc-list{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} #mayurina-melasma-body .mlb-toc-list a{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 5px;color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid #d6c9ad} #mayurina-melasma-body .mlb-toc-list a::after{content:"↓";color:var(--gold)} #mayurina-melasma-body .mlb-intro-copy h3:not(:first-child){margin-top:26px} #mayurina-melasma-body .mlb-diagram{background:#fbf8f1;border:1px solid #e6dfd1;border-radius:14px;padding:24px;min-width:0} #mayurina-melasma-body .mlb-diagram figcaption{font-size:13px;line-height:1.7;text-align:center;color:#5d635f;margin-top:12px} #mayurina-melasma-body .mlb-diagram-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:14px;text-align:center} #mayurina-melasma-body .mlb-diagram svg{width:100%;height:auto} #mayurina-melasma-body .mlb-diagrams{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin:30px 0} #mayurina-melasma-body .mlb-area-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:13px} #mayurina-melasma-body .mlb-area-tags span{padding:2px 18px;border:1px solid #d5c6a6;border-radius:30px;background:#fff} #mayurina-melasma-body .mlb-face-main{max-height:230px} #mayurina-melasma-body .mlb-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin-top:30px} #mayurina-melasma-body .mlb-photos figure{padding:12px;background:#f6f3ed} #mayurina-melasma-body .mlb-photos img{width:100%;max-height:330px;object-fit:contain} #mayurina-melasma-body .mlb-photos figcaption{font-size:12px;color:#646864;padding-top:8px;text-align:center} #mayurina-melasma-body .mlb-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0} #mayurina-melasma-body .mlb-type{padding:18px 14px 20px;border:1px solid #ded8cc;border-top:3px solid #b49a61;background:#fff;border-radius:5px} #mayurina-melasma-body .mlb-type:first-child{border-color:#b49a61;background:#fffdf6} #mayurina-melasma-body .mlb-type svg{width:100%;max-height:150px;margin:0 auto 12px} #mayurina-melasma-body .mlb-type h3{font-size:16px;text-align:center;line-height:1.5;margin-bottom:10px} #mayurina-melasma-body .mlb-type p{font-size:13px;line-height:1.9} #mayurina-melasma-body .mlb-callout{border-left:3px solid #b69a60;background:#fff;padding:18px 22px;margin:22px 0;font-size:14px} #mayurina-melasma-body .mlb-treatment{position:relative;display:grid;grid-template-columns:1fr 95px;gap:20px;padding:30px;border:1px solid #e5d4d9;background:linear-gradient(120deg,#fff9fa,#fff);border-top:4px solid #a16778;border-radius:8px;min-width:0} #mayurina-melasma-body .mlb-treatment--pico{border-color:#cddedf;border-top-color:#397781;background:linear-gradient(120deg,#f4fbfb,#fff)} #mayurina-melasma-body .mlb-treatment .mlb-treatment-copy{min-width:0} #mayurina-melasma-body .mlb-treatment h3{font:500 24px/1.55 "Yu Mincho",serif;color:var(--rose);margin-bottom:16px} #mayurina-melasma-body .mlb-treatment--pico h3{color:var(--teal)} #mayurina-melasma-body .mlb-treatment p{font-size:14px;line-height:1.9} #mayurina-melasma-body .mlb-treatment img{align-self:center;width:100%;max-height:190px;object-fit:contain} #mayurina-melasma-body .mlb-treatment .mlb-btn{margin-top:20px;font-size:12px;padding:9px 16px;gap:8px} #mayurina-melasma-body .mlb-guide-intro{text-align:center;border:1px solid #d8ccb5;border-radius:999px;padding:12px 20px;margin:0 auto 30px;max-width:370px;background:#fff;color:var(--ink);font-size:15px} #mayurina-melasma-body .mlb-guide-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #mayurina-melasma-body .mlb-guide-grid::before{content:"";position:absolute;left:50%;top:-30px;height:30px;border-left:1px solid #c6b48e} #mayurina-melasma-body details{border:1px solid #ded8cc;border-radius:7px;background:#fff;overflow:hidden} #mayurina-melasma-body summary{list-style:none;position:relative;cursor:pointer;color:var(--ink);padding:20px 48px 20px 22px;min-height:64px;font-size:16px;font-weight:600;line-height:1.7} #mayurina-melasma-body summary::-webkit-details-marker{display:none} #mayurina-melasma-body summary::after{content:"＋";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--gold)} #mayurina-melasma-body details[open]>summary::after{content:"−"} #mayurina-melasma-body details[open]>summary{border-bottom:1px solid #ebe5d9;background:#fffdf8} #mayurina-melasma-body .mlb-guide-number{font:italic 24px/1 Georgia,serif;color:var(--gold);margin-right:12px} #mayurina-melasma-body .mlb-panel{padding:20px 22px;font-size:14px;line-height:1.9} #mayurina-melasma-body .mlb-panel .mlb-actions{margin-top:16px} #mayurina-melasma-body .mlb-panel .mlb-btn{font-size:12px;padding:9px 14px;min-height:42px;gap:8px} #mayurina-melasma-body .mlb-compare{margin-top:28px;border:1px solid #dbd6cc;border-radius:8px;overflow:hidden} #mayurina-melasma-body .mlb-compare-head,#mayurina-melasma-body .mlb-compare-row{display:grid;grid-template-columns:150px 1fr 1fr} #mayurina-melasma-body .mlb-compare-head{background:var(--ink);color:white} #mayurina-melasma-body .mlb-compare-head>div{padding:17px;text-align:center;font-size:16px;font-weight:600} #mayurina-melasma-body .mlb-compare-row+ .mlb-compare-row{border-top:1px solid #ded8cc} #mayurina-melasma-body .mlb-compare-row h3{font-size:14px;font-weight:500;margin:0;padding:22px 18px;background:#f5f2e9;display:flex;align-items:center} #mayurina-melasma-body .mlb-compare-cell{padding:22px;font-size:14px;line-height:1.85;background:#fffcfd} #mayurina-melasma-body .mlb-compare-cell:last-child{border-left:1px solid #e1dccc;background:#f8fcfc} #mayurina-melasma-body .mlb-compare-label{display:none} #mayurina-melasma-body .mlb-combo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #d7cebc} #mayurina-melasma-body .mlb-combo-item{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #d7cebc} #mayurina-melasma-body .mlb-combo-item dt{font-size:14px;font-weight:600;color:var(--ink);line-height:1.7} #mayurina-melasma-body .mlb-combo-item dd{font-size:13px;line-height:1.9} #mayurina-melasma-body .mlb-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px} #mayurina-melasma-body .mlb-case{border:1px solid #ddd5c7;border-radius:8px;overflow:hidden;background:#fff} #mayurina-melasma-body .mlb-case-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:2.5;background:repeating-linear-gradient(135deg,#f7f4ed,#f7f4ed 12px,#f4f0e6 12px,#f4f0e6 24px);color:#897b60;gap:6px} #mayurina-melasma-body .mlb-case-placeholder span{font:32px/1.3 Georgia,serif;color:#b7a789} #mayurina-melasma-body .mlb-case-placeholder p{font-size:13px;margin:0} #mayurina-melasma-body .mlb-case-info{padding:18px 22px;font-size:13px;line-height:1.8} #mayurina-melasma-body .mlb-case-info h3{font-size:16px;margin-bottom:6px} #mayurina-melasma-body .mlb-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} #mayurina-melasma-body .mlb-media a{display:block;text-decoration:none;background:white;border:1px solid #ddd5c7;padding:6px;border-radius:4px;transition:box-shadow .2s} #mayurina-melasma-body .mlb-media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain} #mayurina-melasma-body .mlb-media span{display:block;padding:12px 5px 8px;font-size:13px;line-height:1.6;text-align:center;color:var(--ink)} #mayurina-melasma-body .mlb-media a:hover{box-shadow:0 5px 20px #22344d15} #mayurina-melasma-body .mlb-hands{border:1px solid #758b96;border-radius:12px;overflow:hidden;background:#f7faf9} #mayurina-melasma-body .mlb-hands-top{position:relative;min-height:320px;display:grid;grid-template-columns:1.05fr 1fr;background:#f5f4ee} #mayurina-melasma-body .mlb-hands-copy{position:relative;z-index:1;padding:34px} #mayurina-melasma-body .mlb-hands-copy .mlb-tag{display:inline-block;background:#a3854a;color:white;padding:2px 14px;margin-bottom:14px;font-size:12px;letter-spacing:.1em} #mayurina-melasma-body .mlb-hands-copy h3{font:500 27px/1.65 "Yu Mincho",serif} #mayurina-melasma-body .mlb-hands-photo{width:100%;height:100%;object-fit:cover;min-height:320px} #mayurina-melasma-body .mlb-hands-copy p{font-size:14px} #mayurina-melasma-body .mlb-hands-bottom{padding:30px 34px;background:#f8fbfb} #mayurina-melasma-body .mlb-hand-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px} #mayurina-melasma-body .mlb-hand-price{padding:18px;background:#fff;border:1px solid #d2dedf;text-align:center} #mayurina-melasma-body .mlb-hand-price dt{font-size:12px;margin-bottom:7px} #mayurina-melasma-body .mlb-hand-price dd{font-size:17px;color:var(--teal);font-weight:600} #mayurina-melasma-body .mlb-arm-case{margin-top:30px;border-top:1px solid #cbd7d6;padding-top:28px} #mayurina-melasma-body .mlb-arm-case h3{font-size:19px} #mayurina-melasma-body .mlb-arm-case img{max-width:640px;width:100%;height:auto;margin:16px auto} #mayurina-melasma-body .mlb-arm-case p{font-size:13px;line-height:1.8} #mayurina-melasma-body .mlb-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:30px 0} #mayurina-melasma-body .mlb-flow li{position:relative;background:#fff;border:1px solid #ded6c6;padding:23px 20px;border-radius:8px} #mayurina-melasma-body .mlb-flow li:not(:last-child)::after{content:"→";position:absolute;right:-21px;top:45%;color:var(--gold)} #mayurina-melasma-body .mlb-flow span{font:28px/1 Georgia,serif;color:var(--gold);display:block;margin-bottom:13px} #mayurina-melasma-body .mlb-flow strong{display:block;font-size:15px;color:var(--ink);line-height:1.7} #mayurina-melasma-body .mlb-price-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px} #mayurina-melasma-body .mlb-price-table{border:1px solid #e0d2d6;border-top:4px solid #a16778;border-radius:7px;padding:25px;background:#fffcfd} #mayurina-melasma-body .mlb-price-table:last-child{background:#f9fcfc;border-color:#cbdcde;border-top-color:#397781} #mayurina-melasma-body .mlb-price-table h3{font-size:21px} #mayurina-melasma-body .mlb-price-table p{font-size:13px;margin-bottom:14px} #mayurina-melasma-body table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed} #mayurina-melasma-body th,#mayurina-melasma-body td{padding:13px 8px;border:0;border-bottom:1px solid #ddd6c9;vertical-align:middle;text-align:left;line-height:1.7;background:none} #mayurina-melasma-body th{font-size:12px;color:#62665f;font-weight:500} #mayurina-melasma-body .mlb-price-table td:last-child,#mayurina-melasma-body .mlb-price-table th:last-child{width:40%;text-align:right;white-space:nowrap} #mayurina-melasma-body .mlb-price-table td:last-child{font-weight:600;color:var(--ink)} #mayurina-melasma-body .mlb-price-table tbody tr:first-child td{background:#f6efdf} #mayurina-melasma-body .mlb-price-table tbody tr:last-child td{border-bottom:0} #mayurina-melasma-body .mlb-faq{display:grid;gap:12px} #mayurina-melasma-body .mlb-faq summary{font-size:15px;font-weight:500;padding-left:57px} #mayurina-melasma-body .mlb-faq summary::before{content:"Q";position:absolute;left:23px;top:20px;font:23px/1.2 Georgia,serif;color:var(--gold)} #mayurina-melasma-body .mlb-faq .mlb-panel{padding-left:57px} #mayurina-melasma-body .mlb-precautions{padding:28px 32px;background:#f1eee6;border:1px solid #e3ddcf;border-radius:8px} #mayurina-melasma-body .mlb-precaution-row{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:14px 0;border-bottom:1px dashed #b7ae9b;font-size:13px;line-height:1.85} #mayurina-melasma-body .mlb-precaution-row dt{font-weight:600;color:var(--ink)} #mayurina-melasma-body .mlb-precaution-row:first-child{padding-top:0} #mayurina-melasma-body .mlb-consult-note{background:#fff;padding:18px 22px;font-size:13px;line-height:1.85;margin-top:22px} #mayurina-melasma-body .mlb-device-note{font-size:12px;line-height:1.9;margin-top:20px} #mayurina-melasma-body .mlb-device-note strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px} #mayurina-melasma-body .mlb-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none} #mayurina-melasma-body .mlb-column a{display:flex;flex-direction:column;height:100%;border:1px solid #e0d7c9;border-radius:7px;overflow:hidden;background:white;color:var(--ink);text-decoration:none} #mayurina-melasma-body .mlb-column-thumb{display:block;aspect-ratio:16/9;background:#f7f4ed;overflow:hidden} #mayurina-melasma-body .mlb-column-thumb img{width:100%;height:100%;object-fit:cover} #mayurina-melasma-body .mlb-column--contain .mlb-column-thumb img{object-fit:contain;background:#fff} #mayurina-melasma-body .mlb-column-copy{padding:12px 14px 16px;display:block} #mayurina-melasma-body .mlb-column-category{display:block;font-size:11px;color:#907749;margin-bottom:6px} #mayurina-melasma-body .mlb-column-title{font-size:14px;line-height:1.7;font-weight:600;display:block} #mayurina-melasma-body .mlb-column a:hover .mlb-column-title{text-decoration:underline;text-underline-offset:4px} #mayurina-melasma-body .mlb-contact{text-align:center;background:linear-gradient(120deg,#f5efdf,#fffcf5 50%,#ede8dc)} #mayurina-melasma-body .mlb-contact .mlb-kicker{justify-content:center} #mayurina-melasma-body .mlb-contact .mlb-lead{margin:0 auto 22px;max-width:760px} #mayurina-melasma-body .mlb-contact .mlb-actions{justify-content:center} #mayurina-melasma-body .mlb-doctor-heading{margin-top:55px} #mayurina-melasma-body .mlb-supervisor-box{border:3px solid #b69a60;border-radius:12px;padding:24px;max-width:600px;margin:2em auto 0;font-family:"Noto Sans JP",sans-serif;background-color:#fff;text-align:left} #mayurina-melasma-body .mlb-supervisor-photo{text-align:center;margin-bottom:20px} #mayurina-melasma-body .mlb-supervisor-photo img{width:100px;height:100px;border-radius:50%;object-fit:cover;display:block;margin:0 auto} #mayurina-melasma-body .mlb-supervisor-info{font-size:13px;line-height:1.8;color:#333;text-align:left} #mayurina-melasma-body .mlb-supervisor-label{font-size:15px;font-weight:bold;margin-top:13px;margin-bottom:6px;display:block;color:#111} #mayurina-melasma-body .mlb-supervisor-small{font-size:15px;line-height:1.6;color:#222} #mayurina-melasma-body .mlb-supervisor-small ul{list-style:none;padding:0;margin:14px 0} #mayurina-melasma-body .mlb-supervisor-small li{padding:3px 0;font-size:14px} #mayurina-melasma-body .mlb-reveal.mlb-appeared{animation:mlb-rise-in .65s ease both} @keyframes mlb-rise-in{from{opacity:.45;transform:translateY(15px)}to{opacity:1;transform:none}} @container mlbody (max-width:800px){ #mayurina-melasma-body .mlb-inner{width:calc(100% - 40px)} #mayurina-melasma-body .mlb-section{padding:52px 0} #mayurina-melasma-body .mlb-types{grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-melasma-body .mlb-type:first-child{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;column-gap:18px} #mayurina-melasma-body .mlb-type:first-child svg{grid-row:1/3;margin:0} #mayurina-melasma-body .mlb-type:first-child h3{text-align:left;align-self:end} #mayurina-melasma-body .mlb-combo{grid-template-columns:1fr} #mayurina-melasma-body .mlb-treatment{grid-template-columns:1fr 65px;padding:22px;gap:12px} #mayurina-melasma-body .mlb-treatment h3{font-size:21px} #mayurina-melasma-body .mlb-toc-list{grid-template-columns:repeat(3,minmax(0,1fr))} #mayurina-melasma-body .mlb-toc{padding:20px 0} #mayurina-melasma-body .mlb-flow{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-melasma-body .mlb-flow li::after{display:none} #mayurina-melasma-body .mlb-media,#mayurina-melasma-body .mlb-columns{grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-melasma-body .mlb-hands-top{grid-template-columns:1fr 1fr;min-height:0} #mayurina-melasma-body .mlb-hands-copy{padding:26px} #mayurina-melasma-body .mlb-hands-copy h3{font-size:23px} #mayurina-melasma-body .mlb-hand-prices{grid-template-columns:1fr} #mayurina-melasma-body .mlb-hand-price{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:12px 16px} #mayurina-melasma-body .mlb-hand-price dt{margin:0} #mayurina-melasma-body .mlb-hand-price dd{white-space:nowrap;font-size:16px} } @container mlbody (max-width:560px){ #mayurina-melasma-body .mlb-inner{width:calc(100% - 32px)} #mayurina-melasma-body .mlb-section{padding:42px 0} #mayurina-melasma-body .mlb-head{margin-bottom:22px} #mayurina-melasma-body .mlb-head h2{font-size:23px;line-height:1.65} #mayurina-melasma-body .mlb-kicker{font-size:10px;margin-bottom:8px} #mayurina-melasma-body .mlb-two,#mayurina-melasma-body .mlb-diagrams,#mayurina-melasma-body .mlb-photos,#mayurina-melasma-body .mlb-price-tables,#mayurina-melasma-body .mlb-case-grid{grid-template-columns:1fr;gap:20px} #mayurina-melasma-body .mlb-intro-copy p,#mayurina-melasma-body .mlb-lead{font-size:15px} #mayurina-melasma-body h3{font-size:18px} #mayurina-melasma-body .mlb-diagram{padding:18px 14px} #mayurina-melasma-body .mlb-diagrams{margin:24px 0} #mayurina-melasma-body .mlb-diagram-title{font-size:15px} #mayurina-melasma-body .mlb-face-main{max-height:190px} #mayurina-melasma-body .mlb-type{padding:14px 11px} #mayurina-melasma-body .mlb-type h3{font-size:15px} #mayurina-melasma-body .mlb-type p{font-size:12px;line-height:1.85} #mayurina-melasma-body .mlb-type:first-child{grid-template-columns:85px 1fr;gap:8px 12px} #mayurina-melasma-body .mlb-types{gap:12px} #mayurina-melasma-body .mlb-callout{padding:16px;font-size:13px} #mayurina-melasma-body .mlb-treatment{grid-template-columns:1fr 75px;padding:23px 18px;gap:16px} #mayurina-melasma-body .mlb-treatment h3{font-size:20px} #mayurina-melasma-body .mlb-treatment img{max-height:145px} #mayurina-melasma-body .mlb-treatment .mlb-btn{font-size:11px;padding:8px 10px} #mayurina-melasma-body .mlb-guide-grid{grid-template-columns:1fr;gap:12px} #mayurina-melasma-body summary{padding:17px 42px 17px 17px;font-size:15px;min-height:59px} #mayurina-melasma-body summary::after{right:16px} #mayurina-melasma-body .mlb-panel{padding:17px;font-size:14px} #mayurina-melasma-body .mlb-compare-head{grid-template-columns:1fr 1fr} #mayurina-melasma-body .mlb-compare-head>div{padding:14px 8px;font-size:13px;line-height:1.6} #mayurina-melasma-body .mlb-compare-head>div:first-child{display:none} #mayurina-melasma-body .mlb-compare-row{grid-template-columns:1fr 1fr} #mayurina-melasma-body .mlb-compare-row h3{grid-column:1/-1;padding:9px 12px;font-size:13px;border-bottom:1px solid #ded8cc} #mayurina-melasma-body .mlb-compare-cell{padding:13px 11px;font-size:13px;line-height:1.85} #mayurina-melasma-body .mlb-compare-label{display:block;font-size:10px;font-weight:600;color:#926073;margin-bottom:5px;line-height:1.5} #mayurina-melasma-body .mlb-compare-cell:last-child .mlb-compare-label{color:var(--teal)} #mayurina-melasma-body .mlb-combo-item{grid-template-columns:110px 1fr;gap:14px;padding:18px 0} #mayurina-melasma-body .mlb-combo-item dt{font-size:13px} #mayurina-melasma-body .mlb-combo-item dd{font-size:13px} #mayurina-melasma-body .mlb-case-placeholder{aspect-ratio:2.4} #mayurina-melasma-body .mlb-case-info{padding:16px} #mayurina-melasma-body .mlb-media{gap:14px} #mayurina-melasma-body .mlb-media span{font-size:11px;padding:9px 2px 5px} #mayurina-melasma-body .mlb-hands-top{display:flex;flex-direction:column-reverse} #mayurina-melasma-body .mlb-hands-photo{min-height:0;height:190px;object-position:center} #mayurina-melasma-body .mlb-hands-copy{padding:22px} #mayurina-melasma-body .mlb-hands-copy h3{font-size:24px} #mayurina-melasma-body .mlb-hands-bottom{padding:20px} #mayurina-melasma-body .mlb-hand-price{padding:12px;gap:8px} #mayurina-melasma-body .mlb-hand-price dt{font-size:11px;line-height:1.8} #mayurina-melasma-body .mlb-hand-price dd{font-size:14px} #mayurina-melasma-body .mlb-hand-prices{gap:9px} #mayurina-melasma-body .mlb-flow{gap:12px} #mayurina-melasma-body .mlb-flow li{padding:18px 14px} #mayurina-melasma-body .mlb-flow strong{font-size:13px} #mayurina-melasma-body .mlb-flow span{font-size:24px} #mayurina-melasma-body .mlb-price-table{padding:20px 16px} #mayurina-melasma-body .mlb-price-table h3{font-size:21px} #mayurina-melasma-body .mlb-price-table td{font-size:13px;padding:12px 5px} #mayurina-melasma-body .mlb-price-table td:last-child{width:42%} #mayurina-melasma-body .mlb-faq summary{font-size:14px;padding-left:45px} #mayurina-melasma-body .mlb-faq summary::before{left:16px;top:18px;font-size:21px} #mayurina-melasma-body .mlb-faq .mlb-panel{padding-left:20px} #mayurina-melasma-body .mlb-precautions{padding:22px 18px} #mayurina-melasma-body .mlb-precaution-row{grid-template-columns:1fr;gap:5px;padding:13px 0;font-size:13px} #mayurina-melasma-body .mlb-consult-note{padding:15px;font-size:12px} #mayurina-melasma-body .mlb-columns{gap:12px} #mayurina-melasma-body .mlb-column-copy{padding:9px 10px 13px} #mayurina-melasma-body .mlb-column-title{font-size:12px} #mayurina-melasma-body .mlb-column-category{font-size:10px} #mayurina-melasma-body .mlb-contact .mlb-actions{flex-direction:column} #mayurina-melasma-body .mlb-contact .mlb-btn{width:100%;max-width:340px} #mayurina-melasma-body .mlb-supervisor-box{padding:24px} #mayurina-melasma-body .mlb-toc-list a{font-size:11px;gap:6px;padding:9px 2px} } @media(prefers-reduced-motion:reduce){#mayurina-melasma-body *,#mayurina-melasma-body *::before,#mayurina-melasma-body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @media print{#mayurina-melasma-body *{animation:none!important}#mayurina-melasma-body details .mlb-panel{display:block!important}} /* 2026-09-27: 見出し・図解差し込み枠・色分けカード */ #mayurina-melasma-body .mlb-head h2{position:relative;display:flex;align-items:center;gap:20px;padding:22px 28px;border:1px solid #d9caa9;border-left:6px solid #b18d49;border-radius:4px 20px 20px 4px;background:linear-gradient(105deg,#f1e8d5 0%,#fffcf4 62%,#fff 100%);box-shadow:0 4px 0 #c2b18e28;font-weight:600;text-shadow:0 1px 0 #fff} #mayurina-melasma-body .mlb-head h2>.mlb-heading-text{min-width:0;text-wrap:balance} #mayurina-melasma-body .mlb-head h2::after{content:"✦";margin-left:auto;align-self:center;color:#b18d49;font-size:24px;flex:none} #mayurina-melasma-body .mlb-intro-copy h3{padding:8px 14px;border-left:4px solid #b18d49;background:linear-gradient(90deg,#f7f0e2,#fff);border-radius:0 8px 8px 0} #mayurina-melasma-body .mlb-head--3 h2{border:2px solid #7c9b9d;border-radius:24px;background:linear-gradient(130deg,#fff 15%,#eaf5f1);padding:26px;box-shadow:0 6px 0 #37646a13} #mayurina-melasma-body .mlb-head--3 h2::after{content:none} #mayurina-melasma-body .mlb-heading-pre{display:block;font-size:.78em;margin-bottom:4px} #mayurina-melasma-body .mlb-mobile-break{display:none} #mayurina-melasma-body .mlb-heading-icon{width:80px;height:80px;flex:none;position:relative;border-radius:50%;background:linear-gradient(135deg,#527e83,#193f49);border:5px solid #d7e9e6;box-shadow:0 0 0 1px #91afae,0 5px 12px #254a4920} #mayurina-melasma-body .mlb-heading-icon::before{content:"";position:absolute;left:20px;top:16px;width:25px;height:25px;border:3px solid #fff8de;border-radius:50%} #mayurina-melasma-body .mlb-heading-icon::after{content:"";position:absolute;left:42px;top:41px;width:17px;height:4px;background:#fff8de;transform:rotate(45deg);border-radius:4px} #mayurina-melasma-body .mlb-head--5{text-align:center} #mayurina-melasma-body .mlb-head--5 .mlb-kicker{justify-content:center} #mayurina-melasma-body .mlb-head--5 h2{display:inline-flex;padding:23px 35px;border:4px double #b59a5b;border-radius:22px;background:linear-gradient(135deg,#efe0b6 0%,#fffbed 40%,#e8d8aa 100%);box-shadow:0 5px 0 #c4ad7438,0 8px 24px #9a7d2b12;font-size:clamp(23px,2.65cqw,32px)} #mayurina-melasma-body .mlb-head--5 h2::after{content:none} #mayurina-melasma-body .mlb-heading-spark{color:#8d6a27;font:30px/1 Georgia,serif;flex:none;text-shadow:1px 1px #fff} #mayurina-melasma-body .mlb-emphasis{font-weight:700;color:var(--ink);text-decoration-line:underline;text-decoration-color:#e8a4ae;text-decoration-thickness:4px;text-underline-offset:3px;text-decoration-skip-ink:none} #mayurina-melasma-body .mlb-image-slot{min-width:0;min-height:245px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border:1px dashed #bbad90;border-radius:12px;background:#fcfbf7;padding:24px;text-align:center} #mayurina-melasma-body .mlb-image-slot figcaption{display:flex;flex-direction:column;gap:8px;line-height:1.6;color:#716a5e;font-size:12px} #mayurina-melasma-body .mlb-image-slot figcaption strong{font-size:15px;font-weight:600;color:#615947} #mayurina-melasma-body .mlb-slot-icon{display:block;position:relative;width:34px;height:27px;border:1px solid #bcb29d;border-radius:4px;background:#fff} #mayurina-melasma-body .mlb-slot-icon::before{content:"＋";position:absolute;inset:0;color:#a09378;font:22px/25px sans-serif;text-align:center} #mayurina-melasma-body .mlb-image-slot--compact{min-height:134px;gap:13px;padding:14px 8px;margin-bottom:16px;border-radius:8px} #mayurina-melasma-body .mlb-image-slot--compact figcaption strong{font-size:12px} #mayurina-melasma-body .mlb-image-slot--compact figcaption span{font-size:10px} #mayurina-melasma-body .mlb-type h3{display:block;background:#ece4d1;padding:7px 5px;border-radius:5px;color:#413b2f} #mayurina-melasma-body .mlb-type:first-child h3{background:#decda7} #mayurina-melasma-body .mlb-treatment h3{padding-bottom:12px;border-bottom:2px solid #cd98aa} #mayurina-melasma-body .mlb-treatment--pico h3{border-bottom-color:#92b9bd} #mayurina-melasma-body .mlb-guide-card{--card-ink:#7a304c;--card-bg:#f7d8e1;--card-edge:#c38399;border:1px solid var(--card-edge);border-radius:14px;box-shadow:0 4px 0 color-mix(in srgb,var(--card-edge) 48%,white),0 8px 15px #2d31380b;align-self:start} #mayurina-melasma-body .mlb-guide-card--2{--card-ink:#245c61;--card-bg:#cce9e4;--card-edge:#73a6a2} #mayurina-melasma-body .mlb-guide-card--3{--card-ink:#5c487c;--card-bg:#e2d8f1;--card-edge:#a294bc} #mayurina-melasma-body .mlb-guide-card--4{--card-ink:#765021;--card-bg:#f4e0b0;--card-edge:#bc9b5b} #mayurina-melasma-body .mlb-guide-card>summary,#mayurina-melasma-body .mlb-guide-card[open]>summary{display:flex;align-items:center;gap:16px;color:var(--card-ink);min-height:94px;padding:22px 50px 22px 22px;border-bottom:0;background:repeating-linear-gradient(120deg,#ffffff25 0 1px,transparent 1px 5px),linear-gradient(145deg,#ffffffeb 0%,var(--card-bg) 60%,#ffffff7a 100%);box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #ffffff70} #mayurina-melasma-body .mlb-guide-card[open]>summary{border-bottom:1px solid var(--card-edge)} #mayurina-melasma-body .mlb-guide-card>summary::after{color:var(--card-ink)} #mayurina-melasma-body .mlb-guide-card>summary:hover{filter:brightness(1.025)} #mayurina-melasma-body .mlb-guide-number{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;margin:0;border-radius:50%;border:1px solid var(--card-edge);background:#ffffffc9;color:var(--card-ink);font:italic 25px/1 Georgia,serif;box-shadow:inset 0 1px 2px #fff,0 3px 8px #0000000d} #mayurina-melasma-body .mlb-guide-grid{gap:22px} #mayurina-melasma-body .mlb-combo-shell{background:linear-gradient(145deg,#2e6570,#1d4957);border:1px solid #204c58;border-radius:22px;padding:32px;box-shadow:0 8px 0 #d3e0de,0 14px 30px #22495313} #mayurina-melasma-body .mlb-combo-shell>.mlb-lead{color:#fff;max-width:none;font-size:15px} #mayurina-melasma-body .mlb-combo-shell>.mlb-lead .mlb-emphasis{color:#fff;text-decoration-color:#f2c48d} #mayurina-melasma-body .mlb-combo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0} #mayurina-melasma-body .mlb-combo-item{--combo-accent:#506a99;--combo-tint:#edf3fd;display:block;position:relative;min-width:0;padding:24px 20px 20px;border:1px solid #fff;border-radius:12px;background:var(--combo-tint);box-shadow:0 5px 12px #0e2f3615} #mayurina-melasma-body .mlb-combo-item--2{--combo-accent:#397973;--combo-tint:#eaf6f1} #mayurina-melasma-body .mlb-combo-item--3{--combo-accent:#7e6298;--combo-tint:#f2edfa} #mayurina-melasma-body .mlb-combo-item--4{--combo-accent:#9b753a;--combo-tint:#fff5df} #mayurina-melasma-body .mlb-combo-item--5{--combo-accent:#a26378;--combo-tint:#fbedf1} #mayurina-melasma-body .mlb-combo-item--6{--combo-accent:#5b7b4b;--combo-tint:#eef5e6} #mayurina-melasma-body .mlb-combo-item--7{--combo-accent:#39788e;--combo-tint:#eaf5fc;grid-column:1/-1} #mayurina-melasma-body .mlb-combo-number{position:absolute;left:-1px;top:-1px;width:46px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--combo-accent);color:white;font:22px/1 Georgia,serif;border-radius:12px 0 13px 0;box-shadow:2px 3px 0 #ffffffc9} #mayurina-melasma-body .mlb-combo-item h3{font-size:21px;line-height:1.5;color:var(--combo-accent);margin:0 0 18px;padding-left:39px} #mayurina-melasma-body .mlb-combo-card-body{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center} #mayurina-melasma-body .mlb-combo-card-body p{font-size:14px;line-height:1.85;min-width:0} #mayurina-melasma-body .mlb-combo-photo{background:#fff;border:1px solid color-mix(in srgb,var(--combo-accent) 28%,white);border-radius:9px;padding:10px 8px 7px;min-height:159px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px} #mayurina-melasma-body .mlb-combo-photo img{width:100%;height:122px;object-fit:contain} #mayurina-melasma-body .mlb-combo-photo figcaption{font-size:10px;line-height:1.5;text-align:center;color:#6d7476} #mayurina-melasma-body .mlb-combo-photo--pending{border-style:dashed;gap:16px;background:#ffffffa0} #mayurina-melasma-body .mlb-combo-footer{margin-top:24px;padding:20px 24px;border-radius:10px;background:#fafffc;font-size:14px;line-height:1.85} #mayurina-melasma-body .mlb-combo-footer p+p{font-size:12px} #mayurina-melasma-body #mmp-s10{background:radial-gradient(ellipse at top left,#f4f9df,transparent 65%),linear-gradient(130deg,#e8f0cc,#eff6d8 45%,#dfeabc)} #mayurina-melasma-body #mmp-s10 .mlb-head h2{background:linear-gradient(100deg,#dbe6b8,#f7fbea);border-color:#9dae6c;border-left-color:#738842} #mayurina-melasma-body #mmp-s10 .mlb-media a{border-color:#becb9a;box-shadow:0 4px 12px #56712b10} #mayurina-melasma-body #mmp-s11 .mlb-image-slot{margin:26px 0 16px;min-height:200px} #mayurina-melasma-body .mlb-flow-text{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 22px} #mayurina-melasma-body .mlb-photo-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;margin:26px 0 22px;padding:0} #mayurina-melasma-body .mlb-photo-flow-step{position:relative;min-width:0;margin:0;padding:6px;border:1px solid #c8b27d;border-radius:9px;background:linear-gradient(145deg,#fffefb,#f8f0df);box-shadow:0 4px 10px #80612712} #mayurina-melasma-body .mlb-photo-flow-step:not(:last-child)::after{content:"›";position:absolute;right:-15px;top:38%;color:#ad8a47;font:25px/1 Georgia,serif} #mayurina-melasma-body .mlb-photo-flow-number{position:absolute;left:3px;top:3px;z-index:1;display:grid;place-items:center;width:25px;height:25px;border:1px solid #b28a42;border-radius:50%;background:linear-gradient(130deg,#fff4c6,#dfc07a,#fff0be);box-shadow:0 2px 5px #664d281a;color:#7e2839;font:700 16px/1 Georgia,serif} #mayurina-melasma-body .mlb-photo-flow-image{height:110px;background:#fff;border-radius:5px;overflow:hidden} #mayurina-melasma-body .mlb-photo-flow-image img{display:block;width:100%;height:100%;object-fit:contain} #mayurina-melasma-body .mlb-photo-flow-caption{padding:8px 2px 3px;text-align:center} #mayurina-melasma-body .mlb-photo-flow-caption h3{margin:0;padding:0;color:#604f30;font-size:13px;font-weight:700;line-height:1.45;letter-spacing:0} #mayurina-melasma-body .mlb-photo-flow-caption h3 span{display:block} #mayurina-melasma-body .mlb-photo-flow-caption p{margin:3px 0 0;color:#746957;font-size:11px;line-height:1.4;letter-spacing:0} @container mlbody (max-width:700px){ #mayurina-melasma-body .mlb-photo-flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;margin:20px 0 18px} #mayurina-melasma-body .mlb-photo-flow-step{grid-column:span 2;padding:4px;border-radius:6px} #mayurina-melasma-body .mlb-photo-flow-step:nth-child(4){grid-column:2/span 2} #mayurina-melasma-body .mlb-photo-flow-step::after{display:none} #mayurina-melasma-body .mlb-photo-flow-image{height:65px} #mayurina-melasma-body .mlb-photo-flow-number{width:20px;height:20px;font-size:13px;left:2px;top:2px} #mayurina-melasma-body .mlb-photo-flow-caption{padding:5px 0 2px} #mayurina-melasma-body .mlb-photo-flow-caption h3{font-size:11px;line-height:1.4} #mayurina-melasma-body .mlb-photo-flow-caption p{font-size:10px;line-height:1.4} } @container mlbody (max-width:360px){ #mayurina-melasma-body .mlb-photo-flow-caption h3{font-size:10px;text-wrap:balance} #mayurina-melasma-body .mlb-photo-flow-caption p{font-size:9px;text-wrap:balance} } #mayurina-melasma-body .mlb-price-table h3,#mayurina-melasma-body .mlb-case-info h3,#mayurina-melasma-body .mlb-arm-case h3{padding-bottom:10px;border-bottom:2px solid #d5bd8e} #mayurina-melasma-body .mlb-contact .mlb-head h2{justify-content:center} #mayurina-melasma-body .mlb-contact .mlb-head h2::after{margin-left:0} @container mlbody (max-width:800px){ #mayurina-melasma-body .mlb-combo{grid-template-columns:1fr} #mayurina-melasma-body .mlb-type:first-child .mlb-image-slot{grid-row:1/3;margin:0;min-height:132px} #mayurina-melasma-body .mlb-type:first-child h3{align-self:end;text-align:center;margin:0} #mayurina-melasma-body .mlb-type:first-child p{align-self:start} #mayurina-melasma-body .mlb-combo-shell{padding:26px} } @container mlbody (max-width:560px){ #mayurina-melasma-body .mlb-inner{line-height:1.75} #mayurina-melasma-body :where(p+p,p+ul,p+ol,p+dl){margin-top:.8em} #mayurina-melasma-body .mlb-head h2{font-size:21px;line-height:1.5;padding:17px 14px;gap:10px;border-left-width:4px;border-radius:4px 13px 13px 4px;letter-spacing:.025em} #mayurina-melasma-body .mlb-head h2::after{font-size:17px} #mayurina-melasma-body .mlb-head--3 h2{display:block;text-align:center;border:2px solid #7c9b9d;border-radius:20px;padding:20px 12px;font-size:21px} #mayurina-melasma-body .mlb-mobile-break{display:block} #mayurina-melasma-body .mlb-heading-main{display:block;text-wrap:balance} #mayurina-melasma-body .mlb-heading-icon{display:block;margin:0 auto 16px;width:68px;height:68px;border-width:4px} #mayurina-melasma-body .mlb-heading-icon::before{left:16px;top:12px;width:24px;height:24px} #mayurina-melasma-body .mlb-heading-icon::after{left:37px;top:36px;width:15px} #mayurina-melasma-body .mlb-head--5 h2{display:flex;justify-content:center;gap:10px;border:4px double #b59a5b;border-radius:18px;padding:19px 14px;font-size:22px} #mayurina-melasma-body .mlb-heading-spark{font-size:25px} #mayurina-melasma-body .mlb-head--5 h2>span:last-child{text-wrap:balance} #mayurina-melasma-body .mlb-emphasis{text-decoration-thickness:3px;text-underline-offset:3px} #mayurina-melasma-body .mlb-image-slot{min-height:190px;padding:20px} #mayurina-melasma-body .mlb-image-slot--compact{min-height:123px;padding:12px 6px} #mayurina-melasma-body .mlb-type:first-child{grid-template-columns:105px 1fr} #mayurina-melasma-body .mlb-type p{line-height:1.7;font-size:13px} #mayurina-melasma-body .mlb-treatment p,#mayurina-melasma-body .mlb-panel,#mayurina-melasma-body .mlb-compare-cell,#mayurina-melasma-body .mlb-case-info,#mayurina-melasma-body .mlb-arm-case p,#mayurina-melasma-body .mlb-note,#mayurina-melasma-body .mlb-precaution-row,#mayurina-melasma-body .mlb-consult-note,#mayurina-melasma-body .mlb-device-note{line-height:1.7} #mayurina-melasma-body .mlb-guide-grid{gap:17px} #mayurina-melasma-body .mlb-guide-card>summary,#mayurina-melasma-body .mlb-guide-card[open]>summary{padding:17px 39px 17px 14px;gap:12px;min-height:82px;line-height:1.6} #mayurina-melasma-body .mlb-guide-number{width:38px;height:38px;font-size:23px} #mayurina-melasma-body .mlb-guide-card>summary::after{right:12px} #mayurina-melasma-body .mlb-combo-shell{padding:23px 14px 18px;border-radius:17px} #mayurina-melasma-body .mlb-combo-shell>.mlb-lead{font-size:14px;line-height:1.75;margin-bottom:22px} #mayurina-melasma-body .mlb-combo{gap:17px} #mayurina-melasma-body .mlb-combo-item{padding:21px 14px 17px} #mayurina-melasma-body .mlb-combo-item h3{font-size:18px;padding-left:31px;margin-bottom:17px} #mayurina-melasma-body .mlb-combo-number{width:39px;height:37px;font-size:21px} #mayurina-melasma-body .mlb-combo-card-body{grid-template-columns:80px 1fr;gap:13px;align-items:start} #mayurina-melasma-body .mlb-combo-photo{min-height:138px;padding:8px 5px 6px} #mayurina-melasma-body .mlb-combo-photo img{height:105px} #mayurina-melasma-body .mlb-combo-photo figcaption{font-size:9px} #mayurina-melasma-body .mlb-combo-card-body p{font-size:13px;line-height:1.75} #mayurina-melasma-body .mlb-combo-footer{padding:16px;margin-top:20px;font-size:13px;line-height:1.75} #mayurina-melasma-body #mmp-s11 .mlb-image-slot{min-height:180px} #mayurina-melasma-body .mlb-flow-text{font-size:13px;line-height:1.7} } @container mlbody (max-width:350px){ #mayurina-melasma-body .mlb-price-table th:last-child,#mayurina-melasma-body .mlb-price-table td:last-child{width:50%} } /* 写真・セクション背景・比較表の仕上げ */ #mayurina-melasma-body #mmp-s03>.mlb-inner{padding:36px;border:2px solid #c8b58c;border-radius:23px;background:linear-gradient(135deg,#fffefb,#fcf9f2);box-shadow:0 7px 0 #e8dfcd70,0 15px 34px #5a4d2510} #mayurina-melasma-body #mmp-s03 .mlb-head{margin-bottom:28px} #mayurina-melasma-body #mmp-s03 .mlb-head h2{background:linear-gradient(105deg,#ecdfc1,#fffaf0);border-color:#c7ad73} #mayurina-melasma-body #mmp-s03 .mlb-photos figure{border:1px solid #ded3ba;border-radius:10px;background:#f5f0e4;overflow:hidden} #mayurina-melasma-body #mmp-s03 .mlb-photos figcaption{color:#685b40;font-weight:600} #mayurina-melasma-body #mmp-s04{background-color:#e4efe2;background-image:repeating-linear-gradient(0deg,#52755109 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#52755109 0 1px,transparent 1px 4px),linear-gradient(45deg,#6d966c13 25%,transparent 25%,transparent 75%,#6d966c13 75%),linear-gradient(45deg,#6d966c13 25%,transparent 25%,transparent 75%,#6d966c13 75%);background-size:auto,auto,64px 64px,64px 64px;background-position:0 0,0 0,0 0,32px 32px} #mayurina-melasma-body .mlb-head--3{max-width:740px;margin:0 auto 25px} #mayurina-melasma-body .mlb-head--3 h2{padding:16px 22px;gap:17px;font-size:26px;border-radius:20px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-icon{width:64px;height:64px;border-width:4px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-icon::before{left:14px;top:12px;width:23px;height:23px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-icon::after{left:34px;top:34px;width:14px} #mayurina-melasma-body .mlb-compare{border:3px solid #ab915a;border-radius:16px;box-shadow:0 7px 0 #d2c29c45,0 15px 32px #39352f13;background:#fff;overflow:hidden} #mayurina-melasma-body .mlb-compare-head{background:linear-gradient(125deg,#253b51,#14283f);border-bottom:3px solid #d7c291} #mayurina-melasma-body .mlb-compare-head>div{padding:23px 18px;font-size:20px;line-height:1.6;text-shadow:0 1px 3px #0002} #mayurina-melasma-body .mlb-compare-head>div:first-child{font-size:14px;display:flex;align-items:center;justify-content:center;color:#f6e8c2} #mayurina-melasma-body .mlb-compare-head>div:nth-child(2){background:repeating-linear-gradient(120deg,#ffffff05 0 1px,transparent 1px 5px),linear-gradient(130deg,#a1687b,#713c53);border-left:1px solid #ffffff38} #mayurina-melasma-body .mlb-compare-head>div:last-child{background:repeating-linear-gradient(120deg,#ffffff05 0 1px,transparent 1px 5px),linear-gradient(130deg,#468b8d,#255861);border-left:1px solid #ffffff38} #mayurina-melasma-body .mlb-compare-row+ .mlb-compare-row{border-top:2px solid #e2d6bb} #mayurina-melasma-body .mlb-compare-row h3{background:linear-gradient(120deg,#eee2c8,#fbf7ed);color:#51472f;font-weight:700;border-right:1px solid #e2d6bb} #mayurina-melasma-body .mlb-compare-cell{background:#fff5f8} #mayurina-melasma-body .mlb-compare-cell:last-child{background:#eef9f7;border-left:2px solid #d8dfd6} #mayurina-melasma-body .mlb-compare-label{width:fit-content;padding:4px 8px;border:1px solid #dbb3c2;border-radius:5px;background:#fffdfd;color:#7a3d56;font-weight:700} #mayurina-melasma-body .mlb-compare-cell:last-child .mlb-compare-label{border-color:#a8ccc7;color:#235a60;background:#fbfffd} #mayurina-melasma-body #mmp-s15{background-color:#f6e1e9;background-image:radial-gradient(circle,#bb6e8b29 1.3px,transparent 1.7px),repeating-linear-gradient(135deg,#ffffff2b 0 1px,transparent 1px 4px),linear-gradient(125deg,#fbe9ee,#f1d8e4);background-size:20px 20px,auto,auto} #mayurina-melasma-body #mmp-s15 .mlb-head h2{background:linear-gradient(105deg,#eed0dd,#fff7fb);border-color:#cf9caf;border-left-color:#a6647f} #mayurina-melasma-body #mmp-s15 .mlb-kicker{color:#8d526c} #mayurina-melasma-body #mmp-s15 .mlb-kicker::before{background:#b17891} #mayurina-melasma-body #mmp-s15 .mlb-column a{border-color:#d7aebb;box-shadow:0 4px 13px #a15f7311} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-card-body{grid-template-columns:140px 1fr} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-photo img{height:104px} @container mlbody (max-width:560px){ #mayurina-melasma-body #mmp-s03>.mlb-inner{padding:19px 13px 21px;border-radius:17px} #mayurina-melasma-body #mmp-s03 .mlb-head h2{font-size:20px;padding:14px 11px} #mayurina-melasma-body #mmp-s03 .mlb-intro-copy h3{font-size:17px;padding:8px 10px} #mayurina-melasma-body #mmp-s03 .mlb-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;align-items:stretch} #mayurina-melasma-body #mmp-s03 .mlb-photos figure{min-width:0;padding:6px} #mayurina-melasma-body #mmp-s03 .mlb-photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;max-height:none} #mayurina-melasma-body #mmp-s03 .mlb-photos figcaption{font-size:10px;letter-spacing:0;line-height:1.6;padding-top:6px} #mayurina-melasma-body .mlb-head--3{max-width:320px;margin-bottom:22px} #mayurina-melasma-body .mlb-head--3 h2{padding:12px 10px 14px;font-size:18px;border-radius:18px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-icon{width:52px;height:52px;margin:0 auto 10px;border-width:3px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-icon::before{left:11px;top:9px;width:20px;height:20px;border-width:2.5px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-icon::after{left:29px;top:29px;width:11px;height:3px} #mayurina-melasma-body .mlb-head--3 .mlb-heading-pre{margin-bottom:2px} #mayurina-melasma-body .mlb-compare{border-width:2px;border-radius:12px} #mayurina-melasma-body .mlb-compare-head>div:last-child,#mayurina-melasma-body .mlb-compare-cell:last-child{border-left:2px solid #ab915a} #mayurina-melasma-body .mlb-compare-head>div{padding:16px 9px;font-size:14px;text-wrap:balance} #mayurina-melasma-body .mlb-compare-head>div:first-child{display:none} #mayurina-melasma-body .mlb-compare-head>div:nth-child(2){border-left:0} #mayurina-melasma-body .mlb-compare-row h3{padding:10px 12px;font-size:13px;border-right:0;border-bottom:1px solid #ceba90} #mayurina-melasma-body .mlb-compare-cell{padding:12px 10px;line-height:1.75} #mayurina-melasma-body .mlb-compare-label{padding:3px 5px;font-size:10px;margin-bottom:9px;line-height:1.5} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-card-body{grid-template-columns:1fr;gap:12px} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-photo{width:100%;min-height:0;padding:9px 12px 7px} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-photo img{height:100px;width:100%;object-fit:contain} } @container mlbody (max-width:350px){ #mayurina-melasma-body .mlb-compare-label{font-size:9px;letter-spacing:0} } /* フレーム内装飾・タータンチェック・症例サテン */ #mayurina-melasma-body #mmp-s03>.mlb-inner{position:relative;isolation:isolate;padding-top:50px;padding-bottom:56px;background:radial-gradient(ellipse at right top,#f3e8cd78,transparent 36%),radial-gradient(ellipse at left bottom,#efe0bb55,transparent 32%),linear-gradient(135deg,#fffefb,#fcf9f2)} #mayurina-melasma-body #mmp-s03>.mlb-inner::before{content:"";position:absolute;inset:8px;border:1px solid #daccac;border-radius:16px;pointer-events:none;z-index:-1} #mayurina-melasma-body .mlb-frame-flourish{display:block;position:absolute;width:160px;height:64px;pointer-events:none;z-index:-1} #mayurina-melasma-body .mlb-frame-flourish--top{top:9px;right:15px} #mayurina-melasma-body .mlb-frame-flourish--bottom{bottom:10px;left:16px;transform:rotate(180deg)} #mayurina-melasma-body .mlb-frame-flourish svg{width:100%;height:100%} #mayurina-melasma-body #mmp-s04{background-color:#e8eee2;background-image:repeating-linear-gradient(0deg,transparent 0 12px,#ffffffb0 12px 14px,transparent 14px 18px,#496b4647 18px 20px,transparent 20px 24px,#547b4b26 24px 47px,#3c654130 47px 61px,#547b4b26 61px 84px,transparent 84px 89px,#aeab7c50 89px 91px,transparent 91px 95px,#ffffffb0 95px 97px,transparent 97px 112px),repeating-linear-gradient(90deg,transparent 0 12px,#ffffffb0 12px 14px,transparent 14px 18px,#496b4647 18px 20px,transparent 20px 24px,#547b4b26 24px 47px,#3c654130 47px 61px,#547b4b26 61px 84px,transparent 84px 89px,#aeab7c50 89px 91px,transparent 91px 95px,#ffffffb0 95px 97px,transparent 97px 112px);background-size:auto;background-position:0 0} #mayurina-melasma-body #mmp-s04 .mlb-lead{padding:18px 22px;border-radius:10px;background:#ffffffe8;box-shadow:0 3px 15px #33563108} #mayurina-melasma-body #mmp-s04>.mlb-inner>.mlb-note{display:table;padding:5px 10px;background:#ffffffdd;border-radius:5px} #mayurina-melasma-body .mlb-head--9 h2::after,#mayurina-melasma-body .mlb-head--8 h2::after{content:none} #mayurina-melasma-body .mlb-media-icons{display:block;flex:0 0 92px;margin-left:auto;width:92px;filter:drop-shadow(0 2px 0 #fff9)} #mayurina-melasma-body .mlb-media-icons svg{width:100%;height:auto} #mayurina-melasma-body .mlb-head--8 h2{gap:23px;padding:15px 28px 15px 20px;border-color:#bf9f59;background:linear-gradient(110deg,#ead9b0,#fff8e8 55%,#f2e5c8);box-shadow:0 5px 0 #d9c99f50, inset 0 1px 0 #fff} #mayurina-melasma-body .mlb-case-medal{display:block;flex:0 0 77px;width:77px;filter:drop-shadow(0 3px 2px #87662326)} #mayurina-melasma-body .mlb-case-medal svg{width:100%;height:auto;overflow:visible} #mayurina-melasma-body #mmp-s09{background-color:#f3e9d6;background-image:radial-gradient(ellipse 105% 33% at 8% 7%,#fffdf5d9 0%,#fffdf530 45%,transparent 70%),radial-gradient(ellipse 110% 29% at 100% 65%,#dac8a249 0%,transparent 64%),linear-gradient(117deg,#fffaf0 0%,#f2e6ce 15%,#e4d4b557 22%,#fff9ec 28%,#fffdf6 34%,#dfcba94d 43%,#f9f2e3 48%,#fffcf4 53%,#e6d6b652 62%,#f6eddb 66%,#fffaf0 73%,#e3d2b04f 82%,#f9f1e1 89%,#fffaf1 100%);background-size:100% 100%;background-position:center} #mayurina-melasma-body #mmp-s09 .mlb-case{border:1px solid #cbb78c;box-shadow:0 7px 20px #9a794314;background:#fffdf9} #mayurina-melasma-body #mmp-s09 .mlb-case-placeholder{background:linear-gradient(135deg,#fffdf7e6,#f3ead6d9);border-bottom:1px solid #e4d7bb} #mayurina-melasma-body #mmp-s09 .mlb-case-info{background:#fffdf9} @container mlbody (max-width:560px){ #mayurina-melasma-body #mmp-s03>.mlb-inner{padding-top:34px;padding-bottom:39px} #mayurina-melasma-body #mmp-s03>.mlb-inner::before{inset:6px;border-radius:11px} #mayurina-melasma-body .mlb-frame-flourish{width:110px;height:44px} #mayurina-melasma-body .mlb-frame-flourish--top{top:7px;right:8px} #mayurina-melasma-body .mlb-frame-flourish--bottom{bottom:7px;left:8px} #mayurina-melasma-body #mmp-s04 .mlb-lead{padding:14px 15px} #mayurina-melasma-body .mlb-head--9 h2{gap:10px;padding:16px 12px;font-size:20px} #mayurina-melasma-body .mlb-media-icons{flex-basis:64px;width:64px} #mayurina-melasma-body .mlb-head--8 h2{gap:12px;padding:12px 13px 12px 11px;font-size:21px} #mayurina-melasma-body .mlb-case-medal{flex-basis:58px;width:58px} } /* 併用治療のコンパクト化とPCの8枠レイアウト */ #mayurina-melasma-body .mlb-combo-item{padding:21px 18px 17px} #mayurina-melasma-body .mlb-combo-item h3{margin-bottom:12px} #mayurina-melasma-body .mlb-combo-card-body{gap:14px} #mayurina-melasma-body .mlb-combo-photo{min-height:118px;padding:9px 7px;gap:0} #mayurina-melasma-body .mlb-combo-photo img{height:98px} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-photo img{height:90px} #mayurina-melasma-body .mlb-combo-footer{margin-top:4px} #mayurina-melasma-body .mlb-combo-consult-title{display:none} #mayurina-melasma-body #mmp-s04{background-color:#eff2ec;background-image:linear-gradient(120deg,#ffffff70,#eef3e92b),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='300' viewBox='0 0 270 300'%3E%3Cg fill='none' stroke='%23778b72' stroke-opacity='.23' stroke-width='1.1'%3E%3Cpath d='M36 270Q54 198 111 146Q160 99 171 30M70 205Q45 188 45 164Q74 176 70 205ZM84 183Q117 187 134 165Q105 154 84 183ZM108 148Q82 133 84 108Q112 119 108 148ZM133 119Q164 123 181 99Q153 91 133 119ZM150 88Q130 67 139 44Q162 61 150 88ZM164 58Q188 57 197 35Q173 34 164 58Z'/%3E%3Cpath d='M218 286Q190 245 202 208Q208 184 233 158M201 225Q222 224 233 205Q208 202 201 225ZM207 197Q187 189 186 172Q208 176 207 197Z' stroke='%23af9b72' stroke-opacity='.8'/%3E%3C/g%3E%3Cg fill='%23b7a781' fill-opacity='.28'%3E%3Ccircle cx='35' cy='85' r='1.5'/%3E%3Ccircle cx='231' cy='94' r='1.3'/%3E%3Ccircle cx='141' cy='256' r='1.4'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%,270px 300px;background-position:center,16px 0} #mayurina-melasma-body #mmp-s04 .mlb-lead{background:#fffffff2;border:1px solid #dce3d6;box-shadow:0 4px 14px #42563806} @container mlbody (min-width:801px){ #mayurina-melasma-body .mlb-combo{grid-auto-rows:1fr} #mayurina-melasma-body .mlb-combo-item--7{grid-column:auto} #mayurina-melasma-body .mlb-combo-footer{margin:0;padding:21px 22px 17px;border:1px solid #dfcc99;border-radius:12px;background:linear-gradient(135deg,#fffbee,#f8f3e5);box-shadow:0 5px 12px #0e2f3615;font-size:14px;line-height:1.85} #mayurina-melasma-body .mlb-combo-consult-title{display:block;font-size:19px;line-height:1.5;color:#74613f;padding-left:12px;border-left:3px solid #b89b5f;margin:0 0 14px} #mayurina-melasma-body .mlb-combo-footer p+p{padding-top:12px;border-top:1px solid #e0d7be;margin-top:14px;font-size:12px} } @container mlbody (max-width:560px){ #mayurina-melasma-body .mlb-combo-item{padding:18px 14px 15px} #mayurina-melasma-body .mlb-combo-item h3{margin-bottom:12px} #mayurina-melasma-body .mlb-combo-card-body{gap:12px} #mayurina-melasma-body .mlb-combo-photo{min-height:112px;padding:7px 5px} #mayurina-melasma-body .mlb-combo-photo img{height:96px} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-photo{padding:7px 10px} #mayurina-melasma-body .mlb-combo-item--6 .mlb-combo-photo img{height:90px} #mayurina-melasma-body .mlb-combo-footer{margin-top:3px} } /* ページ内案内を個別のボタンとして表示 */ #mayurina-melasma-body .mlb-toc-list{gap:10px} #mayurina-melasma-body .mlb-toc-list a{min-height:49px;padding:11px 8px;border:1px solid #b9a374;border-radius:10px;background:linear-gradient(150deg,#fffefb,#f5eedf);box-shadow:0 3px 0 #ddcfb1, inset 0 1px 0 #fff;font-weight:600;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s} #mayurina-melasma-body .mlb-toc-list a:hover{background:linear-gradient(150deg,#fff8e7,#eadcba);border-color:#927039;box-shadow:0 3px 0 #c9b88f} #mayurina-melasma-body .mlb-toc-list a:active{box-shadow:0 1px 0 #ddcfb1} #mayurina-melasma-body .mlb-toc-list a::after{color:#96743d} @container mlbody (max-width:560px){ #mayurina-melasma-body .mlb-toc-list{gap:10px 8px} #mayurina-melasma-body .mlb-toc-list a{min-height:46px;padding:10px 4px;font-size:11px;gap:4px;border-radius:8px} } /* First individually created educational illustration. */ #mayurina-melasma-body .mlb-finished-diagram{min-width:0;align-self:start;margin:0;padding:10px;border:1px solid #d9c9a4;border-radius:12px;background:#fff;box-shadow:0 5px 15px #735b2910;overflow:hidden} #mayurina-melasma-body .mlb-finished-diagram>a{display:block} #mayurina-melasma-body .mlb-finished-diagram img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin:0;filter:none} #mayurina-melasma-body .mlb-finished-diagram figcaption{padding:9px 4px 3px;color:#5e584b;font-size:12px;line-height:1.6;text-align:center} #mayurina-melasma-body .mlb-finished-diagram figcaption a{display:block;color:#52675a;text-decoration:underline;text-underline-offset:3px;margin-top:4px} @container mlbody (max-width:600px){#mayurina-melasma-body .mlb-finished-diagram{padding:3px}#mayurina-melasma-body .mlb-finished-diagram figcaption{font-size:11px}} /* Compact overview figures, with the approved skin image preserved. */ #mayurina-melasma-body #mmp-s03 .mlb-diagrams{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin:22px 0} #mayurina-melasma-body #mmp-s03 .mlb-finished-diagram{padding:8px;align-self:stretch;display:flex;flex-direction:column;align-items:center} #mayurina-melasma-body #mmp-s03 .mlb-finished-diagram>a{width:min(100%,340px);aspect-ratio:1;margin-inline:auto} #mayurina-melasma-body #mmp-s03 .mlb-finished-diagram img{width:100%;height:100%;object-fit:contain} #mayurina-melasma-body #mmp-s03 .mlb-finished-diagram figcaption{padding-top:5px;padding-bottom:1px} @container mlbody (max-width:600px){ #mayurina-melasma-body #mmp-s03 .mlb-diagrams{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0} #mayurina-melasma-body #mmp-s03 .mlb-finished-diagram{padding:5px} #mayurina-melasma-body #mmp-s03 .mlb-finished-diagram>a{width:min(100%,240px)} } /* Clinical photo comparison: preserve complete original pixels and aspect ratio. */ #mayurina-melasma-body .mlb-type-photo-set{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:6px;width:100%;height:164px;min-width:0;margin:0 0 14px;padding:4px;background:#fff;border:1px solid #dfd7c6;border-radius:5px;overflow:hidden} #mayurina-melasma-body .mlb-type-photo-set--pair{grid-template-rows:repeat(2,minmax(0,1fr))} #mayurina-melasma-body .mlb-type-photo-set>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;background:#fff;outline-offset:-3px} #mayurina-melasma-body .mlb-type-photo-set img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0;filter:none;opacity:1;mix-blend-mode:normal;transform:none} #mayurina-melasma-body .mlb-type-photo-set a:hover{background:#fff} #mayurina-melasma-body .mlb-type-photo-set a:focus-visible{outline:2px solid #91743d} #mayurina-melasma-body #mmp-s04 .mlb-photo-guide{font-size:12px;color:#5c6555;margin:8px 0 0} @container mlbody (max-width:800px){ #mayurina-melasma-body .mlb-type:first-child{display:block} #mayurina-melasma-body .mlb-type-photo-set{height:126px;margin-bottom:10px} #mayurina-melasma-body .mlb-type-photo-set--pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:138px;gap:8px} #mayurina-melasma-body .mlb-type:first-child h3{margin-bottom:10px} } @container mlbody (max-width:560px){ #mayurina-melasma-body .mlb-type-photo-set{height:90px;padding:3px} #mayurina-melasma-body .mlb-type-photo-set--pair{height:108px} } #mayurina-melasma-body .mlb-type h3 span{display:inline-block} /* Keep the original clinical photograph; cover only the removed lettering. */ #mayurina-melasma-body .mlb-preserved-photo{display:block;position:relative;width:100%;aspect-ratio:782/390;flex:none;isolation:isolate} #mayurina-melasma-body .mlb-preserved-photo>img:first-child{width:100%;height:auto} #mayurina-melasma-body .mlb-preserved-photo>.mlb-text-removal-patch{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:inset(2% 81.2% 87.2% 1.4%);pointer-events:none} #mayurina-melasma-body .mlb-type-image-note{display:block;font-size:.5em;font-weight:400;line-height:1.5;margin-top:5px;color:#655e53;letter-spacing:0} /* Diagnosis photograph and the clinic's five reasons. */ #mayurina-melasma-body .mlb-diagnosis-intro{display:flow-root;padding:20px 22px;margin-bottom:26px;border:1px solid #d1dbc9;border-radius:12px;background:#fffffff2;box-shadow:0 4px 14px #4256380b} #mayurina-melasma-body #mmp-s04 .mlb-diagnosis-intro .mlb-lead{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none} #mayurina-melasma-body .mlb-diagnosis-photo{float:left;width:32%;max-width:290px;margin:0 22px 4px 0;padding:5px;border:1px solid #b6c4aa;background:#fffdf8;border-radius:10px;box-shadow:0 6px 18px #35533212} #mayurina-melasma-body .mlb-diagnosis-photo img{width:100%;height:auto;border-radius:6px} #mayurina-melasma-body .mlb-diagnosis-photo figcaption{font-size:11px;text-align:center;line-height:1.4;margin-top:5px;color:#596450} #mayurina-melasma-body .mlb-reasons{padding:52px 0;background:#faf5e9} #mayurina-melasma-body .mlb-reasons-shell{position:relative;padding:36px 30px 30px;border:3px solid #b89037;border-radius:20px;background:radial-gradient(ellipse at 10% 0,#fffcecdd,transparent 47%),radial-gradient(ellipse at 100% 70%,#b7883355,transparent 55%),repeating-linear-gradient(125deg,#fff8c811 0 1px,transparent 1px 6px),linear-gradient(120deg,#dbc078,#fff2ba 20%,#cda24b 38%,#f9e6a7 49%,#fff5d1 67%,#d6b260 85%,#f0dfaa);box-shadow:inset 0 0 0 5px #fff4c580,inset 0 0 0 7px #ae83346b,0 12px 30px #6a4f2821} #mayurina-melasma-body .mlb-reasons-heading{position:relative;text-align:center;margin:0 10px 30px;color:#7c541e} #mayurina-melasma-body .mlb-reasons-heading>p{font:13px/1.4 Georgia,serif;letter-spacing:.26em;margin-bottom:17px;font-weight:700} #mayurina-melasma-body .mlb-reasons-heading h2{position:relative;isolation:isolate;display:block;padding:20px 16px;border:1px solid #f3d598;color:#fff5d3;background:linear-gradient(110deg,#731b2e,#b43143 43%,#851b2e);box-shadow:inset 0 0 0 4px #8d263d,inset 0 0 0 5px #e6c17277,0 6px 12px #69352b44;font:600 clamp(24px,3cqw,36px)/1.45 "Yu Mincho",serif;letter-spacing:.045em;text-shadow:0 2px 2px #41112155} #mayurina-melasma-body .mlb-reasons-heading h2>span{display:block;font-size:.54em;margin-bottom:4px;letter-spacing:.08em} #mayurina-melasma-body .mlb-reasons-heading h2::before,#mayurina-melasma-body .mlb-reasons-heading h2::after{content:"";display:block;position:absolute;top:14px;bottom:-13px;width:28px;z-index:-1;background:#741a2e} #mayurina-melasma-body .mlb-reasons-heading h2::before{left:-20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%)} #mayurina-melasma-body .mlb-reasons-heading h2::after{right:-20px;clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%)} #mayurina-melasma-body .mlb-reasons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} #mayurina-melasma-body .mlb-reason{min-width:0;padding:17px;border:3px solid transparent;border-radius:12px;background:linear-gradient(145deg,#fffef7,#fff9e9) padding-box,linear-gradient(130deg,#98702d,#fff2b4 25%,#bd8b2f 52%,#ffeab0 76%,#9d732d) border-box;box-shadow:0 5px 14px #74501124,inset 0 0 0 1px #c4a15a} #mayurina-melasma-body .mlb-reason-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px;min-height:65px} #mayurina-melasma-body .mlb-reason-number{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 62px;height:62px;border-radius:50%;border:2px solid #b28a39;background:linear-gradient(140deg,#fff3bc,#d6ac55,#fff1bc);box-shadow:inset 0 0 0 3px #fff5c7;color:#8d2436;font:700 29px/1 Georgia,serif} #mayurina-melasma-body .mlb-reason-number small{font:9px/1.6 Georgia,serif;letter-spacing:.04em;color:#785120} #mayurina-melasma-body .mlb-reason h3{margin:0;padding:0;border:0;color:#832438;font-size:21px;line-height:1.5;letter-spacing:0;text-wrap:balance} #mayurina-melasma-body .mlb-reason-photo{height:226px;padding:5px;border:1px solid #c8ac6e;background:#fff;border-radius:6px;overflow:hidden} #mayurina-melasma-body .mlb-reason-photo img{width:100%;height:100%;object-fit:contain} #mayurina-melasma-body .mlb-reason--treatment .mlb-reason-photo img{object-fit:cover;object-position:center 56%} #mayurina-melasma-body .mlb-reason--uv .mlb-reason-photo{background:#0a1420} #mayurina-melasma-body .mlb-reason>p,#mayurina-melasma-body .mlb-reason-experience-copy>p:not(.mlb-annual-count){margin-top:13px;font-size:14px;line-height:1.75} #mayurina-melasma-body .mlb-reason--experience{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:26px;padding:24px} #mayurina-melasma-body .mlb-annual-count{display:flex;align-items:baseline;justify-content:center;gap:5px;color:#942e3f;white-space:nowrap;margin-top:15px;font-size:18px;letter-spacing:0} #mayurina-melasma-body .mlb-annual-count strong{font:700 clamp(40px,5.2cqw,68px)/1.2 Georgia,serif;color:#a12437;text-shadow:0 1px 0 #fff;letter-spacing:-.04em} #mayurina-melasma-body .mlb-reason-experience-copy .mlb-annual-period{font-size:12px!important;text-align:center;margin-top:0!important;color:#786038} #mayurina-melasma-body .mlb-total-record{position:relative;isolation:isolate;width:min(calc(100% - 28px),330px);margin:30px auto 20px;padding:25px 16px 22px;border:2px solid #b18e43;border-radius:50%;text-align:center;color:#102541;background:linear-gradient(140deg,#fffdf4 12%,#f4e6bd 47%,#fff9e8 75%,#ead39c);box-shadow:inset 0 0 0 3px #fff9e5,0 5px 12px #92713520} #mayurina-melasma-body .mlb-total-record::before{content:"";position:absolute;inset:7px;border:1px solid #ba985670;border-radius:inherit;pointer-events:none} #mayurina-melasma-body .mlb-total-record .mlb-total-ornament{position:absolute;left:-7%;top:-16%;width:114%;max-width:none;height:132%;z-index:-1;pointer-events:none;filter:drop-shadow(0 1px 1px #84632335)} #mayurina-melasma-body .mlb-total-label{display:block;font-size:17px;line-height:1.5;font-weight:600;letter-spacing:.055em} #mayurina-melasma-body .mlb-total-main{display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap;line-height:1.1;letter-spacing:0} #mayurina-melasma-body .mlb-total-main strong{font:400 66px/1.1 "Times New Roman",Georgia,serif;color:#a33245;letter-spacing:-.055em;text-shadow:0 1px 0 #fff} #mayurina-melasma-body .mlb-total-main>span{font-size:21px;font-weight:700;letter-spacing:-.055em} #mayurina-melasma-body .mlb-reason-experience-copy .mlb-total-period{font-size:11px;line-height:1.6;text-align:center;color:#786038;margin-top:0} @container mlbody (max-width:600px){ #mayurina-melasma-body .mlb-total-record{margin:27px auto 18px;padding:23px 10px 19px} #mayurina-melasma-body .mlb-total-label{font-size:clamp(12px,3.8cqw,15px)} #mayurina-melasma-body .mlb-total-main strong{font-size:clamp(40px,14cqw,60px)} #mayurina-melasma-body .mlb-total-main>span{font-size:clamp(13px,4.3cqw,18px)} #mayurina-melasma-body .mlb-reason-experience-copy .mlb-total-period{font-size:10px;line-height:1.6;margin-top:0} } #mayurina-melasma-body .mlb-reason-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px;background:linear-gradient(130deg,#e0c780,#fff4bf,#b89a52);border:1px solid #a07c32;border-radius:7px} #mayurina-melasma-body .mlb-reason-collage a{display:block;min-width:0;background:#fff} #mayurina-melasma-body .mlb-reason-collage img{width:100%;height:auto;object-fit:contain;filter:none} #mayurina-melasma-body .mlb-reason-case-link{display:block;font-size:12px;line-height:1.65;color:#7b5a2f;margin-top:14px} #mayurina-melasma-body .mlb-reason--lasers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:26px;padding:24px} #mayurina-melasma-body .mlb-reason-laser-copy>p{font-size:14px;line-height:1.75;margin-top:14px} #mayurina-melasma-body .mlb-reason-laser-copy .mlb-laser-personal{padding:15px 10px;border-block:1px solid #c3a261;text-align:center;background:linear-gradient(110deg,#fff8d9,#fffdf2,#f5e1aa);color:#922f41;font-size:23px;line-height:1.5} #mayurina-melasma-body .mlb-laser-personal br{display:none} #mayurina-melasma-body .mlb-laser-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #c8ac6e;border-radius:8px;background:#fff} #mayurina-melasma-body .mlb-laser-collage figure{min-width:0;margin:0} #mayurina-melasma-body .mlb-laser-image{height:250px;display:flex;align-items:center;justify-content:center} #mayurina-melasma-body .mlb-laser-image img{width:100%;height:100%;object-fit:contain} #mayurina-melasma-body .mlb-laser-collage figcaption{margin-top:12px;text-align:center;color:#634d2c;font-size:13px;line-height:1.6} #mayurina-melasma-body .mlb-laser-collage figcaption strong{display:block} #mayurina-melasma-body .mlb-laser-approved{display:inline-block;margin-top:7px;padding:3px 9px;border:1px solid #b99851;border-radius:4px;background:linear-gradient(125deg,#e3c67b,#fff4c6,#e5ca87);color:#694916;font-size:11px;font-weight:700} @container mlbody (max-width:600px){ #mayurina-melasma-body .mlb-reason--lasers{grid-template-columns:1fr;gap:15px;padding:12px} #mayurina-melasma-body .mlb-reason-laser-copy>p{font-size:13px;line-height:1.65;margin-top:11px} #mayurina-melasma-body .mlb-reason-laser-copy .mlb-laser-personal{font-size:20px;padding:10px 6px} #mayurina-melasma-body .mlb-laser-collage{gap:8px;padding:10px 7px} #mayurina-melasma-body .mlb-laser-image{height:175px} #mayurina-melasma-body .mlb-laser-collage figcaption{font-size:clamp(9px,2.8cqw,11px);margin-top:9px} #mayurina-melasma-body .mlb-laser-approved{font-size:10px;padding:3px 5px} } @container mlbody (max-width:360px){ #mayurina-melasma-body .mlb-laser-personal br{display:block} } /* Campaign banners remain readable images and scroll horizontally. */ #mayurina-melasma-body .mlb-campaign{max-width:960px;margin:30px auto 0;padding:22px;border:1px solid #cfb881;border-radius:12px;background:linear-gradient(120deg,#fffdf4,#f5ead3);box-shadow:0 5px 15px #8d723113} #mayurina-melasma-body .mlb-campaign-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} #mayurina-melasma-body .mlb-campaign-heading>div>span{font:11px/1.4 Georgia,serif;color:#99772f;letter-spacing:.2em} #mayurina-melasma-body .mlb-campaign-heading h3{font-size:19px;color:#75582b;margin:3px 0 0;line-height:1.5} #mayurina-melasma-body .mlb-campaign-controls{display:flex;gap:7px} #mayurina-melasma-body .mlb-campaign-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #b3904d;border-radius:50%;background:linear-gradient(130deg,#fff7d9,#e7d29e);color:#785627;font:28px/1 Georgia,serif;cursor:pointer} #mayurina-melasma-body .mlb-campaign-controls button:disabled{opacity:.35;cursor:default} #mayurina-melasma-body .mlb-campaign-controls button:focus-visible{outline:3px solid #9b7238;outline-offset:3px} #mayurina-melasma-body .mlb-campaign-track{display:grid;grid-auto-flow:column;grid-auto-columns:36%;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:thin;scrollbar-color:#b79753 #efe7d5;padding:0 0 12px} #mayurina-melasma-body .mlb-campaign-slide{scroll-snap-align:start;min-width:0;padding:6px 6px 0;background:#fff;border:1px solid #ded1b5;border-radius:7px;overflow:hidden;text-decoration:none;box-shadow:0 3px 6px #88693812} #mayurina-melasma-body .mlb-campaign-slide img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff} #mayurina-melasma-body .mlb-campaign-slide>span{display:block;padding:9px 7px 10px;font-size:12px;font-weight:600;line-height:1.6;color:#6b5530;text-align:center} #mayurina-melasma-body .mlb-campaign-hint{font-size:10px;color:#857653;text-align:right;margin-top:5px;line-height:1.5} #mayurina-melasma-body .mlb-case-endnote{margin-top:13px;color:#756d60;font-size:10px;line-height:1.6;letter-spacing:0} #mayurina-melasma-body .mlb-btn[href^="https://mayurina.reserve.ne.jp"]{border:3px solid transparent;background:linear-gradient(135deg,#263958,#102340) padding-box,linear-gradient(115deg,#9b722e,#fff4cc 26%,#b1843c 41%,#fff9df 63%,#bb924b 79%,#f6e5b5 92%,#9b722e) border-box;color:#fff;box-shadow:inset 0 1px 2px #ffffff40,0 3px 9px #92713c24} #mayurina-melasma-body .mlb-btn[href^="https://mayurina.reserve.ne.jp"]:hover{background:linear-gradient(135deg,#354b6d,#152f53) padding-box,linear-gradient(115deg,#9b722e,#fff4cc 26%,#b1843c 41%,#fff9df 63%,#bb924b 79%,#f6e5b5 92%,#9b722e) border-box} #mayurina-melasma-body .mlb-flow-counseling{justify-content:center;margin-top:23px} #mayurina-melasma-body .mlb-hands-top{min-height:210px;align-items:center} #mayurina-melasma-body .mlb-hands-photo{min-height:210px;height:210px} @container mlbody (max-width:800px){ #mayurina-melasma-body .mlb-reasons-shell{padding:26px 20px 20px} #mayurina-melasma-body .mlb-reasons-grid{gap:14px} #mayurina-melasma-body .mlb-reason{padding:12px} #mayurina-melasma-body .mlb-reason h3{font-size:17px} #mayurina-melasma-body .mlb-reason-heading{gap:9px} #mayurina-melasma-body .mlb-reason-number{flex-basis:50px;height:50px;font-size:25px} #mayurina-melasma-body .mlb-reason-photo{height:175px} } @container mlbody (max-width:600px){ #mayurina-melasma-body .mlb-compare-label{display:none} #mayurina-melasma-body .mlb-diagnosis-intro{padding:13px;margin-bottom:20px} #mayurina-melasma-body .mlb-diagnosis-photo{width:43%;max-width:180px;margin:2px 12px 5px 0;padding:3px} #mayurina-melasma-body .mlb-reasons{padding:28px 0} #mayurina-melasma-body .mlb-reasons-shell{padding:20px 11px 13px;border-width:2px;border-radius:12px} #mayurina-melasma-body .mlb-reasons-heading{margin:0 5px 25px} #mayurina-melasma-body .mlb-reasons-heading>p{font-size:10px;margin-bottom:12px} #mayurina-melasma-body .mlb-reasons-heading h2{padding:16px 7px;font-size:clamp(17px,5.3cqw,28px);letter-spacing:.01em} #mayurina-melasma-body .mlb-reasons-heading h2>span{font-size:.59em} #mayurina-melasma-body .mlb-reasons-heading h2::before{left:-11px;width:16px} #mayurina-melasma-body .mlb-reasons-heading h2::after{right:-11px;width:16px} #mayurina-melasma-body .mlb-reasons-grid{grid-template-columns:1fr;gap:16px} #mayurina-melasma-body .mlb-reason{padding:12px} #mayurina-melasma-body .mlb-reason-heading{min-height:50px;margin-bottom:11px} #mayurina-melasma-body .mlb-reason h3{font-size:17px} #mayurina-melasma-body .mlb-reason-photo{height:auto;aspect-ratio:1.6} #mayurina-melasma-body .mlb-reason-photo img{height:100%} #mayurina-melasma-body .mlb-reason--uv .mlb-reason-photo,#mayurina-melasma-body .mlb-reason--consultation .mlb-reason-photo{aspect-ratio:2.05} #mayurina-melasma-body .mlb-reason>p,#mayurina-melasma-body .mlb-reason-experience-copy>p:not(.mlb-annual-count){font-size:13px;line-height:1.65;margin-top:11px} #mayurina-melasma-body .mlb-reason--experience{grid-template-columns:1fr;gap:15px} #mayurina-melasma-body .mlb-annual-count strong{font-size:53px} #mayurina-melasma-body .mlb-reason-collage{gap:5px;padding:5px} #mayurina-melasma-body .mlb-campaign{padding:14px 12px;margin-top:23px} #mayurina-melasma-body .mlb-campaign-heading{gap:7px;margin-bottom:12px} #mayurina-melasma-body .mlb-campaign-heading h3{font-size:15px} #mayurina-melasma-body .mlb-campaign-controls{gap:4px} #mayurina-melasma-body .mlb-campaign-controls button{width:30px;height:30px;font-size:24px} #mayurina-melasma-body .mlb-campaign-track{grid-auto-columns:88%;gap:12px} #mayurina-melasma-body .mlb-case-endnote{font-size:9px} #mayurina-melasma-body .mlb-hands-photo{min-height:0;height:150px} #mayurina-melasma-body .mlb-hands-copy{padding:16px 10px 18px;width:100%} #mayurina-melasma-body .mlb-hands-copy h3{font-size:clamp(15px,4.6cqw,24px);white-space:nowrap;letter-spacing:-.04em;line-height:1.5} #mayurina-melasma-body .mlb-hands-break{display:none} #mayurina-melasma-body .mlb-hands-copy .mlb-tag{margin-bottom:7px} } /* Case photographs: show complete originals, with all accompanying treatments. */ #mayurina-melasma-body .mlb-case-price-guide{font-size:12px;line-height:1.7;color:#675a46;margin:-8px 0 22px;padding:12px 16px;background:#fffaf0;border:1px solid #d9c9a4;border-radius:6px} #mayurina-melasma-body #mmp-s09 .mlb-case{display:flex;flex-direction:column;min-width:0;align-self:start} #mayurina-melasma-body .mlb-case-title{display:flex;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(110deg,#faf0ed,#fffcf7);border-bottom:1px solid #dbc9ae} #mayurina-melasma-body .mlb-case--pico .mlb-case-title{background:linear-gradient(110deg,#edf4ef,#fffcf7)} #mayurina-melasma-body .mlb-case-index{display:block;flex:none;border:1px solid #c3a769;border-radius:4px;padding:7px 9px;background:linear-gradient(125deg,#fff9de,#e8d5aa,#fffae5);color:#765b2c;font:14px/1.3 Georgia,serif;letter-spacing:.04em;box-shadow:0 2px 4px #795e2412} #mayurina-melasma-body .mlb-case-title h3{margin:0;font-size:16px;line-height:1.65;border:0;padding:0} #mayurina-melasma-body .mlb-case-photo{margin:0;padding:12px 12px 0;background:#fff} #mayurina-melasma-body .mlb-case-photo>a{display:block;outline-offset:2px} #mayurina-melasma-body .mlb-case-photo img{width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal;transform:none;border-radius:0} #mayurina-melasma-body .mlb-case-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 3px;font-size:12px;line-height:1.6;color:#655b4c} #mayurina-melasma-body .mlb-case-photo figcaption>span{font-weight:600} #mayurina-melasma-body .mlb-case-photo figcaption>a{flex:none;font-size:11px} #mayurina-melasma-body .mlb-case-info{border-top:1px solid #e5dac5;padding:5px 18px 16px} #mayurina-melasma-body .mlb-case-facts>div{display:grid;grid-template-columns:83px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px dashed #ded3bb} #mayurina-melasma-body .mlb-case-facts dt{font-weight:700;font-size:12px;color:#79643e} #mayurina-melasma-body .mlb-case-facts dd{font-size:12px;line-height:1.75;letter-spacing:0} #mayurina-melasma-body .mlb-case-facts dd>span{display:block} #mayurina-melasma-body .mlb-case-facts dd>span+span{margin-top:3px} #mayurina-melasma-body .mlb-case-gallery-actions{display:flex;justify-content:center;margin-top:28px;padding:22px 18px;border:1px solid #d2bd8f;border-radius:10px;background:linear-gradient(125deg,#fffdf8e8,#f7eddbdc,#fffaf0ed);box-shadow:0 5px 16px #9a794311} #mayurina-melasma-body .mlb-case-gallery-actions .mlb-btn{width:min(100%,420px);padding:13px 24px;border:1px solid #ad8841;background:linear-gradient(120deg,#fff9e9,#ecdbb6 46%,#fff8e7);color:#5d4928;box-shadow:0 3px 8px #8363281a} #mayurina-melasma-body .mlb-case-gallery-actions .mlb-btn:hover{background:linear-gradient(120deg,#fff6dc,#e5cca0 46%,#fff4d8);border-color:#876329} @container mlbody (max-width:600px){ #mayurina-melasma-body .mlb-case-price-guide{font-size:11px;padding:10px 12px;margin-bottom:16px} #mayurina-melasma-body .mlb-case-title{padding:11px 12px;gap:9px} #mayurina-melasma-body .mlb-case-title h3{font-size:14px;line-height:1.55} #mayurina-melasma-body .mlb-case-index{font-size:12px;padding:6px 7px} #mayurina-melasma-body .mlb-case-photo{padding:7px 7px 0} #mayurina-melasma-body .mlb-case-photo figcaption{font-size:11px;padding:9px 3px;gap:6px} #mayurina-melasma-body .mlb-case-photo figcaption>a{font-size:10px} #mayurina-melasma-body .mlb-case-info{padding:3px 12px 12px} #mayurina-melasma-body .mlb-case-facts>div{grid-template-columns:76px minmax(0,1fr);gap:8px;padding:9px 0} #mayurina-melasma-body .mlb-case-facts dd{font-size:12px;line-height:1.6} #mayurina-melasma-body .mlb-case-facts dt{font-size:11px} #mayurina-melasma-body .mlb-case-gallery-actions{margin-top:20px;padding:16px 12px} #mayurina-melasma-body .mlb-case-gallery-actions .mlb-btn{font-size:13px;padding:12px 10px;gap:10px} } /* Source: revision-v2.css */ /* v2: reviewed lentigo components and freckles fee-card palette. */ #mayurina-melasma-page .m-button{border:3px solid transparent;background:linear-gradient(120deg,#1e5865,#31808a) padding-box,linear-gradient(115deg,#956b28,#e2bd69 16%,#fff2c4 30%,#b38736 46%,#eed495 65%,#fff8d9 77%,#ac8132) border-box;box-shadow:inset 0 1px 2px #ffffff40,0 3px 7px #76582b20,0 7px 15px -6px #15294944} #mayurina-melasma-page .m-header .m-header-reserve{border:1.5px solid #b48b3d} #mayurina-melasma-body .mlb-emphasis{font-weight:700;color:#162b44;text-decoration-line:underline;text-decoration-color:#ed7194;text-decoration-thickness:3px;text-underline-offset:3px;text-decoration-skip-ink:none} #mayurina-melasma-page .m-hero-wave{z-index:-2;left:-53%;width:100%} #mayurina-melasma-page .m-hero-diagram{width:176px;height:176px;padding:5px;border-radius:50%;overflow:hidden;display:block;bottom:27px} #mayurina-melasma-page .m-hero-diagram img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block} #mayurina-melasma-page .m-hero-prices{grid-auto-rows:170px} #mayurina-melasma-page .m-price-card{height:170px;padding:12px 10px 10px;min-height:0} #mayurina-melasma-page .m-price-card h2{min-height:35px;padding-bottom:7px} #mayurina-melasma-page .m-hero-price{margin:8px 0 4px} #mayurina-melasma-page .m-hero-includes{padding-top:0;line-height:1.4} #mayurina-melasma-page .m-hero-total{font-size:10px;line-height:1.45;margin:0 0 3px} #mayurina-melasma-page .m-hero-total b{font-size:11px} #mayurina-melasma-body{--rose:#945166;--teal:#2e6971} #mayurina-melasma-body .mlb-inner{min-width:0} #mayurina-melasma-body .mlb-section{scroll-margin-top:24px} #mayurina-melasma-body .mlb-photos.m-before-examples{grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-melasma-body .m-before-crop{display:block;position:relative;aspect-ratio:2/1;overflow:hidden;background:#fff} #mayurina-melasma-body #mmp-s03 .m-before-crop img{display:block;position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:unset} #mayurina-melasma-body .mlb-types.m-types-four{grid-template-columns:repeat(4,minmax(0,1fr))} #mayurina-melasma-body .mlb-type>img{height:150px;width:100%;object-fit:contain;margin:0 auto 14px} #mayurina-melasma-body .m-reason-1 .mlb-reason-photo img{object-fit:cover} #mayurina-melasma-body .mlb-reason-photo.m-record-panel{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff8da,#fffef8 75%)} #mayurina-melasma-body .m-record-panel .mlb-total-record{width:min(95%,330px);margin:0 auto} #mayurina-melasma-body .mlb-reason-photo.m-combination-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 10px;background:linear-gradient(130deg,#fffef7,#f7edda)} #mayurina-melasma-body .m-combination-collage figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;gap:7px} #mayurina-melasma-body .m-combination-collage img{width:100%;height:166px;object-fit:contain} #mayurina-melasma-body .m-combination-collage figcaption{font:600 11px/1.45 "Yu Gothic",Meiryo,sans-serif;text-align:center;padding:5px 1px;background:#fff9e8;border:1px solid #d4bc88;border-radius:4px;color:#735727;margin:0;white-space:nowrap} #mayurina-melasma-body .mlb-treatment.m-treatment{grid-template-columns:minmax(0,1fr) 95px;gap:16px;padding:28px;border-top-width:4px;border-top-color:var(--t-accent);border-color:var(--t-border);background:linear-gradient(125deg,var(--t-bg),#fff 80%)} #mayurina-melasma-body .m-treatment-color-0,#mayurina-melasma-body .m-treatment-color-2{--t-accent:#156474;--t-bg:#eef8fa;--t-border:#9abcc2} #mayurina-melasma-body .m-treatment-color-1,#mayurina-melasma-body .m-treatment-color-5{--t-accent:#973b54;--t-bg:#fdf0f2;--t-border:#d5a5b0} #mayurina-melasma-body .m-treatment-color-3,#mayurina-melasma-body .m-treatment-color-6{--t-accent:#486e5e;--t-bg:#f0f6ed;--t-border:#b7c5a8} #mayurina-melasma-body .m-treatment-color-4,#mayurina-melasma-body .m-treatment-color-7{--t-accent:#8b692c;--t-bg:#fcf7e9;--t-border:#d4bf93} #mayurina-melasma-body .m-treatment h3{color:var(--t-accent)} #mayurina-melasma-body .m-treatment-number{display:block;font:italic 23px/1.2 Georgia,serif;color:#ad8a4a;margin-bottom:8px} #mayurina-melasma-body .m-treatment-image{align-self:center} #mayurina-melasma-body .m-treatment-image img{height:170px;width:100%;object-fit:contain} #mayurina-melasma-body .m-treatment p{font-size:14px;line-height:1.9} #mayurina-melasma-body .m-treatment p+p{margin-top:14px} #mayurina-melasma-body .m-treatment .m-text-link{font-size:12px} #mayurina-melasma-body .m-plan{margin-top:30px} #mayurina-melasma-body .m-campaign p{font-size:12px} #mayurina-melasma-body .m-campaign img{height:100%;max-height:260px;width:100%;object-fit:contain} #mayurina-melasma-body .m-campaign-head h3{margin:0} #mayurina-melasma-body .m-campaign-head button{font-family:inherit} #mayurina-melasma-body .m-comparison-shell{margin:28px 0 20px;border:1px solid #bfa872;border-radius:10px;overflow:hidden} #mayurina-melasma-body .m-treatment-comparison{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;margin:0} #mayurina-melasma-body .m-col-name{width:24%}#mayurina-melasma-body .m-col-effect{width:32%}#mayurina-melasma-body .m-col-count{width:22%}#mayurina-melasma-body .m-col-interval{width:22%} #mayurina-melasma-body .m-treatment-comparison thead th{background:linear-gradient(125deg,#243c54,#142a43);color:#fff9e9;padding:15px 10px;text-align:center;border:1px solid #596874;font-weight:600;line-height:1.6} #mayurina-melasma-body .m-treatment-comparison tbody th{padding:16px 12px;background:#fcf8ec;border:1px solid #daceb4;font-weight:600} #mayurina-melasma-body .m-treatment-comparison tbody td{padding:18px;background:#fffdfa;border:1px solid #daceb4;vertical-align:middle;font-size:14px;line-height:1.8} #mayurina-melasma-body .m-treatment-comparison tbody tr:nth-child(even) td{background:#f3f8f7} #mayurina-melasma-body .m-treatment-comparison tbody th a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);line-height:1.6} #mayurina-melasma-body .m-treatment-comparison img{width:62px;height:72px;object-fit:contain;flex:none} #mayurina-melasma-body .m-treatment-comparison small{display:block;font-size:10px;font-weight:500;line-height:1.5;margin-top:5px} #mayurina-melasma-body .mlb-case-price-guide{margin-top:24px} #mayurina-melasma-body .mlb-case-facts p{font-size:12px;line-height:1.75;margin:0} #mayurina-melasma-body .mlb-case-facts dd>p+p{margin-top:7px} #mayurina-melasma-body .mlb-case-title h3{border:0;background:transparent} #mayurina-melasma-body .m-case .m-review-note{font-size:11px;margin:15px 0;padding:10px 12px} #mayurina-melasma-body .m-step-descriptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:28px} #mayurina-melasma-body .m-step-descriptions p{font-size:13px;line-height:1.8;margin:0} #mayurina-melasma-body .m-step-descriptions strong{color:#745329;font-weight:600} #mayurina-melasma-body .m-aftercare-v2{margin-top:30px} #mayurina-melasma-body .m-aftercare-v2 p{font-size:14px} #mayurina-melasma-body .m-aftercare-v2 h3{font-size:19px;margin-top:25px;margin-bottom:14px} /* The fee cards inherit the freckles card dimensions, pastel colours and plain table. */ #mayurina-melasma-body .m-fees{margin-top:0} #mayurina-melasma-body .m-fee{--t-accent:#486e5e;--t-bg:#f0f6ed;--t-border:#b7c5a8;min-width:0;border:1px solid var(--t-border);background:#fff;border-radius:12px;padding:20px 16px} #mayurina-melasma-body .m-fee-1,#mayurina-melasma-body .m-fee-3,#mayurina-melasma-body .m-fee-7{--t-accent:#156474;--t-bg:#eef8fa;--t-border:#9abcc2} #mayurina-melasma-body .m-fee-2,#mayurina-melasma-body .m-fee-6{--t-accent:#973b54;--t-bg:#fdf0f2;--t-border:#d5a5b0} #mayurina-melasma-body .m-fee-5,#mayurina-melasma-body .m-fee-8{--t-accent:#84652c;--t-bg:#fcf6e7;--t-border:#d4bd8c} #mayurina-melasma-body .m-fee .m-fee-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 20px/1.6 "Yu Mincho",serif;color:var(--t-accent);padding:0 0 12px;border:0;border-bottom:2px solid var(--t-border);margin:0 0 14px;background:none;min-height:62px} #mayurina-melasma-body .m-fee-title img{flex:none;width:44px;height:50px;object-fit:contain} #mayurina-melasma-body .m-fee p{font-size:12px;line-height:1.85;margin-bottom:12px} #mayurina-melasma-body .m-fee .m-table-wrap{margin:15px 0 20px} #mayurina-melasma-body .m-fee th,#mayurina-melasma-body .m-fee td{padding:12px 8px;font-size:13px;border:0;border-bottom:1px solid #e4ded2;line-height:1.7} #mayurina-melasma-body .m-fee thead th{background:var(--t-bg);font-size:12px;color:var(--t-accent);font-weight:600} #mayurina-melasma-body .m-fee tbody th{background:white;font-weight:500;color:#454a49} #mayurina-melasma-body .m-fee td{background:white!important;color:var(--t-accent)!important;text-align:right;font-weight:600;white-space:nowrap} #mayurina-melasma-body .m-fee-4 .m-copera-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px} #mayurina-melasma-body .m-fee-4 .m-copera-grid>div:last-child{border-left:2px dashed #b2c6a8;padding-left:24px} #mayurina-melasma-body .m-fee h4{font-size:17px;color:var(--t-accent);margin:0 0 8px} #mayurina-melasma-body .m-compact-risks{padding:20px 24px;font-size:12px;line-height:1.55} #mayurina-melasma-body .m-compact-risks .mlb-precaution-row{grid-template-columns:160px minmax(0,1fr);padding:10px 0;gap:20px;font-size:12px;line-height:1.55} #mayurina-melasma-body .m-compact-risks dt{font-size:12px;line-height:1.55} #mayurina-melasma-body .m-compact-risks p{font-size:12px;line-height:1.55;margin:0} #mayurina-melasma-body .m-compact-risks .mlb-device-note{padding:14px 0 0;margin-top:12px;font-size:12px;line-height:1.55} #mayurina-melasma-body .m-compact-risks h3{font-size:13px;margin:0 0 6px} #mayurina-melasma-body .m-compact-risks .m-review-note{margin:12px 0 0;padding:8px 10px;font-size:11px;line-height:1.5} #mayurina-melasma-body .m-compact-risks .mlb-emphasis{display:inline;text-decoration-thickness:2px;text-underline-offset:2px} #mayurina-melasma-body .m-columns-shell{padding:24px;border:1px solid #d7aebb;border-radius:12px;background:#fff8fbe0;box-shadow:0 5px 16px #a15f7311} #mayurina-melasma-body .mlb-columns.m-columns-three{grid-template-columns:repeat(3,minmax(0,1fr));margin:0} #mayurina-melasma-body .m-column-description{display:block;font-size:12px;line-height:1.7;color:#626168;margin-top:9px} #mayurina-melasma-body .m-columns-more{display:flex;justify-content:flex-end;margin-top:24px} #mayurina-melasma-body .m-columns-more a{border-color:#b97993;color:#84516b;background:#fff8fb;font-size:13px} #mayurina-melasma-body .m-columns-more a::after{display:none} #mayurina-melasma-body .mlb-supervisor-box{margin-top:0} #mayurina-melasma-body .mlb-supervisor-small ul{margin-top:10px} #mayurina-melasma-body .mlb-supervisor-small p{margin:0} @media(min-width:1001px){ #mayurina-melasma-body #mmp-s14{padding-top:36px;padding-bottom:36px} #mayurina-melasma-body #mmp-s14 .mlb-head{margin-bottom:22px} } @media(min-width:701px) and (max-width:1000px){ #mayurina-melasma-page .m-tone-3 .m-hero-price{flex-wrap:nowrap;gap:2px} #mayurina-melasma-page .m-tone-3 .m-hero-price strong{font-size:26px} #mayurina-melasma-page .m-tone-3 .m-hero-price>span{font-size:9px} #mayurina-melasma-page .m-hero-total b{font-size:10px;white-space:nowrap} } @media(max-width:1000px){ #mayurina-melasma-body .mlb-treatment.m-treatment{padding:22px;grid-template-columns:minmax(0,1fr) 75px;gap:12px} #mayurina-melasma-body .m-treatment h3{font-size:21px} #mayurina-melasma-body .m-combination-collage img{height:120px} #mayurina-melasma-body .m-fee-4 .m-copera-grid{grid-template-columns:1fr} #mayurina-melasma-body .m-fee-4 .m-copera-grid>div:last-child{border-left:0;border-top:2px dashed #b2c6a8;padding:20px 0 0} #mayurina-melasma-body .m-treatment-comparison tbody th a{flex-direction:column;gap:8px;text-align:center} } @media(max-width:700px){ #mayurina-melasma-page .m-hero-wave{left:-100%;width:140%;z-index:-2} #mayurina-melasma-page .m-hero-diagram{left:35px;bottom:20px;width:115px;height:115px;padding:4px} #mayurina-melasma-page .m-hero-prices{grid-auto-rows:134px;gap:10px} #mayurina-melasma-page .m-price-card{height:134px;min-height:0;padding:9px 7px 8px} #mayurina-melasma-page .m-price-card h2{min-height:29px;padding:0 2px 5px;font-size:16px;line-height:1.4} #mayurina-melasma-page .m-hero-price{margin:6px 0 3px} #mayurina-melasma-page .m-hero-price strong{font-size:28px} #mayurina-melasma-page .m-tone-3 .m-hero-price{margin:5px 0 2px} #mayurina-melasma-page .m-tone-3 .m-hero-price strong{font-size:25px} #mayurina-melasma-page .m-hero-total{font-size:9px;line-height:1.35;margin:0 0 3px} #mayurina-melasma-page .m-hero-total b{font-size:10px;line-height:1.35;white-space:nowrap} #mayurina-melasma-page .m-hero-includes{font-size:9px;line-height:1.3;padding:0} #mayurina-melasma-page .m-price-medal{width:14px} #mayurina-melasma-body .mlb-types.m-types-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #mayurina-melasma-body .mlb-type>img{height:120px;margin-bottom:10px} #mayurina-melasma-body .mlb-treatment.m-treatment{grid-template-columns:minmax(0,1fr) 65px;padding:20px 18px;gap:12px} #mayurina-melasma-body .m-treatment-image img{height:130px} #mayurina-melasma-body .m-treatment h3{font-size:20px;line-height:1.55} #mayurina-melasma-body .m-treatment p{font-size:13px;line-height:1.85} #mayurina-melasma-body .m-treatment-grid{gap:20px} #mayurina-melasma-body .m-record-panel .mlb-total-record{max-width:280px} #mayurina-melasma-body .mlb-reason-photo.m-combination-collage{height:auto;aspect-ratio:1.6;gap:7px;padding:10px 7px} #mayurina-melasma-body .m-combination-collage img{height:128px} #mayurina-melasma-body .m-combination-collage figcaption{font-size:10px;padding:4px 1px} #mayurina-melasma-body .m-comparison-shell{margin:22px 0 16px;border-radius:6px} #mayurina-melasma-body .m-col-name{width:25%}#mayurina-melasma-body .m-col-effect{width:29%}#mayurina-melasma-body .m-col-count{width:23%}#mayurina-melasma-body .m-col-interval{width:23%} #mayurina-melasma-body .m-treatment-comparison thead th{padding:11px 4px;font-size:11px;line-height:1.55} #mayurina-melasma-body .m-treatment-comparison tbody th{padding:12px 5px;font-size:11px} #mayurina-melasma-body .m-treatment-comparison tbody td{font-size:11px;line-height:1.65;padding:12px 7px;letter-spacing:0;vertical-align:middle} #mayurina-melasma-body .m-treatment-comparison img{width:44px;height:53px} #mayurina-melasma-body .m-treatment-comparison small{font-size:8px;letter-spacing:0;line-height:1.5} #mayurina-melasma-body .m-treatment-comparison tbody th a{gap:7px} #mayurina-melasma-body .m-step-descriptions{grid-template-columns:1fr;gap:14px;margin-top:22px} #mayurina-melasma-body .m-step-descriptions p{font-size:12px;line-height:1.75} #mayurina-melasma-body .m-aftercare-v2 p{font-size:13px} #mayurina-melasma-body .m-fee{padding:22px 18px} #mayurina-melasma-body .m-fee .m-fee-title{font-size:21px;gap:12px;min-height:62px} #mayurina-melasma-body .m-fee-title img{width:42px;height:48px} #mayurina-melasma-body .m-fee th,#mayurina-melasma-body .m-fee td{font-size:12px;padding:10px 8px;line-height:1.4} #mayurina-melasma-body .m-fee thead th{font-size:11px} #mayurina-melasma-body .m-fee-4 .m-copera-grid{gap:20px} #mayurina-melasma-body .m-fee h4{font-size:16px} #mayurina-melasma-body .m-compact-risks{padding:12px 16px} #mayurina-melasma-body .m-compact-risks .mlb-precaution-row{grid-template-columns:1fr;padding:9px 0;gap:4px;font-size:11px;line-height:1.5} #mayurina-melasma-body .m-compact-risks dt{font-size:12px;line-height:1.5} #mayurina-melasma-body .m-compact-risks p{font-size:11px;line-height:1.5} #mayurina-melasma-body .m-compact-risks .m-review-note{font-size:10px;line-height:1.45} #mayurina-melasma-body .m-columns-shell{padding:14px} #mayurina-melasma-body .mlb-columns.m-columns-three{grid-template-columns:1fr;gap:13px} #mayurina-melasma-body .mlb-column a{display:grid;grid-template-columns:95px minmax(0,1fr);height:100%} #mayurina-melasma-body .mlb-column-thumb{height:100%;aspect-ratio:auto} #mayurina-melasma-body .mlb-column-thumb img{height:100%;width:100%;object-fit:cover} #mayurina-melasma-body .mlb-column-title{font-size:13px;line-height:1.65} #mayurina-melasma-body .m-column-description{font-size:11px;line-height:1.65;margin-top:7px} #mayurina-melasma-body .m-columns-more{margin-top:17px} #mayurina-melasma-body .m-columns-more a{font-size:12px;padding:10px 12px;min-height:42px} #mayurina-melasma-body .mlb-supervisor-box{padding:24px 20px} } @media(max-width:350px){#mayurina-melasma-page .m-price-card h2{font-size:14px}#mayurina-melasma-page .m-tone-3 .m-hero-price strong{font-size:22px}#mayurina-melasma-page .m-hero-total b{font-size:9px}#mayurina-melasma-page .m-hero-diagram{left:24px;width:110px;height:110px}#mayurina-melasma-body .m-combination-collage img{height:104px}#mayurina-melasma-body .m-treatment-comparison tbody td{padding:10px 5px;font-size:10px}#mayurina-melasma-body .m-treatment-comparison thead th{font-size:10px}#mayurina-melasma-body .m-fee-5 th,#mayurina-melasma-body .m-fee-5 td{font-size:10px}} /* Source: revision-v3.css */ /* v3: focal photos, device lineup, staged treatment plan and price numerals. */ #mayurina-melasma-page img[src$="reverse-product.jpg"]{mix-blend-mode:multiply} #mayurina-melasma-body .m-reason-1 .mlb-reason-photo img{object-fit:cover;object-position:50% 23%} #mayurina-melasma-body .mlb-reason-photo.m-device-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 9px;align-items:center;background:linear-gradient(135deg,#fffdf8,#f4eddf)} #mayurina-melasma-body .m-device-lineup figure{min-width:0;display:grid;grid-template-rows:145px auto;gap:7px;margin:0;align-self:center} #mayurina-melasma-body .m-device-lineup img{width:100%;height:145px;object-fit:contain;object-position:center bottom} #mayurina-melasma-body .m-device-lineup figcaption{font:600 10px/1.45 "Yu Gothic",Meiryo,sans-serif;text-align:center;letter-spacing:0;color:#67502d;min-height:29px;display:grid;align-content:center} #mayurina-melasma-body .mlb-reason-photo.m-record-with-photo{display:grid;grid-template-columns:45% minmax(0,1fr);padding:0;gap:0} #mayurina-melasma-body .m-record-treatment-photo{height:100%;min-height:0;overflow:hidden;align-self:stretch} #mayurina-melasma-body .m-record-treatment-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 49%} #mayurina-melasma-body .m-record-with-photo .mlb-total-record{width:100%;min-width:0;padding:13px 5px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:clamp(28px,3.9vw,47px);white-space:nowrap} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:13px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:13px} #mayurina-melasma-body .m-treatment-roadmap{background:linear-gradient(135deg,#60233c,#883f58 60%,#6f304b);border:2px solid #ccab69;border-radius:14px;padding:32px;color:#fff;box-shadow:0 10px 28px #62273e25;margin-top:36px} #mayurina-melasma-body .m-roadmap-heading{text-align:center;margin-bottom:26px} #mayurina-melasma-body .m-roadmap-heading>span{font:12px/1.5 Georgia,serif;letter-spacing:.18em;color:#efd39a} #mayurina-melasma-body .m-roadmap-heading h3{font:600 28px/1.6 "Yu Mincho",serif;color:#fff7e4;margin:9px 0 12px;padding:0;border:0;background:none} #mayurina-melasma-body .m-roadmap-heading p{font-size:14px;line-height:1.85;color:#fff4f7;margin:0} #mayurina-melasma-body .m-roadmap-stages{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch} #mayurina-melasma-body .m-roadmap-stage{min-width:0;background:#fff8f8;border:1px solid #e7c8cf;border-radius:10px;padding:23px 20px;color:#263e4c} #mayurina-melasma-body .m-roadmap-stage-2{background:#fffaf0;border-color:#e7d2a5} #mayurina-melasma-body .m-stage-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px} #mayurina-melasma-body .m-stage-heading>span{display:grid;place-items:center;flex:none;width:37px;height:37px;background:#813b55;border:1px solid #ae7890;border-radius:50%;font:italic 21px/1 Georgia,serif;color:white} #mayurina-melasma-body .m-stage-heading h4{font:600 21px/1.5 "Yu Mincho",serif;color:#74354d;margin:0} #mayurina-melasma-body .m-roadmap-stage p{font-size:13px;line-height:1.85;color:#435462;margin:0} #mayurina-melasma-body .m-roadmap-next{display:grid;place-items:center;color:#f4d898;font-size:34px;font-family:Arial,sans-serif} #mayurina-melasma-body .m-roadmap-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start} #mayurina-melasma-body .m-roadmap-devices figure{margin:0;min-width:0;text-align:center} #mayurina-melasma-body .m-roadmap-devices img{height:150px;width:100%;object-fit:contain;display:block;object-position:center bottom;margin:0 auto 8px} #mayurina-melasma-body .m-roadmap-devices figcaption{font:600 14px/1.6 "Yu Gothic",Meiryo,sans-serif;color:#673149} #mayurina-melasma-body .m-roadmap-devices small{display:block;font-size:10px;line-height:1.6;font-weight:400;color:#67707b;margin-top:3px} #mayurina-melasma-body .m-roadmap-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:5px} #mayurina-melasma-body .m-roadmap-pair>b{align-self:center;margin-bottom:35px;color:#b08845;font-size:24px} #mayurina-melasma-body .m-roadmap-pico{display:flex;gap:10px;align-items:center;justify-content:center;border-top:1px dashed #d5bc90;margin-top:18px;padding-top:12px} #mayurina-melasma-body .m-roadmap-pico img{height:53px;width:40px;object-fit:contain} #mayurina-melasma-body .m-roadmap-pico span{font-size:11px;line-height:1.65;color:#65605a} #mayurina-melasma-body .m-roadmap-base{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;padding:18px 22px;margin-top:18px;border:1px solid #edcba7;border-radius:9px;background:#fff8e9;color:#483e34} #mayurina-melasma-body .m-roadmap-care{background:#f0f7f3;border-color:#bdd1c7} #mayurina-melasma-body .m-roadmap-base-icon img{height:65px;width:100%;object-fit:contain} #mayurina-melasma-body .m-roadmap-base-icon svg{display:block;width:50px;height:50px;fill:none;stroke:#698776;stroke-width:2;stroke-linecap:round;margin:auto} #mayurina-melasma-body .m-base-label{display:block;color:#966937;font-size:11px;line-height:1.5;margin-bottom:5px;font-weight:600} #mayurina-melasma-body .m-roadmap-care .m-base-label{color:#527761} #mayurina-melasma-body .m-roadmap-base h4{font:600 18px/1.5 "Yu Mincho",serif;color:#673d36;margin:0 0 7px} #mayurina-melasma-body .m-roadmap-care h4{color:#395f4a} #mayurina-melasma-body .m-roadmap-base p{font-size:12px;line-height:1.7;color:#59564d;margin:0} #mayurina-melasma-body .m-continuation{display:flex;align-items:center;gap:10px;margin-top:13px;color:#936330;font-size:10px;line-height:1.5} #mayurina-melasma-body .m-continuation i{flex:1;position:relative;border-top:2px solid currentColor} #mayurina-melasma-body .m-continuation i::after{content:"";position:absolute;right:0;top:-5px;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)} #mayurina-melasma-body .m-roadmap-care .m-continuation{color:#698776} #mayurina-melasma-body .m-treatment-roadmap .m-roadmap-note{font-size:11px;line-height:1.7;color:#f7e4eb;margin:18px 0 0} #mayurina-melasma-body .m-fee .m-price-number{color:#c52237!important;font-weight:700} @media(min-width:701px) and (max-width:1000px){ #mayurina-melasma-body .m-device-lineup figure{grid-template-rows:105px auto} #mayurina-melasma-body .m-device-lineup img{height:105px} #mayurina-melasma-body .m-device-lineup figcaption{font-size:8px} #mayurina-melasma-body .m-treatment-roadmap{padding:24px 20px} #mayurina-melasma-body .m-roadmap-stage{padding:18px 14px} #mayurina-melasma-body .m-stage-heading h4{font-size:18px} #mayurina-melasma-body .m-roadmap-stages{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)} } @media(max-width:700px){ #mayurina-melasma-body .m-reason-1 .mlb-reason-photo img{object-position:50% 20%} #mayurina-melasma-body .mlb-reason-photo.m-device-lineup{height:auto;aspect-ratio:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 7px;padding:14px 10px} #mayurina-melasma-body .m-device-lineup figure{grid-column:span 2;grid-template-rows:84px auto;gap:4px} #mayurina-melasma-body .m-device-lineup figure:nth-child(4){grid-column:2/span 2} #mayurina-melasma-body .m-device-lineup img{height:84px} #mayurina-melasma-body .m-device-lineup figcaption{font-size:9px;min-height:26px} #mayurina-melasma-body .mlb-reason-photo.m-record-with-photo{height:190px;aspect-ratio:auto;grid-template-columns:43% minmax(0,1fr)} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:30px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:11px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:11px} #mayurina-melasma-body .mlb-reason-photo.m-combination-collage{height:auto;aspect-ratio:auto;padding:12px 8px;align-items:center;gap:8px} #mayurina-melasma-body .m-combination-collage figure{grid-template-rows:110px auto;align-content:center;gap:5px} #mayurina-melasma-body .m-combination-collage img{height:110px;object-position:center bottom} #mayurina-melasma-body .m-combination-collage figcaption{margin:0;padding:4px 0} #mayurina-melasma-body .m-treatment-roadmap{padding:22px 14px;border-radius:10px;margin-top:25px} #mayurina-melasma-body .m-roadmap-heading{margin-bottom:20px} #mayurina-melasma-body .m-roadmap-heading>span{font-size:10px} #mayurina-melasma-body .m-roadmap-heading h3{font-size:21px;line-height:1.65;margin:8px 0 10px} #mayurina-melasma-body .m-roadmap-heading p{font-size:12px;line-height:1.7} #mayurina-melasma-body .m-roadmap-stages{grid-template-columns:minmax(0,1fr)} #mayurina-melasma-body .m-roadmap-stage{padding:18px 14px} #mayurina-melasma-body .m-stage-heading{gap:9px;margin-bottom:10px} #mayurina-melasma-body .m-stage-heading>span{height:30px;width:30px;font-size:18px} #mayurina-melasma-body .m-stage-heading h4{font-size:18px;line-height:1.6} #mayurina-melasma-body .m-roadmap-stage p{font-size:12px;line-height:1.7} #mayurina-melasma-body .m-roadmap-next{height:36px;font-size:29px} #mayurina-melasma-body .m-roadmap-next span{transform:rotate(90deg)} #mayurina-melasma-body .m-roadmap-devices{gap:10px;margin-top:12px} #mayurina-melasma-body .m-roadmap-devices img{height:110px;margin-bottom:6px} #mayurina-melasma-body .m-roadmap-devices figcaption{font-size:12px} #mayurina-melasma-body .m-roadmap-devices small{font-size:9px;line-height:1.5} #mayurina-melasma-body .m-roadmap-pair{gap:3px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)} #mayurina-melasma-body .m-roadmap-pair>b{font-size:20px} #mayurina-melasma-body .m-roadmap-pico{margin-top:12px;padding-top:10px} #mayurina-melasma-body .m-roadmap-pico img{height:43px} #mayurina-melasma-body .m-roadmap-pico span{font-size:10px} #mayurina-melasma-body .m-roadmap-base{grid-template-columns:47px minmax(0,1fr);gap:10px;padding:14px 11px;margin-top:13px;align-items:start} #mayurina-melasma-body .m-roadmap-base-icon img{height:42px;margin-top:24px} #mayurina-melasma-body .m-roadmap-base-icon svg{width:35px;height:35px;margin-top:26px} #mayurina-melasma-body .m-base-label{font-size:10px;line-height:1.5} #mayurina-melasma-body .m-roadmap-base h4{font-size:16px;line-height:1.6} #mayurina-melasma-body .m-roadmap-base p{font-size:11px;line-height:1.65} #mayurina-melasma-body .m-continuation{font-size:9px;gap:6px;margin-top:10px} #mayurina-melasma-body .m-treatment-roadmap .m-roadmap-note{font-size:10px;line-height:1.7;margin-top:14px} /* Only the mobile treatment-flow section is tightened. */ #mayurina-melasma-body #mmp-s11 .m-step-descriptions{gap:10px;margin-top:17px} #mayurina-melasma-body #mmp-s11 .m-step-descriptions p{line-height:1.5} #mayurina-melasma-body #mmp-s11 .m-aftercare-v2{margin-top:21px} #mayurina-melasma-body #mmp-s11 .m-aftercare-v2 p{line-height:1.65;margin-bottom:11px} #mayurina-melasma-body #mmp-s11 .m-aftercare-v2 h3{margin-top:18px;margin-bottom:10px} } /* Source: revision-v4.css */ /* v4: compact hero, larger medals and numerals, horizontal treatment roadmap. */ #mayurina-melasma-page .m-hero-prices{grid-auto-rows:144px} #mayurina-melasma-page .m-price-card{height:144px;min-height:0;padding:6px 8px 5px} #mayurina-melasma-page .m-price-card h2{min-height:33px;padding:0 29px 4px 0} #mayurina-melasma-page .m-price-medal{width:32px;right:4px;top:3px;opacity:1} #mayurina-melasma-page .m-hero-price{margin:3px 0 1px;flex-wrap:nowrap;gap:1px} #mayurina-melasma-page .m-hero-price>span{flex:none} #mayurina-melasma-page .m-hero-price>span:last-child{width:1em;position:relative} #mayurina-melasma-page .m-hero-price small{position:relative;left:100%;width:max-content;transform:translateX(-100%)} #mayurina-melasma-page .m-watermark{right:0} #mayurina-melasma-page .m-hero-total{margin:0 0 1px} #mayurina-melasma-page .m-hero-includes{padding-top:0} #mayurina-melasma-page .m-mini-menus>a{padding:0 33px 0 7px} #mayurina-melasma-page .m-mini-menus img{top:0} #mayurina-melasma-page .m-mini-menus .m-price-medal{width:27px;right:5px;top:50%;transform:translateY(-50%)} #mayurina-melasma-body .mlb-reason-photo.m-record-with-photo{grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-melasma-body .m-record-with-photo .mlb-total-record{width:82%;max-width:186px;aspect-ratio:1.06;height:auto;padding:12px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:auto} #mayurina-melasma-body .m-record-with-photo .mlb-total-main{display:flex;flex-direction:column;align-items:center;gap:4px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:42px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:14px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:12px;letter-spacing:0} #mayurina-melasma-body .m-record-with-photo .mlb-total-ornament{inset:-8% auto auto -7%;height:116%;width:114%;object-fit:fill} #mayurina-melasma-body .m-roadmap-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px} #mayurina-melasma-body .m-roadmap-progress{grid-column:1/-1;min-height:58px;display:flex;align-items:center;justify-content:space-around;gap:16px;padding:13px 6% 13px 2%;background:linear-gradient(110deg,#b99652,#f3dc9c 40%,#e5bd70);clip-path:polygon(0 20%,94% 20%,94% 0,100% 50%,94% 100%,94% 80%,0 80%);color:#613e21;font:600 13px/1.5 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.05em} #mayurina-melasma-body .m-fee .m-price-number{font-size:1.22em;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums} #mayurina-melasma-body .m-fee th,#mayurina-melasma-body .m-fee td{padding-top:10px;padding-bottom:10px} @media(min-width:701px) and (max-width:1000px){ #mayurina-melasma-page .m-price-card h2{padding-right:21px} #mayurina-melasma-page .m-price-medal{width:25px;right:3px} #mayurina-melasma-page .m-mini-menus>a{padding-right:29px} #mayurina-melasma-page .m-mini-menus .m-price-medal{width:24px;right:3px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:30px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:10px} #mayurina-melasma-body .m-roadmap-stages{gap:12px 16px} } @media(max-width:700px){ #mayurina-melasma-page .m-hero-prices{grid-auto-rows:118px} #mayurina-melasma-page .m-price-card{height:118px;min-height:0;padding:5px 4px 4px} #mayurina-melasma-page .m-price-card h2{min-height:25px;padding:0 20px 2px 0} #mayurina-melasma-page .m-price-medal{width:23px;right:3px;top:2px} #mayurina-melasma-page .m-hero-price{margin:3px 0 1px} #mayurina-melasma-page .m-tone-3 .m-hero-price{margin:2px 0 1px} #mayurina-melasma-page .m-hero-total{margin:0 0 1px} #mayurina-melasma-page .m-mini-menus>a{padding:0 26px 0 4px} #mayurina-melasma-page .m-mini-menus .m-price-medal{width:22px;right:3px;top:50%} #mayurina-melasma-body .m-device-lineup figure{grid-template-rows:132px auto} #mayurina-melasma-body .m-device-lineup img{height:132px} #mayurina-melasma-body .m-device-lineup figcaption{font-size:10px} #mayurina-melasma-body .mlb-reason-photo.m-record-with-photo{grid-template-columns:repeat(2,minmax(0,1fr));height:190px} #mayurina-melasma-body .m-record-with-photo .mlb-total-record{width:83%;padding:8px 2px;gap:3px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main{gap:3px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:29px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:11px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:10px} #mayurina-melasma-body .m-treatment-roadmap{padding:22px 10px} #mayurina-melasma-body .m-roadmap-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #mayurina-melasma-body .m-roadmap-stage{padding:12px 8px} #mayurina-melasma-body .m-stage-heading{gap:5px;align-items:flex-start;min-height:43px;margin-bottom:9px} #mayurina-melasma-body .m-stage-heading>span{width:22px;height:22px;font-size:14px;margin-top:1px} #mayurina-melasma-body .m-stage-heading h4{font-size:14px;line-height:1.5} #mayurina-melasma-body .m-roadmap-stage p{font-size:11px;line-height:1.65} #mayurina-melasma-body .m-roadmap-devices{gap:7px;margin-top:12px} #mayurina-melasma-body .m-roadmap-devices img{height:83px;margin-bottom:6px} #mayurina-melasma-body .m-roadmap-devices figcaption{font-size:10px;line-height:1.5;letter-spacing:0} #mayurina-melasma-body .m-roadmap-devices small{font-size:8px;line-height:1.5;margin-top:4px} #mayurina-melasma-body .m-roadmap-pair{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:2px} #mayurina-melasma-body .m-roadmap-pair>b{font-size:15px;margin-bottom:35px} #mayurina-melasma-body .m-roadmap-pico{gap:5px;align-items:flex-start;margin-top:12px;padding-top:9px} #mayurina-melasma-body .m-roadmap-pico img{width:25px;height:40px;flex:none} #mayurina-melasma-body .m-roadmap-pico span{font-size:9px;line-height:1.6} #mayurina-melasma-body .m-roadmap-progress{min-height:43px;font-size:10px;gap:4px;padding:10px 6% 10px 1%;letter-spacing:0} #mayurina-melasma-body .m-fee th,#mayurina-melasma-body .m-fee td{padding-top:8px;padding-bottom:8px} } @media(max-width:350px){ #mayurina-melasma-page .m-price-card h2{padding-right:18px} #mayurina-melasma-page .m-price-medal{width:21px} #mayurina-melasma-page .m-mini-menus>a{padding-right:24px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:25px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:9px} #mayurina-melasma-body .m-stage-heading h4{font-size:13px} #mayurina-melasma-body .m-stage-heading>span{width:20px;height:20px;font-size:13px} #mayurina-melasma-body .m-roadmap-stage{padding:11px 6px} #mayurina-melasma-body .m-roadmap-devices img{height:74px} #mayurina-melasma-body .m-roadmap-progress{font-size:9px} } /* Source: revision-v5.css */ /* v5: two prominent lasers, larger badge lettering, seven named treatment images. */ #mayurina-melasma-body .mlb-reason-photo.m-device-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 18px;height:auto;min-height:226px;aspect-ratio:auto} #mayurina-melasma-body .m-device-lineup figure{grid-column:auto;grid-template-rows:164px auto;gap:6px} #mayurina-melasma-body .m-device-lineup img{height:164px} #mayurina-melasma-body .m-device-lineup figcaption{font-size:13px;min-height:38px} #mayurina-melasma-body .m-record-with-photo .mlb-total-record{width:86%;padding:8px 3px;gap:5px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main{gap:5px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:56px;line-height:1;letter-spacing:-.035em} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:19px;line-height:1.3} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:15px;line-height:1.4} #mayurina-melasma-body .mlb-reason-photo.m-combination-collage{height:auto;aspect-ratio:auto;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px 8px;padding:14px 10px;align-items:start} #mayurina-melasma-body .m-combination-collage figure{grid-column:span 2;grid-template-rows:98px auto;gap:5px;margin:0;align-content:start} #mayurina-melasma-body .m-combination-collage figure:nth-child(5){grid-column:2/span 2} #mayurina-melasma-body .m-combination-collage img{height:98px;object-position:center bottom} #mayurina-melasma-body .m-combination-collage figcaption{display:flex;align-items:center;justify-content:center;min-height:38px;padding:3px 1px;white-space:normal;font-size:11px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere} #mayurina-melasma-body .m-roadmap-heading h3{max-width:720px;border:1px solid #e6c784;border-radius:7px;box-shadow:inset 0 0 0 3px #daba7330;background:#ffffff0b;padding:12px 16px;margin:11px auto 16px;text-wrap:balance} #mayurina-melasma-body .m-roadmap-progress{margin-top:18px} @media(min-width:701px) and (max-width:1000px){ #mayurina-melasma-body .mlb-reason-photo.m-device-lineup{padding:10px;gap:8px;min-height:175px} #mayurina-melasma-body .m-device-lineup figure{grid-template-rows:128px auto} #mayurina-melasma-body .m-device-lineup img{height:128px} #mayurina-melasma-body .m-device-lineup figcaption{font-size:11px;min-height:32px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:36px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:15px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:11px} } @media(max-width:1000px){ #mayurina-melasma-body .mlb-reason-photo.m-combination-collage{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px 7px;padding:12px 8px} #mayurina-melasma-body .m-combination-collage figure{grid-template-rows:90px auto} #mayurina-melasma-body .m-combination-collage figure:nth-child(5){grid-column:span 2} #mayurina-melasma-body .m-combination-collage figure:last-child{grid-column:3/span 2;grid-template-rows:50px auto} #mayurina-melasma-body .m-combination-collage img{height:90px} #mayurina-melasma-body .m-combination-collage figure:last-child img{height:50px} #mayurina-melasma-body .m-combination-collage figcaption{font-size:10px;min-height:34px} } @media(max-width:700px){ #mayurina-melasma-body .mlb-reason-photo.m-device-lineup{min-height:0;gap:12px;padding:14px 12px} #mayurina-melasma-body .m-device-lineup figure{grid-template-rows:156px auto;gap:5px} #mayurina-melasma-body .m-device-lineup img{height:156px} #mayurina-melasma-body .m-device-lineup figcaption{font-size:12px;min-height:35px} #mayurina-melasma-body .m-record-with-photo .mlb-total-record{padding:7px 2px;gap:4px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main{gap:4px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:38px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:15px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:11px} #mayurina-melasma-body .m-roadmap-heading h3{padding:10px 8px;margin:9px auto 13px} #mayurina-melasma-body .m-roadmap-progress{margin-top:13px} } @media(max-width:350px){ #mayurina-melasma-body .m-record-with-photo .mlb-total-main strong{font-size:32px} #mayurina-melasma-body .m-record-with-photo .mlb-total-main>span{font-size:13px} #mayurina-melasma-body .m-record-with-photo .mlb-total-label{font-size:10px} #mayurina-melasma-body .m-combination-collage img{height:80px} #mayurina-melasma-body .m-combination-collage figure{grid-template-rows:80px auto} } /* Source: revision-v6.css */ /* Remove text underlines only in cases, pricing and precautions. */ #mayurina-melasma-body #mmp-s09 .mlb-emphasis, #mayurina-melasma-body #mmp-s12 .mlb-emphasis, #mayurina-melasma-body #mmp-s14 .mlb-emphasis, #mayurina-melasma-body #mmp-s09 a, #mayurina-melasma-body #mmp-s12 a, #mayurina-melasma-body #mmp-s14 a{ text-decoration-line:none; } /* WordPress container: keep the approved content inside the theme. */ #mayurina-melasma-page{width:100%;min-width:0;isolation:isolate}