/* トップ内のカメラ・写真試着。製品ステージの空間を維持する。 */
.s-space-control{position:relative;z-index:2;height:32px;display:flex;align-items:center;justify-content:flex-end;padding-top:7px}.s-space-control button{background:transparent;border:0;padding:0;color:#aaa99e;font-size:16px;line-height:1.7;text-decoration:underline;text-underline-offset:4px;min-height:24px}.s-space-control button:hover{color:#f1e8d8}.s-ar{border-top:1px solid #ffffff35;padding-top:75px;padding-bottom:70px}.s-ar-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:40px}.s-ar-heading h2{margin-top:17px;font-size:clamp(36px,3.6vw,50px);line-height:1.55}.s-ar-heading>p{font-size:16px;line-height:2;color:#c7c8bd}.s-ar-experience{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:start}.s-ar-mirror{min-width:0}.s-ar-view{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;background:#292e2a;border:1px solid #ffffff40;display:flex;align-items:center;justify-content:center}.s-ar-view>[data-ar-placeholder]{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.6) brightness(.86)}.s-ar-view>[data-ar-canvas]{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;position:relative;z-index:1}.s-ar-view:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#080d0922,transparent 25%,transparent 65%,#080d09a3);z-index:2}.s-ar-view-top{position:absolute;z-index:4;top:20px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#f0f0e9;font:10px/1.8 Arial,sans-serif;letter-spacing:.16em}.s-ar-view-top>span:first-child{display:flex;align-items:center;gap:9px}.s-ar-view-top i{width:6px;height:6px;display:block;background:#c2c1b5;border-radius:50%}.s-ar[data-ar-state=camera] .s-ar-view-top i{background:#a2d599;box-shadow:0 0 12px #a2d59988}.s-ar-guide{position:absolute;pointer-events:none;z-index:3;inset:20% 24%;border:1px solid #ffffe025;border-radius:47% 47% 45% 45%;opacity:.65}.s-ar-guide:before,.s-ar-guide:after{content:'';position:absolute;left:47%;width:6%;height:1px;background:#eee6}.s-ar-guide:before{top:0}.s-ar-guide:after{bottom:0}.s-ar[data-ar-has-result=true] .s-ar-guide{display:none}.s-ar-view-bottom{position:absolute;bottom:18px;left:22px;right:22px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#f2f1e9}.s-ar-view-bottom>span{font-size:16px;line-height:1.7}.s-ar-view-bottom button{background:#10180e90;border:1px solid #ffffff88;padding:8px 14px;min-height:44px;font-size:16px;white-space:nowrap}.s-ar-view-bottom button:disabled{display:none}.s-ar-view-bottom button:hover{background:#273222}.s-ar-status{font-size:16px;line-height:1.85;color:#c0c5b7;min-height:56px;padding-top:14px}.s-ar[data-ar-state=error] .s-ar-status{color:#edc8a4}.s-ar-controls{padding-top:2px;min-width:0}.s-ar-step{display:flex;align-items:center;gap:18px;font:12px/1.7 Arial,sans-serif;color:#b9bcac;margin-bottom:19px!important}.s-ar-step span{font:400 23px/1.7 var(--serif);color:#eeede4;letter-spacing:.06em}.s-ar-start,.s-ar-stop{width:100%;font-size:17px;min-height:60px}.s-ar button:disabled{cursor:wait;opacity:.6}.s-ar-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.s-ar-alternatives>button,.s-ar-upload{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 0;border:0;border-bottom:1px solid #888d7c;color:#dadfd1;background:transparent;font-size:16px;cursor:pointer}.s-ar-alternatives>button:hover,.s-ar-upload:hover{color:#e8ca9e}.s-ar-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.s-ar-upload:focus-within{outline:2px solid #e2ca9f;outline-offset:5px}.s-ar-privacy{font-size:16px;line-height:1.85;color:#aab09f;margin-top:18px!important}.s-ar-selection{border-top:1px solid #ffffff26;padding-top:25px;margin-top:26px}.s-ar-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.s-ar-products>button{position:relative;min-width:0;border:1px solid #ffffff35;background:#22271fd9;color:#d8dbce;padding:13px 8px 11px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:118px;gap:10px;font-size:16px;line-height:1.4;text-align:left;transition:background .2s,border-color .2s}.s-ar-products>button[aria-pressed=true]{border-color:#ded3bb;background:#d7d1c1;color:#292c24}.s-ar-products>button>img{display:block;aspect-ratio:2.2;width:100%;height:auto;max-width:100%;object-fit:contain}.s-ar-products>button>span{display:block;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.s-ar-products>button small{display:block;font-size:11px;line-height:1.6;letter-spacing:.05em;opacity:.7}.s-ar-products>button:hover{border-color:#e4dbc6}.s-ar-adjust{padding-top:22px}.s-ar-adjust>label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;color:#c8cfba}.s-ar-adjust output{font:14px/1.7 Arial,sans-serif}.s-ar-adjust input{width:100%;accent-color:#d6c7a8;min-height:34px;cursor:pointer;margin:5px 0 0}.s-ar-note{font-size:16px;line-height:1.85;color:#a5ae96;margin-top:15px!important}.s-ar-controls>.s-text-link{margin-top:14px;width:100%;font-size:16px}.s-ar[data-ar-state=loading] .s-ar-view:before{content:'';position:absolute;z-index:5;top:calc(50% - 16px);left:calc(50% - 16px);height:32px;width:32px;border-radius:50%;border:1px solid #fff5;border-top-color:#fff;animation:ar-loading 1.1s linear infinite}.s-ar[data-ar-state=loading] .s-ar-view{cursor:progress}@keyframes ar-loading{to{transform:rotate(360deg)}}
@media(max-width:1100px){.s-ar-experience{grid-template-columns:1fr 1fr;gap:5%}.s-ar-products{gap:7px}.s-ar-products>button{padding:10px 6px;min-height:102px}.s-ar-view-bottom{flex-wrap:wrap;gap:9px}.s-ar-alternatives{grid-template-columns:1fr;gap:5px}.s-ar-view{aspect-ratio:4/5}.s-ar-privacy br{display:none}.s-ar-step span{font-size:22px}}
@media(max-width:900px){.s-ar{padding-top:65px}.s-ar-heading{gap:7%;margin-bottom:32px}.s-ar-heading h2{font-size:37px}.s-ar-experience{grid-template-columns:1fr;gap:25px}.s-ar-view{aspect-ratio:4/5;max-width:560px;margin-inline:auto}.s-ar-view>[data-ar-canvas]{max-height:100%}.s-ar-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 6%}.s-ar-controls>.s-ar-step,.s-ar-start,.s-ar-stop,.s-ar-alternatives,.s-ar-privacy{grid-column:1}.s-ar-selection{grid-column:2;grid-row:1/5;margin:0;padding:0;border:0}.s-ar-adjust{grid-column:2;grid-row:5/7;align-self:start;padding-top:20px}.s-ar-note,.s-ar-controls>.s-text-link{grid-column:1/-1}.s-ar-privacy{margin-top:13px!important}.s-ar-alternatives{margin-top:13px}.s-ar-view-bottom{flex-wrap:nowrap}.s-ar-products{grid-template-columns:1fr;gap:9px}.s-ar-products>button{min-height:70px;display:grid;grid-template-columns:42% 1fr;align-items:center;gap:13px;padding:10px}.s-ar-products>button>img{aspect-ratio:2.3}.s-ar-status{min-height:0}}
@media(max-width:600px){.s-space-control{height:32px;padding-top:5px}.s-space-control button{font-size:16px;min-height:26px}.s-ar{padding-top:50px;padding-bottom:48px}.s-ar-heading{display:block;margin-bottom:28px}.s-ar-heading h2{font-size:clamp(25px,7.2vw,35px);letter-spacing:.015em;white-space:nowrap;margin:17px 0 23px}.s-ar-heading>p{font-size:16px;line-height:1.95}.s-ar-experience{gap:22px}.s-ar-view{aspect-ratio:4/5;max-height:none}.s-ar-view>[data-ar-canvas]{max-height:100%;height:100%;object-fit:contain}.s-ar-view-top{top:15px;left:15px;right:15px;font-size:9px;letter-spacing:.09em}.s-ar-view-bottom{left:14px;right:14px;bottom:14px;flex-wrap:wrap;gap:8px}.s-ar-view-bottom>span{font-size:16px}.s-ar-view-bottom button{font-size:16px;padding:7px 11px}.s-ar-controls{display:block}.s-ar-controls>.s-ar-step{margin-bottom:15px!important}.s-ar-step span{font-size:24px}.s-ar-start,.s-ar-stop{font-size:17px;min-height:58px}.s-ar-alternatives{grid-template-columns:1fr;gap:7px;margin-top:13px}.s-ar-privacy{margin-top:17px!important}.s-ar-selection{border-top:1px solid #ffffff26;padding-top:25px;margin-top:25px}.s-ar-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.s-ar-products>button{display:flex;min-height:113px;padding:12px 6px 10px;gap:10px}.s-ar-products>button>img{aspect-ratio:2.3}.s-ar-products>button>span{font-size:16px}.s-ar-products>button small{font-size:10px}.s-ar-adjust{padding-top:23px}.s-ar-note{margin-top:16px!important}.s-ar-controls>.s-text-link{margin-top:14px}.s-ar-status{font-size:16px;padding-top:13px}}
@media(max-width:360px){.s-ar-heading h2{font-size:25px}.s-ar-products{grid-template-columns:1fr}.s-ar-products>button{display:grid;grid-template-columns:42% 1fr;gap:18px;min-height:74px;padding:10px 13px}.s-ar-products>button>img{aspect-ratio:2.2}.s-ar-view-top>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.s-ar[data-ar-state=loading] .s-ar-view:before{animation:none}}

.af-home .s-hero{padding-top:18px}

.s-ar-mirror{scroll-margin-top:105px;scroll-margin-bottom:25px}

/* 顔・フレームごとの小さな装着位置の違いを補正する。 */
.s-ar-fine-tune{margin-top:14px;border-block:1px solid #ffffff26;grid-column:1/-1}.s-ar-fine-tune summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;font-size:16px;color:#d4d8ca;cursor:pointer;list-style:none}.s-ar-fine-tune summary::-webkit-details-marker{display:none}.s-ar-fine-tune summary>span{font-size:21px;transition:transform .2s}.s-ar-fine-tune[open] summary>span{transform:rotate(45deg)}.s-ar-fine-tune>p{font-size:16px;line-height:1.8;color:#abb49d;margin:0 0 15px}.s-ar-offset{margin:13px 0}.s-ar-offset label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#d3d9c8;font-size:16px}.s-ar-offset output{font-size:14px}.s-ar-offset input{display:block;width:100%;min-height:36px;margin:3px 0 0;accent-color:#d6c7a8;cursor:pointer}.s-ar-fine-tune [data-ar-fit-reset]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;padding:12px 0;min-height:46px;margin:8px 0 10px;border:0;border-top:1px solid #ffffff1a;background:none;font-size:16px;color:#d1d6c5}.s-ar-fine-tune input:disabled{opacity:.45}.s-ar-fine-tune [data-ar-fit-reset]:disabled{opacity:.45;cursor:default}