:where(#productCnt){color:#1D2088}:where(#productCnt) *{box-sizing:border-box}:where(#productCnt) img{max-width:100%;height:auto}#CommonCage{margin-bottom:0;margin-inline:auto;border:#00B3EC solid 6px;border-radius:10px;padding:10px;width:248px}.caption-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1em}.caption-list li{font-size:var(--font-size-xs)}.mv{background-color:#6EC8E2;position:relative;overflow:clip;padding-block-start:30px;padding-block-end:10px}.mv__bg{pointer-events:none;position:absolute;inset:0;z-index:0;transform:scaleX(1.1);transform-origin:center;animation:bg 2.5s ease-in-out infinite alternate;background-image:url(/hamigaki/images/ramune-mouthwash/mv-bg.svg);background-repeat:no-repeat;background-size:cover}@keyframes bg{0%{transform:scaleX(1.1) translateX(-4.55%)}to{transform:scaleX(1.1) translateX(4.55%)}}.mv__title{position:relative;z-index:1;text-align:center}.mv__images{position:relative;z-index:1;height:737px}.mv__text01{position:absolute;top:10px;right:5px}.mv__text02{position:absolute;bottom:162px;right:23px}.mv__text03{position:absolute;left:20px;bottom:20px}.mv__product{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}.mv__caption{position:relative;z-index:1;padding-inline-end:10px}.bubble{pointer-events:none;position:absolute;top:0;width:100%;height:100%}.bubble .bubble__column{position:absolute;width:100%;height:100%;left:0;animation:awa 8s linear infinite}.bubble .bubble__column:first-child{top:0}.bubble .bubble__column:nth-child(2){top:100%}.bubble .bubble__body{position:absolute;left:0;border-radius:50%;aspect-ratio:1/1;animation:fuwafuwa 2s ease-in-out infinite alternate}.bubble:nth-child(1 of .bubble){left:3.9393939394%}.bubble:nth-child(1 of .bubble) .bubble__column{animation-duration:8s}.bubble:nth-child(1 of .bubble) .bubble__body{width:8.3333333333%;background-color:#D8EFFC;top:59.9763872491%}.bubble:nth-child(2 of .bubble){left:12.4242424242%}.bubble:nth-child(2 of .bubble) .bubble__column{animation-duration:9s}.bubble:nth-child(2 of .bubble) .bubble__body{width:11.3636363636%;top:386px;animation-duration:3s;background-color:#ADDEF8}.bubble:nth-child(3 of .bubble){left:18.1818181818%}.bubble:nth-child(3 of .bubble) .bubble__column{animation-duration:10s}.bubble:nth-child(3 of .bubble) .bubble__body{width:11.3636363636%;background-color:#D8EFFC;top:10.1534828808%;animation-duration:4s}.bubble:nth-child(4 of .bubble){left:80.6060606061%}.bubble:nth-child(4 of .bubble) .bubble__column{animation-duration:9s}.bubble:nth-child(4 of .bubble) .bubble__body{width:11.3636363636%;background-color:#ADDEF8;top:77.9220779221%}.bubble:nth-child(5 of .bubble){left:86.2121212121%}.bubble:nth-child(5 of .bubble) .bubble__column{animation-duration:8s}.bubble:nth-child(5 of .bubble) .bubble__body{width:11.3636363636%;background-color:#ADDEF8;top:11.5702479339%}.bubble:nth-child(6 of .bubble){left:89.2424242424%}.bubble:nth-child(6 of .bubble) .bubble__column{animation-duration:10s}.bubble:nth-child(6 of .bubble) .bubble__body{width:8.3333333333%;background-color:#D8EFFC;top:86.6587957497%}.bubble:nth-child(7 of .bubble){left:51%}.bubble:nth-child(7 of .bubble) .bubble__column{animation-duration:9s}.bubble:nth-child(7 of .bubble) .bubble__body{width:8.3333333333%;background-color:#D8EFFC;top:60%;animation-duration:4s}@keyframes awa{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes fuwafuwa{0%{transform:translateX(0)}to{transform:translateX(30%)}}.outline{background-color:#fff;padding-block-start:50px;padding-block-end:50px;padding-inline:20px}.outline__inner{border-radius:20px;border:4px solid #F3D823;background:#FDFBD9;display:grid;row-gap:30px}body[data-viewport="660"][data-device=pc] .outline__inner{padding:36px}body[data-viewport="660"][data-device=sp] .outline__inner{border-width:8px;padding-inline:32px;padding-block:40px}.outline .outline__title01{display:block;width:100%;height:260px;padding-block-start:43px;padding-block-end:100px;background-image:url(/hamigaki/images/ramune-mouthwash/outline-title01-bg.svg);background-size:contain;background-repeat:no-repeat;background-position:center;color:#1D2088;text-align:center;font-size:24px;font-weight:700}.outline .outline-image{position:relative}.outline .outline-image .goodwill{position:absolute;top:0;right:0;animation:goodwill 3s ease-in-out infinite alternate;transform-origin:top center}@keyframes goodwill{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.outline .outline-point{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between}.outline .outline-product .p-product__image{position:relative}.outline .outline-product .p-product__image .image{position:relative;z-index:1}body[data-viewport="660"][data-device=pc] .outline .outline-product .p-product__image .image{width:60%;margin-inline-start:auto}body[data-viewport="660"][data-device=sp] .outline .outline-product .p-product__image .image{padding-inline-start:160px}.outline .outline-product .p-product__image .seal{position:absolute;top:0;left:0}body[data-viewport="660"][data-device=pc] .outline .outline-product .p-product__image .seal{width:120px}.outline .outline-product .p-product__cart{color:initial;display:grid;justify-items:content;row-gap:15px}body[data-viewport="660"][data-device=sp] .outline .outline-product .p-product__cart{margin-inline:-32px}.outline .outline__brandsite{width:-moz-fit-content;width:fit-content;justify-self:center}body[data-viewport="660"][data-device=sp] .outline .outline__brandsite{width:510px}body[data-viewport="660"][data-device=sp] .outline .outline__brandsite img{width:100%;height:auto}@media (any-hover:hover){.outline .outline__brandsite:hover{opacity:0.7}}.outline .outline-text{display:grid;row-gap:10px}.outline .outline-text .outline-text__main{font-size:var(--font-size-m)}.outline .outline-text .outline-text__main sub{font-size:var(--font-size-xs)}.outline .outline-text .outline-text__main a{text-decoration:none;color:#1D2088}.outline .mouthwash-button{border-radius:30px;background:#F3D823;position:relative;display:grid;grid-template-columns:132px 1fr 73px;padding-block:15px;width:-moz-fit-content;width:fit-content;margin-inline:auto;margin-block-start:30px;margin-block-end:20px}.outline .mouthwash-button .mouthwash-button__product{position:relative}.outline .mouthwash-button .mouthwash-button__product img{max-width:unset;position:absolute;top:-48px;left:-35px;width:163px;height:213px}.outline .mouthwash-button .mouthwash-button__nadeshiko{position:relative}.outline .mouthwash-button .mouthwash-button__nadeshiko img{max-width:unset;position:absolute;bottom:0;right:-20px;width:110px;height:164px}@media (any-hover:hover){.outline .mouthwash-button:hover{opacity:0.7}}.effect{display:grid;row-gap:40px;padding-block-end:70px;position:relative;overflow:clip}.effect .effect__bg{pointer-events:none;position:absolute;inset:0;z-index:0;transform:scaleX(1.1);transform-origin:center;animation:bg 2.5s ease-in-out infinite alternate;background-image:url(/hamigaki/images/ramune-mouthwash/effect-bg.svg);background-repeat:repeat-y;background-size:100% auto}.effect .effect__title{display:grid;justify-content:center;position:relative;z-index:1;padding-block-start:50px;padding-block-end:15px}.effect .effect__title img{position:relative;z-index:1}.effect .effect__title:after{content:"";position:absolute;bottom:0;left:0;z-index:0;background-color:#fff;width:100%;height:200%;border-radius:50%;pointer-events:none}.effect .effect__images{position:relative;z-index:1;display:grid;justify-items:center;row-gap:40px}.effect .effect__caption{position:relative;z-index:1;padding-inline:20px}.case{background-color:#FFE450;position:relative;overflow:clip;padding-inline:20px;padding-block:50px;display:grid;row-gap:30px}.case:before{content:"";position:absolute;z-index:0;inset:0;background-image:url(/hamigaki/images/ramune-mouthwash/case-bg.png);background-size:90px 90px;opacity:0.6}.case .case__title{position:relative;z-index:1;text-align:center}.case .case-block{position:relative;z-index:1;display:grid;align-items:center;-moz-column-gap:20px;column-gap:20px;min-height:240px}.case .case-block__image{grid-row:1/2;display:grid;justify-content:center;position:relative;z-index:1}.case .case-block__text{grid-row:1/2;height:100%;display:grid;justify-content:center;align-items:center;background-image:url(/hamigaki/images/ramune-mouthwash/case-block-bg.svg);background-repeat:no-repeat;background-size:100% 100%;font-size:40px;font-weight:700;color:#1D2088;text-align:center}.case .gohoubi{grid-template-columns:1fr 120px 353px}.case .gohoubi .case-block__text{grid-column:2/4}.case .gohoubi .case-block__image{grid-column:1/3}.case .shigeki{grid-template-columns:423px 50px 1fr}.case .shigeki .case-block__text{grid-column:1/3}.case .shigeki .case-block__image{grid-column:2/4}.case .kibun{grid-template-columns:1fr 120px 353px}.case .kibun .case-block__text{grid-column:2/4}.case .kibun .case-block__image{grid-column:1/3}.howtouse{background-color:#D8EFFC;padding-block:50px;padding-inline:20px;display:grid;row-gap:30px;justify-items:center}.howtouse .howtouse__title{background-image:url(/hamigaki/images/ramune-mouthwash/howtouse-title01-bg.svg);background-repeat:no-repeat;background-position:center;background-size:contain;padding-block:40px 30px;text-align:center}.howtouse .howtouse__image{padding-inline:50px}.howtouse .howtouse__description{display:grid;row-gap:10px;padding-inline:40px}.howtouse .howtouse__text{font-size:var(--font-size-m)}.howtouse .howtouse__caption li{font-size:var(--font-size-s)}.howtouse .howtouse-notice{width:-moz-fit-content;width:fit-content;margin-inline:auto;background-color:#FFE450;display:grid;align-items:center;-moz-column-gap:20px;column-gap:20px;grid-template-columns:73px 1fr;padding-block:10px;padding-inline:40px}.howtouse .howtouse-notice .howtouse-notice__text{text-align:center;font-size:var(--font-size-m);font-weight:700}