@charset 'UTF-8';
/*
* top.css
*
*/
/* --------------------------------
  top
-------------------------------- */
#canvas-wrap > canvas
{
    display: block;

    width: 100% !important;
    height: 100% !important;

    pointer-events: none;
}

.deco_sm
{
    position: absolute;
    z-index: 10;
    right: -100%;
    bottom: 0;
    left: -100%;

    width: 100%;
    max-width: 460px;
    margin: auto;
}

.bezel
{
    z-index: 20;
}

.illust
{
    z-index: 10;
}

.illust_hand
{
    z-index: 15;
}

.deco_wrapper._layer_00
{
    z-index: 5;
}
.deco_wrapper._layer_01
{
    z-index: 15;
}

.theme_color_modal_wrapper
{
    z-index: 30;
}

@media (max-width: 767.98px)
{
    .wallpaper,
    .bezel,
    .illust_hand,
    .figma_ui .bar,
    .deco_wrapper,
    .folder_wrapper,
    .loading_wrapper,
    .illust_toolbar,
    .figma_txt_layer
    {
        display: none;
    }
}
body
{
    overflow: hidden;

    cursor: none;
}
body .cursor
{
    opacity: 1;
}
body.is-custom_cursor_hidden
{
    cursor: default;
}
body.is-custom_cursor_hidden .cursor
{
    opacity: 0;
}

.cursor
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 21px;
    height: 21px;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);
    pointer-events: none;

    background: url('/newyear2026/assets/img/pointer.svg') no-repeat center/cover;
}

.cursor_txt_wrapper
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;

    position: absolute;
    top: 25px;
    left: 23px;

    display: block;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;
    max-width: 440px;
    padding: 10px 14px 12px;

    color: #fff;
    border: 1px solid #df2d05;
    border-radius: 0 20px 20px 16px;
    background-color: #e94709;

    font-optical-sizing: auto;
}
.cursor_txt_wrapper::after
{
    content: '|';
    -webkit-animation: blink 1s infinite;
            animation: blink 1s infinite; /*カーソル点滅アニメーション*/

    color: #fff;
}

@-webkit-keyframes blink
{
    0%,
    100%
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
    }
}

@keyframes blink
{
    0%,
    100%
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
    }
}
.akeome_wrapper
{
    overflow: hidden;

    width: 100%;
    height: 100svh;

    background-color: #d9d9d9;
}
@media (min-width: 768px)
{
    .akeome_wrapper
    {
        width: 100vw;
        height: 100vh;
    }
}

.wallpaper
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 8px;
}
.wallpaper div
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.wallpaper .mac,
.wallpaper .win
{
    opacity: 0;
}
.wallpaper img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}

.folder_wrapper
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    padding: 30px;
}

.folder_item_wrapper
{
    display: flex;
    flex-direction: column;

    gap: 30px;
}

.folder_item
{
    position: relative;

    width: 72px;

    cursor: pointer;
}
.folder_item::before
{
    position: absolute;
    top: -10px;
    left: -10px;

    width: calc(100% + 20px);
    height: calc(100% + 20px);

    content: '';
    pointer-events: none;

    opacity: 0;
    border-radius: 4px;
    background-color: color-mix(in srgb, #fff 20%, transparent);
}
.folder_item.is-opened::before
{
    opacity: 1;
}

.folder_icon
{
    width: 100%;
}
.folder_icon img
{
    width: 100%;
    height: auto;
}

.folder_txt
{
    font-size: 12px;
    font-weight: 500;

    color: #fff;
}

.loading_wrapper
{
    position: absolute;
    top: 0;
    left: 0;

    display: -ms-grid;

    display: grid;

    width: 100%;
    height: 100%;

    pointer-events: none;

    place-items: center;
}

.loading_item
{
    display: flex;
    flex-direction: column;

    align-items: center;
    gap: 10px;
}

.loading_icon_wrapper
{
    position: relative;

    width: 132px;
    height: 132px;
}

.loading_icon
{
    position: absolute;

    width: 100%;
    height: 100%;

    -webkit-filter: drop-shadow(0 0 11px rgba(0, 0, 0, .2));

            filter: drop-shadow(0 0 11px rgba(0, 0, 0, .2));
}

.loader
{
    position: absolute;

    overflow: hidden;

    width: 100%;
    height: 100%;
    margin: auto;

    border-radius: 33px;

    inset: 0;
}
.loader svg
{
    width: 100%;
    height: 100%;
}
.loader.is-loaded
{
    transition: opacity .4s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
}

.loading_txt
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .1em;
}

