﻿body{margin:0}.lp{color:#13273f;font-family:"OggiGothic","A-OTF 見出ゴMB31 Pro","yu-gothic-pr6n","游ゴシック","Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:1rem;line-height:1.7;overflow-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.lp,.lp :where(*),.lp :where(*)::before,.lp :where(*)::after{box-sizing:border-box;margin:0;padding:0}.lp :where(h1,h2,h3,h4,h5,h6,p){font:inherit}.lp :where(img,picture,svg,video){display:block;max-width:100%;height:auto}.lp :where(ul,ol)[class]{list-style:none}.lp :where(ul,ol):where(:not([class])){padding-inline-start:1.5em}.lp :where(a){color:inherit}.lp :where(table){border-collapse:collapse;border-spacing:0}.lp :where(fieldset){border:none}.lp :where(button,input,select,textarea){color:inherit;font:inherit;border:none}.lp :where(button){cursor:pointer;background:none}.lp :where(textarea){resize:vertical}.lp :where(summary){cursor:pointer}.lp [hidden]{display:none !important}.lp :focus-visible{outline:3px solid #005fcc;outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 16px;color:#fff;background:#000;font-weight:700;transform:translateY(calc(-100% - 16px))}.skip-link:focus-visible{outline:3px solid #005fcc;outline-offset:3px;transform:translateY(0)}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}@media(forced-colors: active){.lp :focus-visible,.skip-link:focus-visible{outline-color:Highlight}}@media(prefers-reduced-motion: reduce){.lp,.lp :where(*),.lp :where(*)::before,.lp :where(*)::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}}.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.js [data-reveal].is-show{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion: reduce){.js [data-reveal]{opacity:1;transform:none}}@font-face{font-family:"OggiGothic";src:local("A-OTF 見出ゴMB31 Pro"),local("A-OTF Midashi Go MB31 Pro"),local("A-OTF-MidashiGoMB31Pro"),local("MidashiGoPro-MB31");font-weight:400 900;font-style:normal;font-display:swap}.lp{letter-spacing:normal}.wf-loading .lp{visibility:hidden}.lp__stage{container-type:inline-size;width:100%;max-width:1200px;margin-inline:auto;background:#fff}.hero{background-color:#13273f;border-image:linear-gradient(#13273f, #13273f) fill 0/0/0 100vw;display:grid;grid-template-columns:calc(696/1200*100cqw) 1fr;color:#fff}.hero__visual{min-width:0}.hero__window{overflow:hidden}@media screen and (max-width: 700px){.hero__window{width:calc(343.2/390*100cqw);width:min(calc(343.2 / 390 * 100cqw),75vh - 142.5px);width:min(calc(343.2 / 390 * 100cqw),75svh - 142.5px);margin-inline:auto}}.hero__track{display:grid}.hero__slide{grid-area:1/1;min-width:0;opacity:0;transition:opacity 1.2s ease}.hero__slide.is-current{z-index:2;opacity:1}.hero__slide.is-prev{z-index:1;opacity:1;transition:none}html:not(.js) .hero__slide:first-child{opacity:1}.hero__slide img{width:100%;height:auto}.hero__body{display:flex;flex-direction:column;align-items:flex-end;padding:0 calc(72/1200*100cqw) calc(46/1200*100cqw) 0}@media screen and (max-width: 700px){.hero__body{display:block;padding:0 calc(23.4/390*100cqw) calc(24/390*100cqw)}}.hero__logo{order:-1;width:calc(279/1200*100cqw);margin-top:calc(334/1200*100cqw);margin-bottom:auto}.hero__logo img{width:100%;height:auto}@media screen and (max-width: 700px){.hero__logo{width:calc(148.2/390*100cqw);margin:0 0 calc(14/390*100cqw) auto}}.hero__title{align-self:stretch;font-family:"OggiGothic","A-OTF 見出ゴMB31 Pro","yu-gothic-pr6n","游ゴシック","Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(14px,calc(30 / 1200 * 100cqw),30px);font-weight:700;line-height:1.65;letter-spacing:.015em;text-align:right;text-shadow:0 1px 7px rgba(0,0,0,.44)}@media screen and (max-width: 700px){.hero__title{padding:calc(14/390*100cqw) 0;font-size:clamp(17px,calc(22 / 390 * 100cqw),32px)}}.hero__title-lead{display:block;color:#e1d3bf;font-size:.62em}.hero__title-main{display:block;white-space:nowrap}.hero__brand{font-family:"ヒラギノ明朝 Pro","Hiragino Mincho Pro","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;font-weight:400}.hero__title-last{display:block;margin-bottom:-3px;padding-bottom:2px;white-space:nowrap;border-bottom:3px solid #c8b7a6}.hero__title-accent{color:#9cceff}.hero__date{margin-top:calc(61/1200*100cqw);font-size:10px;line-height:1.4;white-space:nowrap}@media screen and (max-width: 700px){.hero__date{margin-top:0;line-height:1.5;text-align:right}}@media screen and (max-width: 700px){.hero{display:block}}.lead{padding:calc(68/1200*100cqw) calc(24/1200*100cqw) calc(54/1200*100cqw);text-align:center}.lead__text{max-width:calc(940/1200*100cqw);margin-inline:auto;font-family:"ヒラギノ明朝 Pro","Hiragino Mincho Pro","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;font-size:14px;line-height:1.9}@media screen and (max-width: 700px){.lead__text{max-width:none;font-size:12px;line-height:1.85}}.lead__line{display:block}@media screen and (max-width: 700px){.lead__line{display:inline}.lead__line:not(:last-child)::after{content:" ";white-space:pre}}@media screen and (max-width: 700px){.lead__break{display:none}}.lead__links{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(12/1200*100cqw) calc(25/1200*100cqw);margin-top:calc(30/1200*100cqw)}@media screen and (max-width: 700px){.lead__links{gap:calc(13/390*100cqw) calc(20/390*100cqw);margin-top:calc(25/390*100cqw)}}.lead__link{display:block;padding-bottom:6px;font-size:12px;font-weight:700;line-height:normal;text-decoration:none;border-bottom:1px solid #c8b7a6}@media screen and (max-width: 700px){.lead__link{font-size:10px}}@media screen and (max-width: 700px){.lead{padding:calc(40/390*100cqw) calc(26/390*100cqw)}}.look{background-color:#eef3f6;border-image:linear-gradient(#eef3f6, #eef3f6) fill 0/0/0 100vw;padding:calc(72/1200*100cqw) calc(60/1200*100cqw);scroll-margin-top:var(--height-global-nav, 0px)}.look__inner{display:grid;grid-template-columns:calc(486/1200*100cqw) 1fr;gap:calc(64.8/1200*100cqw);align-items:center}@media screen and (max-width: 700px){.look__inner{display:flex;flex-direction:column;gap:calc(26/390*100cqw);align-items:stretch}}.look__media img{width:100%;height:auto}.look__title{margin-bottom:14px;font-family:"OggiGothic","A-OTF 見出ゴMB31 Pro","yu-gothic-pr6n","游ゴシック","Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(28px,calc(33.6 / 1200 * 100cqw),40px);font-weight:700;line-height:1.15;letter-spacing:.035em;text-align:center}@media screen and (max-width: 700px){.look__title{font-size:30px}}.look__quote{position:relative;max-width:400px;margin:0 auto 35px;padding:0 20px;font-family:"ヒラギノ明朝 Pro","Hiragino Mincho Pro","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;font-size:14px;line-height:1.85;text-align:center}.look__quote::before,.look__quote::after{position:absolute;color:#9cceff;font-family:"minion-pro","Minion Pro",Georgia,serif;font-size:40px;line-height:normal}.look__quote::before{content:"“";top:-12px;left:-3px}.look__quote::after{content:"”";right:-3px;bottom:-22px}@media screen and (max-width: 700px){.look__quote{margin-bottom:30px;font-size:12px}}.look--reverse{background-color:#fff;border-image:linear-gradient(#ffffff, #ffffff) fill 0/0/0 100vw}.look--reverse .look__media{order:2}@media screen and (max-width: 700px){.look--reverse .look__media{order:0}}@media screen and (max-width: 700px){.look{padding:calc(45/390*100cqw) calc(23/390*100cqw)}}.product__list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(18/1200*100cqw) calc(12/1200*100cqw)}@media screen and (max-width: 700px){.product__list{gap:calc(17/390*100cqw) calc(9/390*100cqw)}}.product__item{min-width:0}.product__link{display:block;text-decoration:none}@media(hover: hover){.product__link:hover .product__image{opacity:.72}}.product__image{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #e4e8ea;transition:opacity .2s}.product__name{display:block;margin-top:7px;font-size:10px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}@media screen and (max-width: 700px){.product__name{font-size:9px}}.product__price{display:block;margin-top:2px;font-size:10px;line-height:1.5}@media screen and (max-width: 700px){.product__price{font-size:9px}}.recommends{background-color:#13273f;border-image:linear-gradient(#13273f, #13273f) fill 0/0/0 100vw;padding:calc(75/1200*100cqw) calc(60/1200*100cqw);color:#fff}.recommends__header{margin-bottom:calc(38/1200*100cqw);text-align:center}@media screen and (max-width: 700px){.recommends__header{margin-bottom:calc(25/390*100cqw)}}.recommends__title{font-family:"OggiGothic","A-OTF 見出ゴMB31 Pro","yu-gothic-pr6n","游ゴシック","Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(30px,calc(42 / 1200 * 100cqw),44px);font-weight:700;line-height:1.2}@media screen and (max-width: 700px){.recommends__title{font-size:28px}}.recommends__lead{margin-top:14px;color:#e1d3bf;font-family:"ヒラギノ明朝 Pro","Hiragino Mincho Pro","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;font-size:14px;line-height:1.5}@media screen and (max-width: 700px){.recommends__lead{font-size:12px}}.recommends__stack{display:grid;gap:calc(80/1200*100cqw);max-width:calc(1060/1200*100cqw);margin-inline:auto}@media screen and (max-width: 700px){.recommends__stack{gap:calc(48/390*100cqw);max-width:none}}.recommends__row{display:grid;grid-template-columns:calc(498.2/1200*100cqw) 1fr;gap:calc(63.6/1200*100cqw);align-items:center;min-width:0}.recommends__row:nth-child(even) .recommends__photo{order:2}@media screen and (max-width: 700px){.recommends__row{display:flex;flex-direction:column;gap:calc(23/390*100cqw);align-items:stretch}.recommends__row:nth-child(even) .recommends__photo{order:0}}.recommends__photo{width:100%;height:auto}.recommends__products{min-width:0}@media screen and (max-width: 700px){.recommends__products .product__list{gap:calc(12/390*100cqw) calc(8/390*100cqw)}}@media screen and (max-width: 700px){.recommends{padding:calc(48/390*100cqw) calc(23/390*100cqw)}}.cta{padding:calc(70/1200*100cqw) calc(20/1200*100cqw);text-align:center}.cta__title{margin-bottom:22px;font-family:"OggiGothic","A-OTF 見出ゴMB31 Pro","yu-gothic-pr6n","游ゴシック","Yu Gothic","YuGothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:30px;font-weight:700;line-height:normal}.cta__button{display:inline-block;padding:17px 38px;font-size:13px;line-height:normal;text-decoration:none;border:1px solid #c8b7a6}@media screen and (max-width: 700px){.cta{padding:calc(48/390*100cqw) calc(20/390*100cqw)}}.page-top{background-color:#eef3f6;border-image:linear-gradient(#eef3f6, #eef3f6) fill 0/0/0 100vw;display:flex;justify-content:center;padding:40px 0}.page-top__link{position:relative;display:flex;align-items:center;justify-content:center;width:320px;height:40px;font-size:14px;text-decoration:none;border:1px solid #022363;transition:color .6s,background-color .6s}.page-top__link::after{content:"";position:absolute;inset:0 24px 0 auto;width:8px;height:8px;margin:auto;border-top:1px solid currentcolor;border-right:1px solid currentcolor;rotate:-45deg;transform-origin:right}@media(hover: hover){.page-top__link:hover{color:#fff;background-color:#022363}}@media screen and (max-width: 700px){.page-top__link{width:calc(320/375*100cqw);height:calc(40/375*100cqw)}.page-top__link::after{right:calc(24/375*100cqw);width:calc(8/375*100cqw);height:calc(8/375*100cqw)}}@media screen and (max-width: 700px){.page-top{padding:calc(40/375*100cqw) calc(24/375*100cqw)}}
