.page-purpleribbon2025{font-family:"Noto Serif JP",Times New Roman,Hiragino Mincho Pro,\30d2\30e9\30ae\30ce\660e\671d  Pro,Yu Mincho,\6e38\660e\671d,YuMincho,\6e38\660e\671d\4f53,MS PMincho,\ff2d\ff33  \ff30\660e\671d,serif;font-weight:400;padding-bottom:180px;position:relative;overflow:hidden}.page-purpleribbon2025 .block-intro{background:#351674;background:linear-gradient(135deg,#351674,#6431a1 60%,#210c57,#121212);color:#fff;padding:60px 0}.page-purpleribbon2025 .block-intro--main-visual{margin:0 auto 60px;max-width:1280px;width:100%;filter:blur(10px);opacity:0;transition:.8s ease-in-out}.page-purpleribbon2025 .block-intro--main-visual.-viewSpotted{filter:none;opacity:1}.page-purpleribbon2025 .block-intro--main-visual img{width:100%;height:auto;display:block}.page-purpleribbon2025 .block-intro--lead{font-size:20px;text-align:center;line-height:1.6;padding:0 20px}.page-purpleribbon2025 .block-intro--lead:not(:last-of-type){margin-bottom:20px}.page-purpleribbon2025 .block-intro--notes{font-size:12px;margin-top:60px;text-align:center;line-height:1.8;padding:0 20px;white-space:pre-line}.page-purpleribbon2025 .block-lineup{background-image:url(bg_linup.jpg);background-position:center top;background-repeat:no-repeat;background-size:100% auto;padding:90px 0}.page-purpleribbon2025 .block-lineup--title{color:#1c1246;font-size:40px;line-height:1;margin-bottom:60px;text-align:center}.page-purpleribbon2025 .block-lineup--title-sub-text{display:block;font-size:16px;line-height:1;margin-top:10px}.page-purpleribbon2025 .block-lineup--list{display:flex;column-gap:120px;justify-content:center;position:relative;z-index:1;flex-wrap:wrap;padding:0 20px}.page-purpleribbon2025 .block-lineup--set{position:relative;width:calc(50% - 60px);max-width:580px;min-width:300px}.page-purpleribbon2025 .block-lineup--set:hover .block-lineup--set-image img{transform:scale(1.1)}.page-purpleribbon2025 .block-lineup--set__serum .block-lineup--set-container{background-position:center top}.page-purpleribbon2025 .block-lineup--set__cream .block-lineup--set-container{background-position:center bottom}.page-purpleribbon2025 .block-lineup--set-lead{background-color:#351674;color:#fff;font-size:20px;line-height:1.3;padding:20px;text-align:center;white-space:pre-line}.page-purpleribbon2025 .block-lineup--set-container{background-image:url(bg_lineup_set.jpg);background-repeat:no-repeat;background-size:100% auto;color:#fff;margin-bottom:30px;padding:40px;position:relative;text-align:center}.page-purpleribbon2025 .block-lineup--set-catch{align-items:center;background:#81739a;background:linear-gradient(45deg,#81739a,#efe8fb,#fefdff);-webkit-box-shadow:6px 6px 6px 0px rgba(0,0,0,.5);-moz-box-shadow:6px 6px 6px 0px rgba(0,0,0,.5);box-shadow:6px 6px 6px #00000080;border-radius:50%;color:#351674;display:flex;height:100px;justify-content:center;padding-top:10px;position:absolute;text-align:center;right:10px;top:10px;width:100px;z-index:2}.page-purpleribbon2025 .block-lineup--set-catch span{font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.5}.page-purpleribbon2025 .block-lineup--set-catch strong{font-size:18px;font-weight:900}.page-purpleribbon2025 .block-lineup--set-image{margin-bottom:20px;overflow:visible;position:relative}.page-purpleribbon2025 .block-lineup--set-image img{transition:.8s;width:100%;height:auto;display:block}.page-purpleribbon2025 .block-lineup--set-name{font-size:20px;margin-bottom:10px;line-height:1.4;white-space:pre-line}.page-purpleribbon2025 .block-lineup--set-price{font-size:14px;margin-bottom:30px}.page-purpleribbon2025 .block-lineup--set-detail{font-size:12px;line-height:1.6;white-space:pre-line}.page-purpleribbon2025 .block-lineup--set-more{background-color:#333;color:#fff;display:block;font-size:14px;line-height:60px;margin:0 auto;text-align:center;transition:.4s;width:240px;text-decoration:none;position:relative}.page-purpleribbon2025 .block-lineup--set-more:hover{background-color:#555}.page-purpleribbon2025 .block-lineup--set-more:after{border-right:1px solid;border-top:1px solid;content:"";display:inline-block;height:8px;margin-left:10px;position:relative;transform:rotate(45deg);width:8px}.page-purpleribbon2025 .block-lineup--set-cart{background-color:#333;color:#fff;display:block;cursor:pointer;font-size:14px;line-height:60px;margin:0 auto 10px;text-align:center;transition:.4s;width:240px;border:none;position:relative}.page-purpleribbon2025 .block-lineup--set-cart:hover{background-color:#555}.page-purpleribbon2025 .block-lineup--set-cart[disabled]{cursor:default;opacity:.5}.page-purpleribbon2025 .block-lineup--set-cart:after{border-right:1px solid;border-top:1px solid;content:"";display:inline-block;height:8px;margin-left:10px;position:relative;transform:rotate(45deg);width:8px}.page-purpleribbon2025 .block-about-purpleribbon2025-project{background:radial-gradient(circle at 15% 15%,#fff3,#4a198400 45%),linear-gradient(135deg,#3f0d6a,#6221a8 55%,#250646);padding:110px 20px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:60px;text-decoration:none;color:#381962;background:linear-gradient(130deg,#7b43c9f2,#50259cf2);padding:55px 70px;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px #16062c59;transition:transform .3s ease,box-shadow .3s ease}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:20px;background:#fff;box-shadow:0 18px 32px #2d125e2e;z-index:0}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container:hover{transform:translateY(-4px);box-shadow:0 36px 70px #16062c73}.page-purpleribbon2025 .block-about-purpleribbon2025-project--text-area,.page-purpleribbon2025 .block-about-purpleribbon2025-project--ribbon-image{position:relative;z-index:1}.page-purpleribbon2025 .block-about-purpleribbon2025-project--text-area{flex:1;color:#381962}.page-purpleribbon2025 .block-about-purpleribbon2025-project--catch{font-size:38px;font-weight:700;color:#4b197e;margin-bottom:18px;line-height:1.35}.page-purpleribbon2025 .block-about-purpleribbon2025-project--catch-sub-text{display:block;font-size:16px;font-weight:500;margin-top:12px;color:#7a6a9f}.page-purpleribbon2025 .block-about-purpleribbon2025-project--title{font-size:22px;font-weight:600;color:#5a5184;margin-bottom:26px;line-height:1.8;white-space:pre-line}.page-purpleribbon2025 .block-about-purpleribbon2025-project--more{display:inline-block;margin-top:10px;padding:16px 32px;background:linear-gradient(135deg,#5b22a3,#3d0c70);color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;border-radius:30px;text-decoration:none;text-align:center;min-width:260px;transition:background .3s ease}.page-purpleribbon2025 .block-about-purpleribbon2025-project--more:after{content:"";display:inline-block;margin-left:12px;border-top:1px solid currentColor;border-right:1px solid currentColor;width:8px;height:8px;transform:rotate(45deg)}.page-purpleribbon2025 .block-about-purpleribbon2025-project--more:hover{background:linear-gradient(135deg,#6a2cc5,#471089)}.page-purpleribbon2025 .block-about-purpleribbon2025-project--ribbon-image{flex-shrink:0;width:280px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--ribbon-image img{width:100%;height:auto;display:block}@media screen and (max-width: 990px){.page-purpleribbon2025{padding-bottom:80px}.page-purpleribbon2025 .block-intro{padding:40px 0}.page-purpleribbon2025 .block-intro--main-visual{margin-bottom:40px}.page-purpleribbon2025 .block-intro--lead{font-size:16px}.page-purpleribbon2025 .block-intro--notes{font-size:11px;margin-top:40px}.page-purpleribbon2025 .block-lineup{padding:60px 0}.page-purpleribbon2025 .block-lineup--title{font-size:32px;margin-bottom:40px}.page-purpleribbon2025 .block-lineup--list{column-gap:40px;row-gap:40px}.page-purpleribbon2025 .block-lineup--set{width:100%;min-width:100%}.page-purpleribbon2025 .block-lineup--set-lead{font-size:18px}.page-purpleribbon2025 .block-lineup--set-container{padding:30px 20px}.page-purpleribbon2025 .block-lineup--set-name{font-size:18px;white-space:pre-line}.page-purpleribbon2025 .block-about-purpleribbon2025-project{padding:80px 16px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container{flex-direction:column;align-items:center;text-align:center;gap:32px;padding:42px 36px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container:before{top:5px;right:5px;bottom:5px;left:5px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--text-area{text-align:center}.page-purpleribbon2025 .block-about-purpleribbon2025-project--catch{font-size:30px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--title{font-size:20px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--ribbon-image{width:220px;order:-1;margin:0 auto}.page-purpleribbon2025 .block-about-purpleribbon2025-project--more{width:100%;max-width:360px}}@media screen and (max-width: 749px){.page-purpleribbon2025 .block-intro--lead{font-size:14px}.page-purpleribbon2025 .block-lineup--title{font-size:28px}.page-purpleribbon2025 .block-lineup--set-lead{font-size:16px;margin-bottom:20px}.page-purpleribbon2025 .block-lineup--set-catch{width:80px;height:80px;right:5px;top:5px;z-index:2}.page-purpleribbon2025 .block-lineup--set-catch span{font-size:11px}.page-purpleribbon2025 .block-lineup--set-catch strong{font-size:15px}.page-purpleribbon2025 .block-lineup--set-name{font-size:14px;line-height:1.5;white-space:normal}.page-purpleribbon2025 .block-lineup--set-more,.page-purpleribbon2025 .block-lineup--set-cart{width:100%;max-width:420px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--catch{font-size:24px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--title{font-size:18px}.page-purpleribbon2025 .block-about-purpleribbon2025-project{padding:70px 14px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container{padding:32px 24px;gap:28px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--container:before{top:4px;right:4px;bottom:4px;left:4px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--ribbon-image{width:160px}.page-purpleribbon2025 .block-about-purpleribbon2025-project--more{padding:14px 24px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-purple-ribbon-2025.css.map */