.bezel
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    border-width: 120px;
    border-style: solid;
    border-image-source: url('/newyear2026/assets/img/bezel.webp');
    border-image-slice: 120;
    border-image-width: 40px;
    border-image-outset: 0;
    border-image-repeat: round;
}

.akeome
{
    width: 100%;
    height: 100%;
}
@media (min-width: 768px)
{
    .akeome
    {
        position: absolute;
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%;

        width: 100%;
        min-width: 1024px;
        max-width: 1440px;
        height: auto;
        margin: auto;
        padding: 10px;

        aspect-ratio: 1440/810;
    }
}

.figma
{
    position: relative;

    width: 100%;
    height: 100%;
}
.figma::before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;

    content: '';
}

.figma_ui
{
    position: absolute;
    top: 0;
    right: -100%;
    left: -100%;

    width: 100%;
    min-width: 767px;
    height: 100%;
    margin: auto;
}
@media (min-width: 768px)
{
    .figma_ui
    {
        right: auto;
        left: 0;

        min-width: auto;

        border: 1px solid color-mix(in srgb, #fff 20%, transparent);
        border-radius: 10px;
    }
}
.figma_ui .bg
{
    width: 100%;
    height: 100%;
}
@media (min-width: 768px)
{
    .figma_ui .bg
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        width: clamp(725.3333333333px, 70.8333333333vw, 1020px);
        height: 95.0617283951%;
        margin: auto;

        background-color: #6f6f6f;
    }
}
.figma_ui .bg img
{
    width: 100%;
    height: 100%;
}
.figma_ui .bar
{
    position: absolute;
}
.figma_ui .bar._top
{
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 4.9382716049%;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
}
.figma_ui .bar._left
{
    top: 4.9382716049%;
    left: 0;

    overflow: hidden;

    width: clamp(142.2222222222px, 13.8888888889vw, 200px);
    height: 95.0617283951%;

    border-bottom-left-radius: 8px;
    box-shadow: 20px 0 40px 0 rgba(0, 0, 0, .1);
}
.figma_ui .bar._right
{
    top: 4.9382716049%;
    right: 0;

    overflow: hidden;

    width: clamp(142.2222222222px, 13.8888888889vw, 200px);
    height: 95.0617283951%;

    border-bottom-right-radius: 8px;
    box-shadow: -20px 0 40px 0 rgba(0, 0, 0, .1);
}
.figma_ui .bar img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}
.figma_ui .bar_color
{
    position: absolute;
}
body[data-theme-color=blue] .figma_ui .bar_color._green,
body[data-theme-color=blue] .figma_ui .bar_color._black
{
    visibility: hidden;

    opacity: 0;
}
body[data-theme-color=green] .figma_ui .bar_color._blue,
body[data-theme-color=green] .figma_ui .bar_color._black
{
    visibility: hidden;

    opacity: 0;
}
body[data-theme-color=black] .figma_ui .bar_color._blue,
body[data-theme-color=black] .figma_ui .bar_color._green
{
    visibility: hidden;

    opacity: 0;
}
.figma_ui .bar_color_btn_wrapper
{
    position: absolute;
    top: 46.7901234568%;
    left: clamp(9.2444444444px, .9027777778vw, 13px);
}
.figma_ui .bar_color_btn_wrapper button
{
    display: -ms-grid;
    display: grid;
    overflow: hidden;

    cursor: none;
    transition: border-color .16s cubic-bezier(.25, .46, .45, .94);

    border: 1px solid transparent;
    border-radius: 4px;

    -ms-grid-columns: auto 1px auto;

    grid-template-columns: auto auto;
    gap: 1px;
    align-items: center;
}
.figma_ui .bar_color_btn_wrapper button:hover
{
    transition: border-color .2s cubic-bezier(.25, .46, .45, .94);

    border-color: rgba(255, 255, 255, .5);
}
.figma_ui .bar_color_btn_wrapper .hex_wrapper
{
    display: -ms-grid;
    display: grid;

    padding: clamp(5.6888888889px, .5555555556vw, 8px);
    padding-right: clamp(12.8px, 1.25vw, 18px);

    background-color: rgba(255, 255, 255, .2);

    -ms-grid-columns: auto clamp(5.6888888889px, .5555555556vw, 8px) 1fr;

    grid-template-columns: auto 1fr;
    align-items: center;
    gap: clamp(5.6888888889px, .5555555556vw, 8px);
}
.figma_ui .bar_color_btn_wrapper .color_rect
{
    width: clamp(19.9111111111px, 1.9444444444vw, 28px);

    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 3px;

    aspect-ratio: 1/1;
}
body[data-theme-color=blue] .figma_ui .bar_color_btn_wrapper .color_rect
{
    background-color: #0f70b8;
}
body[data-theme-color=green] .figma_ui .bar_color_btn_wrapper .color_rect
{
    background-color: #469e57;
}
body[data-theme-color=black] .figma_ui .bar_color_btn_wrapper .color_rect
{
    background-color: #333;
}
.figma_ui .bar_color_btn_wrapper .color_hex
{
    font-size: clamp(10.6666666667px, 1.0416666667vw, 15px);

    position: relative;

    letter-spacing: 0;

    color: #fff;
}
body[data-theme-color=blue] .figma_ui .bar_color_btn_wrapper .color_hex::after
{
    content: '0F70B8';
}
body[data-theme-color=green] .figma_ui .bar_color_btn_wrapper .color_hex::after
{
    content: '469E57';
}
body[data-theme-color=black] .figma_ui .bar_color_btn_wrapper .color_hex::after
{
    content: '333333';
}
.figma_ui .bar_color_btn_wrapper .alpha_wrapper
{
    display: flex;

    padding: clamp(5.6888888889px, .5555555556vw, 8px) clamp(7.1111111111px, .6944444444vw, 10px);

    background-color: rgba(255, 255, 255, .2);

    -ms-grid-row-align: stretch;

        align-self: stretch;
    align-items: center;
}
.figma_ui .bar_color_btn_wrapper .num
{
    font-size: clamp(9.9555555556px, .9722222222vw, 14px);
    line-height: 1;

    letter-spacing: 0;

    color: #fff;
}
.figma_ui .bar_color_btn_wrapper .unit
{
    font-size: clamp(9.9555555556px, .9722222222vw, 14px);
    line-height: 1;

    letter-spacing: 0;

    color: rgba(255, 255, 255, .5);
}
.figma_ui .bar_reset_btn_wrapper
{
    position: absolute;
    top: 19.7530864198%;
    left: clamp(8.5333333333px, .8333333333vw, 12px);

    width: clamp(125.1555555556px, 12.2222222222vw, 176px);
}
.figma_ui .bar_reset_btn_wrapper button
{
    display: flex;

    width: 100%;
    padding: clamp(6.4px, .625vw, 9px) clamp(7.1111111111px, .6944444444vw, 10px) clamp(7.1111111111px, .6944444444vw, 10px);

    cursor: none;
    transition: background-color .16s cubic-bezier(.25, .46, .45, .94);

    border-radius: 4px;
    background-color: transparent;

    align-items: center;
    justify-content: space-between;
}
.figma_ui .bar_reset_btn_wrapper button:hover
{
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94);

    background-color: rgba(255, 255, 255, .2);
}
.figma_ui .bar_reset_btn_wrapper .reset_txt
{
    font-size: clamp(9.9555555556px, .9722222222vw, 14px);
    line-height: 1;

    letter-spacing: 0;

    color: #fff;
}
.figma_ui .bar_reset_btn_wrapper .reset_icon
{
    position: relative;

    width: clamp(8.5333333333px, .8333333333vw, 12px);

    aspect-ratio: 1/1;
}
.figma_ui .bar_reset_btn_wrapper .reset_icon::before,
.figma_ui .bar_reset_btn_wrapper .reset_icon::after
{
    position: absolute;

    width: 100%;
    height: 1px;
    margin: auto;

    content: '';

    background-color: #fff;

    inset: 0;
}
.figma_ui .bar_reset_btn_wrapper .reset_icon::before
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.figma_ui .play_btn_wrapper
{
    position: absolute;
    z-index: 10;
    top: 6.7901234568%;
    right: clamp(8.5333333333px, .8333333333vw, 12px);
}
.figma_ui .play_btn_wrapper button
{
    display: flex;

    padding: clamp(5.6888888889px, .5555555556vw, 8px) clamp(7.1111111111px, .6944444444vw, 10px);

    cursor: none;
    transition: border-color .16s cubic-bezier(.25, .46, .45, .94);

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .2);

    align-items: center;
    gap: clamp(17.0666666667px, 1.6666666667vw, 24px);
}
.figma_ui .play_btn_wrapper button:hover
{
    transition: border-color .2s cubic-bezier(.25, .46, .45, .94);

    border-color: rgba(255, 255, 255, .3);
}
.figma_ui .play_txt
{
    font-size: clamp(9.9555555556px, .9722222222vw, 14px);
    line-height: 1;

    letter-spacing: 0;

    color: #fff;
}
.figma_ui .play_icon
{
    width: clamp(9.9555555556px, .9722222222vw, 14px);

    background-color: #fff;

    aspect-ratio: 1/1;
    -webkit-mask: url('/newyear2026/assets/img/icon_play.svg') no-repeat center/contain;
            mask: url('/newyear2026/assets/img/icon_play.svg') no-repeat center/contain;
}
.figma_ui .figma_reset_wrapper
{
    position: absolute;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;

    inset: 0;
}
.figma_ui .figma_txt_layer
{
    opacity: 0;
    border-image-source: url('/newyear2026/assets/img/figma/bounding_box.webp');
    border-image-slice: 100;
    border-image-width: 60px;
    border-image-outset: 10px;
    border-image-repeat: round;
}
.figma_ui .figma_txt_layer .text
{
    font-size: clamp(42.6666666667px, 4.1666666667vw, 60px);
    font-weight: bold;

    position: relative;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
    margin: 0 auto;

    text-align: center;
    letter-spacing: 0;

    color: #fff;
}
.figma_ui .figma_txt_layer .text::before
{
    position: absolute;
    bottom: 20px;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #0d8ce8;
}
.figma_ui .figma_logo_wrapper
{
    position: relative;

    width: clamp(356.9777777778px, 34.8611111111vw, 502px);
    margin: 7.4074074074% auto 0;

    opacity: 0;
}
.figma_ui .logo_group
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}
.figma_ui .logo
{
    position: absolute;
    top: 0;

    width: clamp(47.6444444444px, 4.6527777778vw, 67px);
}
.figma_ui .logo > a
{
    display: block;

    width: 100%;
    height: auto;

    cursor: none;
    transition: opacity .16s cubic-bezier(.25, .46, .45, .94);
}
.figma_ui .logo > a:hover
{
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);

    opacity: .7;
}
.figma_ui .logo > a img
{
    width: 100%;
    height: auto;
}
.figma_ui ._design
{
    left: clamp(137.9555555556px, 13.4722222222vw, 194px);
}
.figma_ui ._factory
{
    left: clamp(215.4666666667px, 21.0416666667vw, 303px);
}
.figma_ui ._system
{
    left: clamp(290.1333333333px, 28.3333333333vw, 408px);
}

