/* popup */
:root{
    --popSimple__tit_color: var(--cr-neu-grey1600);
    --popSimple__card_bg: #fff;
    --popSimple__card_radius: 30px;
    --popSimple__card_padding: 20px;
    --popSimple__close_size: 24px;
}
.popSimple{position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 1000;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.popSimple__bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2);}
.popSimple__tit{font-size: 18px; font-weight: 700; color: var(--popSimple__tit_color); text-align: left; font-size: var(--fs-h3);}

.popSimple__card{border-radius: var(--popSimple__card_radius); background-color: var(--popSimple__card_bg); padding: var(--popSimple__card_padding) var(--popSimple__card_padding) calc(var(--popSimple__card_padding) + 10px) var(--popSimple__card_padding);position: relative; min-width: 330px;}
.popSimple__close{position: absolute;top: var(--popSimple__card_padding);right: var(--popSimple__card_padding);width: var(--popSimple__close_size);height: var(--popSimple__close_size);cursor: pointer;}
.popSimple__close svg{width: var(--popSimple__close_size);height: var(--popSimple__close_size);}

html.dark .popSimple__card {background: #383838;}
html.dark .popSimple__tit {color: #F4F5F8;}
html.dark .popSimple__item_txt01 {color: #F4F5F8;}
html.dark .popSimple__close svg{filter: invert(100%);}

:root {
    --popSimple_type01_thumb_size: 40px;
    --popSimple_type01_thumb_radius: 0px;
    --popSimple_type01_txt01_color: var(--cr-neu-grey1600);
    --popSimple_type01_txt02_color: var(--cr-primary2);
}
.popSimple__list{margin-top: 30px;display: flex;flex-direction: column;gap: 8px;}
.popSimple__item{display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--popSimple__item_border);cursor: pointer;}
.popSimple__item_thumb{width: var(--popSimple_type01_thumb_size); height: var(--popSimple_type01_thumb_size); border-radius: var(--popSimple_type01_thumb_radius); overflow: hidden;}
.popSimple__item_thumb img{width: 100%; height: 100%; object-fit: contain;}
.popSimple__item_txt{font-size: var(--fs-h5);}
.popSimple__item_txt01{font-size: var(--fs-h4); font-weight: 400; color: var(--popSimple_type01_txt01_color); text-align: left;}
.popSimple__item_txt02{font-size: var(--fs-h5); font-weight: 500; color: var(--popSimple_type01_txt02_color); text-align: left;}

@media all and (max-width: 360px) {
    :root {
        --popSimple_type01_thumb_size: 32px;
    }
    .popSimple__list{gap: 10px;margin-top: 24px;}
    .popSimple__card{min-width: 280px;padding: 24px 24px;border-radius: 20px;}
}
/* .bg_landscape {
    background-image: url("../public/image/bg_landscape.webp");
    max-width: 393px;
    max-height: 794px;
} */