/* BASIC css start */
* { margin:0; padding:0; box-sizing:border-box; }
#footer, #fixBtns { display:none !important; opacity:0 !important; }
.goodsListWrap.grid_4 ul {
    grid-template-columns: repeat(3, minmax(calc(33.33% - 20px), 1fr)) !important;
}
.item-info { display:none !important; }
button { background:transparent; }
.more { width:30px !important; height:30px !important; margin:0 auto; }
.more img { width:100%; height:auto; }
.insta { width:320px; margin:0 auto; padding-bottom:24px; font-size: 12px; font-weight: 500; letter-spacing: 0.6px; line-height: normal; color:#fff; }


.stn_look02 > img, .stn_look03 > img { width:100%; height:auto; }


.video-wrap {position:relative; padding-bottom:120%; padding-top:30px; height:0; overflow:hidden; background:#000; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; overflow:auto;  }
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%; }


.h_title, .plan-tab, .search-wrap, .topBannerWrap, header { display:none !important; }
header.header { display:flex !important; justify-content:space-between; align-items:center; padding-top:0 !important; }
header.header {  position:fixed; left:0; top:0; width:100%; padding:16px 10px !important; z-index:999; transition:background 0.3s; }
header .logo_blk, header.header.on .logo_wh { display:none; }
header.header.on .logo_blk { display:block; }
header.header.on { background:rgba(255,255,255,0.5); backdrop-filter:blur(10px); -webkit-backdrop-filter: blur(10px); }
header.header.on svg path { fill:#000; }
header.header h1 a { display:flex; gap:8px; align-items:center; }
header.header p { font-size:16px; font-weight:600; line-height:normal; color:#fff; }
header.header.on p { color:#000; }



.wrap {
    position:relative;  -webkit-overflow-scrolling:touch; overflow-scrolling:touch;
}

main { position:relative; width:100%;  -webkit-overflow-scrolling:touch; overflow-scrolling:touch; }

.stn { width:100%; }



.stn_main { position:relative; }
.stn_main .bg { width:100%; height:auto; }
.stn_main .logo, .stn_main .sign { position:absolute; }
.stn_main .logo { width:330px; height:auto; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; }
.stn_main .sign { width:220px; height:auto; right:20px; bottom:14%; z-index:1; }



.stn_top { position:relative; width:100%; background:#000; }
.stn_visual { position:relative; display:flex; padding:44px 30px; flex-direction:column; justify-content:center; align-items:center; }
.stn_visual .logo { width:465px; height:auto; margin-bottom:32px; }
.desc { font-size:18px; }
.desc_top, .desc_mid { display:flex; justify-content:space-between; gap:12px; width:100%; line-height: 20px; font-size:16px; letter-spacing: 0.8px; }
.desc_top b, .desc_mid b { width:68px; }
.desc_top span, .desc_mid span { font-weight:500; }
.desc_btm { padding-top:48px; line-height:normal; letter-spacing:0.56px; text-align:center; font-size:14px; text-align:left; width:100%; }
.desc_top, .desc_mid, .desc_btm { color:#fff; }
.wrap.on .desc_top, .wrap.on .desc_mid, .wrap.on .desc_btm { opacity:1; }
.ico_scroll { position:absolute; left:50%; bottom:8px; transform:translateX(-50%); animation:scrollAni 1s infinite; }
.wrap.on .stn_top { opacity:1;  }
@keyframes scrollAni {
    0% { bottom:8px; }
    50% { bottom:16px; }
    100% { bottom:8px; }
}




.stn_profile { display:flex; justify-content: space-between; padding:60px; }
.stn_profile .cnt01 { display:flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.stn_profile .sub_tit { display:flex; }
.stn_profile .sub_tit span { font-size: 20px; font-weight: 600; letter-spacing: 0.6px; }
.stn_profile .sub_tit img { width:50px; height:auto; }
.stn_profile .main_tit { padding-top:12px; font-size: 30px; font-weight: 700; letter-spacing: 0.9px; }
.stn_profile .main_tit b { font-size: 50px; font-weight: 700; letter-spacing: 1.5px; }
.stn_profile .main_txt { font-size:17px; font-weight:500; line-height: 26px; letter-spacing: 0.51px; }
.stn_profile .cnt02 { width:45%; }
.stn_profile .cnt02 img { width:100%; height:auto; }


.stn_bg_bk.active.stn_modelOn { background: #111; }
.stn_modelOn .main_tit { color:#000; }
.stn_bg_bk.active.stn_modelOn .main_tit { color:#fff; }
.stn_bg_bk.stn_modelOn { transition: background 1s; }
.stn_modelOn { position:relative; padding:70px 0 90px; text-align: left; }
.flt_medal { position:absolute; right:40px; top:0; }
.stn_modelOn .main_tit { width:320px; margin:0 auto; display:flex; justify-content:flex-start; align-items:center; padding-bottom:2px; font-size: 35px; font-weight: 700; letter-spacing: 1.5px; color:#000; }
.stn_modelOn .main_txt { width:320px; margin:0 auto; font-size:13px; font-weight: 400; line-height: 24px; color:#fff; letter-spacing: -0.75px; word-break: keep-all; }
.onAir { position:relative; width:130px; height:66px; margin:0 auto; }
.img_on_01 { position:relative; z-index: 2; animation:onAni 2s infinite; }
@keyframes onAni {
    0% { opacity:1; }
    50% { opacity:0.4; }
    100% { opacity:1; }
}

.stn_modelOn .swiper { margin-top:10px !important; margin-bottom:54px !important; width:320px; margin:0 auto; border-radius:20px; }

.stn_modelOn .prf_desc { margin:0 auto; width:320px; }
.stn_modelOn .prf_desc .sub_tit { display:flex;  color:#fff; }
.stn_modelOn .prf_desc .sub_tit span { font-size: 15px; font-weight: 600; letter-spacing: 0.6px; color:#000; }
.stn_bg_bk.active.stn_modelOn .prf_desc .sub_tit span { font-size: 15px; font-weight: 600; letter-spacing: 0.6px; text-align:left; color:#fff; }
.stn_modelOn .prf_desc .sub_tit img { width:36px; height:auto; }
.stn_modelOn .prf_desc .main_tit { display:flex; justify-content:flex-start; align-items:flex-end; gap:8px; padding-top:12px; font-size: 30px; font-weight: 700; letter-spacing: 0.9px; line-height:normal; text-align:left; color:#000; }
.stn_modelOn .prf_desc .main_tit b { font-size: 40px; font-weight: 700; letter-spacing: 1.2px;  color:#000; }
.stn_bg_bk.active.stn_modelOn .prf_desc .main_tit b { color:#fff; }


.stn_look01 > img { width:100%; height:auto; }


.stn_look02 .swp_area01 { position:relative; }
.img_joycon { position:absolute; right:0; bottom:-130px; width:100%; height:auto; }
.stn_look02 .desc_wrap { padding:64px 24px 50px; }
.stn_look02 .desc_wrap .main_tit { font-size: 35px; font-weight: 700; line-height: normal; letter-spacing: 1.5px; }
.stn_look02 .desc_wrap .main_txt { padding-top:30px; font-size: 13.5px; font-weight: 500; line-height: 24px; letter-spacing:-1px; word-break: keep-all; }
.stn_look02 .swp_area02 { padding:60px 0 30px; background: #D63312; }
.dot_wrap { display:flex; justify-content: space-between; align-items: center; padding:0 5%; transform: translateY(-22px); }
.dot_wrap .cnt02 { display:flex; align-items: center; }
.dot_chara { padding-left:10px; display:flex; gap:12px; }
.dot_chara img { width:10vw; height:10vw; }
.dot_chara img:nth-child(1) { position: relative; animation: jumpAni 1.2s infinite; }
.dot_chara img:nth-child(2) { position: relative; animation: jumpAni 1.2s infinite; animation-delay:0.5s; }
.dot_chara img:nth-child(3) { position: relative; animation: jumpAni 1.2s infinite; animation-delay:1s; }
.dot_chara img:nth-child(4) { position: relative; animation: jumpAni 1.2s infinite; animation-delay:1.5s; }
@keyframes jumpAni {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}
.dot_wrap .btn_next { width:72px; height:36px; cursor:pointer; }
.swp01 img { width:100%; height:auto; }
.swp02  {  }
.stn_look02 .cnt01 { display:flex; align-items: center; gap:12px; }
.stn_look02 .cnt01 > img { width:70px; height:auto; animation:charaRotate 3s infinite; }
@keyframes charaRotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-15deg); }
    100% { transform: rotate(0deg); }
}


.stn_look03 .cnt01 { }
.stn_look03 .cnt01 .left, .stn_look03 .cnt01 > img { width:100%; height:auto; }
.stn_look03 .cnt01 .left { position:relative; }
.stn_look03 .cnt01 .left > img { width:100%; height:auto; }
.love_wrap { position:absolute; right:22%; bottom:16%; width:55%; }
.love_wrap img { width:100%; height:auto; opacity:0; transform:scale(0.8); transition:opacity 0.3s, transform 0.3s; }
.love_wrap img:not(:first-child) { position:absolute; left:0; top:0; width:100%; height:auto; }
.love_wrap.active img { animation:loveAni 0.3s forwards; }
.love_wrap.active img:nth-child(1) {  }
.love_wrap.active img:nth-child(2) { animation-delay:0.2s; }
.love_wrap.active img:nth-child(3) { animation-delay:0.4s; }
.love_wrap.active img:nth-child(4) { animation-delay:0.6s; }
.love_wrap.active img:nth-child(5) { animation-delay:0.8s; }
.love_wrap.active img:nth-child(6) { animation-delay:1.0s; }
@keyframes loveAni {
    0% { opacity:0; transform:scale(0.8); }
    100% { opacity:1; transform:scale(1); }
}
.stn_look03 .cnt02 { position: relative; }
.stn_look03 .cnt02 > img { width:100%; height:auto; }
.stn_look03 .cnt02 .desc_wrap { position:absolute; left:0; top:0; display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; transition:background 1s; }
.stn_look03 .cnt02 .desc_wrap.stn_bg_bk.active { background:rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.stn_look03 .cnt02 .desc_wrap .main_tit { padding-bottom:20px; font-size: 35px; font-weight: 700; letter-spacing: 0.35px; line-height:normal; opacity:0; transition:opacity 1s; transition-delay:0.2s; }
.stn_look03 .cnt02 .desc_wrap .main_txt { text-align: center; font-size: 13.5px; font-weight: 500; line-height: 24px; letter-spacing: -0.6px; opacity:0; transition:opacity 1s; transition-delay:0.4s; word-break: keep-all; }
.stn_look03 .cnt02 .desc_wrap .main_tit.active, .stn_look03 .cnt02 .desc_wrap .main_txt.active { opacity:1; }
.stn_look03 .cnt03 { display:flex; justify-content: center; gap:6px; padding:6px 0; width:100%; }
.stn_look03 .cnt03 .hover_wrap, .stn_look03 .cnt03 > img { width:calc(50% - 3px); height:auto; }
.stn_look03 .cnt03 .hover_wrap { position: relative; }
.stn_look03 .cnt03 .hover_wrap img { width:100%; height:auto; }
.stn_look03 .cnt03 .hover_wrap img:nth-child(1) { position: absolute; left:0; top:0; transition:opacity 0.3s; }
.stn_look03 .cnt03 .hover_wrap:hover img:nth-child(1) { opacity:0; }




.stn_look04 { padding: 100px 0 0; }
.stn_look04.stn_bg_bk .cnt01 {
    padding:0 40px 40px;
    transition:background-color 1s;
}
.stn_look04.stn_bg_bk.active .cnt01 {
    background-color: rgba(0,0,0,0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.stn_look04 .btn_next { position:absolute; right:20px; top:50%; z-index:1; cursor:pointer; }
.stn_look04 > img { width:100%; height:auto; }
.stn_look04 .desc_wrap p { color:#fff; }
.stn_look04 .desc_wrap .main_tit { font-size: 35px; font-weight: 700; letter-spacing: 0.35px; line-height:normal; }
.stn_look04 .desc_wrap .main_txt { padding-top:16px; font-size: 13.5px; font-weight: 400; letter-spacing:-0.5px; line-height: 22px; word-break: keep-all; }
.pick_wrap { padding:50px; }
.pick_wrap p { text-align: center; }
.pick_wrap .main_tit { font-size: 30px; font-weight: 700; letter-spacing: 0.9px; }
.pick_wrap .main_txt { padding-top:4px; font-size: 17px; font-weight: 400; letter-spacing: 0.51px; }
.clothes { position:relative }
.clothes > img {  }
.clothes ul { display:flex; flex-wrap:wrap; justify-content: center; gap:24px; align-items: center; padding-top:24px; }
.clothes ul li { width:calc(50% - 22.5px); }
.clothes ul li img { height:100%; width:auto; }
.ico_cursor { position:absolute; right:0; bottom:0; animation:curAni 6s infinite; }
@keyframes curAni {
    0% { right:0; bottom:0; }
    25% { right:50%; bottom:0; }
    50% { right:50%; bottom:50%; }
    75% { right:0; bottom:50%; }
    100% { right:0; bottom:0; }
}
.stn_look04 .cnt_wrap { position:relative; background:#000; pointer-events:none; }
.stn_look04 .cnt_wrap .desc_wrap { position:absolute; bottom:0; left:0; width:100%; padding:40px 20px; }
.stn_look04 .cnt_wrap > img { width:100%; height:auto; }
.stn_look04 .sw_wrap { position:relative; }


.stn_coupon { padding:40px 0 10px; background-color: #000; text-align: center; }
.stn_coupon a img { width:290px; height:auto; }
.stn_coupon button { margin-top:44px; width:21px; height:11px; border:none; }
.stn_coupon button img { display:block !important; }
.stn_coupon .att_desc { display:none; width:fit-content; margin:0 auto; padding-bottom:30px; text-align:left; }
.stn_coupon .att_desc ul { letter-spacing:-0.6px; }
.stn_coupon .att_desc.on { display:block; }
.stn_coupon .att_desc p, .stn_coupon .att_desc ul li { font-size: 11px; font-weight: 400; line-height: 22px; color:#fff; word-break: keep-all; }


.item_wrap { padding:70px 8px; }
.item_wrap .main_tit { padding-bottom:20px; text-align: center; font-size: 27px; font-weight: 700; line-height: normal; letter-spacing: 0.81px; }




/* swiper custom */
.swiper { position:relative; overflow:hidden; }
.swiper-wrapper { display:flex; }
.stn_modelOn .swiper-wrapper .swiper-slide { width:320px !important; }
.stn_modelOn .swiper-wrapper img { width:320px !important; }
.swp01 .swiper-wrapper .swiper-slide { width:100vw !important; }
.swp01 .swiper-wrapper img { width:100vw !important; }

.stn_look04 .swiper.round { margin:0 auto; width:80vw !important; }
.stn_look04 .swiper.round .swiper-wrapper .swiper-slide { width:80vw !important; }
.stn_look04 .swiper.round .swiper-wrapper img { width:80vw !important; }

.stn_look04 .swiper.bg_swp { margin:0 auto; width:100% !important; opacity:0.7; }
.stn_look04 .swiper.bg_swp .swiper-wrapper .swiper-slide { width:100% !important; }
.stn_look04 .swiper.bg_swp .swiper-wrapper img { width:100% !important; }

.stn_modelOn .swiper-pagination { display:flex; width:100%; justify-content:center; gap:8px; transform:translateY(-40px); }
.stn_modelOn .swiper-pagination-bullet { width:10px !important; border-radius:20px; height:10px !important; background:#fff !important; opacity:0.4 !important; }
.stn_modelOn .swiper-pagination-bullet-active { background:#fff !important; opacity:1 !important; }

.stn_look02 .swiper-pagination { display:flex; width:100%; justify-content:center; gap:8px; }
.stn_look02 .swiper-pagination-bullet { width:6px !important; border-radius:0; height:6px !important; background:#000 !important; opacity:0.4 !important; }
.stn_look02 .swiper-pagination-bullet-active { background:#000 !important; opacity:1 !important; }

.stn_look01 .swiper .swiper-wrapper { transition-timing-function: linear; pointer-events:none; }














/* BASIC css end */