@media only screen and (min-width: 500px) {
    body:before {
        content: "";
        display: block;
        width: 100vw;
        height: 100vh;
        background: url('/sweetsugar/images/pc/pc_bg.webp') no-repeat center center;
        background-size: cover;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 1;
        transition: opacity 0.3s;
        z-index: -1;
    }
}

.rain_menu-content {
    background: linear-gradient(90deg, rgb(235 207 186) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
}

header img {
    width: 100%;
}

.rm_sweetsugar_wrapper {
    width: 400px;
    overflow: hidden;
    display: block;
    background-size: cover;
    margin: 0 auto;
    background: #fff;
}

@media only screen and (max-width: 500px) {
    .rm_sweetsugar_wrapper {
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
    }
}

.rm_sweetsugar_wrapper img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 100%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

button.rain_menu-icon {
    background: rgb(220 181 152);
}

section.rm_sweetsugar_head {
    position: relative;
    overflow: hidden;
    z-index: 1;
    aspect-ratio: 1000 / 3400;
    width: 100%;
}

.rm_sweetsugar_head_bg {
    position: absolute;
    left: 0.0%;
    top: 0.0%;
    width: 100.0%;
    z-index: 2;
}

.rm_sweetsugar_head_main {
    position: absolute;
    left: 0.0%;
    top: 0.0%;
    width: 100.0%;
    z-index: 3;
}

.rm_sweetsugar_head_item {
    position: absolute;
    left: 0.0%;
    top: 39.82%;
    width: 100.0%;
    z-index: 4;
}

.rm_sweetsugar_head_icon {
    position: absolute;
    left: 72.5%;
    top: 1.47%;
    width: 24.0%;
    z-index: 5;
}

.rm_sweetsugar_head_glitter {
    position: absolute;
    left: 0.0%;
    top: 36.62%;
    width: 100.0%;
    z-index: 6;
    mix-blend-mode: screen;
}

.rm_sweetsugar_head_title {
    position: absolute;
    left: 0.0%;
    top: 29.62%;
    width: 100.0%;
    z-index: 7;
}

.rm_sweetsugar_head_light1 {
    position: absolute;
    left: 56.6%;
    top: 48.94%;
    width: 43.4%;
    z-index: 8;
}

.rm_sweetsugar_head_light2 {
    position: absolute;
    left: 64.1%;
    top: 54.29%;
    width: 35.9%;
    z-index: 9;
}

.rm_sweetsugar_head_light3 {
    position: absolute;
    left: 68.2%;
    top: 76.68%;
    width: 31.8%;
    z-index: 10;
}

.rm_sweetsugar_head_light4 {
    position: absolute;
    left: 0.0%;
    top: 56.35%;
    width: 47.4%;
    z-index: 11;
}

.rm_sweetsugar_head_light5 {
    position: absolute;
    left: 0.0%;
    top: 37.26%;
    width: 28.7%;
    z-index: 12;
}

.rm_sweetsugar_head_light6 {
    position: absolute;
    left: 14.6%;
    top: 43.79%;
    width: 27.6%;
    z-index: 13;
}

.rm_sweetsugar_head_light7 {
    position: absolute;
    left: 9.3%;
    top: 39.06%;
    width: 24.6%;
    z-index: 14;
}

.rm_sweetsugar_head_light8 {
    position: absolute;
    left: 0.0%;
    top: 65.35%;
    width: 30.2%;
    z-index: 15;
}

.rm_sweetsugar_head_light9 {
    position: absolute;
    left: 20.9%;
    top: 77.62%;
    width: 35.0%;
    z-index: 16;
}

.rm_sweetsugar_head_light10 {
    position: absolute;
    left: 0.0%;
    top: 78.91%;
    width: 24.1%;
    z-index: 17;
}

.rm_sweetsugar_head_bokeh1 {
    position: absolute;
    left: 0.0%;
    top: 36.18%;
    width: 33.0%;
    z-index: 18;
}

.rm_sweetsugar_head_bokeh2 {
    position: absolute;
    left: 0.0%;
    top: 58.94%;
    width: 19.5%;
    z-index: 19;
}

.rm_sweetsugar_head_bokeh3 {
    position: absolute;
    left: 72.8%;
    top: 52.76%;
    width: 23.1%;
    z-index: 20;
}

.rm_sweetsugar_head_bokeh4 {
    position: absolute;
    left: 20.2%;
    top: 71.06%;
    width: 34.0%;
    z-index: 21;
}

.rm_sweetsugar_head_bokeh5 {
    position: absolute;
    left: 76.9%;
    top: 76.5%;
    width: 17.7%;
    z-index: 22;
}

.rm_sweetsugar_head_sidetext {
    position: absolute;
    left: 0.0%;
    top: 41.65%;
    width: 100.0%;
    z-index: 23;
    pointer-events: none;
}

section.rm_sweetsugar_lineup {
    position: relative;
    overflow: hidden;
    z-index: 1;
    aspect-ratio: 1000 / 3774;
    width: 100%;
    margin-top: -60%;
}

.rm_sweetsugar_lineup_bg {
    position: absolute;
    left: 0.0%;
    top: 7.39%;
    width: 100.0%;
    z-index: 2;
}

.rm_sweetsugar_lineup_head {
    position: absolute;
    left: 0.0%;
    top: 0.0%;
    width: 100.0%;
    z-index: 3;
}

.rm_sweetsugar_lineup_spn {
    position: absolute;
    left: 0.0%;
    top: 11.02%;
    width: 42.1%;
    z-index: 4;
}

.rm_sweetsugar_lineup_light1 {
    position: absolute;
    left: 13.7%;
    top: 14.65%;
    width: 45.1%;
    z-index: 5;
}

.rm_sweetsugar_lineup_light2 {
    position: absolute;
    left: 0.0%;
    top: 11.82%;
    width: 24.8%;
    z-index: 6;
}

.rm_sweetsugar_lineup_light3 {
    position: absolute;
    left: 13.0%;
    top: 19.71%;
    width: 21.4%;
    z-index: 7;
}

.rm_sweetsugar_lineup_light4 {
    position: absolute;
    left: 80.1%;
    top: 21.38%;
    width: 19.9%;
    z-index: 8;
}

.rm_sweetsugar_lineup_light5 {
    position: absolute;
    left: 73.3%;
    top: 24.75%;
    width: 26.7%;
    z-index: 9;
}

.rm_sweetsugar_lineup_light6 {
    position: absolute;
    left: 38.4%;
    top: 30.71%;
    width: 23.1%;
    z-index: 10;
}

.rm_sweetsugar_lineup_light7 {
    position: absolute;
    left: 0.0%;
    top: 22.23%;
    width: 28.8%;
    z-index: 11;
}

.rm_sweetsugar_lineup_light8 {
    position: absolute;
    left: 0.0%;
    top: 47.09%;
    width: 21.5%;
    z-index: 12;
}

.rm_sweetsugar_lineup_light9 {
    position: absolute;
    left: 82.5%;
    top: 47.27%;
    width: 17.5%;
    z-index: 13;
}

.rm_sweetsugar_lineup_title {
    position: absolute;
    left: 18.1%;
    top: 24.64%;
    width: 64.4%;
    z-index: 14;
}

.rm_sweetsugar_lineup_01 {
    position: absolute;
    left: 0.0%;
    top: 30.98%;
    width: 52.1%;
    z-index: 15;
}

.rm_sweetsugar_lineup_02 {
    position: absolute;
    left: 46.9%;
    top: 30.98%;
    width: 53.1%;
    z-index: 16;
}

.rm_sweetsugar_lineup_price {
    position: absolute;
    left: 14.8%;
    top: 48.86%;
    width: 69.7%;
    z-index: 17;
}

.rm_sweetsugar_lineup_bandle_bg {
    position: absolute;
    left: 2.3%;
    top: 54.27%;
    width: 95.4%;
    z-index: 18;
}

.rm_sweetsugar_lineup_bandle_deco1 {
    position: absolute;
    left: -5.0%;
    top: 53.47%;
    width: 34.0%;
    z-index: 19;
}

.rm_sweetsugar_lineup_bandle_deco2 {
    position: absolute;
    left: 80.1%;
    top: 55.22%;
    width: 20.7%;
    z-index: 20;
}

.rm_sweetsugar_lineup_bandle_deco3 {
    position: absolute;
    left: -6.5%;
    top: 87.39%;
    width: 35.5%;
    z-index: 21;
}

.rm_sweetsugar_lineup_bandle_maintext {
    position: absolute;
    left: 16.7%;
    top: 76.18%;
    width: 67.4%;
    z-index: 22;
}

.rm_sweetsugar_lineup_bandle_btn {
    position: absolute;
    left: 13.3%;
    top: 83.36%;
    width: 74.0%;
    z-index: 23;
}

.rm_sweetsugar_lineup_foot {
    position: absolute;
    left: 33.5%;
    top: 91.71%;
    width: 32.9%;
    z-index: 24;
}

.rm_sweetsugar_lineup_heart {
    position: absolute;
    left: 48.7%;
    top: 93.67%;
    width: 2.5%;
    z-index: 25;
}

section.rm_sweetsugar_01 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    aspect-ratio: 1000 / 4497;
    width: 100%;
    margin-top: -1%;
}

