header nav ul li:nth-child(1){ max-width: 100px;}

.con_fv{ width: 100%; overflow: hidden; position: relative;}

#exclusive,
#official,
#store{ scroll-margin-top: 100px;}

/* product_area */
.product_area{ width: 100%; padding: 40px 40px 140px; box-sizing: border-box; position: relative; background-color: var(--color_pink_01); margin-top: 4px;}
.product_area .wrap{ width: 100%;  max-width: 1340px; margin: auto; position: relative; box-sizing: border-box; padding: 40px 40px 0;}
.product_area .wrap .item{ width: 100%; max-width: 225px; margin: auto; position: absolute; top: -100px; left: 0; right: 0; z-index: 1;}
.product_area .wrap .item img{ animation: floating-y 1s ease-in-out infinite alternate-reverse;}
.product_area .wrap .con_title{ color: var(--color_white); font-family: var(--font_Chango); text-align: center;}
.product_area .wrap .store_title{ padding: 40px 0 0; text-align: center; color: var(--color_white); font-size: clamp(50px, 2vw, 60px); font-weight: bold;}
.product_area .wrap .tab-menu__main{ width: 100%; margin: 50px 0 0; padding: 40px 0 80px; box-sizing: border-box; background: var(--color_white); border-radius: 20px; position: relative;}
.product_area .wrap .tab-menu__main > .tab-wrap{ display: none; line-height: 1.6; position: relative;}
.product_area .wrap .tab-menu__main > .tab-wrap{ width: 100%; padding: 0 40px; box-sizing: border-box; display: block;}
.product_area .wrap .tab-menu__main > .tab-wrap > .img{ width: 100%; max-width: 100%; margin: auto; overflow: hidden;  border-radius: 20px; transition: .3s ease-in-out;}
.product_area .wrap .tab-menu__main > .tab-wrap > .text{ width: 100%; margin-bottom: 20px;}
.product_area .wrap .tab-menu__main > .tab-wrap > .text .price{ font-size: 42px; font-weight: bold;}
.product_area .wrap .tab-menu__main > .tab-wrap > .text .price span{ font-size: 20px;}
.product_area .wrap .tab-menu__main > .tab-wrap > .text .pink{ font-size: 14px; font-weight: 500; color: var(--color_pink_01); display: flex; justify-content: flex-start; align-items: center; line-height: 1;}
.product_area .wrap .tab-menu__main > .tab-wrap > .text .pink span{ width: 12px; display: inline-block;}
.product_area .wrap .tab-menu__main > .tab-wrap .line{ width: 100%; height: 8px; background-image: url("../images/product-item02.jpg"); background-size: cover; background-position: center; margin: 40px 0;}
.product_area .wrap .tab-menu__main > .tab-wrap ul{ list-style: none; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px 20px; margin: 0px auto 0;}
.product_area .wrap .tab-menu__main > .tab-wrap ul:after{ content: ""; width: 30%;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li{ width: 30%; border-radius: 10px;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li .img{ width: 100%; max-width: 100%; margin: auto; overflow: hidden; border-radius: 20px; transition: .3s ease-in-out;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li a:hover .img{ transform: scale(1.03);}
.product_area .wrap .tab-menu__main > .tab-wrap ul li .text{ width: 100%; margin-top: 10px;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li .text .ti{ font-size: 17px; font-weight: bold; position: relative;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li .text .ti span{ position: absolute; width: 10px; font-size: 10px; color: var(--color_blue_01); top: 0; left: -10px;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li .text p:nth-child(2){ font-size: 14px; font-weight: 500; margin-top: 10px;}

.product_area .wrap .tab-menu__main > .tab-wrap ul li .text .pink{ font-size: 14px; font-weight: 500; color: var(--color_pink_01); display: flex; justify-content: flex-start; align-items: center; line-height: 1;}
.product_area .wrap .tab-menu__main > .tab-wrap ul li .text .pink span{ width: 12px; display: inline-block;}
.product_area .wrap .tab-menu__main > .tab-wrap .link-wrap{ display: flex; justify-content: center; gap: 10px 20px; margin: 40px auto 0;}
.product_area .wrap .tab-menu__main > .tab-wrap .link-wrap a{ display: block; width: 100%; max-width: 500px; background-color: var(--color_pink_01); border-radius: 100px; transition: .3s ease-in-out;}
.product_area .wrap .tab-menu__main > .tab-wrap .link-wrap a:hover{ transform: scale(1.03);}
.product_area .wrap .tab-menu__main > .tab-wrap .link-wrap a p{ font-size: 18px; font-weight: 500; color: var(--color_white); padding: 10px 10px 12px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; line-height: 1;}
.product_area .wrap .tab-menu__main > .tab-wrap .link-wrap a p span{ width: 18px; display: inline-block; margin-left: 10px;}
.product_area .wrap .tab-menu__main .blue{ font-size: 14px; color: var(--color_blue_01); display: inline-block; width: auto; position: absolute; bottom: 20px; right: 40px;}

/* store_area */
.store_area{ width: 100%; padding: 40px 40px 140px; box-sizing: border-box; position: relative; background-color: #b33be0; margin-top: 4px;}
.store_area .wrap{ width: 100%;  max-width: 1340px; margin: auto; position: relative; box-sizing: border-box; padding: 40px 40px 0;}
.store_area .wrap .item{ width: 100%; max-width: 225px; margin: auto; position: absolute; top: -100px; left: 0; right: 0; z-index: 1;}
.store_area .wrap .item img{ animation: floating-y 1s ease-in-out infinite alternate-reverse;}
.store_area .wrap .con_title{ color: var(--color_white); font-family: var(--font_Chango); text-align: center; font-size: clamp(50px, 1vw, 60px);}
.store_area .wrap .box{ width: 100%; max-width: 1260px; margin: 40px auto 0;}
.store_area .wrap .box .store_title{ color: var(--color_white); font-weight: bold; text-align: center; font-size: clamp(60px, 2.5vw, 72px);}
.store_area .wrap .box h2{ color: var(--color_white); font-weight: bold; text-align: center; font-size: clamp(50px, 2vw, 60px);}
.store_area .wrap .box ul{ list-style: none; background: var(--color_white); border-radius: 20px; display: grid; grid-template-columns: repeat(3, 30%); justify-content: space-between; gap: 40px 0; margin: 0px auto 0; padding: 40px; box-sizing: border-box;}
.store_area .wrap .box ul li{ border-radius: 10px;}
.store_area .wrap .box ul li .img{ width: 100%; max-width: 100%; margin: auto; overflow: hidden; border-radius: 20px;}
.store_area .wrap .box ul li .text{ width: 100%; margin-top: 10px;}
.store_area .wrap .box ul li .text .ti{ font-size: 18px; font-weight: bold;}
.store_area .wrap .box ul li .text .br{ display: none;}
.store_area .wrap .box ul li .text p:nth-child(2){ font-size: 14px; font-weight: 500; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--color_black);}
.store_area .wrap .box ul li .text .pink{ display: inline-block; margin-right: 10px; font-size: 14px; font-weight: 500; color: var(--color_pink_01); line-height: 1; word-break: keep-all;}
.store_area .wrap .box ul li .text .pink span{ width: 12px; display: inline-block;}

/* product_list */
.product_list{ width: 100%; padding: 40px 40px 120px; box-sizing: border-box; position: relative; background-color: var(--color_blue_01);}
.product_list .wrap{ width: 100%;  max-width: 1340px; margin: auto; position: relative; box-sizing: border-box; padding: 40px 40px 0;}
.product_list .wrap .item{ width: 100%; max-width: 225px; margin: auto; position: absolute; top: -100px; left: 0; right: 0; z-index: 1;}
.product_list .wrap .item img{ animation: floating-y 1s ease-in-out infinite alternate-reverse;}
.product_list .wrap .con_title{ color: var(--color_white); font-family: var(--font_Chango); text-align: center;}
.product_list .wrap .product_box{ margin-top: 40px; display: flex; justify-content: space-between; gap: 20px;}
.product_list .wrap .product_box .img{ width: 100%; max-width: 500px;}
.product_list .wrap .product_box .img img{ position: sticky; top: 120px;}
.product_list .wrap .product_box .table{ width: 100%; margin: 0 auto;}
.product_list .wrap .product_box .table .box{ width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 3px solid var(--color_white); padding: 20px; box-sizing: border-box;}
.product_list .wrap .product_box .table .box:nth-child(1){ padding-top: 0;}
.product_list .wrap .product_box .table .box .ti{ width: 100%; max-width: 200px; margin-right: 40px; font-size: 18px; color: var(--color_white); font-weight: bold;}
.product_list .wrap .product_box .table .box p{ width: 100%; font-size: 18px; color: var(--color_white); font-weight: bold;}
.product_list .wrap .product_box .table .box p .s{ font-size: 12px; vertical-align: super;}
.product_list .wrap .product_box .table .box p .yellow{ color: #fcffbb;}