@charset "UTF-8";
/* Shared by the existing desktop and phone SSI pages. */
@font-face {
    font-family: "MiuraGotic Propo";
    src: url("/font/miuragoticpropo-wf.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.page-miwake .w640 { width: 640px; max-width: 100%; margin: 0 auto 60px; }
.page-miwake--pc #seal > .page { overflow: visible; }
.page-miwake--pc { overflow: visible; }
.page-miwake .miwake-product {
    --miwake-ink: #82757b;
    --miwake-pink: #ff88a5;
    width: 600px;
    max-width: 100%;
    margin: 0 auto 60px;
    color: var(--miwake-ink);
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 0;
    container-type: inline-size;
}
.page-miwake .miwake-product *, .page-miwake .miwake-nav, .page-miwake .miwake-nav * { box-sizing: border-box; }
.page-miwake .miwake-product p, .page-miwake .miwake-product ul,
.page-miwake .miwake-product h1, .page-miwake .miwake-product h2,
.page-miwake .miwake-product h3 { margin: 0; padding: 0; }
.page-miwake .miwake-product ul { list-style: none; }
.page-miwake .miwake-product img { display: block; width: 100%; max-width: 100%; height: auto; }
.page-miwake .miwake-product a:focus-visible,
.page-miwake .miwake-nav a:focus-visible,
.page-miwake .miwake-product button:focus-visible,
.page-miwake .miwake-nav button:focus-visible { outline: 3px solid #2575ae; outline-offset: 4px; }
.page-miwake .miwake-product .miwake-h1 {
    margin: 0 0 48px;
    padding: 20px 8px;
    border: 2px dotted #d7cdd1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}
.page-miwake .miwake-slider { margin: 0 0 60px; padding: 0 0 32px; border-bottom: 60px solid #e6e6e6; }
.page-miwake #mainSlide { width: 100%; margin: 0; padding: 0; }
.page-miwake #mainSlide:not(.slick-initialized) { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
.page-miwake #mainSlide:not(.slick-initialized) > li { flex: 0 0 100%; scroll-snap-align: start; }
.page-miwake #mainSlide .slick-slide { height: auto; }
/* Reuse the shop's existing arrow images for the desktop product slider. */
.page-miwake--pc #mainSlide .slick-arrow { position: absolute; top: 300px; bottom: auto !important; z-index: 2; display: block; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; transform: translateY(-50%); color: transparent; background: transparent; font-size: 0; line-height: 0; cursor: pointer; }
.page-miwake--pc #mainSlide .slick-prev { right: auto; left: -44px; }
.page-miwake--pc #mainSlide .slick-next { right: -44px; left: auto; }
.page-miwake--pc #mainSlide .slick-arrow::before { content: ""; position: static; display: block; width: 40px; height: 40px; opacity: 1; background-position: center; background-size: contain; background-repeat: no-repeat; }
.page-miwake--pc #mainSlide .slick-prev::before { background-image: url("/sp/sp_img/index/arrow_prev.png"); }
.page-miwake--pc #mainSlide .slick-next::before { background-image: url("/sp/sp_img/index/arrow_next.png"); }
.page-miwake #mainSlide .slick-dots {
    position: static;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px;
    margin: 26px 5% 0;
    padding: 0;
}
.page-miwake #mainSlide .slick-dots li { display: block; width: auto; height: auto; margin: 0; padding: 0; }
.page-miwake #mainSlide .slick-dots button {
    display: block;
    width: 25px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 0;
    background: transparent;
    cursor: pointer;
}
.page-miwake #mainSlide .slick-dots button::before {
    content: "";
    position: static;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    border-radius: 50%;
    background: #e4e4e4;
    opacity: 1;
}
.page-miwake #mainSlide .slick-active button::before { background: #a3a3a3; opacity: 1; }
.page-miwake .miwake-product .miwake-delivery { width: 94%; margin: 0 auto 36px; padding: 0; }
.page-miwake .miwake-product .miwake-order { width: 94%; margin: 0 auto 60px; }
.page-miwake .miwake-product .miwake-order a { display: block; }
.page-miwake .miwake-product .miwake-logo { margin: 0 0 3.333333cqi; }
.page-miwake .miwake-product .miwake-price { margin-bottom: 40px; }
.page-miwake .miwake-product .miwake-features { margin: 22px 0 16px; }
/* Use the comp's natural Japanese character widths instead of inherited palt. */
.page-miwake .miwake-product .miwake-copy,
.page-miwake .miwake-product .miwake-caption,
.page-miwake .miwake-product .miwake-balloon { font-feature-settings: normal; font-kerning: none; letter-spacing: .02em; }
.page-miwake .miwake-product .miwake-balloon { letter-spacing: .03em; }
.page-miwake .miwake-product .miwake-copy { margin: 2.5cqi 4.666667cqi 0; font-size: 3cqi; line-height: 1.722222; text-align: left; }
.page-miwake--pc .miwake-product .miwake-copy { font-size: 15px; }
.page-miwake .miwake-product .miwake-divider { margin: 11.666667cqi 0 3.833333cqi; }
.page-miwake .miwake-product .miwake-section { width: auto; margin: 0 0 60px; padding: 0; scroll-margin-top: 100px; }
.page-miwake .miwake-section-head {
    position: relative;
    aspect-ratio: 600 / 312;
    margin: 0 0 9.333333cqi;
    background: url("/sp/seal/img/c_miwake/miwake_h2bg.png") center / 100% 100% no-repeat;
    color: #fff;
    text-align: center;
}
.page-miwake .miwake-section-head h2 { position: absolute; inset: 13.25cqi 8% auto; border: 0; background: none; color: inherit; font-weight: 700; line-height: 1.3; }
.page-miwake .miwake-eyebrow { display: block; font-size: 3.2cqi; }
.page-miwake .miwake-heading { display: block; margin-top: -1cqi; font-family: "MiuraGotic Propo", sans-serif; font-size: 11.4cqi; font-weight: 400; line-height: 1.1; letter-spacing: .055em; transform: scaleY(1.18); }
.page-miwake #point1 .miwake-heading { margin-top: -.333333cqi; }
.page-miwake .miwake-section-head > p { position: absolute; inset: 32.333333cqi 6% auto; font-size: 3.2cqi; line-height: 1.45; }
/* The second sign is 293px tall in the 600px comp. Reposition its rule independently. */
.page-miwake .miwake-section-head--short { aspect-ratio: 600 / 293; margin-bottom: 8.333333cqi; }
.page-miwake .miwake-section-head--short h2 { top: 14.166667cqi; }
.page-miwake .miwake-section-head--short .miwake-heading { margin-top: -.333333cqi; font-size: 10.8cqi; }
.page-miwake .miwake-section-head--short > p { top: 33cqi; }
.page-miwake .miwake-section-head--short::before { content: ""; position: absolute; top: 27.7cqi; right: 13%; left: 13%; height: 1.5cqi; background: #77aedf; }
.page-miwake .miwake-section-head--short::after { content: ""; position: absolute; top: 30.666667cqi; right: 13%; left: 13%; border-top: .5cqi dashed #fff; }
.page-miwake .miwake-product .miwake-use { margin: 0 0 12.666667cqi; }
.page-miwake .miwake-product #point1 { margin-bottom: 0; }
.page-miwake .miwake-product #point1 .miwake-use:last-of-type { margin-bottom: 0; }
.page-miwake .miwake-product .miwake-balloon {
    position: relative;
    display: block;
    width: 83.333333%;
    margin: 0 auto 4.333333cqi;
    padding: 1.466667cqi 1.333333cqi;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--miwake-ink);
    font-size: 4.666667cqi;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}
.page-miwake .miwake-balloon::after { content: ""; position: absolute; top: calc(100% - 1px); left: 48%; width: 0; height: 0; border-top: 2.666667cqi solid var(--miwake-ink); border-right: 3cqi solid transparent; }
.page-miwake .miwake-product .miwake-caption { margin: 0 3% 2.833333cqi; font-size: 3cqi; line-height: 1.722222; text-align: center; }
.page-miwake .miwake-product .miwake-related { display: grid; gap: 2.666667cqi; width: 60%; margin: 3.666667cqi auto 8.666667cqi; }
.page-miwake .miwake-product .miwake-related a { display: flex; align-items: center; justify-content: center; height: 13.5cqi; padding: 0 1.666667cqi; border: 1px solid #a79a9f; border-radius: 999px; color: var(--miwake-pink); background: #fff; font-size: 4cqi; font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none; }
.page-miwake .miwake-product .miwake-related a:hover { background: #fff5f8; }
.page-miwake .miwake-design { scroll-margin-top: 100px; }
.page-miwake .miwake-product .miwake-sizes { display: grid; gap: 20px; margin-top: 50px; }
/* Material and placement copy follow the supplied LP comp. */
.page-miwake .miwake-product .miwake-care .miwake-picture { margin: 0; }
.page-miwake .miwake-product .miwake-care .miwake-picture + .miwake-picture { margin-top: 4.5cqi; }
.page-miwake .miwake-product .miwake-care > .miwake-caption { margin-bottom: 6cqi; }
.page-miwake .miwake-product .miwake-care > .miwake-copy { margin-top: 2.333333cqi; }
/* LP-only material guide; images reference the existing clothnon/common assets. */
.page-miwake .miwake-product .miwake-material-title { margin: 0 6.67% 2.333333cqi; padding: 0 0 2.333333cqi; border-bottom: 2px dashed var(--miwake-ink); color: var(--miwake-ink); font-size: 5cqi; font-weight: 700; line-height: 1.5; text-align: center; }
.page-miwake .miwake-product .miwake-material .miwake-caption { margin-bottom: 6cqi; }
.page-miwake .miwake-product .miwake-material .miwake-copy + .miwake-picture { margin-top: 10cqi; }
.page-miwake .miwake-product .miwake-material .miwake-picture + .miwake-picture { margin-top: 5cqi; }
.page-miwake .miwake-product .miwake-reviews { width: auto; margin: 70px 4% 60px; padding: 0; }
.page-miwake .miwake-product .miwake-reviews h2 { margin: 0 0 14px; font-size: 20px; }
.page-miwake .miwake-product .miwake-reviews .inner { height: 320px; margin: 0; padding: 16px; overflow: auto; border: 1px solid #ccc; background: #f7f7f7; }
.page-miwake .miwake-product .miwake-review-status { font-size: 15px; line-height: 1.8; }
.page-miwake .miwake-product .miwake-reviews img { width: auto; max-width: 100%; }
.page-miwake .miwake-product .miwake-reviews .voiceBtn { width: 280px; max-width: 100%; height: auto; margin: 20px auto 0; font-size: 15px; }
.page-miwake .miwake-product .miwake-reviews .voiceBtn a { display: block; padding: 6px 12px; border-radius: 999px; color: #fff; background: #009eff; line-height: 1.6; text-decoration: none; }
.page-miwake .miwake-product .miwake-banner { width: 94%; margin: 0 auto 40px; }
.page-miwake .miwake-product .miwake-back { margin: 0 auto; text-align: center; font-size: 16px; }
.page-miwake .miwake-product .miwake-back a { color: #0044cc; text-decoration: underline; }

/* Phone comp: two H2 headings use the gray speech-bubble treatment. */
.page-miwake--sp .miwake-product .miwake-care > .miwake-divider { display: none; }
.page-miwake--sp .miwake-product .miwake-care > .miwake-divider:first-child { display: block; margin: 11.666667cqi 0 0; }
.page-miwake--sp .miwake-product .miwake-care > .miwake-divider:first-child + .miwake-material-title { margin-top: 14.666667cqi; }
.page-miwake--sp .miwake-product .miwake-care > .miwake-material-title {
    position: relative;
    width: 83.333333%;
    margin: 8.666667cqi auto 4.333333cqi;
    padding: 1.466667cqi 1.333333cqi;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--miwake-ink);
    font-feature-settings: normal;
    font-kerning: none;
    font-size: 4.666667cqi;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .03em;
    text-align: center;
}
.page-miwake--sp .miwake-care > .miwake-material-title::after { content: ""; position: absolute; top: calc(100% - 1px); left: 48%; width: 0; height: 0; border-top: 2.666667cqi solid var(--miwake-ink); border-right: 3cqi solid transparent; }
.page-miwake--sp .miwake-product .miwake-care > .miwake-caption { margin-bottom: 6.666667cqi; }

/* Existing product navigation: gray bar, yellow purchase button. */
.page-miwake .miwake-nav { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; gap: 16px; width: calc(100% - 30px); margin: 0 15px 40px; padding: 16px 20px; border-radius: 5px; color: #fff; background: rgba(102,102,102,.95); font-size: 13px; line-height: 1.5; letter-spacing: 0; }
.page-miwake .miwake-nav p, .page-miwake .miwake-nav ul { margin: 0; padding: 0; list-style: none; }
.page-miwake .miwake-nav a { color: #fff; text-decoration: none; }
.page-miwake .miwake-nav a:hover { color: #ffe300; }
.page-miwake .miwake-nav .navtitle { flex-shrink: 0; font-size: 16px; font-weight: 700; }
.page-miwake .miwake-nav .mod_nav_inner { margin-left: auto; margin-right: 80px; }
.page-miwake .miwake-nav ul { display: flex; align-items: center; gap: 22px; }
.page-miwake .miwake-nav .orderBtn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 65px; background: linear-gradient(#ffe300,#ffcf00); border-radius: 5px; text-align: center; font-size: 15px; font-weight: 700; }
.page-miwake .miwake-nav .orderBtn a { display: block; padding: 2px 8px; color: #cd0000; }
.page-miwake .miwake-nav .nav_arrow, .page-miwake .miwake-nav .closebtn { display: none; }
.page-miwake .miwake-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.page-miwake--sp .miwake-product .miwake-h1 { margin-left: 3.125%; margin-right: 3.125%; }
.page-miwake--sp #main { margin-bottom: 0; }
.page-miwake--sp { padding-bottom: 63px; }
.page-miwake--sp .miwake-nav { position: fixed; inset: auto 0 0; justify-content: center; gap: 0; width: 100%; height: 4.5em; min-height: 63px; margin: 0; padding: .5em .8em; border-radius: 0; font-size: 14px; transition: transform .2s; }
.page-miwake--sp .miwake-nav .navtitle { flex: 0 0 40%; width: 40%; min-width: 0; overflow: hidden; font-size: min(1rem, 3.75vw); line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; text-align: left; }
.page-miwake--sp .miwake-nav.is-away { transform: translateY(110%); }
.page-miwake--sp .miwake-nav .nav_arrow { display: flex; flex: 0 0 20%; align-items: center; justify-content: center; position: static; width: 20%; height: 100%; padding: 0; border: 0; transform: none; color: #fff; background: none; font-size: 0; line-height: 1; cursor: pointer; }
.page-miwake--sp .miwake-nav .nav_arrow > span[aria-hidden="true"] { display: none; }
.page-miwake--sp .miwake-nav .nav_arrow::before { content: ""; display: block; width: 32px; height: 5px; border-radius: 1.5px; background: currentColor; box-shadow: 0 -11px 0 currentColor, 0 11px 0 currentColor; }
.page-miwake--sp .miwake-nav .mod_nav_inner { display: none; position: absolute; right: 0; bottom: 100%; left: 0; max-height: 75vh; overflow-y: auto; margin: 0; padding: 18px 24px; background: rgba(102,102,102,.98); }
.page-miwake--sp .miwake-nav.is-open .mod_nav_inner { display: block; }
.page-miwake--sp .miwake-nav ul { display: block; }
.page-miwake--sp .miwake-nav ul a { display: block; padding: 12px; border-bottom: 1px dashed #ccc; font-size: 16px; }
.page-miwake--sp .miwake-nav .closebtn { display: block; margin-top: 12px; text-align: center; }
.page-miwake--sp .miwake-nav .closebtn button { padding: 8px 16px; border: 0; color: #fff; background: transparent; font: inherit; font-size: 16px; cursor: pointer; }
.page-miwake--sp .miwake-nav .orderBtn { position: static; flex: 0 0 30%; top: auto; right: auto; width: 30%; margin-left: 10%; transform: none; font-size: 1.5rem; line-height: 1.6; }
.page-miwake--sp .miwake-nav .orderBtn a { padding: 0; }

@media (max-width: 600px) {
    .page-miwake .miwake-product { font-size: 3.2vw; }
    .page-miwake .miwake-product .miwake-h1 { margin-bottom: 8vw; padding: 3.3vw 1.3vw; font-size: 2.67vw; }
    .page-miwake .miwake-slider { margin-bottom: 10vw; padding-bottom: 5.33vw; border-bottom-width: 10vw; }
    .page-miwake #mainSlide .slick-dots { gap: 0; margin-top: 4vw; }
    .page-miwake #mainSlide .slick-dots button { width: 5.4vw; height: 26px; }
    .page-miwake #mainSlide .slick-dots button::before { width: 2.17vw; height: 2.17vw; }
    .page-miwake .miwake-product .miwake-delivery { margin-bottom: 6vw; }
    .page-miwake .miwake-product .miwake-order { margin-bottom: 10vw; }
    .page-miwake .miwake-product .miwake-price { margin-bottom: 6.67vw; }
    .page-miwake .miwake-product .miwake-features { margin: 3.67vw 0 2.67vw; }
    .page-miwake .miwake-product .miwake-section { margin-bottom: 10vw; }
    .page-miwake .miwake-product .miwake-sizes { gap: 3.33vw; margin-top: 8.33vw; }
    .page-miwake .miwake-product .miwake-reviews { margin-top: 11.67vw; margin-bottom: 10vw; }
    .page-miwake .miwake-product .miwake-banner { margin-bottom: 6.67vw; }
}
@media (prefers-reduced-motion: reduce) {
    .page-miwake .miwake-nav { transition: none; }
}