.rm_sweetsugar_01_bg {
    position: absolute;
    left: 0.0%;
    top: 0.0%;
    width: 100.0%;
    z-index: 2;
}

.rm_sweetsugar_01_main {
    position: absolute;
    left: 1.7%;
    top: 7.98%;
    width: 97.3%;
    z-index: 3;
}

.rm_sweetsugar_01_title {
    position: absolute;
    left: 13.1%;
    top: 1.62%;
    width: 72.2%;
    z-index: 4;
}

.rm_sweetsugar_01_deco {
    position: absolute;
    left: 0.0%;
    top: 24.88%;
    width: 12.9%;
    z-index: 5;
}

.rm_sweetsugar_01_assets1 {
    position: absolute;
    left: 80.3%;
    top: 7.16%;
    width: 19.7%;
    z-index: 6;
}

.rm_sweetsugar_01_assets2 {
    position: absolute;
    left: 2.5%;
    top: 26.84%;
    width: 25.1%;
    z-index: 7;
}

.rm_sweetsugar_01_assets3 {
    position: absolute;
    left: 73.6%;
    top: 28.62%;
    width: 23.0%;
    z-index: 8;
}

.rm_sweetsugar_01_bokeh1 {
    position: absolute;
    left: 71.6%;
    top: 19.79%;
    width: 26.1%;
    z-index: 9;
}