.theme_color_modal_wrapper
{
    position: absolute;
    top: 45.4320987654%;
    right: clamp(142.2222222222px, 13.8888888889vw, 200px);

    width: clamp(142.2222222222px, 13.8888888889vw, 200px);
}

.theme_color_modal
{
    width: 100%;
    height: 100%;

    border-radius: 14px;

    -webkit-filter: drop-shadow(4px 0 6px rgba(0, 0, 0, .1));

            filter: drop-shadow(4px 0 6px rgba(0, 0, 0, .1));
}
body[data-theme-color=blue] .theme_color_modal
{
    background-color: #0f70b8;
}
body[data-theme-color=green] .theme_color_modal
{
    background-color: #469e57;
}
body[data-theme-color=black] .theme_color_modal
{
    background-color: #333;
}

.theme_color_modal_head
{
    display: flex;

    padding: clamp(9.2444444444px, .9027777778vw, 13px) clamp(14.2222222222px, 1.3888888889vw, 20px);

    border-bottom: 1px solid rgba(255, 255, 255, .15);

    align-items: center;
    justify-content: space-between;
}
.theme_color_modal_head > span
{
    font-size: clamp(9.9555555556px, .9722222222vw, 14px);
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0;

    color: #fff;
}
.theme_color_modal_head .close_icon
{
    display: -ms-grid;
    display: grid;

    width: 10px;
    height: 10px;

    place-items: center;
}
.theme_color_modal_head .close_icon button
{
    position: relative;

    width: 10px;
    height: 10px;
    min-height: auto;

    cursor: none;
}
.theme_color_modal_head .close_icon button span
{
    position: absolute;

    width: 100%;
    height: 1px;
    margin: auto;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    background-color: #fff;

    inset: 0;
}
.theme_color_modal_head .close_icon button span:nth-child(2)
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.theme_color_modal_head .close_icon button::after
{
    position: absolute;

    width: 200%;
    height: 200%;
    margin: auto;

    content: '';

    inset: -100%;
}

