/* Neutralize the clinic theme's universal typography reset within this page. */ #mayurina-pigmentation-page :where(*){font-family:inherit;font-weight:inherit;line-height:inherit} #mayurina-pigmentation-page :where(header){margin-top:0!important} #mayurina-pigmentation-page :where(b,strong){font-weight:bolder} #mayurina-pigmentation-hero{font-size:14px;line-height:1.7} #mayurina-pigmentation-main{width:100%;max-width:1280px;margin:24px auto 64px;padding:0} /* Keep the approved 1280px layout within the theme content area. */ #mayurina-pigmentation-page{width:100%;max-width:1280px;min-width:0;margin:0 auto;background:#fff;isolation:isolate} #mayurina-pigmentation-page :where(section,header,nav,aside,article){max-width:none} #mayurina-pigmentation-hero{container:mlp / inline-size;isolation:isolate;width:100%;margin:0 auto;color:#0d203f;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;box-sizing:border-box} #mayurina-pigmentation-hero *,#mayurina-pigmentation-hero *::before,#mayurina-pigmentation-hero *::after{box-sizing:border-box} #mayurina-pigmentation-hero .mlp-stage{position:relative;overflow:hidden;aspect-ratio:1672/940;background:#faf7ef;isolation:isolate} #mayurina-pigmentation-hero .mlp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;max-width:none;border:0} #mayurina-pigmentation-hero .mlp-light{position:absolute;z-index:1;pointer-events:none;inset:-12%;background:radial-gradient(ellipse at 26% 40%,rgba(255,221,142,.26),transparent 38%),radial-gradient(ellipse at 64% 8%,rgba(255,255,255,.8),transparent 26%);mix-blend-mode:soft-light;animation:mlp-drift 13s ease-in-out infinite alternate} #mayurina-pigmentation-hero .mlp-ribbon{position:absolute;z-index:1;pointer-events:none;top:22%;left:-12%;width:87%;height:27%;border-top:1.7cqw solid rgba(231,195,113,.16);border-radius:50%;transform:rotate(-8deg);filter:blur(1px);animation:mlp-ribbon 15s ease-in-out infinite alternate} #mayurina-pigmentation-hero .mlp-stars{position:absolute;inset:0;z-index:2;pointer-events:none} #mayurina-pigmentation-hero .mlp-star{position:absolute;width:2.1cqw;aspect-ratio:1;background:radial-gradient(circle,white 0%,#fff2c4 16%,rgba(245,200,100,.18) 40%,transparent 70%);filter:drop-shadow(0 0 5px #fff4cf);animation:mlp-twinkle 5.8s ease-in-out infinite} #mayurina-pigmentation-hero .mlp-star::before,#mayurina-pigmentation-hero .mlp-star::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#fff 48%,#fff 52%,transparent);clip-path:polygon(50% 0,56% 43%,100% 50%,56% 57%,50% 100%,44% 57%,0 50%,44% 43%)} #mayurina-pigmentation-hero .mlp-star::after{transform:rotate(45deg) scale(.48);opacity:.7} #mayurina-pigmentation-hero .mlp-star:nth-child(1){left:61%;top:4%;animation-delay:-.6s} #mayurina-pigmentation-hero .mlp-star:nth-child(2){left:58.5%;top:10%;width:3cqw;animation-delay:-2.4s} #mayurina-pigmentation-hero .mlp-star:nth-child(3){left:62%;top:16%;animation-delay:-4s} #mayurina-pigmentation-hero .mlp-star:nth-child(4){left:44%;top:23%;width:3.1cqw;animation-delay:-1.8s} #mayurina-pigmentation-hero .mlp-star:nth-child(5){left:3%;top:37%;width:2.5cqw;animation-delay:-3.4s} #mayurina-pigmentation-hero .mlp-copy{position:relative;z-index:3;width:55%;padding:1.5cqw 0 2.4cqw 3.8cqw} #mayurina-pigmentation-hero .mlp-title{padding:0;margin:0 0 .65cqw;border:0;background:none;color:#0d203f;text-align:center;font-weight:600;line-height:1.12;letter-spacing:.015em;text-shadow:0 1px 12px rgba(255,255,255,.75)} #mayurina-pigmentation-hero .mlp-title::before,#mayurina-pigmentation-hero .mlp-title::after{display:none} #mayurina-pigmentation-hero .mlp-title-line{display:block;font-size:7.15cqw;white-space:nowrap;color:#102541;-webkit-text-stroke:.35px #bdab7c;text-shadow:0 1px 0 #fff7dc,0 2px 0 #d8c28e,0 5px 12px #23314819} #mayurina-pigmentation-hero .mlp-title-sub{display:flex;align-items:center;justify-content:center;gap:.75cqw;font-size:4.1cqw;line-height:1.2;letter-spacing:.03em;margin-top:.25cqw;text-shadow:0 1px 0 #fff9e6} #mayurina-pigmentation-hero .mlp-title-sub::before,#mayurina-pigmentation-hero .mlp-title-sub::after{content:"";display:block;flex:0 0 3.2cqw;height:1px;background:linear-gradient(90deg,transparent,#a8823b)} #mayurina-pigmentation-hero .mlp-title-sub::after{background:linear-gradient(90deg,#a8823b,transparent)} #mayurina-pigmentation-hero .mlp-record{margin:0 0 1.1cqw;padding:0;color:#0d203f} #mayurina-pigmentation-hero .mlp-record-label{display:block;font-size:2.55cqw;line-height:1.35;margin-left:4.5cqw;letter-spacing:.06em;font-weight:500} #mayurina-pigmentation-hero .mlp-record-main{display:flex;align-items:baseline;gap:.4cqw;line-height:.8;white-space:nowrap} #mayurina-pigmentation-hero .mlp-record-number{display:inline-block;font-family:"Times New Roman",Georgia,serif;font-size:12.8cqw;font-weight:400;letter-spacing:-.055em;color:#99752f;background:linear-gradient(115deg,#72531e 5%,#b78c3d 23%,#fff0b1 38%,#a57e35 48%,#d7b369 61%,#70521f 78%,#d9b772 94%);background-size:110% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #fff3cb)} #mayurina-pigmentation-hero .mlp-record-suffix{font-size:4.3cqw;font-weight:600;letter-spacing:-.04em} #mayurina-pigmentation-hero .mlp-prices{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw;margin:0 0 1.25cqw} #mayurina-pigmentation-hero .mlp-price{position:relative;isolation:isolate;overflow:hidden;min-width:0;margin:0;padding:.8cqw 1.15cqw .65cqw;border:1px solid rgba(255,255,255,.9);border-radius:6px;background:linear-gradient(115deg,rgba(255,245,246,.97),rgba(255,250,251,.91));color:#8a2c46;box-shadow:0 5px 14px #30251512} #mayurina-pigmentation-hero .mlp-price--pico{color:#0c5a6a;background:linear-gradient(115deg,rgba(246,253,253,.97),rgba(247,252,252,.91))} #mayurina-pigmentation-hero .mlp-machine{position:absolute;z-index:-1;right:0;bottom:0;width:25%;height:95%;object-fit:contain;object-position:right bottom;opacity:.17;mix-blend-mode:multiply;pointer-events:none} #mayurina-pigmentation-hero .mlp-price--pico .mlp-machine{width:29%;right:.2cqw;opacity:.17} #mayurina-pigmentation-hero .mlp-price-title{position:relative;margin:0;padding:0 0 .5cqw;border:0;border-bottom:1px solid #bd7f904d;color:inherit;background:none;font-size:1.55cqw;font-weight:600;line-height:1.35;letter-spacing:-.045em;text-align:center;white-space:nowrap} #mayurina-pigmentation-hero .mlp-price-title::before,#mayurina-pigmentation-hero .mlp-price-title::after{display:none} #mayurina-pigmentation-hero .mlp-price--pico .mlp-price-title{font-size:1.43cqw;border-color:#85afb74d} #mayurina-pigmentation-hero .mlp-price-title small{font-size:.86em;letter-spacing:-.07em} #mayurina-pigmentation-hero .mlp-price-body{display:flex;flex-direction:column;justify-content:flex-end;min-height:5.9cqw;padding-top:.55cqw} #mayurina-pigmentation-hero .mlp-regular{margin:0 0 .15cqw;font-size:1.3cqw;line-height:1.2;text-align:center;color:#47464b} #mayurina-pigmentation-hero .mlp-regular s{font-size:1.65cqw;text-decoration-thickness:1px;text-decoration-color:#777} #mayurina-pigmentation-hero .mlp-amount{display:flex;align-items:baseline;justify-content:center;gap:.15cqw;margin:0;line-height:1.2;white-space:nowrap;font-weight:500;color:inherit} #mayurina-pigmentation-hero .mlp-label{font-size:1.4cqw} #mayurina-pigmentation-hero .mlp-price--pico .mlp-label{font-size:1.12cqw} #mayurina-pigmentation-hero .mlp-yen-number{font-family:"Times New Roman",Georgia,serif;font-size:3.75cqw;font-weight:600;letter-spacing:-.055em} #mayurina-pigmentation-hero .mlp-yen{font-size:1.55cqw} #mayurina-pigmentation-hero .mlp-tax{font-size:1.02cqw;letter-spacing:-.045em} #mayurina-pigmentation-hero .mlp-price-note{font-family:"Yu Gothic",Meiryo,sans-serif;font-weight:500;font-size:1.12cqw;line-height:1.4;text-align:center;margin:.4cqw 0 0;padding:.3cqw .2cqw;background:#c7657d12;border-radius:30px;position:relative;color:inherit} #mayurina-pigmentation-hero .mlp-price--pico .mlp-price-note{background:#18687912} #mayurina-pigmentation-hero .mlp-shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit} #mayurina-pigmentation-hero .mlp-shine::after{content:"";position:absolute;inset:-40% auto -40% -85%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg)} #mayurina-pigmentation-hero .mlp-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:1.7cqw;width:83%;min-height:48px;margin:0 auto;padding:.9cqw 2cqw;color:#fff!important;background:linear-gradient(135deg,#263958,#102340);border:1px solid #4b5b77;border-radius:999px;text-decoration:none!important;text-align:center;font-size:2cqw;font-weight:500;line-height:1.4;box-shadow:inset 0 1px 2px #ffffff40,0 5px 12px #15294913;transition:box-shadow .25s,background .25s} #mayurina-pigmentation-hero .mlp-cta:hover{background:linear-gradient(135deg,#354b6d,#152f53);box-shadow:0 6px 18px #15294925} #mayurina-pigmentation-hero .mlp-cta:focus-visible{outline:3px solid #9a711f;outline-offset:4px} #mayurina-pigmentation-hero .mlp-arrow{display:block;width:.7cqw;height:.7cqw;min-width:7px;min-height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)} #mayurina-pigmentation-hero .mlp-disclosure{position:absolute;z-index:4;left:4%;bottom:3.9%;width:64%;margin:0;color:#45464d;font-family:"Yu Gothic",Meiryo,sans-serif;font-size:clamp(11px,.94cqw,14px);font-weight:400;line-height:1.6} #mayurina-pigmentation-hero:not(.mlp-motion-ready) .mlp-light,#mayurina-pigmentation-hero:not(.mlp-motion-ready) .mlp-ribbon,#mayurina-pigmentation-hero:not(.mlp-motion-ready) .mlp-star{animation:none} #mayurina-pigmentation-hero.mlp-enter .mlp-title-line{animation:mlp-title-in .95s cubic-bezier(.18,.7,.21,1) .1s both} #mayurina-pigmentation-hero.mlp-enter .mlp-title-sub{animation:mlp-rise .85s cubic-bezier(.18,.7,.21,1) .28s both} #mayurina-pigmentation-hero.mlp-enter .mlp-record{animation:mlp-rise .85s cubic-bezier(.18,.7,.21,1) .48s both} #mayurina-pigmentation-hero.mlp-enter .mlp-price{animation:mlp-card-in .8s cubic-bezier(.2,.75,.25,1) .85s both} #mayurina-pigmentation-hero.mlp-enter .mlp-price--pico{animation-delay:1s} #mayurina-pigmentation-hero.mlp-enter .mlp-price .mlp-shine::after{animation:mlp-shine 1.1s ease-in-out 1.5s both} #mayurina-pigmentation-hero.mlp-enter .mlp-price--pico .mlp-shine::after{animation-delay:1.7s} #mayurina-pigmentation-hero.mlp-still *,#mayurina-pigmentation-hero.mlp-still *::before,#mayurina-pigmentation-hero.mlp-still *::after{animation:none!important;transition:none!important} @keyframes mlp-title-in{from{opacity:0;transform:translateY(24px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}} @keyframes mlp-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} @keyframes mlp-card-in{0%{opacity:0;transform:translateY(18px) scale(.95)}75%{opacity:1;transform:translateY(-2px) scale(1.012)}100%{opacity:1;transform:none}} @keyframes mlp-shine{0%{left:-85%}100%{left:150%}} @keyframes mlp-drift{from{transform:translate(-1.5%,-1%) scale(1)}to{transform:translate(2.5%,1.5%) scale(1.05)}} @keyframes mlp-ribbon{from{transform:translateY(-5px) rotate(-8deg)}to{transform:translateY(16px) rotate(-5deg)}} @keyframes mlp-twinkle{0%,100%{opacity:.2;transform:scale(.75)}45%{opacity:.9;transform:scale(1.15)}70%{opacity:.36;transform:scale(.85)}} @container mlp (max-width:800px){ #mayurina-pigmentation-hero .mlp-stage{aspect-ratio:auto;min-height:0;padding-bottom:14px;background:linear-gradient(#fffaf0,#fcf9f4)} #mayurina-pigmentation-hero .mlp-photo{inset:0 0 auto;height:60cqw;object-fit:cover;object-position:right top;opacity:1;mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%)} #mayurina-pigmentation-hero .mlp-light{inset:0;max-height:63cqw} #mayurina-pigmentation-hero .mlp-ribbon{top:24cqw;width:90%;height:20cqw;border-width:2cqw} #mayurina-pigmentation-hero .mlp-copy{position:relative;width:100%;padding:56cqw 3.5cqw 0} #mayurina-pigmentation-hero .mlp-title{position:absolute;top:9.5cqw;left:1.5cqw;width:54cqw;margin:0;text-align:center;z-index:3} #mayurina-pigmentation-hero .mlp-title-line{font-size:8.385cqw;line-height:1.2;letter-spacing:0;-webkit-text-stroke:.25px #bdab7c;text-shadow:0 1px 0 #fff7dc,0 1.5px 0 #d8c28e,0 3px 5px #10254166} #mayurina-pigmentation-hero .mlp-title-sub{font-size:5.07cqw;line-height:1.35;margin-top:1.5cqw;letter-spacing:0;text-shadow:0 1px 0 #fff9e6,0 2px 4px #10254155} #mayurina-pigmentation-hero .mlp-record{position:absolute;top:33.5cqw;left:7.32cqw;width:36.96cqw;margin:0;padding:2.2cqw 1.1cqw 1.98cqw;border:1px solid #b7944a;border-radius:50%;background:linear-gradient(140deg,#fffdf4f5 12%,#f4e6bded 47%,#fff9e8f5 75%,#ead39ceb);box-shadow:0 2px 8px #92713518,inset 0 0 0 1px #fffaf0;color:#102541;text-align:center;isolation:isolate} #mayurina-pigmentation-hero .mlp-record::before{content:"";position:absolute;inset:.88cqw;border:1px solid #ba985655;border-radius:inherit;pointer-events:none;z-index:-1} #mayurina-pigmentation-hero .mlp-record::after{content:"✦";position:absolute;left:50%;top:-2.31cqw;transform:translateX(-50%);color:#b38a37;font-size:4.18cqw;line-height:1;text-shadow:0 0 3px #fff9e9;pointer-events:none} #mayurina-pigmentation-hero .mlp-record-label{font-size:clamp(9.9px,2.5025cqw,19.8px);color:#102541;text-align:center;margin:0 0 .66cqw;line-height:1.4;letter-spacing:.025em;white-space:nowrap} #mayurina-pigmentation-hero .mlp-record-main{justify-content:center;gap:.3465cqw;line-height:1.05} #mayurina-pigmentation-hero .mlp-record-number{font-size:9.471cqw;letter-spacing:-.06em;color:#a33245;background:none;-webkit-text-fill-color:currentColor;filter:none} #mayurina-pigmentation-hero .mlp-record-suffix{font-size:3.003cqw;color:#102541;letter-spacing:-.06em} #mayurina-pigmentation-hero .mlp-prices{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2cqw;margin:0 0 3.5cqw} #mayurina-pigmentation-hero .mlp-price{display:flex;flex-direction:column;padding:1.5cqw 1.6cqw 1.3cqw;border-radius:6px;background:#fff5f7} #mayurina-pigmentation-hero .mlp-price--pico{background:#f2fafb} #mayurina-pigmentation-hero .mlp-price-title{display:flex;align-items:center;justify-content:center;min-height:6.2cqw;font-size:clamp(11px,3.1cqw,22px);letter-spacing:-.045em;text-align:center;padding:0 0 .6cqw;line-height:1.15} #mayurina-pigmentation-hero .mlp-price--pico .mlp-price-title{display:block;font-size:clamp(10px,2.6cqw,18px);padding-top:0;line-height:1.12} #mayurina-pigmentation-hero .mlp-price-title small{display:block;font-size:.88em;line-height:1.12;letter-spacing:0} #mayurina-pigmentation-hero .mlp-price-body{min-height:0;flex:1;justify-content:flex-end;padding-top:.8cqw} #mayurina-pigmentation-hero .mlp-regular{font-size:clamp(9px,2.4cqw,15px);text-align:center;margin:0 0 .35cqw;padding:0;line-height:1.2;white-space:nowrap} #mayurina-pigmentation-hero .mlp-regular s{font-size:clamp(10px,2.7cqw,18px)} #mayurina-pigmentation-hero .mlp-amount{justify-content:center;flex-wrap:wrap;column-gap:.3cqw;row-gap:0;line-height:1.05} #mayurina-pigmentation-hero .mlp-label{flex:0 0 100%;font-size:clamp(11px,2.9cqw,18px);line-height:1.1;text-align:left;padding-left:1.5cqw;margin-bottom:0} #mayurina-pigmentation-hero .mlp-price--pico .mlp-label{font-size:clamp(9px,2.45cqw,16px)} #mayurina-pigmentation-hero .mlp-yen-number{font-size:7.9cqw;letter-spacing:-.055em} #mayurina-pigmentation-hero .mlp-yen{font-size:clamp(11px,3cqw,18px)} #mayurina-pigmentation-hero .mlp-tax{font-size:clamp(10px,2.7cqw,16px);letter-spacing:-.07em} #mayurina-pigmentation-hero .mlp-price--pico .mlp-tax{font-size:clamp(9px,2.4cqw,15px)} #mayurina-pigmentation-hero .mlp-price-note{font-size:clamp(10px,2.7cqw,16px);line-height:1.3;margin-top:.6cqw;padding:.45cqw .2cqw;width:100%;letter-spacing:-.035em;white-space:nowrap} #mayurina-pigmentation-hero .mlp-price--pico .mlp-price-note{font-size:clamp(9px,2.4cqw,15px)} #mayurina-pigmentation-hero .mlp-machine{right:.5cqw;width:30%;height:91%} #mayurina-pigmentation-hero .mlp-price--pico .mlp-machine{right:.6cqw;width:34%} #mayurina-pigmentation-hero .mlp-cta{width:76%;font-size:clamp(12px,3.3cqw,18px);padding:2.3cqw 2cqw;min-height:40px;gap:3cqw;box-shadow:inset 0 1px 2px #ffffff30,0 2px 6px #15294910} #mayurina-pigmentation-hero .mlp-arrow{width:1.5cqw;height:1.5cqw;min-width:6px;min-height:6px} #mayurina-pigmentation-hero .mlp-disclosure{position:relative;left:auto;bottom:auto;width:auto;font-size:11px;line-height:1.65;margin:3.5cqw 4cqw 0} #mayurina-pigmentation-hero .mlp-star{width:3.5cqw} #mayurina-pigmentation-hero .mlp-star:nth-child(1){left:58%;top:4cqw} #mayurina-pigmentation-hero .mlp-star:nth-child(2){left:54%;top:9cqw;width:5cqw} #mayurina-pigmentation-hero .mlp-star:nth-child(3){left:61%;top:14cqw} #mayurina-pigmentation-hero .mlp-star:nth-child(4){left:43%;top:22cqw;width:4cqw} #mayurina-pigmentation-hero .mlp-star:nth-child(5){left:4%;top:45cqw;width:4cqw} } @media(prefers-reduced-motion:reduce){#mayurina-pigmentation-hero *,#mayurina-pigmentation-hero *::before,#mayurina-pigmentation-hero *::after{animation:none!important;transition:none!important}} @media print{#mayurina-pigmentation-hero *,#mayurina-pigmentation-hero *::after{animation:none!important}} /* Gold ornament and raised price cards; preserve the approved layout. */ #mayurina-pigmentation-hero .mlp-record{position:relative} @container mlp (min-width:801px){#mayurina-pigmentation-hero .mlp-record-main{padding-left:3.3cqw}} #mayurina-pigmentation-hero .mlp-record-ornament{position:absolute;left:-6%;top:-7%;width:112%;height:112%;overflow:visible;pointer-events:none;z-index:-1;filter:drop-shadow(0 1px 1px #84632335)} #mayurina-pigmentation-hero .mlp-price{border:1.5px solid #c792a0;box-shadow:inset 0 0 0 1px #ffffffd9,0 3px 3px #76544716,0 10px 18px -5px #614f4942,0 19px 30px -13px #58433638} #mayurina-pigmentation-hero .mlp-price--pico{border-color:#7daeb4;box-shadow:inset 0 0 0 1px #ffffffed,0 3px 3px #45676e16,0 10px 18px -5px #35576140,0 19px 30px -13px #35576133} #mayurina-pigmentation-hero .mlp-cta{border:3px solid transparent;background:linear-gradient(135deg,#263958,#102340) padding-box,linear-gradient(115deg,#9b722e 0%,#d9b96e 14%,#fff4cc 26%,#b1843c 41%,#eed59b 56%,#fff9df 63%,#bb924b 79%,#f6e5b5 92%,#9b722e 100%) border-box;box-shadow:inset 0 1px 2px #ffffff40,0 3px 7px #76582b20,0 7px 15px -6px #15294944} #mayurina-pigmentation-hero .mlp-cta:hover{background:linear-gradient(135deg,#354b6d,#152f53) padding-box,linear-gradient(115deg,#9b722e 0%,#d9b96e 14%,#fff4cc 26%,#b1843c 41%,#eed59b 56%,#fff9df 63%,#bb924b 79%,#f6e5b5 92%,#9b722e 100%) border-box;box-shadow:inset 0 1px 2px #ffffff40,0 7px 18px #15294930} #mayurina-pigmentation-hero .mlp-price{overflow:visible} #mayurina-pigmentation-hero .mlp-price-medal{position:absolute;left:-1.6cqw;top:-3.8cqw;width:4.8cqw;z-index:4;pointer-events:none;filter:drop-shadow(0 3px 3px #6550214a)} #mayurina-pigmentation-hero .mlp-price-medal svg{display:block;width:100%;height:auto;overflow:visible} @container mlp (min-width:801px){ #mayurina-pigmentation-hero .mlp-price-medal{width:4.2cqw;left:-2.25cqw;top:-.55cqw} } @container mlp (max-width:800px){ #mayurina-pigmentation-hero .mlp-price-medal{width:8cqw;left:-1.6cqw;top:-7.4cqw} } @container mlp (max-width:800px){ #mayurina-pigmentation-hero .mlp-record{position:absolute;box-shadow:0 3px 9px #92713524,inset 0 0 0 1px #fffaf0} #mayurina-pigmentation-hero .mlp-record::after{display:none} #mayurina-pigmentation-hero .mlp-record-ornament{left:-17%;top:-18%;width:134%;height:136%;z-index:-1} #mayurina-pigmentation-hero .mlp-price{border-width:1px;box-shadow:inset 0 0 0 1px #ffffffd9,0 3px 4px #76544715,0 8px 12px -4px #614f4947} #mayurina-pigmentation-hero .mlp-price--pico{box-shadow:inset 0 0 0 1px #ffffffed,0 3px 4px #45676e15,0 8px 12px -4px #35576143} #mayurina-pigmentation-hero .mlp-cta{border-width:2.5px} } #mayurina-pigmentation-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-pigmentation-body *,#mayurina-pigmentation-body *::before,#mayurina-pigmentation-body *::after{box-sizing:border-box} #mayurina-pigmentation-body :where(h2,h3,h4,p,figure,ul,ol,dl,dd){margin:0;padding:0} #mayurina-pigmentation-body :where(h2,h3,h4){color:var(--ink);background:none;border:0;position:static} #mayurina-pigmentation-body :where(h2,h3,h4)::before,#mayurina-pigmentation-body :where(h2,h3,h4)::after{content:none} #mayurina-pigmentation-body :where(p+p,p+ul,p+ol,p+dl){margin-top:1em} #mayurina-pigmentation-body a{color:var(--teal);text-underline-offset:4px;text-decoration-thickness:1px} #mayurina-pigmentation-body a:focus-visible,#mayurina-pigmentation-body summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px} #mayurina-pigmentation-body :where(img,svg){display:block;max-width:100%} #mayurina-pigmentation-body img{height:auto;border:0;margin:0} #mayurina-pigmentation-body .mlb-inner{width:min(100% - 72px,1080px);margin:0 auto} #mayurina-pigmentation-body .mlb-section{padding:78px 0;scroll-margin-top:24px} #mayurina-pigmentation-body .mlb-section--tint{background:var(--ivory)} #mayurina-pigmentation-body .mlb-head{margin-bottom:30px} #mayurina-pigmentation-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-pigmentation-body .mlb-kicker::before{content:"";width:38px;height:1px;background:var(--gold)} #mayurina-pigmentation-body .mlb-head h2{font:500 clamp(23px,2.8cqw,34px)/1.55 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.04em} #mayurina-pigmentation-body h3{font-size:20px;line-height:1.65;font-weight:600;margin-bottom:12px} #mayurina-pigmentation-body .mlb-lead{max-width:850px;margin-bottom:28px} #mayurina-pigmentation-body .mlb-note{font-size:13px;line-height:1.8;color:#626967;margin-top:16px} #mayurina-pigmentation-body #mlb-about .mlb-title-phrase{display:inline-block} #mayurina-pigmentation-body .mlb-source{font-size:12px;margin-top:14px} #mayurina-pigmentation-body .mlb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} #mayurina-pigmentation-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-pigmentation-body .mlb-btn::after{content:"→";color:var(--gold)} #mayurina-pigmentation-body .mlb-btn:hover{background:#f6f1e5;border-color:#8a6f3e} #mayurina-pigmentation-body .mlb-btn--primary{background:var(--ink);color:white;border-color:var(--ink)} #mayurina-pigmentation-body .mlb-btn--primary:hover{background:#294663} #mayurina-pigmentation-body .mlb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center} #mayurina-pigmentation-body .mlb-toc{padding:28px 0;border-bottom:1px solid var(--line);background:#fffdf8} #mayurina-pigmentation-body .mlb-toc-title{font-size:12px;letter-spacing:.16em;color:#827455;text-align:center;margin-bottom:14px} #mayurina-pigmentation-body .mlb-toc-list{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} #mayurina-pigmentation-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-pigmentation-body .mlb-toc-list a::after{content:"↓";color:var(--gold)} #mayurina-pigmentation-body .mlb-intro-copy h3:not(:first-child){margin-top:26px} #mayurina-pigmentation-body .mlb-diagram{background:#fbf8f1;border:1px solid #e6dfd1;border-radius:14px;padding:24px;min-width:0} #mayurina-pigmentation-body .mlb-diagram figcaption{font-size:13px;line-height:1.7;text-align:center;color:#5d635f;margin-top:12px} #mayurina-pigmentation-body .mlb-diagram-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:14px;text-align:center} #mayurina-pigmentation-body .mlb-diagram svg{width:100%;height:auto} #mayurina-pigmentation-body .mlb-diagrams{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin:30px 0} #mayurina-pigmentation-body .mlb-area-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:13px} #mayurina-pigmentation-body .mlb-area-tags span{padding:2px 18px;border:1px solid #d5c6a6;border-radius:30px;background:#fff} #mayurina-pigmentation-body .mlb-face-main{max-height:230px} #mayurina-pigmentation-body .mlb-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin-top:30px} #mayurina-pigmentation-body .mlb-photos figure{padding:12px;background:#f6f3ed} #mayurina-pigmentation-body .mlb-photos img{width:100%;max-height:330px;object-fit:contain} #mayurina-pigmentation-body .mlb-photos figcaption{font-size:12px;color:#646864;padding-top:8px;text-align:center} #mayurina-pigmentation-body .mlb-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0} #mayurina-pigmentation-body .mlb-type{padding:18px 14px 20px;border:1px solid #ded8cc;border-top:3px solid #b49a61;background:#fff;border-radius:5px} #mayurina-pigmentation-body .mlb-type:first-child{border-color:#b49a61;background:#fffdf6} #mayurina-pigmentation-body .mlb-type svg{width:100%;max-height:150px;margin:0 auto 12px} #mayurina-pigmentation-body .mlb-type h3{font-size:16px;text-align:center;line-height:1.5;margin-bottom:10px} #mayurina-pigmentation-body .mlb-type p{font-size:13px;line-height:1.9} #mayurina-pigmentation-body .mlb-callout{border-left:3px solid #b69a60;background:#fff;padding:18px 22px;margin:22px 0;font-size:14px} #mayurina-pigmentation-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-pigmentation-body .mlb-treatment--pico{border-color:#cddedf;border-top-color:#397781;background:linear-gradient(120deg,#f4fbfb,#fff)} #mayurina-pigmentation-body .mlb-treatment .mlb-treatment-copy{min-width:0} #mayurina-pigmentation-body .mlb-treatment h3{font:500 24px/1.55 "Yu Mincho",serif;color:var(--rose);margin-bottom:16px} #mayurina-pigmentation-body .mlb-treatment--pico h3{color:var(--teal)} #mayurina-pigmentation-body .mlb-treatment p{font-size:14px;line-height:1.9} #mayurina-pigmentation-body .mlb-treatment img{align-self:center;width:100%;max-height:190px;object-fit:contain} #mayurina-pigmentation-body .mlb-treatment .mlb-btn{margin-top:20px;font-size:12px;padding:9px 16px;gap:8px} #mayurina-pigmentation-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-pigmentation-body .mlb-guide-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #mayurina-pigmentation-body .mlb-guide-grid::before{content:"";position:absolute;left:50%;top:-30px;height:30px;border-left:1px solid #c6b48e} #mayurina-pigmentation-body details{border:1px solid #ded8cc;border-radius:7px;background:#fff;overflow:hidden} #mayurina-pigmentation-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-pigmentation-body summary::-webkit-details-marker{display:none} #mayurina-pigmentation-body summary::after{content:"＋";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--gold)} #mayurina-pigmentation-body details[open]>summary::after{content:"−"} #mayurina-pigmentation-body details[open]>summary{border-bottom:1px solid #ebe5d9;background:#fffdf8} #mayurina-pigmentation-body .mlb-guide-number{font:italic 24px/1 Georgia,serif;color:var(--gold);margin-right:12px} #mayurina-pigmentation-body .mlb-panel{padding:20px 22px;font-size:14px;line-height:1.9} #mayurina-pigmentation-body .mlb-panel .mlb-actions{margin-top:16px} #mayurina-pigmentation-body .mlb-panel .mlb-btn{font-size:12px;padding:9px 14px;min-height:42px;gap:8px} #mayurina-pigmentation-body .mlb-compare{margin-top:28px;border:1px solid #dbd6cc;border-radius:8px;overflow:hidden} #mayurina-pigmentation-body .mlb-compare-head,#mayurina-pigmentation-body .mlb-compare-row{display:grid;grid-template-columns:150px 1fr 1fr} #mayurina-pigmentation-body .mlb-compare-head{background:var(--ink);color:white} #mayurina-pigmentation-body .mlb-compare-head>div{padding:17px;text-align:center;font-size:16px;font-weight:600} #mayurina-pigmentation-body .mlb-compare-row+ .mlb-compare-row{border-top:1px solid #ded8cc} #mayurina-pigmentation-body .mlb-compare-row h3{font-size:14px;font-weight:500;margin:0;padding:22px 18px;background:#f5f2e9;display:flex;align-items:center} #mayurina-pigmentation-body .mlb-compare-cell{padding:22px;font-size:14px;line-height:1.85;background:#fffcfd} #mayurina-pigmentation-body .mlb-compare-cell:last-child{border-left:1px solid #e1dccc;background:#f8fcfc} #mayurina-pigmentation-body .mlb-compare-label{display:none} #mayurina-pigmentation-body .mlb-combo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #d7cebc} #mayurina-pigmentation-body .mlb-combo-item{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #d7cebc} #mayurina-pigmentation-body .mlb-combo-item dt{font-size:14px;font-weight:600;color:var(--ink);line-height:1.7} #mayurina-pigmentation-body .mlb-combo-item dd{font-size:13px;line-height:1.9} #mayurina-pigmentation-body .mlb-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px} #mayurina-pigmentation-body .mlb-case{border:1px solid #ddd5c7;border-radius:8px;overflow:hidden;background:#fff} #mayurina-pigmentation-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-pigmentation-body .mlb-case-placeholder span{font:32px/1.3 Georgia,serif;color:#b7a789} #mayurina-pigmentation-body .mlb-case-placeholder p{font-size:13px;margin:0} #mayurina-pigmentation-body .mlb-case-info{padding:18px 22px;font-size:13px;line-height:1.8} #mayurina-pigmentation-body .mlb-case-info h3{font-size:16px;margin-bottom:6px} #mayurina-pigmentation-body .mlb-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} #mayurina-pigmentation-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-pigmentation-body .mlb-media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain} #mayurina-pigmentation-body .mlb-media span{display:block;padding:12px 5px 8px;font-size:13px;line-height:1.6;text-align:center;color:var(--ink)} #mayurina-pigmentation-body .mlb-media a:hover{box-shadow:0 5px 20px #22344d15} #mayurina-pigmentation-body .mlb-hands{border:1px solid #758b96;border-radius:12px;overflow:hidden;background:#f7faf9} #mayurina-pigmentation-body .mlb-hands-top{position:relative;min-height:320px;display:grid;grid-template-columns:1.05fr 1fr;background:#f5f4ee} #mayurina-pigmentation-body .mlb-hands-copy{position:relative;z-index:1;padding:34px} #mayurina-pigmentation-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-pigmentation-body .mlb-hands-copy h3{font:500 27px/1.65 "Yu Mincho",serif} #mayurina-pigmentation-body .mlb-hands-photo{width:100%;height:100%;object-fit:cover;min-height:320px} #mayurina-pigmentation-body .mlb-hands-copy p{font-size:14px} #mayurina-pigmentation-body .mlb-hands-bottom{padding:30px 34px;background:#f8fbfb} #mayurina-pigmentation-body .mlb-hand-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px} #mayurina-pigmentation-body .mlb-hand-price{padding:18px;background:#fff;border:1px solid #d2dedf;text-align:center} #mayurina-pigmentation-body .mlb-hand-price dt{font-size:12px;margin-bottom:7px} #mayurina-pigmentation-body .mlb-hand-price dd{font-size:17px;color:var(--teal);font-weight:600} #mayurina-pigmentation-body .mlb-arm-case{margin-top:30px;border-top:1px solid #cbd7d6;padding-top:28px} #mayurina-pigmentation-body .mlb-arm-case h3{font-size:19px} #mayurina-pigmentation-body .mlb-arm-case img{max-width:640px;width:100%;height:auto;margin:16px auto} #mayurina-pigmentation-body .mlb-arm-case p{font-size:13px;line-height:1.8} #mayurina-pigmentation-body .mlb-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:30px 0} #mayurina-pigmentation-body .mlb-flow li{position:relative;background:#fff;border:1px solid #ded6c6;padding:23px 20px;border-radius:8px} #mayurina-pigmentation-body .mlb-flow li:not(:last-child)::after{content:"→";position:absolute;right:-21px;top:45%;color:var(--gold)} #mayurina-pigmentation-body .mlb-flow span{font:28px/1 Georgia,serif;color:var(--gold);display:block;margin-bottom:13px} #mayurina-pigmentation-body .mlb-flow strong{display:block;font-size:15px;color:var(--ink);line-height:1.7} #mayurina-pigmentation-body .mlb-price-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px} #mayurina-pigmentation-body .mlb-price-table{border:1px solid #e0d2d6;border-top:4px solid #a16778;border-radius:7px;padding:25px;background:#fffcfd} #mayurina-pigmentation-body .mlb-price-table:last-child{background:#f9fcfc;border-color:#cbdcde;border-top-color:#397781} #mayurina-pigmentation-body .mlb-price-table h3{font-size:21px} #mayurina-pigmentation-body .mlb-price-table p{font-size:13px;margin-bottom:14px} #mayurina-pigmentation-body table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed} #mayurina-pigmentation-body th,#mayurina-pigmentation-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-pigmentation-body th{font-size:12px;color:#62665f;font-weight:500} #mayurina-pigmentation-body .mlb-price-table td:last-child,#mayurina-pigmentation-body .mlb-price-table th:last-child{width:40%;text-align:right;white-space:nowrap} #mayurina-pigmentation-body .mlb-price-table td:last-child{font-weight:600;color:var(--ink)} #mayurina-pigmentation-body .mlb-price-table tbody tr:first-child td{background:#f6efdf} #mayurina-pigmentation-body .mlb-price-table tbody tr:last-child td{border-bottom:0} #mayurina-pigmentation-body .mlb-faq{display:grid;gap:12px} #mayurina-pigmentation-body .mlb-faq summary{font-size:15px;font-weight:500;padding-left:57px} #mayurina-pigmentation-body .mlb-faq summary::before{content:"Q";position:absolute;left:23px;top:20px;font:23px/1.2 Georgia,serif;color:var(--gold)} #mayurina-pigmentation-body .mlb-faq .mlb-panel{padding-left:57px} #mayurina-pigmentation-body .mlb-precautions{padding:28px 32px;background:#f1eee6;border:1px solid #e3ddcf;border-radius:8px} #mayurina-pigmentation-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-pigmentation-body .mlb-precaution-row dt{font-weight:600;color:var(--ink)} #mayurina-pigmentation-body .mlb-precaution-row:first-child{padding-top:0} #mayurina-pigmentation-body .mlb-consult-note{background:#fff;padding:18px 22px;font-size:13px;line-height:1.85;margin-top:22px} #mayurina-pigmentation-body .mlb-device-note{font-size:12px;line-height:1.9;margin-top:20px} #mayurina-pigmentation-body .mlb-device-note strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px} #mayurina-pigmentation-body .mlb-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none} #mayurina-pigmentation-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-pigmentation-body .mlb-column-thumb{display:block;aspect-ratio:16/9;background:#f7f4ed;overflow:hidden} #mayurina-pigmentation-body .mlb-column-thumb img{width:100%;height:100%;object-fit:cover} #mayurina-pigmentation-body .mlb-column--contain .mlb-column-thumb img{object-fit:contain;background:#fff} #mayurina-pigmentation-body .mlb-column-copy{padding:12px 14px 16px;display:block} #mayurina-pigmentation-body .mlb-column-category{display:block;font-size:11px;color:#907749;margin-bottom:6px} #mayurina-pigmentation-body .mlb-column-title{font-size:14px;line-height:1.7;font-weight:600;display:block} #mayurina-pigmentation-body .mlb-column a:hover .mlb-column-title{text-decoration:underline;text-underline-offset:4px} #mayurina-pigmentation-body .mlb-contact{text-align:center;background:linear-gradient(120deg,#f5efdf,#fffcf5 50%,#ede8dc)} #mayurina-pigmentation-body .mlb-contact .mlb-kicker{justify-content:center} #mayurina-pigmentation-body .mlb-contact .mlb-lead{margin:0 auto 22px;max-width:760px} #mayurina-pigmentation-body .mlb-contact .mlb-actions{justify-content:center} #mayurina-pigmentation-body .mlb-doctor-heading{margin-top:55px} #mayurina-pigmentation-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-pigmentation-body .mlb-supervisor-photo{text-align:center;margin-bottom:20px} #mayurina-pigmentation-body .mlb-supervisor-photo img{width:100px;height:100px;border-radius:50%;object-fit:cover;display:block;margin:0 auto} #mayurina-pigmentation-body .mlb-supervisor-info{font-size:13px;line-height:1.8;color:#333;text-align:left} #mayurina-pigmentation-body .mlb-supervisor-label{font-size:15px;font-weight:bold;margin-top:13px;margin-bottom:6px;display:block;color:#111} #mayurina-pigmentation-body .mlb-supervisor-small{font-size:15px;line-height:1.6;color:#222} #mayurina-pigmentation-body .mlb-supervisor-small ul{list-style:none;padding:0;margin:14px 0} #mayurina-pigmentation-body .mlb-supervisor-small li{padding:3px 0;font-size:14px} #mayurina-pigmentation-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-pigmentation-body .mlb-inner{width:calc(100% - 40px)} #mayurina-pigmentation-body .mlb-section{padding:52px 0} #mayurina-pigmentation-body .mlb-types{grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-pigmentation-body .mlb-type:first-child{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;column-gap:18px} #mayurina-pigmentation-body .mlb-type:first-child svg{grid-row:1/3;margin:0} #mayurina-pigmentation-body .mlb-type:first-child h3{text-align:left;align-self:end} #mayurina-pigmentation-body .mlb-combo{grid-template-columns:1fr} #mayurina-pigmentation-body .mlb-treatment{grid-template-columns:1fr 65px;padding:22px;gap:12px} #mayurina-pigmentation-body .mlb-treatment h3{font-size:21px} #mayurina-pigmentation-body .mlb-toc-list{grid-template-columns:repeat(3,minmax(0,1fr))} #mayurina-pigmentation-body .mlb-toc{padding:20px 0} #mayurina-pigmentation-body .mlb-flow{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-pigmentation-body .mlb-flow li::after{display:none} #mayurina-pigmentation-body .mlb-media,#mayurina-pigmentation-body .mlb-columns{grid-template-columns:repeat(2,minmax(0,1fr))} #mayurina-pigmentation-body .mlb-hands-top{grid-template-columns:1fr 1fr;min-height:0} #mayurina-pigmentation-body .mlb-hands-copy{padding:26px} #mayurina-pigmentation-body .mlb-hands-copy h3{font-size:23px} #mayurina-pigmentation-body .mlb-hand-prices{grid-template-columns:1fr} #mayurina-pigmentation-body .mlb-hand-price{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:12px 16px} #mayurina-pigmentation-body .mlb-hand-price dt{margin:0} #mayurina-pigmentation-body .mlb-hand-price dd{white-space:nowrap;font-size:16px} } @container mlbody (max-width:560px){ #mayurina-pigmentation-body .mlb-inner{width:calc(100% - 32px)} #mayurina-pigmentation-body .mlb-section{padding:42px 0} #mayurina-pigmentation-body .mlb-head{margin-bottom:22px} #mayurina-pigmentation-body .mlb-head h2{font-size:23px;line-height:1.65} #mayurina-pigmentation-body .mlb-kicker{font-size:10px;margin-bottom:8px} #mayurina-pigmentation-body .mlb-two,#mayurina-pigmentation-body .mlb-diagrams,#mayurina-pigmentation-body .mlb-photos,#mayurina-pigmentation-body .mlb-price-tables,#mayurina-pigmentation-body .mlb-case-grid{grid-template-columns:1fr;gap:20px} #mayurina-pigmentation-body .mlb-intro-copy p,#mayurina-pigmentation-body .mlb-lead{font-size:15px} #mayurina-pigmentation-body h3{font-size:18px} #mayurina-pigmentation-body .mlb-diagram{padding:18px 14px} #mayurina-pigmentation-body .mlb-diagrams{margin:24px 0} #mayurina-pigmentation-body .mlb-diagram-title{font-size:15px} #mayurina-pigmentation-body .mlb-face-main{max-height:190px} #mayurina-pigmentation-body .mlb-type{padding:14px 11px} #mayurina-pigmentation-body .mlb-type h3{font-size:15px} #mayurina-pigmentation-body .mlb-type p{font-size:12px;line-height:1.85} #mayurina-pigmentation-body .mlb-type:first-child{grid-template-columns:85px 1fr;gap:8px 12px} #mayurina-pigmentation-body .mlb-types{gap:12px} #mayurina-pigmentation-body .mlb-callout{padding:16px;font-size:13px} #mayurina-pigmentation-body .mlb-treatment{grid-template-columns:1fr 75px;padding:23px 18px;gap:16px} #mayurina-pigmentation-body .mlb-treatment h3{font-size:20px} #mayurina-pigmentation-body .mlb-treatment img{max-height:145px} #mayurina-pigmentation-body .mlb-treatment .mlb-btn{font-size:11px;padding:8px 10px} #mayurina-pigmentation-body .mlb-guide-grid{grid-template-columns:1fr;gap:12px} #mayurina-pigmentation-body summary{padding:17px 42px 17px 17px;font-size:15px;min-height:59px} #mayurina-pigmentation-body summary::after{right:16px} #mayurina-pigmentation-body .mlb-panel{padding:17px;font-size:14px} #mayurina-pigmentation-body .mlb-compare-head{grid-template-columns:1fr 1fr} #mayurina-pigmentation-body .mlb-compare-head>div{padding:14px 8px;font-size:13px;line-height:1.6} #mayurina-pigmentation-body .mlb-compare-head>div:first-child{display:none} #mayurina-pigmentation-body .mlb-compare-row{grid-template-columns:1fr 1fr} #mayurina-pigmentation-body .mlb-compare-row h3{grid-column:1/-1;padding:9px 12px;font-size:13px;border-bottom:1px solid #ded8cc} #mayurina-pigmentation-body .mlb-compare-cell{padding:13px 11px;font-size:13px;line-height:1.85} #mayurina-pigmentation-body .mlb-compare-label{display:block;font-size:10px;font-weight:600;color:#926073;margin-bottom:5px;line-height:1.5} #mayurina-pigmentation-body .mlb-compare-cell:last-child .mlb-compare-label{color:var(--teal)} #mayurina-pigmentation-body .mlb-combo-item{grid-template-columns:110px 1fr;gap:14px;padding:18px 0} #mayurina-pigmentation-body .mlb-combo-item dt{font-size:13px} #mayurina-pigmentation-body .mlb-combo-item dd{font-size:13px} #mayurina-pigmentation-body .mlb-case-placeholder{aspect-ratio:2.4} #mayurina-pigmentation-body .mlb-case-info{padding:16px} #mayurina-pigmentation-body .mlb-media{gap:14px} #mayurina-pigmentation-body .mlb-media span{font-size:11px;padding:9px 2px 5px} #mayurina-pigmentation-body .mlb-hands-top{display:flex;flex-direction:column-reverse} #mayurina-pigmentation-body .mlb-hands-photo{min-height:0;height:190px;object-position:center} #mayurina-pigmentation-body .mlb-hands-copy{padding:22px} #mayurina-pigmentation-body .mlb-hands-copy h3{font-size:24px} #mayurina-pigmentation-body .mlb-hands-bottom{padding:20px} #mayurina-pigmentation-body .mlb-hand-price{padding:12px;gap:8px} #mayurina-pigmentation-body .mlb-hand-price dt{font-size:11px;line-height:1.8} #mayurina-pigmentation-body .mlb-hand-price dd{font-size:14px} #mayurina-pigmentation-body .mlb-hand-prices{gap:9px} #mayurina-pigmentation-body .mlb-flow{gap:12px} #mayurina-pigmentation-body .mlb-flow li{padding:18px 14px} #mayurina-pigmentation-body .mlb-flow strong{font-size:13px} #mayurina-pigmentation-body .mlb-flow span{font-size:24px} #mayurina-pigmentation-body .mlb-price-table{padding:20px 16px} #mayurina-pigmentation-body .mlb-price-table h3{font-size:21px} #mayurina-pigmentation-body .mlb-price-table td{font-size:13px;padding:12px 5px} #mayurina-pigmentation-body .mlb-price-table td:last-child{width:42%} #mayurina-pigmentation-body .mlb-faq summary{font-size:14px;padding-left:45px} #mayurina-pigmentation-body .mlb-faq summary::before{left:16px;top:18px;font-size:21px} #mayurina-pigmentation-body .mlb-faq .mlb-panel{padding-left:20px} #mayurina-pigmentation-body .mlb-precautions{padding:22px 18px} #mayurina-pigmentation-body .mlb-precaution-row{grid-template-columns:1fr;gap:5px;padding:13px 0;font-size:13px} #mayurina-pigmentation-body .mlb-consult-note{padding:15px;font-size:12px} #mayurina-pigmentation-body .mlb-columns{gap:12px} #mayurina-pigmentation-body .mlb-column-copy{padding:9px 10px 13px} #mayurina-pigmentation-body .mlb-column-title{font-size:12px} #mayurina-pigmentation-body .mlb-column-category{font-size:10px} #mayurina-pigmentation-body .mlb-contact .mlb-actions{flex-direction:column} #mayurina-pigmentation-body .mlb-contact .mlb-btn{width:100%;max-width:340px} #mayurina-pigmentation-body .mlb-supervisor-box{padding:24px} #mayurina-pigmentation-body .mlb-toc-list a{font-size:11px;gap:6px;padding:9px 2px} } @media(prefers-reduced-motion:reduce){#mayurina-pigmentation-body *,#mayurina-pigmentation-body *::before,#mayurina-pigmentation-body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @media print{#mayurina-pigmentation-body *{animation:none!important}#mayurina-pigmentation-body details .mlb-panel{display:block!important}} /* 2026-09-27: 見出し・図解差し込み枠・色分けカード */ #mayurina-pigmentation-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-pigmentation-body .mlb-head h2>.mlb-heading-text{min-width:0;text-wrap:balance} #mayurina-pigmentation-body .mlb-head h2::after{content:"✦";margin-left:auto;align-self:center;color:#b18d49;font-size:24px;flex:none} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-head--3 h2::after{content:none} #mayurina-pigmentation-body .mlb-heading-pre{display:block;font-size:.78em;margin-bottom:4px} #mayurina-pigmentation-body .mlb-mobile-break{display:none} #mayurina-pigmentation-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-pigmentation-body .mlb-heading-icon::before{content:"";position:absolute;left:20px;top:16px;width:25px;height:25px;border:3px solid #fff8de;border-radius:50%} #mayurina-pigmentation-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-pigmentation-body .mlb-head--5{text-align:center} #mayurina-pigmentation-body .mlb-head--5 .mlb-kicker{justify-content:center} #mayurina-pigmentation-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-pigmentation-body .mlb-head--5 h2::after{content:none} #mayurina-pigmentation-body .mlb-heading-spark{color:#8d6a27;font:30px/1 Georgia,serif;flex:none;text-shadow:1px 1px #fff} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-image-slot figcaption{display:flex;flex-direction:column;gap:8px;line-height:1.6;color:#716a5e;font-size:12px} #mayurina-pigmentation-body .mlb-image-slot figcaption strong{font-size:15px;font-weight:600;color:#615947} #mayurina-pigmentation-body .mlb-slot-icon{display:block;position:relative;width:34px;height:27px;border:1px solid #bcb29d;border-radius:4px;background:#fff} #mayurina-pigmentation-body .mlb-slot-icon::before{content:"＋";position:absolute;inset:0;color:#a09378;font:22px/25px sans-serif;text-align:center} #mayurina-pigmentation-body .mlb-image-slot--compact{min-height:134px;gap:13px;padding:14px 8px;margin-bottom:16px;border-radius:8px} #mayurina-pigmentation-body .mlb-image-slot--compact figcaption strong{font-size:12px} #mayurina-pigmentation-body .mlb-image-slot--compact figcaption span{font-size:10px} #mayurina-pigmentation-body .mlb-type h3{display:block;background:#ece4d1;padding:7px 5px;border-radius:5px;color:#413b2f} #mayurina-pigmentation-body .mlb-type:first-child h3{background:#decda7} #mayurina-pigmentation-body .mlb-treatment h3{padding-bottom:12px;border-bottom:2px solid #cd98aa} #mayurina-pigmentation-body .mlb-treatment--pico h3{border-bottom-color:#92b9bd} #mayurina-pigmentation-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-pigmentation-body .mlb-guide-card--2{--card-ink:#245c61;--card-bg:#cce9e4;--card-edge:#73a6a2} #mayurina-pigmentation-body .mlb-guide-card--3{--card-ink:#5c487c;--card-bg:#e2d8f1;--card-edge:#a294bc} #mayurina-pigmentation-body .mlb-guide-card--4{--card-ink:#765021;--card-bg:#f4e0b0;--card-edge:#bc9b5b} #mayurina-pigmentation-body .mlb-guide-card>summary,#mayurina-pigmentation-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-pigmentation-body .mlb-guide-card[open]>summary{border-bottom:1px solid var(--card-edge)} #mayurina-pigmentation-body .mlb-guide-card>summary::after{color:var(--card-ink)} #mayurina-pigmentation-body .mlb-guide-card>summary:hover{filter:brightness(1.025)} #mayurina-pigmentation-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-pigmentation-body .mlb-guide-grid{gap:22px} #mayurina-pigmentation-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-pigmentation-body .mlb-combo-shell>.mlb-lead{color:#fff;max-width:none;font-size:15px} #mayurina-pigmentation-body .mlb-combo-shell>.mlb-lead .mlb-emphasis{color:#fff;text-decoration-color:#f2c48d} #mayurina-pigmentation-body .mlb-combo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0} #mayurina-pigmentation-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-pigmentation-body .mlb-combo-item--2{--combo-accent:#397973;--combo-tint:#eaf6f1} #mayurina-pigmentation-body .mlb-combo-item--3{--combo-accent:#7e6298;--combo-tint:#f2edfa} #mayurina-pigmentation-body .mlb-combo-item--4{--combo-accent:#9b753a;--combo-tint:#fff5df} #mayurina-pigmentation-body .mlb-combo-item--5{--combo-accent:#a26378;--combo-tint:#fbedf1} #mayurina-pigmentation-body .mlb-combo-item--6{--combo-accent:#5b7b4b;--combo-tint:#eef5e6} #mayurina-pigmentation-body .mlb-combo-item--7{--combo-accent:#39788e;--combo-tint:#eaf5fc;grid-column:1/-1} #mayurina-pigmentation-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-pigmentation-body .mlb-combo-item h3{font-size:21px;line-height:1.5;color:var(--combo-accent);margin:0 0 18px;padding-left:39px} #mayurina-pigmentation-body .mlb-combo-card-body{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center} #mayurina-pigmentation-body .mlb-combo-card-body p{font-size:14px;line-height:1.85;min-width:0} #mayurina-pigmentation-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-pigmentation-body .mlb-combo-photo img{width:100%;height:122px;object-fit:contain} #mayurina-pigmentation-body .mlb-combo-photo figcaption{font-size:10px;line-height:1.5;text-align:center;color:#6d7476} #mayurina-pigmentation-body .mlb-combo-photo--pending{border-style:dashed;gap:16px;background:#ffffffa0} #mayurina-pigmentation-body .mlb-combo-footer{margin-top:24px;padding:20px 24px;border-radius:10px;background:#fafffc;font-size:14px;line-height:1.85} #mayurina-pigmentation-body .mlb-combo-footer p+p{font-size:12px} #mayurina-pigmentation-body #mlb-media{background:radial-gradient(ellipse at top left,#f4f9df,transparent 65%),linear-gradient(130deg,#e8f0cc,#eff6d8 45%,#dfeabc)} #mayurina-pigmentation-body #mlb-media .mlb-head h2{background:linear-gradient(100deg,#dbe6b8,#f7fbea);border-color:#9dae6c;border-left-color:#738842} #mayurina-pigmentation-body #mlb-media .mlb-media a{border-color:#becb9a;box-shadow:0 4px 12px #56712b10} #mayurina-pigmentation-body #mlb-flow .mlb-image-slot{margin:26px 0 16px;min-height:200px} #mayurina-pigmentation-body .mlb-flow-text{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 22px} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-photo-flow-step:not(:last-child)::after{content:"›";position:absolute;right:-15px;top:38%;color:#ad8a47;font:25px/1 Georgia,serif} #mayurina-pigmentation-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-pigmentation-body .mlb-photo-flow-image{height:110px;background:#fff;border-radius:5px;overflow:hidden} #mayurina-pigmentation-body .mlb-photo-flow-image img{display:block;width:100%;height:100%;object-fit:contain} #mayurina-pigmentation-body .mlb-photo-flow-caption{padding:8px 2px 3px;text-align:center} #mayurina-pigmentation-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-pigmentation-body .mlb-photo-flow-caption h3 span{display:block} #mayurina-pigmentation-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-pigmentation-body .mlb-photo-flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;margin:20px 0 18px} #mayurina-pigmentation-body .mlb-photo-flow-step{grid-column:span 2;padding:4px;border-radius:6px} #mayurina-pigmentation-body .mlb-photo-flow-step:nth-child(4){grid-column:2/span 2} #mayurina-pigmentation-body .mlb-photo-flow-step::after{display:none} #mayurina-pigmentation-body .mlb-photo-flow-image{height:65px} #mayurina-pigmentation-body .mlb-photo-flow-number{width:20px;height:20px;font-size:13px;left:2px;top:2px} #mayurina-pigmentation-body .mlb-photo-flow-caption{padding:5px 0 2px} #mayurina-pigmentation-body .mlb-photo-flow-caption h3{font-size:11px;line-height:1.4} #mayurina-pigmentation-body .mlb-photo-flow-caption p{font-size:10px;line-height:1.4} } @container mlbody (max-width:360px){ #mayurina-pigmentation-body .mlb-photo-flow-caption h3{font-size:10px;text-wrap:balance} #mayurina-pigmentation-body .mlb-photo-flow-caption p{font-size:9px;text-wrap:balance} } #mayurina-pigmentation-body .mlb-price-table h3,#mayurina-pigmentation-body .mlb-case-info h3,#mayurina-pigmentation-body .mlb-arm-case h3{padding-bottom:10px;border-bottom:2px solid #d5bd8e} #mayurina-pigmentation-body .mlb-contact .mlb-head h2{justify-content:center} #mayurina-pigmentation-body .mlb-contact .mlb-head h2::after{margin-left:0} @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-combo{grid-template-columns:1fr} #mayurina-pigmentation-body .mlb-type:first-child .mlb-image-slot{grid-row:1/3;margin:0;min-height:132px} #mayurina-pigmentation-body .mlb-type:first-child h3{align-self:end;text-align:center;margin:0} #mayurina-pigmentation-body .mlb-type:first-child p{align-self:start} #mayurina-pigmentation-body .mlb-combo-shell{padding:26px} } @container mlbody (max-width:560px){ #mayurina-pigmentation-body .mlb-inner{line-height:1.75} #mayurina-pigmentation-body :where(p+p,p+ul,p+ol,p+dl){margin-top:.8em} #mayurina-pigmentation-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-pigmentation-body .mlb-head h2::after{font-size:17px} #mayurina-pigmentation-body .mlb-head--3 h2{display:block;text-align:center;border:2px solid #7c9b9d;border-radius:20px;padding:20px 12px;font-size:21px} #mayurina-pigmentation-body .mlb-mobile-break{display:block} #mayurina-pigmentation-body .mlb-heading-main{display:block;text-wrap:balance} #mayurina-pigmentation-body .mlb-heading-icon{display:block;margin:0 auto 16px;width:68px;height:68px;border-width:4px} #mayurina-pigmentation-body .mlb-heading-icon::before{left:16px;top:12px;width:24px;height:24px} #mayurina-pigmentation-body .mlb-heading-icon::after{left:37px;top:36px;width:15px} #mayurina-pigmentation-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-pigmentation-body .mlb-heading-spark{font-size:25px} #mayurina-pigmentation-body .mlb-head--5 h2>span:last-child{text-wrap:balance} #mayurina-pigmentation-body .mlb-emphasis{text-decoration-thickness:3px;text-underline-offset:3px} #mayurina-pigmentation-body .mlb-image-slot{min-height:190px;padding:20px} #mayurina-pigmentation-body .mlb-image-slot--compact{min-height:123px;padding:12px 6px} #mayurina-pigmentation-body .mlb-type:first-child{grid-template-columns:105px 1fr} #mayurina-pigmentation-body .mlb-type p{line-height:1.7;font-size:13px} #mayurina-pigmentation-body .mlb-treatment p,#mayurina-pigmentation-body .mlb-panel,#mayurina-pigmentation-body .mlb-compare-cell,#mayurina-pigmentation-body .mlb-case-info,#mayurina-pigmentation-body .mlb-arm-case p,#mayurina-pigmentation-body .mlb-note,#mayurina-pigmentation-body .mlb-precaution-row,#mayurina-pigmentation-body .mlb-consult-note,#mayurina-pigmentation-body .mlb-device-note{line-height:1.7} #mayurina-pigmentation-body .mlb-guide-grid{gap:17px} #mayurina-pigmentation-body .mlb-guide-card>summary,#mayurina-pigmentation-body .mlb-guide-card[open]>summary{padding:17px 39px 17px 14px;gap:12px;min-height:82px;line-height:1.6} #mayurina-pigmentation-body .mlb-guide-number{width:38px;height:38px;font-size:23px} #mayurina-pigmentation-body .mlb-guide-card>summary::after{right:12px} #mayurina-pigmentation-body .mlb-combo-shell{padding:23px 14px 18px;border-radius:17px} #mayurina-pigmentation-body .mlb-combo-shell>.mlb-lead{font-size:14px;line-height:1.75;margin-bottom:22px} #mayurina-pigmentation-body .mlb-combo{gap:17px} #mayurina-pigmentation-body .mlb-combo-item{padding:21px 14px 17px} #mayurina-pigmentation-body .mlb-combo-item h3{font-size:18px;padding-left:31px;margin-bottom:17px} #mayurina-pigmentation-body .mlb-combo-number{width:39px;height:37px;font-size:21px} #mayurina-pigmentation-body .mlb-combo-card-body{grid-template-columns:80px 1fr;gap:13px;align-items:start} #mayurina-pigmentation-body .mlb-combo-photo{min-height:138px;padding:8px 5px 6px} #mayurina-pigmentation-body .mlb-combo-photo img{height:105px} #mayurina-pigmentation-body .mlb-combo-photo figcaption{font-size:9px} #mayurina-pigmentation-body .mlb-combo-card-body p{font-size:13px;line-height:1.75} #mayurina-pigmentation-body .mlb-combo-footer{padding:16px;margin-top:20px;font-size:13px;line-height:1.75} #mayurina-pigmentation-body #mlb-flow .mlb-image-slot{min-height:180px} #mayurina-pigmentation-body .mlb-flow-text{font-size:13px;line-height:1.7} } @container mlbody (max-width:350px){ #mayurina-pigmentation-body .mlb-price-table th:last-child,#mayurina-pigmentation-body .mlb-price-table td:last-child{width:50%} } /* 写真・セクション背景・比較表の仕上げ */ #mayurina-pigmentation-body #mlb-about>.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-pigmentation-body #mlb-about .mlb-head{margin-bottom:28px} #mayurina-pigmentation-body #mlb-about .mlb-head h2{background:linear-gradient(105deg,#ecdfc1,#fffaf0);border-color:#c7ad73} #mayurina-pigmentation-body #mlb-about .mlb-photos figure{border:1px solid #ded3ba;border-radius:10px;background:#f5f0e4;overflow:hidden} #mayurina-pigmentation-body #mlb-about .mlb-photos figcaption{color:#685b40;font-weight:600} #mayurina-pigmentation-body #mlb-types{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-pigmentation-body .mlb-head--3{max-width:740px;margin:0 auto 25px} #mayurina-pigmentation-body .mlb-head--3 h2{padding:16px 22px;gap:17px;font-size:26px;border-radius:20px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-icon{width:64px;height:64px;border-width:4px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-icon::before{left:14px;top:12px;width:23px;height:23px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-icon::after{left:34px;top:34px;width:14px} #mayurina-pigmentation-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-pigmentation-body .mlb-compare-head{background:linear-gradient(125deg,#253b51,#14283f);border-bottom:3px solid #d7c291} #mayurina-pigmentation-body .mlb-compare-head>div{padding:23px 18px;font-size:20px;line-height:1.6;text-shadow:0 1px 3px #0002} #mayurina-pigmentation-body .mlb-compare-head>div:first-child{font-size:14px;display:flex;align-items:center;justify-content:center;color:#f6e8c2} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-compare-row+ .mlb-compare-row{border-top:2px solid #e2d6bb} #mayurina-pigmentation-body .mlb-compare-row h3{background:linear-gradient(120deg,#eee2c8,#fbf7ed);color:#51472f;font-weight:700;border-right:1px solid #e2d6bb} #mayurina-pigmentation-body .mlb-compare-cell{background:#fff5f8} #mayurina-pigmentation-body .mlb-compare-cell:last-child{background:#eef9f7;border-left:2px solid #d8dfd6} #mayurina-pigmentation-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-pigmentation-body .mlb-compare-cell:last-child .mlb-compare-label{border-color:#a8ccc7;color:#235a60;background:#fbfffd} #mayurina-pigmentation-body #mlb-columns{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-pigmentation-body #mlb-columns .mlb-head h2{background:linear-gradient(105deg,#eed0dd,#fff7fb);border-color:#cf9caf;border-left-color:#a6647f} #mayurina-pigmentation-body #mlb-columns .mlb-kicker{color:#8d526c} #mayurina-pigmentation-body #mlb-columns .mlb-kicker::before{background:#b17891} #mayurina-pigmentation-body #mlb-columns .mlb-column a{border-color:#d7aebb;box-shadow:0 4px 13px #a15f7311} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-card-body{grid-template-columns:140px 1fr} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-photo img{height:104px} @container mlbody (max-width:560px){ #mayurina-pigmentation-body #mlb-about>.mlb-inner{padding:19px 13px 21px;border-radius:17px} #mayurina-pigmentation-body #mlb-about .mlb-head h2{font-size:20px;padding:14px 11px} #mayurina-pigmentation-body #mlb-about .mlb-intro-copy h3{font-size:17px;padding:8px 10px} #mayurina-pigmentation-body #mlb-about .mlb-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;align-items:stretch} #mayurina-pigmentation-body #mlb-about .mlb-photos figure{min-width:0;padding:6px} #mayurina-pigmentation-body #mlb-about .mlb-photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;max-height:none} #mayurina-pigmentation-body #mlb-about .mlb-photos figcaption{font-size:10px;letter-spacing:0;line-height:1.6;padding-top:6px} #mayurina-pigmentation-body .mlb-head--3{max-width:320px;margin-bottom:22px} #mayurina-pigmentation-body .mlb-head--3 h2{padding:12px 10px 14px;font-size:18px;border-radius:18px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-icon{width:52px;height:52px;margin:0 auto 10px;border-width:3px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-icon::before{left:11px;top:9px;width:20px;height:20px;border-width:2.5px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-icon::after{left:29px;top:29px;width:11px;height:3px} #mayurina-pigmentation-body .mlb-head--3 .mlb-heading-pre{margin-bottom:2px} #mayurina-pigmentation-body .mlb-compare{border-width:2px;border-radius:12px} #mayurina-pigmentation-body .mlb-compare-head>div:last-child,#mayurina-pigmentation-body .mlb-compare-cell:last-child{border-left:2px solid #ab915a} #mayurina-pigmentation-body .mlb-compare-head>div{padding:16px 9px;font-size:14px;text-wrap:balance} #mayurina-pigmentation-body .mlb-compare-head>div:first-child{display:none} #mayurina-pigmentation-body .mlb-compare-head>div:nth-child(2){border-left:0} #mayurina-pigmentation-body .mlb-compare-row h3{padding:10px 12px;font-size:13px;border-right:0;border-bottom:1px solid #ceba90} #mayurina-pigmentation-body .mlb-compare-cell{padding:12px 10px;line-height:1.75} #mayurina-pigmentation-body .mlb-compare-label{padding:3px 5px;font-size:10px;margin-bottom:9px;line-height:1.5} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-card-body{grid-template-columns:1fr;gap:12px} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-photo{width:100%;min-height:0;padding:9px 12px 7px} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-photo img{height:100px;width:100%;object-fit:contain} } @container mlbody (max-width:350px){ #mayurina-pigmentation-body .mlb-compare-label{font-size:9px;letter-spacing:0} } /* フレーム内装飾・タータンチェック・症例サテン */ #mayurina-pigmentation-body #mlb-about>.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-pigmentation-body #mlb-about>.mlb-inner::before{content:"";position:absolute;inset:8px;border:1px solid #daccac;border-radius:16px;pointer-events:none;z-index:-1} #mayurina-pigmentation-body .mlb-frame-flourish{display:block;position:absolute;width:160px;height:64px;pointer-events:none;z-index:-1} #mayurina-pigmentation-body .mlb-frame-flourish--top{top:9px;right:15px} #mayurina-pigmentation-body .mlb-frame-flourish--bottom{bottom:10px;left:16px;transform:rotate(180deg)} #mayurina-pigmentation-body .mlb-frame-flourish svg{width:100%;height:100%} #mayurina-pigmentation-body #mlb-types{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-pigmentation-body #mlb-types .mlb-lead{padding:18px 22px;border-radius:10px;background:#ffffffe8;box-shadow:0 3px 15px #33563108} #mayurina-pigmentation-body #mlb-types>.mlb-inner>.mlb-note{display:table;padding:5px 10px;background:#ffffffdd;border-radius:5px} #mayurina-pigmentation-body .mlb-head--9 h2::after,#mayurina-pigmentation-body .mlb-head--8 h2::after{content:none} #mayurina-pigmentation-body .mlb-media-icons{display:block;flex:0 0 92px;margin-left:auto;width:92px;filter:drop-shadow(0 2px 0 #fff9)} #mayurina-pigmentation-body .mlb-media-icons svg{width:100%;height:auto} #mayurina-pigmentation-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-pigmentation-body .mlb-case-medal{display:block;flex:0 0 77px;width:77px;filter:drop-shadow(0 3px 2px #87662326)} #mayurina-pigmentation-body .mlb-case-medal svg{width:100%;height:auto;overflow:visible} #mayurina-pigmentation-body #mlb-cases{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-pigmentation-body #mlb-cases .mlb-case{border:1px solid #cbb78c;box-shadow:0 7px 20px #9a794314;background:#fffdf9} #mayurina-pigmentation-body #mlb-cases .mlb-case-placeholder{background:linear-gradient(135deg,#fffdf7e6,#f3ead6d9);border-bottom:1px solid #e4d7bb} #mayurina-pigmentation-body #mlb-cases .mlb-case-info{background:#fffdf9} @container mlbody (max-width:560px){ #mayurina-pigmentation-body #mlb-about>.mlb-inner{padding-top:34px;padding-bottom:39px} #mayurina-pigmentation-body #mlb-about>.mlb-inner::before{inset:6px;border-radius:11px} #mayurina-pigmentation-body .mlb-frame-flourish{width:110px;height:44px} #mayurina-pigmentation-body .mlb-frame-flourish--top{top:7px;right:8px} #mayurina-pigmentation-body .mlb-frame-flourish--bottom{bottom:7px;left:8px} #mayurina-pigmentation-body #mlb-types .mlb-lead{padding:14px 15px} #mayurina-pigmentation-body .mlb-head--9 h2{gap:10px;padding:16px 12px;font-size:20px} #mayurina-pigmentation-body .mlb-media-icons{flex-basis:64px;width:64px} #mayurina-pigmentation-body .mlb-head--8 h2{gap:12px;padding:12px 13px 12px 11px;font-size:21px} #mayurina-pigmentation-body .mlb-case-medal{flex-basis:58px;width:58px} } /* 併用治療のコンパクト化とPCの8枠レイアウト */ #mayurina-pigmentation-body .mlb-combo-item{padding:21px 18px 17px} #mayurina-pigmentation-body .mlb-combo-item h3{margin-bottom:12px} #mayurina-pigmentation-body .mlb-combo-card-body{gap:14px} #mayurina-pigmentation-body .mlb-combo-photo{min-height:118px;padding:9px 7px;gap:0} #mayurina-pigmentation-body .mlb-combo-photo img{height:98px} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-photo img{height:90px} #mayurina-pigmentation-body .mlb-combo-footer{margin-top:4px} #mayurina-pigmentation-body .mlb-combo-consult-title{display:none} #mayurina-pigmentation-body #mlb-types{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-pigmentation-body #mlb-types .mlb-lead{background:#fffffff2;border:1px solid #dce3d6;box-shadow:0 4px 14px #42563806} @container mlbody (min-width:801px){ #mayurina-pigmentation-body .mlb-combo{grid-auto-rows:1fr} #mayurina-pigmentation-body .mlb-combo-item--7{grid-column:auto} #mayurina-pigmentation-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-pigmentation-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-pigmentation-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-pigmentation-body .mlb-combo-item{padding:18px 14px 15px} #mayurina-pigmentation-body .mlb-combo-item h3{margin-bottom:12px} #mayurina-pigmentation-body .mlb-combo-card-body{gap:12px} #mayurina-pigmentation-body .mlb-combo-photo{min-height:112px;padding:7px 5px} #mayurina-pigmentation-body .mlb-combo-photo img{height:96px} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-photo{padding:7px 10px} #mayurina-pigmentation-body .mlb-combo-item--6 .mlb-combo-photo img{height:90px} #mayurina-pigmentation-body .mlb-combo-footer{margin-top:3px} } /* ページ内案内を個別のボタンとして表示 */ #mayurina-pigmentation-body .mlb-toc-list{gap:10px} #mayurina-pigmentation-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-pigmentation-body .mlb-toc-list a:hover{background:linear-gradient(150deg,#fff8e7,#eadcba);border-color:#927039;box-shadow:0 3px 0 #c9b88f} #mayurina-pigmentation-body .mlb-toc-list a:active{box-shadow:0 1px 0 #ddcfb1} #mayurina-pigmentation-body .mlb-toc-list a::after{color:#96743d} @container mlbody (max-width:560px){ #mayurina-pigmentation-body .mlb-toc-list{gap:10px 8px} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-finished-diagram>a{display:block} #mayurina-pigmentation-body .mlb-finished-diagram img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin:0;filter:none} #mayurina-pigmentation-body .mlb-finished-diagram figcaption{padding:9px 4px 3px;color:#5e584b;font-size:12px;line-height:1.6;text-align:center} #mayurina-pigmentation-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-pigmentation-body .mlb-finished-diagram{padding:3px}#mayurina-pigmentation-body .mlb-finished-diagram figcaption{font-size:11px}} /* Compact overview figures, with the approved skin image preserved. */ #mayurina-pigmentation-body #mlb-about .mlb-diagrams{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin:22px 0} #mayurina-pigmentation-body #mlb-about .mlb-finished-diagram{padding:8px;align-self:stretch;display:flex;flex-direction:column;align-items:center} #mayurina-pigmentation-body #mlb-about .mlb-finished-diagram>a{width:min(100%,340px);aspect-ratio:1;margin-inline:auto} #mayurina-pigmentation-body #mlb-about .mlb-finished-diagram img{width:100%;height:100%;object-fit:contain} #mayurina-pigmentation-body #mlb-about .mlb-finished-diagram figcaption{padding-top:5px;padding-bottom:1px} @container mlbody (max-width:600px){ #mayurina-pigmentation-body #mlb-about .mlb-diagrams{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0} #mayurina-pigmentation-body #mlb-about .mlb-finished-diagram{padding:5px} #mayurina-pigmentation-body #mlb-about .mlb-finished-diagram>a{width:min(100%,240px)} } /* Clinical photo comparison: preserve complete original pixels and aspect ratio. */ #mayurina-pigmentation-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-pigmentation-body .mlb-type-photo-set--pair{grid-template-rows:repeat(2,minmax(0,1fr))} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-type-photo-set a:hover{background:#fff} #mayurina-pigmentation-body .mlb-type-photo-set a:focus-visible{outline:2px solid #91743d} #mayurina-pigmentation-body #mlb-types .mlb-photo-guide{font-size:12px;color:#5c6555;margin:8px 0 0} @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-type:first-child{display:block} #mayurina-pigmentation-body .mlb-type-photo-set{height:126px;margin-bottom:10px} #mayurina-pigmentation-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-pigmentation-body .mlb-type:first-child h3{margin-bottom:10px} } @container mlbody (max-width:560px){ #mayurina-pigmentation-body .mlb-type-photo-set{height:90px;padding:3px} #mayurina-pigmentation-body .mlb-type-photo-set--pair{height:108px} } #mayurina-pigmentation-body .mlb-type h3 span{display:inline-block} /* Keep the original clinical photograph; cover only the removed lettering. */ #mayurina-pigmentation-body .mlb-preserved-photo{display:block;position:relative;width:100%;aspect-ratio:782/390;flex:none;isolation:isolate} #mayurina-pigmentation-body .mlb-preserved-photo>img:first-child{width:100%;height:auto} #mayurina-pigmentation-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-pigmentation-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-pigmentation-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-pigmentation-body #mlb-types .mlb-diagnosis-intro .mlb-lead{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none} #mayurina-pigmentation-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-pigmentation-body .mlb-diagnosis-photo img{width:100%;height:auto;border-radius:6px} #mayurina-pigmentation-body .mlb-diagnosis-photo figcaption{font-size:11px;text-align:center;line-height:1.4;margin-top:5px;color:#596450} #mayurina-pigmentation-body .mlb-reasons{padding:52px 0;background:#faf5e9} #mayurina-pigmentation-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-pigmentation-body .mlb-reasons-heading{position:relative;text-align:center;margin:0 10px 30px;color:#7c541e} #mayurina-pigmentation-body .mlb-reasons-heading>p{font:13px/1.4 Georgia,serif;letter-spacing:.26em;margin-bottom:17px;font-weight:700} #mayurina-pigmentation-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-pigmentation-body .mlb-reasons-heading h2>span{display:block;font-size:.54em;margin-bottom:4px;letter-spacing:.08em} #mayurina-pigmentation-body .mlb-reasons-heading h2::before,#mayurina-pigmentation-body .mlb-reasons-heading h2::after{content:"";display:block;position:absolute;top:14px;bottom:-13px;width:28px;z-index:-1;background:#741a2e} #mayurina-pigmentation-body .mlb-reasons-heading h2::before{left:-20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%)} #mayurina-pigmentation-body .mlb-reasons-heading h2::after{right:-20px;clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%)} #mayurina-pigmentation-body .mlb-reasons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} #mayurina-pigmentation-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-pigmentation-body .mlb-reason-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px;min-height:65px} #mayurina-pigmentation-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-pigmentation-body .mlb-reason-number small{font:9px/1.6 Georgia,serif;letter-spacing:.04em;color:#785120} #mayurina-pigmentation-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-pigmentation-body .mlb-reason-photo{height:226px;padding:5px;border:1px solid #c8ac6e;background:#fff;border-radius:6px;overflow:hidden} #mayurina-pigmentation-body .mlb-reason-photo img{width:100%;height:100%;object-fit:contain} #mayurina-pigmentation-body .mlb-reason--treatment .mlb-reason-photo img{object-fit:cover;object-position:center 56%} #mayurina-pigmentation-body .mlb-reason--uv .mlb-reason-photo{background:#0a1420} #mayurina-pigmentation-body .mlb-reason>p,#mayurina-pigmentation-body .mlb-reason-experience-copy>p:not(.mlb-annual-count){margin-top:13px;font-size:14px;line-height:1.75} #mayurina-pigmentation-body .mlb-reason--experience{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:26px;padding:24px} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-reason-experience-copy .mlb-annual-period{font-size:12px!important;text-align:center;margin-top:0!important;color:#786038} #mayurina-pigmentation-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-pigmentation-body .mlb-total-record::before{content:"";position:absolute;inset:7px;border:1px solid #ba985670;border-radius:inherit;pointer-events:none} #mayurina-pigmentation-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-pigmentation-body .mlb-total-label{display:block;font-size:17px;line-height:1.5;font-weight:600;letter-spacing:.055em} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-total-main>span{font-size:21px;font-weight:700;letter-spacing:-.055em} #mayurina-pigmentation-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-pigmentation-body .mlb-total-record{margin:27px auto 18px;padding:23px 10px 19px} #mayurina-pigmentation-body .mlb-total-label{font-size:clamp(12px,3.8cqw,15px)} #mayurina-pigmentation-body .mlb-total-main strong{font-size:clamp(40px,14cqw,60px)} #mayurina-pigmentation-body .mlb-total-main>span{font-size:clamp(13px,4.3cqw,18px)} #mayurina-pigmentation-body .mlb-reason-experience-copy .mlb-total-period{font-size:10px;line-height:1.6;margin-top:0} } #mayurina-pigmentation-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-pigmentation-body .mlb-reason-collage a{display:block;min-width:0;background:#fff} #mayurina-pigmentation-body .mlb-reason-collage img{width:100%;height:auto;object-fit:contain;filter:none} #mayurina-pigmentation-body .mlb-reason-case-link{display:block;font-size:12px;line-height:1.65;color:#7b5a2f;margin-top:14px} #mayurina-pigmentation-body .mlb-reason--lasers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:26px;padding:24px} #mayurina-pigmentation-body .mlb-reason-laser-copy>p{font-size:14px;line-height:1.75;margin-top:14px} #mayurina-pigmentation-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-pigmentation-body .mlb-laser-personal br{display:none} #mayurina-pigmentation-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-pigmentation-body .mlb-laser-collage figure{min-width:0;margin:0} #mayurina-pigmentation-body .mlb-laser-image{height:250px;display:flex;align-items:center;justify-content:center} #mayurina-pigmentation-body .mlb-laser-image img{width:100%;height:100%;object-fit:contain} #mayurina-pigmentation-body .mlb-laser-collage figcaption{margin-top:12px;text-align:center;color:#634d2c;font-size:13px;line-height:1.6} #mayurina-pigmentation-body .mlb-laser-collage figcaption strong{display:block} #mayurina-pigmentation-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-pigmentation-body .mlb-reason--lasers{grid-template-columns:1fr;gap:15px;padding:12px} #mayurina-pigmentation-body .mlb-reason-laser-copy>p{font-size:13px;line-height:1.65;margin-top:11px} #mayurina-pigmentation-body .mlb-reason-laser-copy .mlb-laser-personal{font-size:20px;padding:10px 6px} #mayurina-pigmentation-body .mlb-laser-collage{gap:8px;padding:10px 7px} #mayurina-pigmentation-body .mlb-laser-image{height:175px} #mayurina-pigmentation-body .mlb-laser-collage figcaption{font-size:clamp(9px,2.8cqw,11px);margin-top:9px} #mayurina-pigmentation-body .mlb-laser-approved{font-size:10px;padding:3px 5px} } @container mlbody (max-width:360px){ #mayurina-pigmentation-body .mlb-laser-personal br{display:block} } /* Campaign banners remain readable images and scroll horizontally. */ #mayurina-pigmentation-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-pigmentation-body .mlb-campaign-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px} #mayurina-pigmentation-body .mlb-campaign-heading>div>span{font:11px/1.4 Georgia,serif;color:#99772f;letter-spacing:.2em} #mayurina-pigmentation-body .mlb-campaign-heading h3{font-size:19px;color:#75582b;margin:3px 0 0;line-height:1.5} #mayurina-pigmentation-body .mlb-campaign-controls{display:flex;gap:7px} #mayurina-pigmentation-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-pigmentation-body .mlb-campaign-controls button:disabled{opacity:.35;cursor:default} #mayurina-pigmentation-body .mlb-campaign-controls button:focus-visible{outline:3px solid #9b7238;outline-offset:3px} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-campaign-slide img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff} #mayurina-pigmentation-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-pigmentation-body .mlb-campaign-hint{font-size:10px;color:#857653;text-align:right;margin-top:5px;line-height:1.5} #mayurina-pigmentation-body .mlb-case-endnote{margin-top:13px;color:#756d60;font-size:10px;line-height:1.6;letter-spacing:0} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-flow-counseling{justify-content:center;margin-top:23px} #mayurina-pigmentation-body .mlb-hands-top{min-height:210px;align-items:center} #mayurina-pigmentation-body .mlb-hands-photo{min-height:210px;height:210px} @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-reasons-shell{padding:26px 20px 20px} #mayurina-pigmentation-body .mlb-reasons-grid{gap:14px} #mayurina-pigmentation-body .mlb-reason{padding:12px} #mayurina-pigmentation-body .mlb-reason h3{font-size:17px} #mayurina-pigmentation-body .mlb-reason-heading{gap:9px} #mayurina-pigmentation-body .mlb-reason-number{flex-basis:50px;height:50px;font-size:25px} #mayurina-pigmentation-body .mlb-reason-photo{height:175px} } @container mlbody (max-width:600px){ #mayurina-pigmentation-body .mlb-compare-label{display:none} #mayurina-pigmentation-body .mlb-diagnosis-intro{padding:13px;margin-bottom:20px} #mayurina-pigmentation-body .mlb-diagnosis-photo{width:43%;max-width:180px;margin:2px 12px 5px 0;padding:3px} #mayurina-pigmentation-body .mlb-reasons{padding:28px 0} #mayurina-pigmentation-body .mlb-reasons-shell{padding:20px 11px 13px;border-width:2px;border-radius:12px} #mayurina-pigmentation-body .mlb-reasons-heading{margin:0 5px 25px} #mayurina-pigmentation-body .mlb-reasons-heading>p{font-size:10px;margin-bottom:12px} #mayurina-pigmentation-body .mlb-reasons-heading h2{padding:16px 7px;font-size:clamp(17px,5.3cqw,28px);letter-spacing:.01em} #mayurina-pigmentation-body .mlb-reasons-heading h2>span{font-size:.59em} #mayurina-pigmentation-body .mlb-reasons-heading h2::before{left:-11px;width:16px} #mayurina-pigmentation-body .mlb-reasons-heading h2::after{right:-11px;width:16px} #mayurina-pigmentation-body .mlb-reasons-grid{grid-template-columns:1fr;gap:16px} #mayurina-pigmentation-body .mlb-reason{padding:12px} #mayurina-pigmentation-body .mlb-reason-heading{min-height:50px;margin-bottom:11px} #mayurina-pigmentation-body .mlb-reason h3{font-size:17px} #mayurina-pigmentation-body .mlb-reason-photo{height:auto;aspect-ratio:1.6} #mayurina-pigmentation-body .mlb-reason-photo img{height:100%} #mayurina-pigmentation-body .mlb-reason--uv .mlb-reason-photo,#mayurina-pigmentation-body .mlb-reason--consultation .mlb-reason-photo{aspect-ratio:2.05} #mayurina-pigmentation-body .mlb-reason>p,#mayurina-pigmentation-body .mlb-reason-experience-copy>p:not(.mlb-annual-count){font-size:13px;line-height:1.65;margin-top:11px} #mayurina-pigmentation-body .mlb-reason--experience{grid-template-columns:1fr;gap:15px} #mayurina-pigmentation-body .mlb-annual-count strong{font-size:53px} #mayurina-pigmentation-body .mlb-reason-collage{gap:5px;padding:5px} #mayurina-pigmentation-body .mlb-campaign{padding:14px 12px;margin-top:23px} #mayurina-pigmentation-body .mlb-campaign-heading{gap:7px;margin-bottom:12px} #mayurina-pigmentation-body .mlb-campaign-heading h3{font-size:15px} #mayurina-pigmentation-body .mlb-campaign-controls{gap:4px} #mayurina-pigmentation-body .mlb-campaign-controls button{width:30px;height:30px;font-size:24px} #mayurina-pigmentation-body .mlb-campaign-track{grid-auto-columns:88%;gap:12px} #mayurina-pigmentation-body .mlb-case-endnote{font-size:9px} #mayurina-pigmentation-body .mlb-hands-photo{min-height:0;height:150px} #mayurina-pigmentation-body .mlb-hands-copy{padding:16px 10px 18px;width:100%} #mayurina-pigmentation-body .mlb-hands-copy h3{font-size:clamp(15px,4.6cqw,24px);white-space:nowrap;letter-spacing:-.04em;line-height:1.5} #mayurina-pigmentation-body .mlb-hands-break{display:none} #mayurina-pigmentation-body .mlb-hands-copy .mlb-tag{margin-bottom:7px} } /* Case photographs: show complete originals, with all accompanying treatments. */ #mayurina-pigmentation-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-pigmentation-body #mlb-cases .mlb-case{display:flex;flex-direction:column;min-width:0;align-self:start} #mayurina-pigmentation-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-pigmentation-body .mlb-case--pico .mlb-case-title{background:linear-gradient(110deg,#edf4ef,#fffcf7)} #mayurina-pigmentation-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-pigmentation-body .mlb-case-title h3{margin:0;font-size:16px;line-height:1.65;border:0;padding:0} #mayurina-pigmentation-body .mlb-case-photo{margin:0;padding:12px 12px 0;background:#fff} #mayurina-pigmentation-body .mlb-case-photo>a{display:block;outline-offset:2px} #mayurina-pigmentation-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-pigmentation-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-pigmentation-body .mlb-case-photo figcaption>span{font-weight:600} #mayurina-pigmentation-body .mlb-case-photo figcaption>a{flex:none;font-size:11px} #mayurina-pigmentation-body .mlb-case-info{border-top:1px solid #e5dac5;padding:5px 18px 16px} #mayurina-pigmentation-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-pigmentation-body .mlb-case-facts dt{font-weight:700;font-size:12px;color:#79643e} #mayurina-pigmentation-body .mlb-case-facts dd{font-size:12px;line-height:1.75;letter-spacing:0} #mayurina-pigmentation-body .mlb-case-facts dd>span{display:block} #mayurina-pigmentation-body .mlb-case-facts dd>span+span{margin-top:3px} #mayurina-pigmentation-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-pigmentation-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-pigmentation-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-pigmentation-body .mlb-case-price-guide{font-size:11px;padding:10px 12px;margin-bottom:16px} #mayurina-pigmentation-body .mlb-case-title{padding:11px 12px;gap:9px} #mayurina-pigmentation-body .mlb-case-title h3{font-size:14px;line-height:1.55} #mayurina-pigmentation-body .mlb-case-index{font-size:12px;padding:6px 7px} #mayurina-pigmentation-body .mlb-case-photo{padding:7px 7px 0} #mayurina-pigmentation-body .mlb-case-photo figcaption{font-size:11px;padding:9px 3px;gap:6px} #mayurina-pigmentation-body .mlb-case-photo figcaption>a{font-size:10px} #mayurina-pigmentation-body .mlb-case-info{padding:3px 12px 12px} #mayurina-pigmentation-body .mlb-case-facts>div{grid-template-columns:76px minmax(0,1fr);gap:8px;padding:9px 0} #mayurina-pigmentation-body .mlb-case-facts dd{font-size:12px;line-height:1.6} #mayurina-pigmentation-body .mlb-case-facts dt{font-size:11px} #mayurina-pigmentation-body .mlb-case-gallery-actions{margin-top:20px;padding:16px 12px} #mayurina-pigmentation-body .mlb-case-gallery-actions .mlb-btn{font-size:13px;padding:12px 10px;gap:10px} } /* 2026-10-03: requested body refinements and C-OPERA pricing. */ #mayurina-pigmentation-body #mlb-cases .mlb-emphasis, #mayurina-pigmentation-body #mlb-precautions .mlb-emphasis, #mayurina-pigmentation-body .mlb-arm-case .mlb-emphasis{text-decoration:none} #mayurina-pigmentation-body #mlb-plan .mlb-combo-shell>.mlb-lead p, #mayurina-pigmentation-body #mlb-plan .mlb-combo-shell>.mlb-lead strong{color:#fffaf1} #mayurina-pigmentation-body .mlb-column-more{justify-content:center;margin-top:28px} #mayurina-pigmentation-body .mlb-column-more .mlb-btn{width:min(100%,360px);border:1px solid #ac8744;background:linear-gradient(120deg,#fff9ea,#efdfbc 50%,#fff9ed);color:#5e472b;box-shadow:0 4px 12px #86602b14} #mayurina-pigmentation-body .mlb-column-more .mlb-btn:hover{background:linear-gradient(120deg,#fff2d6,#e8cfa0 50%,#fff4dd);border-color:#876329} #mayurina-pigmentation-body .mlb-price-table--opera{margin-top:28px;background:#f6fbfa;border-color:#cbdcda;border-top-color:#397781} #mayurina-pigmentation-body .mlb-opera-price-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:start} #mayurina-pigmentation-body .mlb-opera-price-grid>div{min-width:0} #mayurina-pigmentation-body .mlb-opera-price-grid h4{font-size:16px;font-weight:700;line-height:1.6;margin:0 0 10px;color:#285b62} #mayurina-pigmentation-body .mlb-opera-price-grid th,#mayurina-pigmentation-body .mlb-opera-price-grid td{padding:10px 8px;font-size:13px;line-height:1.7} #mayurina-pigmentation-body .mlb-opera-price-grid th:last-child,#mayurina-pigmentation-body .mlb-opera-price-grid td:last-child{width:112px;white-space:nowrap} #mayurina-pigmentation-body .mlb-opera-required{margin-top:18px;padding:15px;background:#fffdf5;border:1px solid #d8c796;border-radius:7px} #mayurina-pigmentation-body .mlb-opera-required p{margin:0;line-height:1.75;color:#39434a} #mayurina-pigmentation-body .mlb-opera-required p+p{margin-top:9px} #mayurina-pigmentation-body .mlb-opera-required strong{color:#285b62} #mayurina-pigmentation-body .mlb-opera-option-note{margin-bottom:8px;color:#526660} @container mlbody (max-width:680px){ #mayurina-pigmentation-body .mlb-opera-price-grid{grid-template-columns:minmax(0,1fr);gap:24px} #mayurina-pigmentation-body .mlb-price-table--opera{margin-top:20px;padding:19px 14px} #mayurina-pigmentation-body .mlb-opera-price-grid th,#mayurina-pigmentation-body .mlb-opera-price-grid td{padding:9px 6px;font-size:12px;line-height:1.65} #mayurina-pigmentation-body .mlb-opera-price-grid th:last-child,#mayurina-pigmentation-body .mlb-opera-price-grid td:last-child{width:92px} #mayurina-pigmentation-body .mlb-opera-required{padding:12px} #mayurina-pigmentation-body .mlb-column-more{margin-top:20px} } /* 2026-10-03: distinct C-OPERA palette and compact, larger red prices. */ #mayurina-pigmentation-body #mlb-prices .mlb-price-table{padding:21px} #mayurina-pigmentation-body #mlb-prices .mlb-price-table th, #mayurina-pigmentation-body #mlb-prices .mlb-price-table td{padding:9px 7px;line-height:1.55} #mayurina-pigmentation-body #mlb-prices .mlb-price-number{color:#b52838;font-size:18px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap} #mayurina-pigmentation-body #mlb-prices .mlb-price-tax{font-size:10px;font-weight:400} #mayurina-pigmentation-body #mlb-prices .mlb-price-table--opera{background:#faf6fc;border-color:#d6c2df;border-top-color:#8c639e} #mayurina-pigmentation-body #mlb-prices .mlb-price-table--opera h3{color:#684575;border-bottom-color:#c6aed2} #mayurina-pigmentation-body #mlb-prices .mlb-opera-price-grid h4{color:#684575;margin-bottom:8px} #mayurina-pigmentation-body #mlb-prices .mlb-price-table--opera tbody tr:first-child td{background:#efe5f4} #mayurina-pigmentation-body #mlb-prices .mlb-price-table--opera th{color:#715c7a} #mayurina-pigmentation-body #mlb-prices .mlb-opera-option-note{color:#715c7a;margin-bottom:6px} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required{margin-top:14px;padding:12px;background:#f6edf9;border-color:#d6c2df} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required strong{color:#684575} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required p{line-height:1.6} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required p+p{margin-top:6px} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required .mlb-price-number{font-size:15px} @container mlbody (max-width:680px){ #mayurina-pigmentation-body #mlb-prices .mlb-price-table{padding:17px 14px} #mayurina-pigmentation-body #mlb-prices .mlb-price-table th, #mayurina-pigmentation-body #mlb-prices .mlb-price-table td{padding:8px 5px;line-height:1.5} #mayurina-pigmentation-body #mlb-prices .mlb-price-number{font-size:16px} #mayurina-pigmentation-body #mlb-prices .mlb-price-tax{font-size:9px} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required{padding:10px} #mayurina-pigmentation-body #mlb-prices .mlb-opera-price-grid{gap:20px} #mayurina-pigmentation-body #mlb-prices .mlb-opera-required .mlb-price-number{font-size:14px} } /* ================================================================== 色素沈着ページ固有の追加（/stain/ のCSSに無い要素のみ） ================================================================== */ #mayurina-pigmentation-hero .mlp-price{display:block;text-decoration:none} #mayurina-pigmentation-hero .mlp-price-note{white-space:normal} #mayurina-pigmentation-hero .mlp-pills{display:flex;flex-wrap:wrap;gap:.6cqw;margin:0 0 1.3cqw;padding:0;list-style:none} #mayurina-pigmentation-hero .mlp-pills li{margin:0;padding:0;list-style:none} #mayurina-pigmentation-hero .mlp-pills a{display:block;padding:.45cqw 1.5cqw;border:1px solid #c9ad72;border-radius:999px;background:#fffdf6e6;color:#102541;font-family:"Yu Gothic",Meiryo,sans-serif;font-size:1.2cqw;font-weight:500;text-decoration:none;line-height:1.5;white-space:nowrap} #mayurina-pigmentation-hero .mlp-pills a:hover{background:#f6ecd1} @container mlp (min-width:801px){ #mayurina-pigmentation-hero .mlp-prices--four{gap:1cqw;margin-bottom:1.1cqw} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-title{display:flex;flex-direction:column;justify-content:center;min-height:3.9cqw} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-title small{display:block;margin-top:.1cqw} } @container mlp (max-width:800px){ #mayurina-pigmentation-hero .mlp-prices--four{row-gap:3cqw} #mayurina-pigmentation-hero .mlp-pills{gap:1.6cqw;margin-bottom:3cqw;justify-content:center} #mayurina-pigmentation-hero .mlp-pills a{padding:1.2cqw 3cqw;font-size:clamp(11px,3cqw,15px)} #mayurina-pigmentation-hero .mlp-price--ruby .mlp-price-title{min-height:0} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-title{min-height:11cqw} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-title small{font-size:.74em} } #mayurina-pigmentation-hero .mlp-copy{width:57%} @container mlp (max-width:800px){#mayurina-pigmentation-hero .mlp-copy{width:100%}} #mayurina-pigmentation-body .mlb-breadcrumb{margin:14px 0 0;font-size:12px;color:#6b6a66} #mayurina-pigmentation-body .mlb-breadcrumb a{color:inherit} #mayurina-pigmentation-body a.mlb-link-sub{font-size:12px;color:#8a8580;text-decoration:underline;font-weight:400} #mayurina-pigmentation-body .mlb-sub-care{font-size:13px;background:#f8f5ed;border-radius:6px;padding:10px 14px} #mayurina-pigmentation-body .mlb-treatment-links{font-size:13px} #mayurina-pigmentation-body .mlb-subhead{font-size:18px;margin:28px 0 8px} #mayurina-pigmentation-body .mlb-price-foot{font-size:12px;margin-top:10px} #mayurina-pigmentation-body .mlb-column-excerpt{display:block;margin-top:8px;font-size:12px;line-height:1.75;font-weight:400;color:#4a5159} #mayurina-pigmentation-body .mlb-ref-list{margin:6px 0 14px;padding-left:1.2em;font-size:13px;line-height:1.8} #mayurina-pigmentation-body .mlb-product-table table{width:100%} #mayurina-pigmentation-body .mlb-product-table td{font-size:13px;line-height:1.7;vertical-align:top} #mayurina-pigmentation-body .mlb-product-table td:first-child{font-weight:600;white-space:nowrap} #mayurina-pigmentation-body .mlb-guide-grid .mlb-guide-card--3{grid-column:1/-1} #mayurina-pigmentation-body .mlb-reasons-grid .mlb-reason:last-child:nth-child(odd){grid-column:1/-1} /* 比較表：施術名＋3項目（/stain/ は2治療の比較なので4列版を追加） */ #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-head, #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-row{grid-template-columns:170px 1fr 1fr 1fr} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-head>div:first-child{display:flex;font-size:14px} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-head>div:nth-child(2), #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-head>div:nth-child(3), #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-head>div:last-child{background:linear-gradient(130deg,#468b8d,#255861);border-left:1px solid #ffffff38;font-size:15px;padding:18px 10px} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-cell, #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-cell:last-child{background:#fffcfd;border-left:1px solid #e2d6bb} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-row:nth-child(even) .mlb-compare-cell{background:#f6fbfa} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-label{display:none} @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-head{display:none} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-row{grid-template-columns:1fr} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-row h3{grid-column:auto} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-cell, #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-cell:last-child{border-left:0;border-top:1px solid #e2d6bb;padding:12px 14px} #mayurina-pigmentation-body .mlb-compare--four .mlb-compare-label{display:block;font-size:11px;margin-bottom:6px} } /* 治療の組み立て：写真なしのカード */ #mayurina-pigmentation-body .mlb-combo-card-body:not(:has(.mlb-combo-photo)){display:block} @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-product-table thead{display:none} #mayurina-pigmentation-body .mlb-product-table tr{display:block;margin-bottom:10px;border:1px solid #ded8cc} #mayurina-pigmentation-body .mlb-product-table td{display:block;border:0} #mayurina-pigmentation-body .mlb-product-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#7a304c} } /* はみ出し防止（4・3列の表、長い見出し） */ #mayurina-pigmentation-body .mlb-price-table th,#mayurina-pigmentation-body .mlb-price-table td{white-space:normal;overflow-wrap:anywhere} #mayurina-pigmentation-body .mlb-price-table table{table-layout:auto;width:100%} #mayurina-pigmentation-body .mlb-reasons-heading h2{overflow-wrap:anywhere;text-wrap:balance} #mayurina-pigmentation-body .mlb-opera-price-grid>div{min-width:0} @container mlbody (max-width:560px){ #mayurina-pigmentation-body .mlb-price-table th{font-size:12px;padding:8px 6px} #mayurina-pigmentation-body .mlb-price-table td{font-size:13px;padding:8px 6px} } /* ヒーロー：英字サブタイトルを収める／PCの縦寸法を調整 */ @container mlp (max-width:800px){#mayurina-pigmentation-hero .mlp-title-sub{font-size:3.5cqw;letter-spacing:0}} @container mlp (min-width:801px){ #mayurina-pigmentation-hero .mlp-title-line{font-size:6.4cqw} #mayurina-pigmentation-hero .mlp-title-sub{font-size:3.3cqw} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-body{min-height:4.4cqw} #mayurina-pigmentation-hero .mlp-copy{padding-top:1cqw} } @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-product-table table,#mayurina-pigmentation-body .mlb-product-table tbody{display:block;width:100%} #mayurina-pigmentation-body .mlb-product-table td:first-child{white-space:normal} #mayurina-pigmentation-body .mlb-reasons-heading h2,#mayurina-pigmentation-body .mlb-reasons-heading h2 span{white-space:normal} } @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-product-table td,#mayurina-pigmentation-body .mlb-product-table td:last-child{white-space:normal;text-align:left;width:auto;font-weight:400} #mayurina-pigmentation-body .mlb-product-table td:first-child{font-weight:600} } /* 料金表：数量・内容量の折り返し防止／製品表の最終列は通常の太さ／コラム3枚並び */ #mayurina-pigmentation-body .mlb-price-table td:nth-child(2):not(:last-child){white-space:nowrap} #mayurina-pigmentation-body .mlb-product-table td:last-child{font-weight:400;color:inherit;text-align:left;width:auto;white-space:normal} @container mlbody (min-width:801px){ #mayurina-pigmentation-body .mlb-columns{grid-template-columns:repeat(3,minmax(0,1fr))} } #mayurina-pigmentation-body .mlb-diagrams{display:block} #mayurina-pigmentation-body .mlb-finished-diagram{max-width:820px;margin:20px auto} /* 2026-10-04: 数量欄の折り返し防止を製品情報の文章には適用しない。 */ @container mlbody (max-width:800px){ #mayurina-pigmentation-body .mlb-product-table td:nth-child(2):not(:last-child){white-space:normal;overflow-wrap:anywhere} #mayurina-pigmentation-body #mlb-fee-3 th{white-space:normal;overflow-wrap:anywhere} } /* 2026-10-04 ご指定修正：料金・画像・本文・色分け */ #mayurina-pigmentation-body{font-size:15px;line-height:1.8} #mayurina-pigmentation-body p{font-size:14px;line-height:1.8} #mayurina-pigmentation-body p+p{margin-top:.75em} #mayurina-pigmentation-body .mlb-section{padding:62px 0} #mayurina-pigmentation-body .mlb-lead{margin-bottom:22px} /* Hero: original badge and equipment watermark treatment. */ #mayurina-pigmentation-hero .mlp-price{overflow:visible;transition:transform .25s,box-shadow .25s} #mayurina-pigmentation-hero .mlp-price>*{position:relative;z-index:1} #mayurina-pigmentation-hero .mlp-price .mpg-price-medal{position:absolute;left:-9px;top:-9px;width:30px;z-index:4;pointer-events:none} #mayurina-pigmentation-hero .mpg-price-medal img{display:block;width:100%;height:auto;max-width:none} #mayurina-pigmentation-hero .mlp-price .mpg-hero-watermark{position:absolute;inset:9% 2% 5% 52%;z-index:0;opacity:.17;mix-blend-mode:multiply;pointer-events:none} #mayurina-pigmentation-hero .mpg-hero-watermark img{width:100%;height:100%;object-fit:contain;object-position:center;display:block} #mayurina-pigmentation-hero .mlp-price--opera{color:#76568e;background:linear-gradient(115deg,#faf5fffa,#fffaffeb)} #mayurina-pigmentation-hero .mlp-price--melabright{color:#46745e;background:linear-gradient(115deg,#f0faf2fa,#fcfffaeb)} #mayurina-pigmentation-hero .mlp-price--cyspera{color:#9a594d;background:linear-gradient(115deg,#fff3eefa,#fffaf7eb)} #mayurina-pigmentation-hero .mlp-price-title{font-size:1.5cqw;min-height:3.1cqw!important;padding-left:12px;padding-right:8px} #mayurina-pigmentation-hero .mlp-prices--four{gap:1.2cqw} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-note{font-size:1.05cqw;min-height:2.3cqw;display:flex;align-items:center;justify-content:center;background:#ffffff85} #mayurina-pigmentation-hero .mlp-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:13px 0 17px} #mayurina-pigmentation-hero .mlp-pills li{min-width:0} #mayurina-pigmentation-hero .mlp-pills a{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:54px;height:100%;border:1px solid #d6c8b2;border-radius:6px;background:#ffffffc9;font:600 clamp(12px,1.22cqw,17px)/1.4 "Yu Mincho",serif;padding:8px 7px;white-space:normal;text-wrap:balance;box-shadow:0 3px 8px #604b1912;transition:transform .25s,box-shadow .25s} #mayurina-pigmentation-hero .mlp-pills .mpg-price-medal{position:absolute;width:20px;left:-5px;top:-7px;z-index:2;pointer-events:none} #mayurina-pigmentation-hero .mpg-mini-image{position:absolute;right:4px;top:2px;width:48%;height:94%;opacity:.16;mix-blend-mode:multiply;z-index:-1;pointer-events:none} #mayurina-pigmentation-hero .mpg-mini-image img{display:block;width:100%;height:100%;object-fit:contain} #mayurina-pigmentation-hero.mlp-enter .mlp-price:nth-child(1){animation-delay:.25s} #mayurina-pigmentation-hero.mlp-enter .mlp-price:nth-child(2){animation-delay:.38s} #mayurina-pigmentation-hero.mlp-enter .mlp-price:nth-child(3){animation-delay:.51s} #mayurina-pigmentation-hero.mlp-enter .mlp-price:nth-child(4){animation-delay:.64s} #mayurina-pigmentation-hero.mlp-enter .mlp-price{animation-fill-mode:backwards} #mayurina-pigmentation-hero.mlp-enter .mlp-pills li{animation:mpg-menu-in .75s .85s both} #mayurina-pigmentation-hero.mlp-enter .mlp-pills li:nth-child(2){animation-delay:.95s} #mayurina-pigmentation-hero.mlp-enter .mlp-pills li:nth-child(3){animation-delay:1.05s} #mayurina-pigmentation-hero.mlp-enter .mlp-pills li:nth-child(4){animation-delay:1.15s} #mayurina-pigmentation-hero.mlp-enter .mlp-price .mlp-shine::after{animation:mpg-card-glint 8s ease-in-out 2s infinite} #mayurina-pigmentation-hero .mlp-price:hover,#mayurina-pigmentation-hero .mlp-pills a:hover{transform:translateY(-4px);box-shadow:0 10px 18px #6f55342a} #mayurina-pigmentation-hero .mlp-price:focus-visible,#mayurina-pigmentation-hero .mlp-pills a:focus-visible{outline:3px solid #997537;outline-offset:4px} @keyframes mpg-menu-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @keyframes mpg-card-glint{0%,74%{left:-85%}90%,100%{left:155%}} @container mlp (max-width:800px){ #mayurina-pigmentation-hero .mlp-prices--four{gap:12px 10px;margin-bottom:15px} #mayurina-pigmentation-hero .mlp-price{display:flex;padding:11px 7px 8px} #mayurina-pigmentation-hero .mlp-price .mpg-price-medal{width:24px;left:-5px;top:-9px} #mayurina-pigmentation-hero .mlp-price-title,#mayurina-pigmentation-hero .mlp-price--pico .mlp-price-title{display:flex;align-items:center;justify-content:center;font-size:clamp(12px,3.1cqw,21px);min-height:8cqw!important;padding:0 8px 7px;white-space:normal;line-height:1.4} #mayurina-pigmentation-hero .mlp-prices--four .mlp-price-note{font-size:clamp(10px,2.65cqw,15px);min-height:28px;line-height:1.45;padding:3px 4px} #mayurina-pigmentation-hero .mlp-price-body{padding-top:6px} #mayurina-pigmentation-hero .mlp-prices--four .mlp-label{font-size:clamp(10px,2.8cqw,16px)} #mayurina-pigmentation-hero .mlp-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 17px} #mayurina-pigmentation-hero .mlp-pills a{min-height:48px;font-size:clamp(13px,3.5cqw,20px);padding:8px 10px} #mayurina-pigmentation-hero .mlp-pills .mpg-price-medal{width:21px} } /* Compact intro and three differently colored image-ready cause cards. */ #mayurina-pigmentation-body #mlb-about .mlb-intro-copy p{font-size:13.5px;line-height:1.75} #mayurina-pigmentation-body #mlb-about .mlb-intro-copy h3{font-size:18px;line-height:1.55;margin-bottom:9px} #mayurina-pigmentation-body .mpg-causes{display:grid;gap:17px;margin:22px 0} #mayurina-pigmentation-body .mpg-cause-card{--cause-accent:#357984;--cause-bg:#eef8f8;border:1px solid color-mix(in srgb,var(--cause-accent) 35%,white);border-left:5px solid var(--cause-accent);border-radius:12px;background:var(--cause-bg);padding:23px} #mayurina-pigmentation-body .mpg-cause-2{--cause-accent:#ac7157;--cause-bg:#fff3ec} #mayurina-pigmentation-body .mpg-cause-3{--cause-accent:#7e6a9d;--cause-bg:#f5f0fa} #mayurina-pigmentation-body #mlb-about .mpg-cause-card h3{color:var(--cause-accent);margin:0 0 13px} #mayurina-pigmentation-body .mpg-cause-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,30%);gap:24px;align-items:center} #mayurina-pigmentation-body .mpg-cause-illustration{width:100%;min-width:0} #mayurina-pigmentation-body .mpg-cause-illustration>img{width:100%;height:180px;object-fit:contain} #mayurina-pigmentation-body .mpg-image-placeholder{height:175px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border:1px dashed color-mix(in srgb,var(--cause-accent) 48%,white);border-radius:9px;background:#ffffffa6;color:var(--cause-accent);font-size:12px} #mayurina-pigmentation-body .mpg-image-placeholder svg{width:52px;fill:none;stroke:currentColor;stroke-width:1.6;opacity:.55} #mayurina-pigmentation-body .mpg-cause-conclusion{margin-top:21px} /* All four disease cards share the same background, sizing and positioning. */ #mayurina-pigmentation-body #mlb-types .mlb-diagnosis-intro{display:block} #mayurina-pigmentation-body #mlb-types .mlb-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px} #mayurina-pigmentation-body #mlb-types .mlb-type{display:flex;flex-direction:column;grid-column:auto;gap:0;padding:15px 12px;border:1px solid #ded8cc;border-top:3px solid #b49a61;background:#fff;border-radius:8px;min-width:0} #mayurina-pigmentation-body #mlb-types .mlb-type h3{text-align:center;align-self:stretch;margin:0 0 12px;background:#f0eadc;color:#66512d;padding:8px} #mayurina-pigmentation-body #mlb-types .mlb-type p{font-size:12.5px;line-height:1.75} #mayurina-pigmentation-body #mlb-types .mlb-type p:last-child{margin-top:auto;padding-top:12px} #mayurina-pigmentation-body #mlb-types .mlb-type-photo-set{height:150px;min-height:150px;grid-column:auto;grid-row:auto;margin:0 0 13px} #mayurina-pigmentation-body #mlb-types .mlb-type-photo-set--pair{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:5px} #mayurina-pigmentation-body #mlb-types .mlb-type-photo-set a{width:100%;height:100%;min-height:0} /* Reasons and named product/device lineups. */ #mayurina-pigmentation-body .mpg-mobile-break{display:none} #mayurina-pigmentation-body .mlb-reason--consultation .mlb-reason-photo{height:255px;aspect-ratio:auto} #mayurina-pigmentation-body .mlb-reason--consultation .mlb-reason-photo img{object-fit:contain;width:100%;height:100%} #mayurina-pigmentation-body .mpg-lineup{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px 0} #mayurina-pigmentation-body .mpg-asset{display:flex;flex-direction:column;flex:1 1 80px;min-width:0;max-width:220px;text-align:center;background:#fff;border:1px solid #e2dacb;border-radius:8px;padding:10px 8px 8px;overflow:hidden} #mayurina-pigmentation-body .mpg-asset>div{display:flex;align-items:center;justify-content:center;height:160px} #mayurina-pigmentation-body .mpg-asset img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply} #mayurina-pigmentation-body .mpg-asset figcaption{margin-top:9px;padding:5px 7px;background:#f3eee5;border:1px solid #e6d9c1;border-radius:4px;font-size:11px;line-height:1.45;color:#675736} #mayurina-pigmentation-body .mpg-lineup-two{flex-wrap:nowrap;min-height:255px} #mayurina-pigmentation-body .mpg-lineup-two .mpg-asset>div{height:195px} #mayurina-pigmentation-body .mpg-lineup-five .mpg-asset{flex:1 1 0} /* One green geometric shell, with eight individual treatment colors. */ #mayurina-pigmentation-body .mpg-tone-1{--treatment-tint:#eaf7f7;--treatment-accent:#337c87;--treatment-edge:#b7d8dc} #mayurina-pigmentation-body .mpg-tone-2{--treatment-tint:#fbeef2;--treatment-accent:#a35471;--treatment-edge:#e5bacb} #mayurina-pigmentation-body .mpg-tone-3{--treatment-tint:#f2edfc;--treatment-accent:#79579f;--treatment-edge:#d0c0e6} #mayurina-pigmentation-body .mpg-tone-4{--treatment-tint:#fff2e5;--treatment-accent:#a86a36;--treatment-edge:#e8c8a8} #mayurina-pigmentation-body .mpg-tone-5{--treatment-tint:#edf7e8;--treatment-accent:#5e853f;--treatment-edge:#c7dcb5} #mayurina-pigmentation-body .mpg-tone-6{--treatment-tint:#eaf3ff;--treatment-accent:#456f9e;--treatment-edge:#bfd2e9} #mayurina-pigmentation-body .mpg-tone-7{--treatment-tint:#fff9dd;--treatment-accent:#8c772b;--treatment-edge:#e3d498} #mayurina-pigmentation-body .mpg-tone-8{--treatment-tint:#fbeee8;--treatment-accent:#a76455;--treatment-edge:#e6c3b8} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-shell{padding:35px;border:1px solid #b8d1bf;border-radius:22px;background-color:#edf5ee;background-image:linear-gradient(30deg,#6292770b 12%,transparent 12.5%,transparent 87%,#6292770b 87.5%),linear-gradient(150deg,#6292770b 12%,transparent 12.5%,transparent 87%,#6292770b 87.5%),linear-gradient(30deg,#6292770b 12%,transparent 12.5%,transparent 87%,#6292770b 87.5%),linear-gradient(150deg,#6292770b 12%,transparent 12.5%,transparent 87%,#6292770b 87.5%);background-size:84px 148px;background-position:0 0,0 0,42px 74px,42px 74px;box-shadow:0 9px 25px #2d57380d} #mayurina-pigmentation-body #mlb-treatments .mlb-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0;padding:22px;border:1px solid var(--treatment-edge);border-top:4px solid var(--treatment-accent);background:linear-gradient(120deg,var(--treatment-tint),color-mix(in srgb,var(--treatment-tint) 70%,white));border-radius:12px;align-items:start} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment h3{grid-column:1;color:var(--treatment-accent);font-size:21px;line-height:1.55;border-bottom:1px solid var(--treatment-edge);margin:0 0 19px;padding:0 0 12px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment-copy{grid-column:1;grid-row:3} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment p{font-size:13.5px;line-height:1.8} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment p+p{margin-top:12px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment .mlb-btn{margin-top:16px} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual{grid-column:1;grid-row:2;justify-self:center;align-self:start;width:60%;min-width:0;padding:12px;margin-bottom:20px;background:#ffffffa3;border:1px solid #fff;border-radius:10px;text-align:center} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual img{width:100%;height:210px;max-height:none;object-fit:contain;mix-blend-mode:multiply;margin:auto} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual figcaption{color:var(--treatment-accent);font-size:12px;line-height:1.6;margin-top:12px} /* Small images beneath each treatment-plan component. */ #mayurina-pigmentation-body #mlb-plan .mlb-combo-card-body{display:block} #mayurina-pigmentation-body #mlb-plan .mpg-plan-assets{gap:7px;margin:18px 0 0} #mayurina-pigmentation-body #mlb-plan .mpg-plan-assets .mpg-asset{flex:1 1 60px;max-width:140px;padding:7px 5px} #mayurina-pigmentation-body #mlb-plan .mpg-plan-assets .mpg-asset>div{height:83px} #mayurina-pigmentation-body #mlb-plan .mpg-plan-assets figcaption{font-size:10px;padding:3px 2px;line-height:1.4} #mayurina-pigmentation-body #mlb-plan .mpg-continuous-care{display:block;font-size:13px;line-height:1.6;color:#73538d;border-left:3px solid #a58abc;padding:5px 9px;margin:0 0 13px;background:#ffffffab;border-radius:3px} #mayurina-pigmentation-body #mlb-plan .mlb-combo-consult-title{display:block;font-size:18px;line-height:1.6;color:#74613f;margin:0 0 12px;padding-left:12px;border-left:3px solid #b89b5f} #mayurina-pigmentation-body #mlb-plan .mlb-combo-footer{margin-top:0} #mayurina-pigmentation-body .mpg-daily-icons{display:flex;gap:20px;justify-content:center;margin-top:20px;text-align:center} #mayurina-pigmentation-body .mpg-daily-icons figure{width:110px;padding:10px;background:#fff;border:1px solid #d5e2d5;border-radius:9px} #mayurina-pigmentation-body .mpg-daily-icons svg{width:53px;height:53px;margin:auto;fill:none;stroke:#678268;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #mayurina-pigmentation-body .mpg-daily-icons .mpg-icon-slash{stroke:#b47a68;stroke-width:2.5} #mayurina-pigmentation-body .mpg-daily-icons figcaption{font-size:11px;color:#546953;line-height:1.5;margin-top:5px} /* Comparison colors map directly to the treatment cards. */ #mayurina-pigmentation-body #mlb-compare .mlb-compare-row h3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--treatment-tint);color:var(--treatment-accent);border-color:var(--treatment-edge);text-align:center;font-size:13px} #mayurina-pigmentation-body #mlb-compare .mlb-compare-row h3 img{width:64px;height:75px;object-fit:contain;mix-blend-mode:multiply} #mayurina-pigmentation-body #mlb-compare .mlb-compare-row .mlb-compare-cell{background:var(--treatment-tint);border-color:var(--treatment-edge);font-size:13px;line-height:1.8} #mayurina-pigmentation-body #mlb-media .mlb-head h2::after{display:none} #mayurina-pigmentation-body #mlb-media .mlb-media-icons{margin-left:auto;flex:0 0 90px;width:90px} #mayurina-pigmentation-body #mlb-media .mlb-media a{display:flex;align-items:center;justify-content:center;padding:10px;background:#fff} #mayurina-pigmentation-body #mlb-media .mlb-media img{width:100%;height:auto;object-fit:contain} @container mlbody (max-width:800px){ #mayurina-pigmentation-body{font-size:14px} #mayurina-pigmentation-body p{font-size:13px;line-height:1.75} #mayurina-pigmentation-body .mlb-section{padding:40px 0} #mayurina-pigmentation-body .mpg-cause-card{padding:18px 15px} #mayurina-pigmentation-body .mpg-cause-content{grid-template-columns:1fr;gap:17px} #mayurina-pigmentation-body .mpg-cause-illustration{max-width:260px;margin:auto} #mayurina-pigmentation-body .mpg-image-placeholder{height:135px} #mayurina-pigmentation-body #mlb-about .mlb-intro-copy p{font-size:13px;line-height:1.75} #mayurina-pigmentation-body #mlb-types .mlb-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #mayurina-pigmentation-body #mlb-types .mlb-type-photo-set{height:125px;min-height:125px} #mayurina-pigmentation-body .mpg-mobile-break{display:block} #mayurina-pigmentation-body .mlb-reasons-heading h2{font-size:clamp(17px,4.6cqw,27px);letter-spacing:0;line-height:1.65} #mayurina-pigmentation-body .mpg-lineup-two .mpg-asset>div{height:160px} #mayurina-pigmentation-body .mpg-lineup-two{min-height:0} #mayurina-pigmentation-body .mpg-lineup-five{gap:9px} #mayurina-pigmentation-body .mpg-lineup-five .mpg-asset{flex:0 1 calc(33.333% - 7px)} #mayurina-pigmentation-body .mpg-lineup-five .mpg-asset>div{height:95px} #mayurina-pigmentation-body .mpg-asset figcaption{font-size:10px;padding:4px 3px} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-shell{width:calc(100% - 24px);padding:23px 12px;border-radius:15px} #mayurina-pigmentation-body #mlb-treatments .mlb-two{gap:14px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment{padding:16px 12px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment h3{font-size:18px;margin-bottom:14px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment-copy{grid-column:1;grid-row:3} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment p{font-size:13px;line-height:1.75} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual{width:80%;padding:8px;margin-bottom:15px} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual img{height:170px} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual figcaption{font-size:10px;margin-top:8px} #mayurina-pigmentation-body #mlb-plan .mlb-combo-consult-title{font-size:16px} #mayurina-pigmentation-body #mlb-plan .mpg-plan-assets .mpg-asset{max-width:120px;flex:1 1 calc(50% - 7px)} #mayurina-pigmentation-body #mlb-compare .mlb-compare-row h3{flex-direction:row;justify-content:flex-start;text-align:left;padding:14px;gap:15px;font-size:16px} #mayurina-pigmentation-body #mlb-compare .mlb-compare-row h3 img{width:48px;height:60px;flex:none} #mayurina-pigmentation-body #mlb-media .mlb-media-icons{flex-basis:64px;width:64px} } @container mlbody (max-width:380px){ #mayurina-pigmentation-body #mlb-types .mlb-type{padding:11px 8px} #mayurina-pigmentation-body #mlb-types .mlb-type-photo-set{height:100px;min-height:100px} #mayurina-pigmentation-body .mpg-lineup-five .mpg-asset{flex-basis:calc(50% - 5px)} } @media(prefers-reduced-motion:reduce){ #mayurina-pigmentation-hero .mlp-pills li,#mayurina-pigmentation-hero .mlp-price,#mayurina-pigmentation-hero .mlp-shine::after{animation:none!important;transition:none!important} } /* 写真風の原因イメージ3枚：同じ比率と角丸で統一 */ #mayurina-pigmentation-body .mpg-cause-illustration>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:9px;border:1px solid color-mix(in srgb,var(--cause-accent) 18%,white)} #mayurina-pigmentation-body .mpg-cause-image-note{margin-top:12px;font-size:11px;line-height:1.6;color:#7c786f} /* 摩擦黒皮症：お尻・膝と脇のイメージを同じ幅で配置 */ #mayurina-pigmentation-body .mpg-friction-gallery{display:grid;gap:16px} #mayurina-pigmentation-body .mpg-friction-gallery figure{margin:0;min-width:0} #mayurina-pigmentation-body .mpg-friction-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:9px;border:1px solid color-mix(in srgb,var(--cause-accent) 18%,white)} #mayurina-pigmentation-body .mpg-friction-gallery figcaption{margin-top:5px;text-align:center;font-size:11px;line-height:1.5;color:var(--cause-accent)} @media(min-width:900px){ #mayurina-pigmentation-body .mpg-cause-2 .mpg-cause-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} #mayurina-pigmentation-body .mpg-friction-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} } /* 5部位のメインコラージュ：スマホでも全画像を見せる */ #mayurina-pigmentation-hero .mpg-hero-image-note{position:absolute;z-index:4;right:12px;bottom:8px;margin:0;padding:2px 7px;border-radius:3px;background:#fffcf0d9;color:#615b50;font:10px/1.5 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.02em} @container mlp (max-width:800px){ #mayurina-pigmentation-hero .mlp-photo{height:66.6667cqw;object-fit:contain;object-position:center top;mask-image:none} #mayurina-pigmentation-hero .mlp-copy{padding-top:70cqw} #mayurina-pigmentation-hero .mlp-title{position:relative;top:auto;left:auto;width:100%;margin:0 0 5cqw} #mayurina-pigmentation-hero .mlp-title-line{font-size:10cqw} #mayurina-pigmentation-hero .mlp-title-sub{font-size:4.3cqw;margin-top:1cqw} #mayurina-pigmentation-hero .mpg-hero-image-note{top:calc(66.6667cqw - 24px);bottom:auto;right:8px} } /* Two treatment cards per row, including narrow mobile screens. */ @container mlbody (max-width:480px){ #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-shell{padding:20px 10px} #mayurina-pigmentation-body #mlb-treatments .mlb-two{gap:12px 8px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment{padding:13px 9px;border-radius:9px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment h3{font-size:15px;line-height:1.6;letter-spacing:0;margin-bottom:12px;padding-bottom:10px} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment p{font-size:12px;line-height:1.8;letter-spacing:0} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual{width:100%;padding:8px 5px;margin-bottom:13px} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual img{height:120px} #mayurina-pigmentation-body #mlb-treatments .mpg-treatment-visual figcaption{font-size:10px;line-height:1.5;letter-spacing:0} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment .mlb-btn{width:100%;max-width:100%;padding:8px 5px;font-size:11px;gap:4px;letter-spacing:0;white-space:normal;text-align:center} #mayurina-pigmentation-body #mlb-treatments .mlb-treatment .mlb-btn::after{flex-shrink:0} }