.rm_sweetsugar_01_bokeh2 {
    position: absolute;
    left: 76.5%;
    top: 23.68%;
    width: 23.5%;
    z-index: 10;
}

.rm_sweetsugar_01_bokeh3 {
    position: absolute;
    left: 0.0%;
    top: 19.64%;
    width: 24.3%;
    z-index: 11;
}

.rm_sweetsugar_01_heart {
    position: absolute;
    left: 0.0%;
    top: 32.53%;
    width: 52.5%;
    z-index: 12;
}

.rm_sweetsugar_01_item {
    position: absolute;
    left: 53.3%;
    top: 33.56%;
    width: 46.7%;
    z-index: 13;
}

.rm_sweetsugar_01_wear {
    position: absolute;
    left: 3.7%;
    top: 43.05%;
    width: 95.7%;
    z-index: 14;
}

.rm_sweetsugar_01_makeup {
    position: absolute;
    left: 8.0%;
    top: 44.16%;
    width: 37.0%;
    z-index: 15;
}

.rm_sweetsugar_01_palette {
    position: absolute;
    left: 2.1%;
    top: 58.39%;
    width: 94.8%;
    z-index: 16;
}

.rm_sweetsugar_01_footimg {
    position: absolute;
    left: 25.2%;
    top: 71.87%;
    width: 74.8%;
    z-index: 17;
}