.theme_color_modal_body
{
    padding: clamp(4.2666666667px, .4166666667vw, 6px) clamp(8.5333333333px, .8333333333vw, 12px) clamp(9.9555555556px, .9722222222vw, 14px);
}
.theme_color_modal_body .color_item button
{
    display: -ms-grid;
    display: grid;

    width: 100%;
    padding: clamp(5.6888888889px, .5555555556vw, 8px);

    cursor: none;
    transition: background-color .16s cubic-bezier(.25, .46, .45, .94);

    border-radius: 4px;
    background-color: transparent;

    -ms-grid-columns: auto clamp(8.5333333333px, .8333333333vw, 12px) 1fr;

    grid-template-columns: auto 1fr;
    align-items: center;
    gap: clamp(8.5333333333px, .8333333333vw, 12px);
}
.theme_color_modal_body .color_item button:hover
{
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94);

    background-color: rgba(255, 255, 255, .2);
}
.theme_color_modal_body .color_icon
{
    width: clamp(11.3777777778px, 1.1111111111vw, 16px);

    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;

    aspect-ratio: 1/1;
}
.theme_color_modal_body .color_icon._blue
{
    background-color: #0f70b8;
}
.theme_color_modal_body .color_icon._green
{
    background-color: #469e57;
}
.theme_color_modal_body .color_icon._black
{
    background-color: #333;
}
.theme_color_modal_body .color_txt
{
    font-size: clamp(8.5333333333px, .8333333333vw, 12px);
    font-weight: 500;
    line-height: 1;

    text-align: left;
    letter-spacing: 0;

    color: #fff;
}

