@charset "UTF-8";
/* Circle skirt only. Shared root styles and shared parts stay byte-identical. */
.dearPage { --circle-gold:#967441; --circle-ink:#4c392b; --circle-text:#707070; }
.dearPage #mainTop.seriesPage { display:block; width:695px; max-width:695px; min-width:0; color:var(--circle-text); font-family:"fot-matisse-pron","Noto Serif JP","Yu Mincho",serif; }
.seriesPage *, .seriesPage *::before, .seriesPage *::after { box-sizing:border-box; }
.seriesPage img { display:block; width:100%; height:auto; }
.seriesPage button { font:inherit; color:inherit; }
.seriesPage a:focus-visible, .seriesPage button:focus-visible { outline:2px solid var(--circle-gold); outline-offset:5px; }
.seriesSection { position:relative; padding:5vh 0; scroll-margin-top:35px; }
.sectionTtl { position:relative; margin:50px auto; padding:38px 22px 30px; min-height:138px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:var(--circle-ink); font-weight:400; background:url('https://maylaclassic.com/maylaclassique/main/collection/dear/images/chapter-frame.webp?v=5b7a8ac2') center/100% auto no-repeat; }
.sectionTtl .en { font-family:Garamond,"Times New Roman",serif; color:var(--circle-gold); font-size:15px; line-height:1.3; margin-bottom:14px; }
.sectionTtl .jp { font-family:"Hiragino Mincho ProN","Yu Mincho",serif; font-size:28px; line-height:1.5; letter-spacing:.02em; }
.detailHeading { background-image:url('https://maylaclassic.com/maylaclassique/main/collection/dear/images/detail-frame.webp?v=291c3508'); max-width:100%; color:#707070; }
.detailHeading .en { font-size:14px; color:#9b9b9b; }
.detailHeading .jp { font-size:31px; }
.boxHeading { background-image:url('https://maylaclassic.com/maylaclassique/main/collection/dear/images/box-frame.webp?v=4a9fc943'); color:#292929; }
.boxHeading .en { color:#9b9b9b; }
.prose { text-align:center; font-size:15px; line-height:2; letter-spacing:.02em; }
.prose p { margin:0 0 34px; }
.prose p:last-child { margin-bottom:0; }
.copyLine,.copyPhrase { display:inline-block; max-width:100%; }
.copyLine { text-wrap:balance; }
.collectionGuideWrap { text-align:center; margin:55px 0 20px; }
.collectionGuideTtl { font-family:Garamond,serif; font-size:22px; letter-spacing:.08em; line-height:1.5; }
.collectionGuideTtl span { display:block; font-size:10px; letter-spacing:.15em; margin-top:5px; }
.collectionGuideContentsTtlWrap { width:400px; max-width:100%; padding:0; margin:30px auto 0; list-style:none; }
.collectionGuideContentsTtl { display:flex; align-items:center; justify-content:center; width:100%; height:70px; border:1px solid var(--circle-gold); color:var(--circle-ink); }
.collectionGuideContentsTtl p { font-size:17px; line-height:1.3; }
.collectionGuideContentsTtl p span { display:block; font:12px/1.3 Garamond,serif; margin-top:6px; }
.mainVisualContentsWrap { margin:62px 0 0; padding:0; list-style:none; }
.mainVisualWrap { margin:0 0 84px; }
.mainVisualWrap:last-child { margin-bottom:0; }
.mainVisualWrap .visual { margin-bottom:30px; }
.colorName { text-align:center; }
.colorName .en { font:400 24px/1.5 "fot-matisse-pron","Noto Serif JP","Yu Mincho",serif; margin:23px 0 12px; }
.colorName .jp { font-size:14px; letter-spacing:.06em; }
.colorCatch { font-size:14px; line-height:1.8; }
.productContainer { margin-top:90px; }
.productVisualSlider { padding:0; margin:0; list-style:none; }
.productVisualSliderWrap { position:relative; }
.productVisualSlider li[hidden] { display:none; }
.productVisualPager { display:flex; justify-content:center; gap:8px; margin-top:15px; }
.productVisualPager button { padding:0; background:white; border:1px solid transparent; width:45px; cursor:pointer; }
.productVisualPager button[aria-current="true"] { border-color:var(--circle-gold); }
.sliderArrow { position:absolute; top:45%; width:36px; height:48px; padding:0; border:0; background:#ffffffe0; font-size:28px!important; cursor:pointer; }
.sliderArrow.prev { left:0; }.sliderArrow.next { right:0; }
.productBtn { width:100%; margin:50px auto 0; }
.productBtn a,.purchaseLink { display:flex; justify-content:center; align-items:center; width:100%; height:110px; margin:20px auto; color:#80654b; background:url('https://maylaclassic.com/maylaclassique/main/collection/images/button_frame2.png') center/contain no-repeat; }
.productImg { width:110px; height:100%; padding:10px; display:flex; justify-content:center; align-items:center; flex-shrink:0; }
.productImg img { width:auto; max-width:100%; height:100%; object-fit:contain; }
.productTxtWrap { min-width:0; width:320px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.productName { font-size:17px; letter-spacing:.12em; line-height:1.8; }
.productYen { font-size:14px; letter-spacing:.12em; line-height:1.8; }
.goToPage { font-size:15px; letter-spacing:.1em; line-height:1.8; margin-top:5px; }
.wearBlock { width:100%; margin:70px 0 80px; }
.wearStyleTitle { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; font-size:17px; font-weight:400; margin-bottom:25px; }
.wearStyleTitle>span:first-child { width:100%; font:24px Garamond,serif; color:var(--circle-gold); }
.wearModelProfile { display:flex; justify-content:flex-end; align-items:center; margin-top:12px; font-size:12px; color:var(--circle-gold); letter-spacing:.08em; }
.wearModelProfile[hidden] { display:none; }
.wearAccordion { width:100%; margin-top:20px; }
.wearAccordionBtn { position:relative; width:300px; height:55px; max-width:100%; margin:0 auto 15px; display:flex; justify-content:center; align-items:center; padding:0 32px; border:1px solid var(--circle-gold); background:transparent; font-size:14px!important; letter-spacing:.04em; color:#80654b!important; cursor:pointer; }
.accordionArrow { position:absolute; right:23px; font-size:10px; transition:transform .3s; }
.wearAccordionBtn.active .accordionArrow { transform:rotate(180deg); }
.wearAccordionContents { max-height:0; overflow:hidden; transition:max-height .5s ease; }
.wearAccordionContents.active { max-height:450px; }
.wearProductItem { width:70%; height:100px; margin:0 auto 15px; display:flex; align-items:center; gap:8px; background:url('https://maylaclassic.com/maylaclassique/main/collection/images/button_frame2.png') center/100% 100% no-repeat; }
.productCategory { flex:0 0 60px; margin-left:30px; background:#80602d; color:white; font-size:12px; padding:6px; line-height:1; text-align:center; }
.productInfo { flex:1; min-width:0; text-align:center; }
.productInfo p { font-size:14px; line-height:1.5; margin:0; }
.productInfo span { display:block; font-size:10px; line-height:1.5; margin-top:5px; }
.wearProductItem img { width:60px; height:auto; max-height:80px; object-fit:contain; margin-right:30px; }
.wearPendingNote { text-align:center; font-size:12px; padding-bottom:15px; }
.mediaPlaceholder { width:100%; aspect-ratio:var(--media-ratio,16 / 9); background:#ffffde; border:1px solid #aaa; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; text-align:center; padding:20px; }
.placeholderTitle { font:16px/1.5 "Noto Serif JP","Yu Mincho",serif; }
.placeholderNote { font-size:11px; letter-spacing:.08em; }
.moviePlaceholder { background:#cadddf; }
@media (max-width:1050px) and (min-width:588px) {
 .dearPage #contents { width:96%; gap:25px; }
 .dearPage #sidebar { flex:0 0 200px; width:200px; }
 .dearPage #leftWrap { width:180px!important; }
 .dearPage #mainTop.seriesPage { flex:1; width:calc(100% - 225px); }
}
@media (max-width:760px) and (min-width:588px) {
 .dearPage #contents { width:90%; display:block; }
 .dearPage #sidebar { display:none; }
 .dearPage #mainTop.seriesPage { width:100%; max-width:none; }
}
@media (max-width:587px) {
 .dearPage #mainTop.seriesPage { width:100%; max-width:none; }
 .seriesSection { padding:40px 0 70px; scroll-margin-top:110px; }
 .sectionTtl { margin:0 auto 45px; min-height:0; aspect-ratio:1224 / 242; padding:12px 8px; }
 .sectionTtl .en { font-size:clamp(8px,2.3vw,11px); margin-bottom:4px; letter-spacing:0; }
 .sectionTtl .jp { font-size:clamp(13px,3.5vw,19px); line-height:1.4; }
 .detailHeading .jp { font-size:clamp(13px,3.5vw,19px); }
 .detailHeading { max-width:80%; background-image:url('https://maylaclassic.com/maylaclassique/main/collection/dear/images/detail-frame-sp.webp?v=9641c108'); color:var(--circle-ink); }
 .detailHeading .en { color:var(--circle-gold); }
 .boxHeading { background-image:url('https://maylaclassic.com/maylaclassique/main/collection/dear/images/chapter-frame.webp?v=5b7a8ac2'); color:var(--circle-ink); }
 .boxHeading .en { color:var(--circle-gold); }
 .detailHeading .en { font-size:clamp(8px,2.3vw,11px); }
 .prose { font-size:12px; line-height:1.9; letter-spacing:0; }
 .prose p { margin-bottom:27px; }
 .collectionGuideWrap { margin:40px 0 20px; }
 .collectionGuideTtl { font-size:18px; }
 .collectionGuideContentsTtlWrap { width:90%; }
 .collectionGuideContentsTtl { height:45px; }
 .collectionGuideContentsTtl p { font-size:12px; }
 .collectionGuideContentsTtl p span { font-size:9px; margin-top:4px; }
 .mainVisualContentsWrap { margin-top:55px; }
 .mainVisualWrap { margin-bottom:60px; }
 .mainVisualWrap .visual { margin-bottom:25px; }
 .colorCatch { font-size:12px; text-wrap:balance; }
 .colorName .en { margin:22px 0 7px; font-size:22px; }
 .colorName .jp { font-size:13px; }
 .productContainer { margin-top:55px; }
 .productBtn { margin-top:35px; }
 .productBtn a,.purchaseLink { height:100px; background-size:100% 100%; }
 .productImg { width:65px; padding:10px 8px; }
 .productTxtWrap { width:calc(100% - 65px); padding-right:10px; }
 .productName { font-size:12px; letter-spacing:.02em; }
 .productYen { font-size:11px; letter-spacing:.04em; }
 .goToPage { font-size:12px; letter-spacing:.04em; }
 .wearBlock { margin:45px 0 65px; }
 .wearStyleTitle { font-size:12px; gap:4px; }
 .wearAccordionBtn { width:260px; height:45px; font-size:12px!important; padding:0 30px; }
 .wearProductItem { width:100%; height:90px; gap:5px; }
 .productCategory { flex-basis:42px; margin-left:12px; padding:5px 3px; font-size:9px; }
 .productInfo p { font-size:11px; }
 .productInfo span { font-size:8px; }
 .wearProductItem img { width:45px; max-height:60px; margin-right:12px; }
 .placeholderTitle { font-size:12px; }.placeholderNote { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
 .wearAccordionContents,.accordionArrow { transition:none; }
}