.rm_sweetsugar_01_bokeh4 {
    position: absolute;
    left: 84.7%;
    top: 70.25%;
    width: 15.3%;
    z-index: 18;
}

.rm_sweetsugar_01_bokeh5 {
    position: absolute;
    left: 23.3%;
    top: 76.52%;
    width: 23.1%;
    z-index: 19;
}

.rm_sweetsugar_01_bokeh6 {
    position: absolute;
    left: 55.5%;
    top: 87.88%;
    width: 10.8%;
    z-index: 20;
}

.rm_sweetsugar_01_dtext {
    position: absolute;
    left: 2.3%;
    top: 72.36%;
    width: 36.8%;
    z-index: 21;
}

.rm_sweetsugar_01_foottext {
    position: absolute;
    left: 0.0%;
    top: 80.14%;
    width: 45.6%;
    z-index: 22;
}

.rm_sweetsugar_01_btn {
    position: absolute;
    left: 13.3%;
    top: 91.82%;
    width: 74.0%;
    z-index: 23;
}

section.rm_sweetsugar_02 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    aspect-ratio: 1000 / 5818;
    width: 100%;
    margin-top: -13%;
}

.rm_sweetsugar_02_bg {
    position: absolute;
    left: 0.0%;
    top: 0.0%;
    width: 100.0%;
    z-index: 2;
}

.rm_sweetsugar_02_main {
    position: absolute;
    left: 1.6%;
    top: 4.66%;
    width: 97.3%;
    z-index: 3;
}

.rm_sweetsugar_02_title {
    position: absolute;
    left: 9.3%;
    top: 0.81%;
    width: 81.5%;
    z-index: 4;
}

.rm_sweetsugar_02_bokeh1 {
    position: absolute;
    left: 0.0%;
    top: 10.91%;
    width: 22.5%;
    z-index: 5;
}

.rm_sweetsugar_02_bokeh2 {
    position: absolute;
    left: 81.9%;
    top: 13.46%;
    width: 18.1%;
    z-index: 6;
}

.rm_sweetsugar_02_bokeh3 {
    position: absolute;
    left: 15.5%;
    top: 22.19%;
    width: 25.9%;
    z-index: 7;
}

.rm_sweetsugar_02_assets1 {
    position: absolute;
    left: 76.0%;
    top: 4.52%;
    width: 24.0%;
    z-index: 8;
}

.rm_sweetsugar_02_assets2 {
    position: absolute;
    left: 1.2%;
    top: 8.3%;
    width: 13.2%;
    z-index: 9;
}

.rm_sweetsugar_02_assets3 {
    position: absolute;
    left: 6.7%;
    top: 15.97%;
    width: 11.8%;
    z-index: 10;
}

.rm_sweetsugar_02_assets4 {
    position: absolute;
    left: 74.1%;
    top: 20.26%;
    width: 24.0%;
    z-index: 11;
}

.rm_sweetsugar_02_assets5 {
    position: absolute;
    left: 3.0%;
    top: 21.43%;
    width: 17.1%;
    z-index: 12;
}

.rm_sweetsugar_02_item {
    position: absolute;
    left: 0.0%;
    top: 25.21%;
    width: 47.4%;
    z-index: 13;
}

.rm_sweetsugar_02_heart {
    position: absolute;
    left: 48.0%;
    top: 23.94%;
    width: 52.0%;
    z-index: 14;
}

.rm_sweetsugar_02_wear {
    position: absolute;
    left: 3.7%;
    top: 32.67%;
    width: 95.9%;
    z-index: 15;
}

.rm_sweetsugar_02_makeup {
    position: absolute;
    left: 8.0%;
    top: 33.69%;
    width: 37.1%;
    z-index: 16;
}

.rm_sweetsugar_02_palette {
    position: absolute;
    left: 2.1%;
    top: 44.77%;
    width: 94.8%;
    z-index: 17;
}