.illust
{
    position: absolute;
    right: -100%;
    bottom: 0;
    left: -100%;

    width: 100%;
    min-width: 900px;
    margin: auto;

    pointer-events: none;

    aspect-ratio: 1440/1106;
}
@media (min-width: 768px)
{
    .illust
    {
        right: 0;
        left: 0;

        width: 88%;
        min-width: auto;
        margin: auto;
    }
}

.illust_inner
{
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sakuji_text
{
    position: absolute;
    top: 180px;
    right: 0;
    left: 0;

    width: calc(100vw - 20px);
    max-width: 389px;
    margin: auto;
}
@media (min-width: 768px)
{
    .sakuji_text
    {
        display: none;
    }
}
.sakuji_text img
{
    width: 100%;
    height: auto;
}

.illust_hand
{
    position: absolute;
    bottom: -19.6296296296%;
}

.illust_toolbar
{
    position: absolute;
    z-index: 20;
}
.illust_toolbar._01
{
    top: 73.5802469136%;
    left: clamp(210.4888888889px, 20.5555555556vw, 296px);

    width: clamp(252.4444444444px, 24.6527777778vw, 355px);
}
.illust_toolbar._02
{
    top: 90.1234567901%;
    left: clamp(477.8666666667px, 46.6666666667vw, 672px);

    width: clamp(159.2888888889px, 15.5555555556vw, 224px);
}

.deco_wrapper
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}
.deco_wrapper .deco
{
    position: absolute;
}
.deco_wrapper ._cloud_top_left
{
    top: -6.1728395062%;
    left: clamp(174.9333333333px, 17.0833333333vw, 246px);

    width: clamp(106.6666666667px, 10.4166666667vw, 150px);
}
.deco_wrapper ._mac
{
    top: 0;
    left: clamp(96px, 9.375vw, 135px);

    width: clamp(159.2888888889px, 15.5555555556vw, 224px);
}
.deco_wrapper ._kingashinnen
{
    top: 16.6666666667%;
    left: clamp(12.8px, 1.25vw, 18px);

    width: clamp(258.8444444444px, 25.2777777778vw, 364px);
}
.deco_wrapper ._yamanote_train
{
    top: 29.012345679%;
    left: clamp(-80px, -5.5555555556vw, -56.8888888889px);

    width: clamp(284.4444444444px, 27.7777777778vw, 400px);
}
.deco_wrapper ._yamanote_train .deco_inner
{
    -webkit-transform: rotate(15.2deg);
            transform: rotate(15.2deg);
}
.deco_wrapper ._sunsun
{
    top: 18.3950617284%;
    left: clamp(147.2px, 14.375vw, 207px);

    width: clamp(220.4444444444px, 21.5277777778vw, 310px);
}
.deco_wrapper ._sunsun .deco_inner
{
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
}
.deco_wrapper ._mametchi_ride_on_cloud
{
    top: 41.8518518519%;
    left: clamp(203.3777777778px, 19.8611111111vw, 286px);

    width: clamp(169.2444444444px, 16.5277777778vw, 238px);
}
.deco_wrapper ._angel_blue
{
    top: 56.049382716%;
    left: clamp(-2px, -.1388888889vw, -1.4222222222px);

    width: clamp(167.8222222222px, 16.3888888889vw, 236px);
}
.deco_wrapper ._star_top
{
    top: 51.1111111111%;
    left: clamp(135.1111111111px, 13.1944444444vw, 190px);

    width: clamp(122.3111111111px, 11.9444444444vw, 172px);
}
.deco_wrapper ._star_top .deco_inner
{
    -webkit-transform: rotate(-13.28deg);
            transform: rotate(-13.28deg);
}
.deco_wrapper ._star_bottom
{
    top: 60.4938271605%;
    left: clamp(132.9777777778px, 12.9861111111vw, 187px);

    width: clamp(121.6px, 11.875vw, 171px);
}
.deco_wrapper ._star_bottom .deco_inner
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.deco_wrapper ._cloud_bottom_left
{
    top: 82.2222222222%;
    left: clamp(40.5333333333px, 3.9583333333vw, 57px);

    width: clamp(160px, 15.625vw, 225px);
}
.deco_wrapper ._cloud_bottom_left .deco_inner
{
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
}
.deco_wrapper ._unchi
{
    top: -1.8518518519%;
    right: clamp(91.0222222222px, 8.8888888889vw, 128px);

    width: clamp(305.7777777778px, 29.8611111111vw, 430px);
}
.deco_wrapper ._sekitoritchi
{
    top: 23.2098765432%;
    right: clamp(214.7555555556px, 20.9722222222vw, 302px);

    width: clamp(29.8666666667px, 2.9166666667vw, 42px);
}
.deco_wrapper ._sekitoritchi .deco_inner
{
    -webkit-transform: rotate(46.4deg);
            transform: rotate(46.4deg);
}
.deco_wrapper ._line_ride_on_cloud
{
    top: 32.3456790123%;
    right: clamp(245.3333333333px, 23.9583333333vw, 345px);

    width: clamp(141.5111111111px, 13.8194444444vw, 199px);
}
.deco_wrapper ._heaven_01
{
    top: 26.5432098765%;
    right: clamp(144.3555555556px, 14.0972222222vw, 203px);

    width: clamp(84.6222222222px, 8.2638888889vw, 119px);
}
.deco_wrapper ._heaven_01 .deco_inner
{
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
}
.deco_wrapper ._heaven_02
{
    top: 16.4197530864%;
    right: clamp(31.2888888889px, 3.0555555556vw, 44px);

    width: clamp(108.8px, 10.625vw, 153px);
}
.deco_wrapper ._heaven_02 .deco_inner
{
    -webkit-transform: rotate(42deg);
            transform: rotate(42deg);
}
.deco_wrapper ._cream_soda
{
    top: 33.7037037037%;
    right: clamp(147.2px, 14.375vw, 207px);

    width: clamp(160px, 15.625vw, 225px);
}
.deco_wrapper ._cream_soda .deco_inner
{
    -webkit-transform: rotate(37deg);
            transform: rotate(37deg);
}
.deco_wrapper ._line_ride_on_cloud_02
{
    top: 50.2469135802%;
    right: clamp(256px, 25vw, 360px);

    width: clamp(160.7111111111px, 15.6944444444vw, 226px);
}
.deco_wrapper ._bear
{
    top: 62.5925925926%;
    right: clamp(170.6666666667px, 16.6666666667vw, 240px);

    width: clamp(43.3777777778px, 4.2361111111vw, 61px);
}
.deco_wrapper ._bear .deco_inner
{
    -webkit-transform: rotate(-144deg);
            transform: rotate(-144deg);
}
.deco_wrapper ._apple
{
    top: 65.9259259259%;
    right: clamp(19.2px, 1.875vw, 27px);

    width: clamp(103.8222222222px, 10.1388888889vw, 146px);
}
.deco_wrapper ._apple_02
{
    top: 69.1358024691%;
    right: clamp(123.7333333333px, 12.0833333333vw, 174px);

    width: clamp(32px, 3.125vw, 45px);
}
.deco_wrapper ._apple_02 .deco_inner
{
    -webkit-transform: rotate(-21deg);
            transform: rotate(-21deg);
}
.deco_wrapper ._bear_bottom
{
    top: 83.3333333333%;
    right: clamp(262.4px, 25.625vw, 369px);

    width: clamp(144.3555555556px, 14.0972222222vw, 203px);
}
.deco_wrapper ._tamagotchi
{
    top: 12.8395061728%;
    right: clamp(260.9777777778px, 25.4861111111vw, 367px);

    width: clamp(80.3555555556px, 7.8472222222vw, 113px);
}
.deco_wrapper ._tamagotchi .deco_inner
{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.deco_wrapper ._cloud_bottom_right
{
    top: 71.2345679012%;
    right: clamp(189.1555555556px, 18.4722222222vw, 266px);

    width: clamp(144.3555555556px, 14.0972222222vw, 203px);
}
.deco_wrapper ._cloud_bottom_right .deco_inner
{
    -webkit-transform: rotate(-177deg);
            transform: rotate(-177deg);
}
.deco_wrapper ._biribiri
{
    top: 74.0740740741%;
    right: clamp(286.5777777778px, 27.9861111111vw, 403px);

    width: clamp(112.3555555556px, 10.9722222222vw, 158px);
}
.deco_wrapper ._cloud_top
{
    top: 16.7901234568%;
    left: clamp(334.9333333333px, 32.7083333333vw, 471px);

    width: clamp(72.5333333333px, 7.0833333333vw, 102px);
}
.deco_wrapper ._cloud_top .deco_inner
{
    -webkit-transform: rotate(61deg);
            transform: rotate(61deg);
}
.deco_wrapper ._2026
{
    top: 62.2222222222%;
    right: clamp(13.5111111111px, 1.3194444444vw, 19px);

    width: clamp(288.7111111111px, 28.1944444444vw, 406px);
}
.deco_wrapper ._2026 .deco_inner
{
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
}

@media (min-width: 768px)
{
    .figma
    {
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
    .is-figma_start .figma
    {
        -webkit-animation: figmaOpening 1.2s cubic-bezier(.19, 1, .22, 1) forwards;
                animation: figmaOpening 1.2s cubic-bezier(.19, 1, .22, 1) forwards;
    }
    @-webkit-keyframes figmaOpening
    {
        0%
        {
            -webkit-transform: scale(0, 0);
                    transform: scale(0, 0);
        }
        50%
        {
            -webkit-transform: scale(1, .005);
                    transform: scale(1, .005);
        }
        100%
        {
            -webkit-transform: scale(1, 1);
                    transform: scale(1, 1);
        }
    }
    @keyframes figmaOpening
    {
        0%
        {
            -webkit-transform: scale(0, 0);
                    transform: scale(0, 0);
        }
        50%
        {
            -webkit-transform: scale(1, .005);
                    transform: scale(1, .005);
        }
        100%
        {
            -webkit-transform: scale(1, 1);
                    transform: scale(1, 1);
        }
    }
    .illust,
    .illust_hand,
    .illust_toolbar
    {
        opacity: 0;
    }
    .is-figma_start .illust,
    .is-figma_start .illust_hand,
    .is-figma_start .illust_toolbar
    {
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 1.2s;

        opacity: 1;
    }
    ._2026
    {
        -webkit-animation: fuwafuwa 3s infinite 3s cubic-bezier(.455, .03, .515, .955);
                animation: fuwafuwa 3s infinite 3s cubic-bezier(.455, .03, .515, .955);
    }
    @-webkit-keyframes fuwafuwa
    {
        0%,
        100%
        {
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
        50%
        {
            -webkit-transform: translateY(-6px);
                    transform: translateY(-6px);
        }
    }
    @keyframes fuwafuwa
    {
        0%,
        100%
        {
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
        50%
        {
            -webkit-transform: translateY(-6px);
                    transform: translateY(-6px);
        }
    }
}
.is-reset_start_pre ._kingashinnen
{
    transition: opacity .5s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
}
.is-reset_start_pre .bar_reset_btn_wrapper button
{
    position: relative;

    overflow: hidden;
}
.is-reset_start_pre .bar_reset_btn_wrapper button::before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-animation: attention 2s infinite 1s;
            animation: attention 2s infinite 1s;

    background-color: transparent;
}

@-webkit-keyframes attention
{
    0%
    {
        background-color: transparent;
    }
    30%
    {
        background-color: rgba(255, 255, 255, .2);
    }
    60%
    {
        background-color: transparent;
    }
    100%
    {
        background-color: transparent;
    }
}

@keyframes attention
{
    0%
    {
        background-color: transparent;
    }
    30%
    {
        background-color: rgba(255, 255, 255, .2);
    }
    60%
    {
        background-color: transparent;
    }
    100%
    {
        background-color: transparent;
    }
}
.is-reset_start .bg img
{
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
}
.is-reset_start .cursor_txt_wrapper
{
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
}
.is-reset_start .figma_txt_layer
{
    transition: opacity .34s cubic-bezier(.25, .46, .45, .94) 1.2s;

    opacity: 1;
}
.is-reset_start.is-reset_mac .wallpaper .mac
{
    opacity: 1;
}
.is-reset_start.is-reset_win .wallpaper .win
{
    opacity: 1;
}
.is-reset_start .bar_reset_btn_wrapper button
{
    pointer-events: none;
}
.is-reset_start .bar_reset_btn_wrapper button::before
{
    -webkit-animation: none;
            animation: none;

    background-color: transparent;
}

.is-reset_complete .figma_logo_wrapper
{
    transition: opacity .8s cubic-bezier(.25, .46, .45, .94) .3s;

    opacity: 1;
}

.theme_color_modal_wrapper
{
    visibility: hidden;

    opacity: 0;
}
.theme_color_modal_wrapper.is-theme_color_modal_opened
{
    visibility: visible;

    transition: opacity .2s cubic-bezier(.25, .46, .45, .94), visibility .2s cubic-bezier(.25, .46, .45, .94);

    opacity: 1;
}

.modal_wrapper
{
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    cursor: default;

    justify-content: center;
    align-items: center;
}
.modal_wrapper.is-opened
{
    display: flex;
}

.modal_overlay
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;
    padding: 57px;

    background-color: color-mix(in srgb, #212121 95%, transparent);

    justify-content: center;
    align-items: center;
}

.modal_content
{
    position: relative;

    width: 100%;
    max-width: 1240px;
    max-height: calc(100vh - 114px);

    background-color: #fff;

    aspect-ratio: 16/9;
}

.modal_close_btn_wrapper
{
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 12px;

    display: flex;
    flex-direction: column;

    align-items: flex-end;
    gap: 10px;
}
.modal_close_btn_wrapper > button
{
    position: relative;

    width: 44px;
    height: 44px;
    min-height: auto;

    border: 1px solid rgba(255, 255, 255, .5);
}
.modal_close_btn_wrapper > button > span
{
    position: absolute;

    width: 20px;
    height: 1px;
    margin: auto;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    background-color: #fff;

    inset: 0;
}
.modal_close_btn_wrapper > button > span:nth-child(2)
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.modal_close_btn_wrapper > button:hover
{
    transition: border-color .2s cubic-bezier(.25, .46, .45, .94);

    border-color: #fff;
}

.modal_video
{
    width: 100%;
    height: 100%;
}
.modal_video .safari_only
{
    display: none;
}
.modal_video video
{
    display: block;

    width: 100%;
    height: 100%;
}

.is-safari .safari_only
{
    display: block;
}
.is-safari .not_safari_only
{
    display: none;
}