.rm_sweetsugar_02_footimg {
    position: absolute;
    left: 0.0%;
    top: 55.12%;
    width: 75.4%;
    z-index: 18;
}

.rm_sweetsugar_02_foottext {
    position: absolute;
    left: 54.2%;
    top: 61.5%;
    width: 45.8%;
    z-index: 19;
}

.rm_sweetsugar_02_bokeh4 {
    position: absolute;
    left: 0.0%;
    top: 54.19%;
    width: 22.1%;
    z-index: 20;
}

.rm_sweetsugar_02_bokeh5 {
    position: absolute;
    left: 37.8%;
    top: 66.4%;
    width: 23.1%;
    z-index: 21;
}

.rm_sweetsugar_02_dtext {
    position: absolute;
    left: 44.4%;
    top: 55.29%;
    width: 54.2%;
    z-index: 22;
}

.rm_sweetsugar_02_btn {
    position: absolute;
    left: 13.3%;
    top: 70.54%;
    width: 74.0%;
    z-index: 23;
}

.rm_sweetsugar_02_ep_contents {
    position: absolute;
    left: 1.8%;
    top: 74.44%;
    width: 96.4%;
    z-index: 24;
}

.rm_sweetsugar_02_ep_btn {
    position: absolute;
    left: 13.3%;
    top: 95.72%;
    width: 74.0%;
    z-index: 25;
}

section.rm_sweetsugar_foot {
    position: relative;
    overflow: hidden;
    z-index: 1;
    aspect-ratio: 1000 / 9580;
    width: 100%;
    margin-top: -1%;
}

.rm_sweetsugar_foot_bg {
    position: absolute;
    left: 0.0%;
    top: 0.0%;
    width: 100.0%;
    z-index: 2;
}

.rm_sweetsugar_foot_indi {
    position: absolute;
    left: 33.4%;
    top: 0.24%;
    width: 32.9%;
    z-index: 3;
}

.rm_sweetsugar_foot_indheart {
    position: absolute;
    left: 48.7%;
    top: 1.01%;
    width: 2.4%;
    z-index: 4;
}

.rm_sweetsugar_foot_img {
    position: absolute;
    left: 0.0%;
    top: 3.26%;
    width: 100.0%;
    z-index: 5;
}

.rm_sweetsugar_foot_bokeh1 {
    position: absolute;
    left: 65.5%;
    top: 5.63%;
    width: 34.0%;
    z-index: 6;
}

.rm_sweetsugar_foot_bokeh2 {
    position: absolute;
    left: 9.7%;
    top: 14.96%;
    width: 26.7%;
    z-index: 7;
}

.rm_sweetsugar_foot_logo {
    position: absolute;
    left: 64.6%;
    top: 9.66%;
    width: 32.2%;
    z-index: 8;
}

.rm_sweetsugar_foot_point_bg {
    position: absolute;
    left: 0.0%;
    top: 20.98%;
    width: 100.0%;
    z-index: 9;
}

.rm_sweetsugar_foot_point_title {
    position: absolute;
    left: 23.9%;
    top: 22.0%;
    width: 52.9%;
    z-index: 10;
}

.rm_sweetsugar_foot_point_01_title {
    position: absolute;
    left: 22.0%;
    top: 25.95%;
    width: 54.3%;
    z-index: 11;
}

.rm_sweetsugar_foot_point_01_contents {
    position: absolute;
    left: 25.9%;
    top: 26.7%;
    width: 47.9%;
    z-index: 12;
}

.rm_sweetsugar_foot_point_02_title {
    position: absolute;
    left: 21.5%;
    top: 32.65%;
    width: 55.9%;
    z-index: 13;
}

.rm_sweetsugar_foot_point_02_contents {
    position: absolute;
    left: 15.4%;
    top: 33.42%;
    width: 67.6%;
    z-index: 14;
}

.rm_sweetsugar_foot_point_03_title {
    position: absolute;
    left: 29.4%;
    top: 42.56%;
    width: 41.7%;
    z-index: 15;
}

.rm_sweetsugar_foot_point_03_contents {
    position: absolute;
    left: 16.2%;
    top: 43.3%;
    width: 67.1%;
    z-index: 16;
}

.rm_sweetsugar_foot_bot_bg {
    position: absolute;
    left: 0.0%;
    top: 50.67%;
    width: 100.0%;
    z-index: 17;
}

.rm_sweetsugar_foot_bot_title {
    position: absolute;
    left: 11.3%;
    top: 52.66%;
    width: 77.2%;
    z-index: 18;
}

.rm_sweetsugar_foot_bot_01 {
    position: absolute;
    left: 0.1%;
    top: 53.84%;
    width: 51.8%;
    z-index: 19;
}

.rm_sweetsugar_foot_bot_02 {
    position: absolute;
    left: 46.8%;
    top: 53.84%;
    width: 53.2%;
    z-index: 20;
}

.rm_sweetsugar_foot_bot_price {
    position: absolute;
    left: 14.8%;
    top: 60.89%;
    width: 69.8%;
    z-index: 21;
}

.rm_sweetsugar_foot_bot_btn {
    position: absolute;
    left: 13.2%;
    top: 62.69%;
    width: 74.0%;
    z-index: 22;
}

.rm_sweetsugar_foot_bot_light1 {
    position: absolute;
    left: 82.6%;
    top: 52.72%;
    width: 17.4%;
    z-index: 23;
}

.rm_sweetsugar_foot_bot_light2 {
    position: absolute;
    left: 0.0%;
    top: 52.39%;
    width: 25.6%;
    z-index: 24;
}

.rm_sweetsugar_foot_bot_light3 {
    position: absolute;
    left: 39.6%;
    top: 53.99%;
    width: 19.7%;
    z-index: 25;
}

.rm_sweetsugar_foot_bot_light4 {
    position: absolute;
    left: 82.7%;
    top: 59.76%;
    width: 17.3%;
    z-index: 26;
}

.rm_sweetsugar_foot_bot_light5 {
    position: absolute;
    left: 0.0%;
    top: 60.19%;
    width: 21.4%;
    z-index: 27;
}

.rm_sweetsugar_foot_ep_contents {
    position: absolute;
    left: 1.8%;
    top: 65.04%;
    width: 96.5%;
    z-index: 28;
}

.rm_sweetsugar_foot_ep_btn {
    position: absolute;
    left: 13.2%;
    top: 77.95%;
    width: 74.1%;
    z-index: 29;
}

.rm_sweetsugar_foot_bandle_contents {
    position: absolute;
    left: 2.2%;
    top: 81.41%;
    width: 95.5%;
    z-index: 30;
}

.rm_sweetsugar_foot_bandle_maintext {
    position: absolute;
    left: 16.6%;
    top: 90.05%;
    width: 67.3%;
    z-index: 31;
}

.rm_sweetsugar_foot_bandle_btn {
    position: absolute;
    left: 13.2%;
    top: 92.88%;
    width: 74.0%;
    z-index: 32;
}

.rm_sweetsugar_foot_bandle_deco1 {
    position: absolute;
    left: -5.0%;
    top: 81.18%;
    width: 34.0%;
    z-index: 33;
}

.rm_sweetsugar_foot_bandle_deco2 {
    position: absolute;
    left: 80.1%;
    top: 81.87%;
    width: 20.7%;
    z-index: 34;
}

.rm_sweetsugar_foot_bandle_deco3 {
    position: absolute;
    left: -6.5%;
    top: 94.47%;
    width: 35.5%;
    z-index: 35;
}

.rm_sweetsugar_foot_copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    color: #b1998b;
    text-align: center;
    font-family: "century-gothic", sans-serif;
    letter-spacing: 1px;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 4%;
}

[class*="_light"] {
    mix-blend-mode: screen;
    pointer-events: none;
}

[class*="_bokeh"] {
    mix-blend-mode: screen;
    pointer-events: none;
}