body { margin: 0px; padding: 0px; background-color: rgb(217, 217, 217); }
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0px auto; padding: 0px; overflow: hidden; width: 100%; min-width: 1220px; text-align: left; font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica; }
.WRAPPER img { border: 0px; vertical-align: top; }
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent; }
.Area .list_00 ul { display: inline-block; margin: 0px; padding: 0px; }
.Area .list_00 li { list-style: none; float: left; overflow: hidden; }
@media screen and (max-width: 767px) {
  .WRAPPER { padding-bottom: 30px; min-width: inherit; min-height: 100vh; overflow: hidden; background-color: rgb(217, 217, 217); }
  .WRAPPER img { width: 100%; height: auto; }
}
@media screen and (min-width: 768px) {
  .bg_00 { z-index: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_01 { z-index: -40; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_02 { z-index: -26; position: absolute; top: 99px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .bg_repeat { z-index: -46; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center 0px; background-repeat: repeat-y; transition: 0.5s linear; pointer-events: none; }
  .bg_deco { z-index: -35; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center 0px; background-repeat: repeat-y; transition: 0.5s linear; pointer-events: none; }
  .bg_deco02 { z-index: -10; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center 0px; background-repeat: repeat-y; transition: 0.5s linear; pointer-events: none; }
}
#eWriterBtn_bt_B_000_03b { margin-left: 350px !important; margin-top: 80px !important; z-index: 200 !important; }
#eWriterBtn_bt_B_000_04a { margin-left: 300px !important; margin-top: 10px !important; z-index: 200 !important; }
#eWriterBtn_bt_B_000_05z { margin-left: 450px !important; margin-top: 60px !important; z-index: 200 !important; }
#eWriterBtn_bt_B_000_10 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_13 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_16 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_19 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_v4-he34 { margin-left: 450px !important; margin-top: 235px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_99 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_02 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
  .Area_bottom01 { background: url("pc_bottom01.png?t=1752126488803") center top / 100% no-repeat; padding-top: 80px; margin-top: -22px; margin-bottom: 50px; }
}
@media screen and (max-width: 767px) {
  .Area_bottom01 { background: 0% 0% / 100% rgb(255, 204, 130); padding-top: 4vw; }
  .mo_top { z-index: 1; position: absolute; top: 44px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
}
@media screen and (min-width: 768px) {
  .Area_title { height: 1000px; }
  .deco_left { position: absolute; top: 394px; left: 144px; z-index: 8; opacity: 1; width: 443px; }
  .deco_left img { width: 100%; }
  .light_left { position: absolute; top: 177px; left: 142px; z-index: 8; opacity: 1; width: 443px; mix-blend-mode: color-dodge; animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss; }
  .light_left img { width: 100%; }
  .light_left_02 {position: absolute;top: 378px;left: 117px;z-index: 8;opacity: 1;width: 443px;mix-blend-mode: color-dodge;}
  .light_left img { width: 100%; }
  .deco_right {position: absolute;top: 102px;right: 108px;z-index: 8;opacity: 1;width: 413px;}
  .deco_right img { width: 100%; }
  .light_right {position: absolute;top: 120px;right: 65px;z-index: 18;opacity: 1;width: 994px;mix-blend-mode: color-dodge;}
  .light_right img { width: 100%; }
  .light_right_02 { position: absolute; top: 98px; right: 150px; z-index: 8; opacity: 1; width: 573px; mix-blend-mode: plus-lighter; animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss; }
  .light_right_02 img { width: 100%; }
}
@media screen and (max-width: 767px) {
  .Area_title { height: 95vw; }
  .deco_left {position: absolute;width: 46%;top: 39vw;left: 1.5vw;z-index: 3;}
  .light_left {position: absolute;width: 46%;top: 16vw;left: 1.5vw;z-index: 6;mix-blend-mode: color-dodge;animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss;}
  .light_left_02 {position: absolute;width: 46%;top: 40vw;left: 1.5vw;z-index: 6;mix-blend-mode: color-dodge;}
  .light_right_02 {position: absolute;width: 46%;top: 19vw;right: 3vw;z-index: 19;mix-blend-mode: plus-lighter;animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss;}
  .deco_right {position: absolute;width: 40%;top: 13vw;right: -1vw;z-index: 4;}
  .light_right {position: absolute;width: 100%;top: 13vw;right: -6.1vw;z-index: 5;mix-blend-mode: color-dodge;}
}
@media screen and (min-width: 768px) {
  .Area_title .subtitle {position: absolute;width: 863px;height: auto;top: 1px;left: 196px;z-index: 14;margin: auto;}
  .Area_title .subtitle .layout_title { }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .subtitle .layout_title .PD_slide:hover { transform: none; }
  .Area_title .tt {position: absolute;width: 896px;height: auto;top: 47px;right: 158px;z-index: 11;margin: auto;}
  .Area_title .tt .layout_title { }
  .Area_title .tt .layout_title ul { }
  .Area_title .tt .layout_title .PD_slide:hover { transform: none; }
  .Area_title .lightSweep { position: absolute; width: 780px; height: auto; top: 12px; left: -64px; z-index: 4; margin: auto; }
  .Area_title .subtitle_light { position: absolute; width: 443px; height: auto; top: 11px; left: 156px; z-index: 12; margin: auto; mix-blend-mode: screen; }
  .Area_title .subtitle_light .layout_title { }
  .Area_title .subtitle_light .layout_title ul { }
  .Area_title .subtitle_light .layout_title .PD_slide:hover { transform: none; }
  .Area_title .date {position: absolute;width: 225px;height: auto;top: 256px;left: 165px;z-index: 7;margin: auto;animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s;opacity: 0;}
  .Area_title .date .layout_title { }
  .Area_title .date .layout_title ul { }
  .Area_title .date .layout_title .PD_slide:hover { transform: none; }
  .Area_title .pro_p001 {position: absolute;top: 269px;left: 209px;z-index: 6;width: 828px;overflow: hidden;}
  .Area_title .pro_p001 .PD_layout { }
  .Area_title .pro_p001 .PD_layout ul { display: flex; padding: 0px; gap: 0px; }
  .Area_title .pro_p001 .PD_layout ul li { }
  .Area_title .pro_p001 .PD_slide:hover { transform: none; }
  .Area_title .pro_p001 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
  .Area_title .pp_02 { position: absolute; width: 315px; height: auto; top: 509px; left: 156px; z-index: 37; margin: auto; }
  .Area_title .pp_02 .layout_title { }
  .Area_title .pp_02 .layout_title ul { }
  .Area_title .pp_02 .layout_title .PD_slide:hover { transform: none; }
  .Area_title .pp_03 { position: absolute; width: 345px; height: auto; top: 716px; left: 180px; z-index: 10; margin: auto; }
  .Area_title .pp_03 .layout_title { }
  .Area_title .pp_03 .layout_title ul { }
  .Area_title .pp_03 .layout_title .PD_slide:hover { transform: none; }
  .Area_title .pp_04 { position: absolute; width: 395px; height: auto; top: 681px; right: 163px; z-index: 9; margin: auto; }
  .Area_title .pp_04 .layout_title { }
  .Area_title .pp_04 .layout_title ul { }
  .Area_title .pp_04 .layout_title .PD_slide:hover { transform: none; }
  .Area_title .titile02 { position: absolute; width: 107px; top: 309px; right: 326px; overflow: hidden; z-index: 7; animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s; opacity: 0; }
  .Area_title .titile02 .PD_layout { }
  .Area_title .titile02 .PD_layout ul { display: flex; }
  .Area_title .titile02 .PD_layout ul li { }
  .Area_title .titile02 .PD_slide:hover { transform: none; }
  .Area_title .titile02 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
}
@media screen and (max-width: 767px) {
  .Area_title .subtitle {position: absolute;top: 0.5vw;width: 94%;left: 5.1vw;margin: auto;z-index: 9;}
  .Area_title .subtitle .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .tt {position: absolute;top: 5.8vw;width: 95%;right: 3.5vw;margin: auto;z-index: 4;}
  .Area_title .tt .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .tt .layout_title ul { }
  .Area_title .subtitle_light { position: absolute; top: 1.5vw; width: 38%; left: 5vw; margin: auto; z-index: 7; mix-blend-mode: screen; }
  .Area_title .subtitle_light .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .subtitle_light .layout_title ul { }
  .Area_title .lightSweep { position: absolute; top: -7.5vw; width: 45%; left: -47vw; margin: auto; z-index: 19; }
  .Area_title .date {position: absolute;top: 28vw;width: 23%;left: 6vw;margin: auto;animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s;opacity: 0;z-index: 3;}
  .Area_title .date .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .date .layout_title ul { }
  .Area_title .pro_p001 {position: absolute;width: 85%;top: 28vw;left: 8.5vw;z-index: 1;}
  .Area_title .pro_p001 .PD_layout { }
  .Area_title .pro_p001 .PD_layout ul { display: flex; padding: 0px; gap: 0px; }
  .Area_title .pro_p001 .PD_layout ul li { }
  .Area_title .pro_p001 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
  .Area_title .pp_02 { position: absolute; top: 45vw; width: 30%; left: 5vw; margin: auto; z-index: 9; }
  .Area_title .pp_02 .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .pp_02 .layout_title ul { }
  .Area_title .pp_03 { position: absolute; top: 70vw; width: 32.5%; left: 7vw; margin: auto; z-index: 9; }
  .Area_title .pp_03 .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .pp_03 .layout_title ul { }
  .Area_title .pp_04 { position: absolute; top: 71vw; width: 38%; right: 3vw; margin: auto; z-index: 9; }
  .Area_title .pp_04 .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .pp_04 .layout_title ul { }
  .Area_title .titile02 { position: absolute; width: 12%; top:32vw; left: 68vw; overflow: hidden; animation: 0.5s ease-in 0.7s 1 normal forwards running fadeInDown_s; opacity: 0; z-index: 3; }
  .Area_title .titile02 .PD_layout { }
  .Area_title .titile02 .PD_layout ul { display: flex; }
  .Area_title .titile02 .PD_layout ul li { }
  .Area_title .titile02 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
}
@media screen and (min-width: 768px) {
  .Area_box .left_list { position: absolute; left: 41px; top: -24px; z-index: 9; }
  .Area_box .left_list img { width: 67%; }
  .Area_box .bg_01 { z-index: -26; position: absolute; top: 0px; left: -390px; width: 2000px; height: 420px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_box { margin-top: 24px; margin-bottom: 55px; }
  .Area_box .PD_layout { width: 72%; overflow: hidden; margin: 0px auto 0px 189px; padding: 42px 0px 0px; z-index: 5; }
  .Area_box .PD_layout ul { display: flex; width: 100%; padding: 0px; margin: 0px; background-color: rgba(255, 255, 255, 0); }
  .Area_box .PD_layout ul li { background-color: rgb(255, 255, 255); border-radius: 21px; }
  .Area_box .PD_layout .PD_into .Price { font-size: 39px !important; }
  .Area_box .PD_layout .swiper-pagination { position: relative; margin: 20px 0px; }
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(253, 168, 159) !important; }
}
@media screen and (max-width: 767px) {
  .Area_box .left_list { position: absolute; left: 0vw; top: -3vw; width: 12.4%; z-index: 9; }
  .Area_box { background-image: url("box_bgg.jpg?t=1752126488803"); background-position: center top; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 77vw; background-size: 100% !important; }
  .Area_box .PD_layout { width: 89%; overflow: hidden; margin-left: 12.5vw; padding-top: 6vw; padding-bottom: 5vw; z-index: 9; }
  .Area_box .PD_layout ul { display: flex; padding: 0px; gap: 1vw; margin-left: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0); }
  .Area_box .PD_layout ul li { background-color: white; border-radius: 2vw; margin-right: 0px !important; }
  .Area_box .PD_layout .PD_into .Price { font-size: 25px !important; }
  .Area_box .PD_layout .PD_into p { height: 2.2em !important; }
  .Area_box .PD_layout .PD_into .js-PD_del { font-size: 10px !important; }
  .Area_box .PD_layout .swiper-pagination { position: relative; margin: 3vw 0px; }
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(253, 168, 159) !important; }
}
@media screen and (min-width: 768px) {
  .Area_act { height: 100%; }
  .Area_act .bg_02 { z-index: -45; position: absolute; top: 61px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_act .text { position: relative; width: 70%; margin: 14px auto 0px; }
  .Area_act .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_act .text .layout_text .PD_slide:hover { transform: none; }
  .Area_act .text .layout_text .PD a { pointer-events: none !important; }
  .Area_act .layout_btn { margin: -66px auto 32px; z-index: -1; width: 69% !important; }
  .Area_act .layout_btn ul { }
  .Area_act .PD_layout ul { }
  .Area_act .PD_layout ul li { padding: 7px; }
}
@media screen and (max-width: 767px) {
  .Area_act { }
  .Area_act .PD_layout { }
  .Area_act .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_act .layout_btn { margin: -7vw auto 0px; z-index: -1; width: 98.1% !important; }
  .Area_act .layout_btn ul { }
  .Area_act .layout_btn ul li { padding: 2vw; }
  .Area_act .layout_btn ul li:nth-child(4) { left: 0px; }
  .Area_act .layout_btn ul li:nth-child(5) { left: 0px; }
  .Area_act .text { position: relative; width: 96%; margin: -4vw auto 0px; }
  .Area_act .text .layout_text { padding-top: 4vw; }
  .Area_act .text .layout_text .PD a { pointer-events: none !important; }
}
@media screen and (min-width: 768px) {
  .Area_coupon { }
  .Area_coupon .bg_01 { z-index: 6; position: absolute; top: -275px; left: -390px; width: 2000px; height: 109px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_coupon .bg_02 { z-index: -61; position: absolute; top: 25px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_coupon .bg_03 { z-index: -32; position: absolute; bottom: -159px; left: -390px; width: 2000px; height: 111px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_coupon .box { width: 77%; margin: -26px auto 50px; }
  .Area_coupon .box .PD_layout ul { width: 86%; margin: auto; }
  .Area_coupon .text { width: 70%; margin: 17px auto 39px; }
  .Area_coupon .layout_coupon ul { width: 93% !important; margin: 25px auto 0px !important; }
  .Area_coupon a { left: 113px; }
  .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {font-size: 41px !important;line-height: 43px;}
  .PD_layout.PD_layout-coupon3 .PD h3, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h3 { font-size: 37px; }
  .PD_layout.PD_layout-coupon3 .PD .threshold, .PD_layout.PD_layout-coupon3 .PD h4, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD .threshold, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h4 { font-size: 33px; }
}
@media screen and (max-width: 767px) {
  .Area_coupon { }
  .Area_coupon .hatsale_bottom { z-index: -1; position: absolute; bottom: -17vw; left: 0px; width: 100%; height: 103px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_coupon .box { }
  .Area_coupon .box .PD_layout ul { margin-top: -2vw; margin-bottom: 0vw; width: 94% !important; }
  .Area_coupon .text { width: 96%; margin: 0vw auto 0px; }
  .Area_coupon .text .PD_layout { z-index: 0; }
  .Area_coupon .text .layout_text .PD_slide:hover { transform: none; }
  .Area_coupon .text .layout_text .PD a { pointer-events: none !important; }
  .Area_coupon .text .PD_layout ul { padding: 0px; }
  .Area_coupon .text .PD_layout ul li .PD_img { width: 100%; padding-top: 3vw; padding-bottom: 1vw; }
  .Area_coupon .PD_layout ul { width: 95% !important; margin: auto !important; }
  .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone { line-height: 6vw; }
  .Area_coupon .cc_bottom { }
}
@media screen and (min-width: 768px) {
  .Area_item02 { height: 100%; }
  .Area_item02 .bg_01 { z-index: -1; position: absolute; top: 190px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; mix-blend-mode: screen; }
  .Area_item02 .bg_03 { z-index: -1; position: absolute; bottom: -191px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_item02 .text { position: relative; }
  .Area_item02 .text .layout_text { width: 61%; margin: 2px auto 122px; padding-top: 68px; }
  .Area_item02 .text .layout_text ul { margin: 0px; padding: 0px; }
  .Area_item02 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_item02 .layout_PD { width: 960px; margin: -64px auto !important; padding: 0px !important; }
  .Area_item02 .layout_PD ul { margin: 0px; padding: 0px; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) { background: url("mo_item_bg01.png?t=1744877505934") center top / 89% no-repeat; padding-bottom: 0px; height: 466px; }
  .Area_item02 .layout_PD ul li:nth-child(2n) { background: url("mo_item_bg02.png?t=1744877505934") center top / 89% no-repeat; height: 434px; }
  .Area_item02 .layout_PD ul li a { color: rgb(255, 255, 255); }
  .Area_item02 .layout_PD ul li:hover { box-shadow: none; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_img { width: 55%; position: relative; top: -13px; left: 19px; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_img { width: 55%; position: relative; left: 391px; top: -15px; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_into { width: 36%; position: absolute; top: 96px; left: 508px; text-align: left !important; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_into { width: 36%; left: 128px; position: absolute; top: 98px; text-align: left; }
  .Area_item02 .layout_PD ul li .PD h3 { font-size: 29px; color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .PD h4 { font-size: 25px; color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .PD p { color: rgb(232, 103, 92); overflow: inherit; line-height: 4em; margin-top: 49px; }
  .Area_item02 .layout_PD ul li .js-PD_del { color: rgb(71, 71, 71); font-size: 22px; }
  .Area_item02 .layout_PD ul li .PD p .Price { font-size: 52px; }
  .Area_item02 .layout_PD ul li .PD p .money { font-size: 40px; }
  .Area_item02 .layout_PD ul li .PD:hover h4 { color: rgb(173, 71, 71) !important; }
  .Area_item02 .bottom03 { position: relative; height: 30px; width: 2000px; left: -390px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
  .Area_item02 { height: 100%; background-image: url("item_bg_mb.jpg?t=1744877505934"); background-position: center top; background-repeat: repeat-y; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% !important; }
  .Area_item02 .deco { position: absolute; width: 100%; left: 0px; top: -10vw; z-index: 5; pointer-events: none; }
  .Area_item02 .text { position: relative; z-index: 9; margin-bottom: 0vw; }
  .Area_item02 .text .layout_text { width: 90%; margin: 2.5vw auto -15vw; padding-top: 7vw; top: -2vw; }
  .Area_item02 .text .layout_text ul { margin-top: -4vw; padding: 0px; }
  .Area_item02 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_item02 .layout_PD { width: 100%; margin-top: 0vw; padding-top: 16vw; padding-bottom: 0vw; background: url("black_repeat_mb.jpg?t=1752126488803") center top / 100% repeat-y; }
  .Area_item02 .layout_PD ul { margin: 0px; padding: 0px; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) { background: url("mo_item_bg01.png?t=1744877505934") center top / 100% no-repeat; padding-bottom: 0vw; height: 50vw; }
  .Area_item02 .layout_PD ul li:nth-child(2n) { background: url("mo_item_bg02.png?t=1744877505934") center top / 100% no-repeat; height: 50vw; }
  .Area_item02 .layout_PD ul li a { color: rgb(255, 255, 255); }
  .Area_item02 .layout_PD ul li:hover { box-shadow: none; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_img { width: 64%; position: relative; left: -3vw; top: 2vw; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_img { width: 64%; left: 42vw; position: relative; top: -2vw; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_into { width: 42%; position: absolute; right: 5vw; top: 11vw; text-align: left !important; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_into { width: 42%; position: absolute; top: 11vw; right: 49vw; text-align: left !important; }
  .Area_item02 .layout_PD ul li .PD p { color: rgb(232, 103, 92); margin-top: 3vw; }
  .Area_item02 .layout_PD ul li .PD p .money { font-size: 21px; }
  .Area_item02 .layout_PD ul li .PD p .Price { font-size: 28px; }
  .Area_item02 .layout_PD ul li .PD h3 { color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .PD h4 { color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .js-PD_del { color: rgb(97, 93, 94); font-size: 0.7rem; }
  .Area_item02 .layout_PD ul li .PD:hover h4 { color: rgb(255, 255, 255) !important; }
}
@media screen and (min-width: 768px) {
  .Area_hatsale { height: 100%; display: flex; flex-wrap: wrap; }
  .Area_hatsale .bg_01 { z-index: -45; position: absolute; top: 0px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_hatsale .bg_02 { z-index: -61; position: absolute; top: 25px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_hatsale .bg_03 { z-index: -45; position: absolute; bottom: -90px; left: -390px; width: 2000px; height: 201px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_hatsale .box { position: relative; width: 78.6%; margin: 40px auto; }
  .Area_hatsale .box .PD_layout ul { border-radius: 0px; }
  .Area_hatsale .text { width: 61%; margin: 215px auto 42px; }
  .Area_hatsale .box .layout_PD ul { padding: 7px; }
  .Area_hatsale .box .layout_PD ul li { border-radius: 0px; background-color: white; }
  .Area_hatsale .box .layout_PD .PD .PD_into { }
  .Area_hatsale .box .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); font-size: 21px; }
  .Area_hatsale .box .layout_PD .PD .PD_into h4 { }
  .Area_hatsale .box .layout_PD .PD .PD_into .PD_logo { border: 1px solid rgb(209, 41, 34); border-radius: 105px; }
  .Area_hatsale .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale .text02 { width: 100%; margin: 0px auto; padding-top: 14px; }
  .Area_hatsale .TimerNick { position: absolute; top: 289px; left: -3px; right: 0px; padding: 0px; margin: 0px; text-align: center; z-index: 10; }
  .Area_hatsale .TimerNick .FontStyle { display: inline-block; margin: 0px; padding: 17px; width: 49px; font-family: overtime-lcd-pro; color: rgb(237, 117, 108); letter-spacing: 0px; font-size: 38px; text-align: center; }
  .Area_hatsale .TimerNick span { padding-left: 22px; padding-right: 15px; font-family: overtime-lcd-pro; letter-spacing: 0vw; color: rgb(85, 85, 85); font-size: 25px; }
  .Area_hatsale .TimerNick small { position: relative; font-family: overtime-lcd-pro; letter-spacing: 0px; color: rgb(149, 193, 255); }
}
@media screen and (max-width: 767px) {
  .Area_hatsale { }
  .Area_hatsale .hatsale_bottom { z-index: 1; position: absolute; bottom: 0vw; left: 0px; width: 100%; height: 53px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_hatsale .box { }
  .Area_hatsale .box .PD_layout ul { width: 96%; margin-top: 0vw; margin-bottom: 0vw; }
  .Area_hatsale .text { background: url("dd.png?t=1752126488803") center top / 100% no-repeat; margin-top: 17vw; }
  .Area_hatsale .text .PD_layout { z-index: 9; width: 87%; margin: -9vw auto 9vw; top: -17vw; }
  .Area_hatsale .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale .text .PD_layout ul { padding: 0px; }
  .Area_hatsale .text .PD_layout ul li .PD_img { width: 100%; padding-top: 3vw; padding-bottom: 1vw; }
  .Area_hatsale .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale .box .layout_PD { padding-bottom: 3vw; padding-top: 0vw; margin-top: -12vw; }
  .Area_hatsale .box .layout_PD ul { gap: 0em; width: 90%; border-radius: 0px; padding: 0px; }
  .Area_hatsale .box .layout_PD ul li { border-radius: 0px; }
  .Area_hatsale .box .layout_PD .PD .PD_into { border-radius: 0.5em; margin-top: 6vw; }
  .Area_hatsale .box .layout_PD .PD .PD_into .PD_logo { height: 2em; margin-top: -5vw; border: 1px solid rgb(209, 41, 34); border-radius: 1em; }
  .Area_hatsale .box .layout_PD .PD .PD_into .PD_logo img { padding: 0px 1em; }
  .Area_hatsale .box .layout_PD .PD .PD_into p { }
  .Area_hatsale .box .layout_PD .PD .PD_into .js-PD_del { }
  .Area_hatsale .box .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_hatsale .box .layout_PD .PD .PD_into h4 { }
  .Area_hatsale .box .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_hatsale .box .layout_PD .PD .Price { }
  .Area_hatsale .new_bottom { margin-top: -1vw; }
  .Area_hatsale .TimerNick { position: absolute; top: -2.5vw; left: 20.5vw; padding: 0px; margin: 0px; text-align: center; z-index: 10; }
  .Area_hatsale .TimerNick .FontStyle { display: inline-block; margin: 0px; padding: 2vw; width: 9vw; font: 28px / 10px overtime-lcd-pro; color: rgb(237, 117, 108); text-align: center; }
  .Area_hatsale .TimerNick span { padding-left: 0vw; font-size: 14px; font-family: overtime-lcd-pro; letter-spacing: 0vw; color: rgb(85, 85, 85); }
  .Area_hatsale .TimerNick small { position: relative; font-size: 15px; font-family: overtime-lcd-pro; letter-spacing: 0px; color: rgb(149, 193, 255); }
}
@media screen and (min-width: 768px) {
  .Area_danjiall { height: 100%; }
  .Area_danjiall .bg_02 { z-index: -61; position: absolute; top: 0px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_danjiall .text { position: relative; margin-bottom: 24px; padding-top: 55px; }
  .Area_danjiall .text .layout_text { width: 62%; margin: auto; padding: 0px; }
  .Area_danjiall .text .layout_text ul { margin: 0px; padding: 0px; }
  .Area_danjiall .text .layout_text .PD_slide:hover { transform: none; }
  .Area_danjiall .text .layout_text .PD a { pointer-events: none !important; }
  .Area_danji .danji_box { margin: 0px auto; width: 73% !important; }
  .Area_danji .danji_box .box_2 img { filter: brightness(0%) !important; }
  .Area_danjiall .warningTxt { margin-bottom: 14px; }
  .Area_danjiall .warningTxt h3 { color: rgb(52, 49, 49); font-size: 1.5rem; }
  .Area_danji .danji_box ul li .activityImg{    position: absolute; width: 15.5% !important ;top: 13% !important ;left: 3% !important ;}
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #f2aba5;}                 

}
@media screen and (max-width: 767px) {
  .Area_danjiall { }
  .Area_danjiall .text { width: 96%; margin: 4vw auto 0px; }
  .Area_danjiall .text .layout_text { margin: 0px auto; padding-bottom: 2vw; }
  .Area_danjiall .text .layout_text ul { margin: 0px; padding: 0px; }
  .Area_danjiall .text .layout_text .PD_slide:hover { transform: none; }
  .Area_danjiall .text .layout_text .PD a { pointer-events: none !important; }
  .Area_danjiall .Area_danji { }
  .Area_danjiall .Area_danji .danji_box { width: 96% !important; margin: 0px auto !important; }
  .Area_danjiall .Area_danji .danji_box .box_1 { margin-top: 0vw; }
  .Area_danji .danji_box .box_2 img { filter: brightness(0%) !important; }
  .Area_danji .danji_box ul li { padding: 1vw !important; }
  .Area_danjiall .warningTxt { }
  .Area_danjiall .warningTxt h3 { color: rgb(6, 6, 6); }
  .Area_danjiall .hatsale_bottom { z-index: -1; position: absolute; bottom: -2vw; left: 0px; width: 100%; height: 53px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_danji .danji_box ul li .activityImg{    position: absolute; width: 15.5% !important ;top: 13% !important ;left: 3% !important ;}
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #f2aba5;}                 

}
@media screen and (min-width: 768px) {
  .Area_btn { height: 100%; }
  .Area_btn .bg_02 { z-index: -45; position: absolute; top: 61px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_btn .text { position: relative; width: 46%; margin: 76px auto 0px; }
  .Area_btn .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_btn .text .layout_text .PD_slide:hover { transform: none; }
  .Area_btn .text .layout_text .PD a { pointer-events: none !important; }
  .Area_btn .layout_btn { margin: 0px auto 142px; padding-top: 0px; z-index: 9; width: 80% !important; }
  .Area_btn .layout_btn ul { }
  .Area_btn .PD_layout ul { }
  .Area_btn .PD_layout ul li { padding: 7px; }
}
@media screen and (max-width: 767px) {
  .Area_btn { }
  .Area_btn .PD_layout { }
  .Area_btn .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_btn .layout_btn { margin: 6vw auto 0px; z-index: 9; width: 100% !important; }
  .Area_btn .layout_btn ul { }
  .Area_btn .layout_btn ul li { padding: 1vw; }
  .Area_btn .layout_btn ul li:nth-child(4) { left: 0px; }
  .Area_btn .layout_btn ul li:nth-child(5) { left: 0px; }
  .Area_btn .text { position: relative; width: 73%; margin: 0vw auto 0px; }
  .Area_btn .text .layout_text { padding-top: 4vw; }
  .Area_btn .text .layout_text .PD a { pointer-events: none !important; }
}
@media screen and (min-width: 768px) {
  .Area_hatsale03 { height: 100%; }
  .Area_hatsale03 .bg_01 { z-index: -27; position: absolute; top: -85px; left: -390px; width: 2000px; height: 189px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_hatsale03 .bg_02 { z-index: -28; position: absolute; top: 38px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_hatsale03 .bg_03 { z-index: -45; position: absolute; bottom: -80px; left: -390px; width: 2000px; height: 69px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_hatsale03 .send_text { width: 78%; margin: 31px auto -12px; }
  .Area_hatsale03 .send_text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .send_text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale03 .text { width: 68%; margin: 93px auto 37px; }
  .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale03 .b_box { background: url("grey_ff_pc.png?t=1752126488803") center top / 100% no-repeat; width: 81%; margin: auto; }
  .Area_hatsale03 .text02 { padding-top: 0vw; }
  .Area_hatsale03 .text02 .PD_layout .PD_into { display: flex; flex-direction: row; }
  .Area_hatsale03 .text02 .PD_layout .PD_into .PD_logo { width: 207px; position: absolute; left: 199px; top: 81px; }
  .Area_hatsale03 .text02 .PD_layout .PD_into h3 { width: 62%; font-size: 30px; line-height: 2.2em; color: rgb(60, 37, 40); position: relative; left: 347px; top: 75px; }
  .Area_hatsale03 .box .PD_layout { width: 86%; overflow: hidden; margin: 1px auto -16px; padding-top: 82px; padding-bottom: 62px; }
  .Area_hatsale03 .box .PD_layout ul { display: flex; gap: 0px; width: 100%; padding: 0px; margin: 0px; }
  .Area_hatsale03 .box .PD_layout ul li { background-color: rgb(255, 255, 255); border-radius: 0px; padding-bottom: 7px; margin-right: 0px !important; }
  .Area_hatsale03 .box .PD_layout .PD_into .Price { font-size: 39px !important; }
  .Area_hatsale03 .box .PD_layout .swiper-pagination { position: relative; margin: 20px 0px 0px; }
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(216, 119, 109) !important; }
  .Area_hatsale03 .PD_layout-btn { }
  .Area_hatsale03 .PD_layout-btn ul li .PD_into h3 { }
}
@media screen and (max-width: 767px) {
  .Area_hatsale03 { background: url("black_repeat_mb.jpg?t=1752126488803") center top / 100% repeat-y; }
  .Area_hatsale03 .hatsale_bottom { z-index: 0; position: absolute; bottom: -4vw; left: 0px; width: 100%; right: 0px; margin: auto; height: 55px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_hatsale03 .box { }
  .Area_hatsale03 .box .PD_layout ul { width: 96%; margin-bottom: 0vw; }
  .Area_hatsale03 .text { width: 91%; margin: 0vw auto -3vw; padding-top: 2vw; }
  .Area_hatsale03 .text .PD_layout { z-index: 9; }
  .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale03 .send_text { width: 95%; margin: 7vw auto 1vw; }
  .Area_hatsale03 .send_text .PD_layout { z-index: 9; }
  .Area_hatsale03 .send_text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .send_text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale03 .b_box { background: url("grey_ff.png?t=1752126488803") center top / 100% no-repeat; width: 100%; margin: auto; height: 95vw; }
  .Area_hatsale03 .text02 { width: 84%; margin: -4vw auto 0px; padding-top: 0vw; }
  .Area_hatsale03 .text02 .PD_layout .PD_into { display: flex; flex-direction: row; margin-bottom: 0vw; margin-top: 1vw; }
  .Area_hatsale03 .text02 .PD_layout .PD_into .PD_logo { width: 34%; position: absolute; left: 0vw; top: 10vw; }
  .Area_hatsale03 .text02 .PD_layout .PD_into h3 { width: 62%; font-size: 1.1em; line-height: 1.2em; color: rgb(68, 68, 68); position: relative; left: 36vw; top: 9.5vw; }
  .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale03 .box .PD_layout { padding-top: 10vw; overflow: hidden; width: 84%; }
  .Area_hatsale03 .box .PD_layout ul { display: flex; padding: 0px; gap: 0px; margin-left: 0px; border-radius: 0px; background-color: rgb(255, 255, 255); }
  .Area_hatsale03 .box .PD_layout ul li { border-top: none; border-radius: 0px; background-color: rgb(255, 255, 255); margin-right: 0px !important; }
  .Area_hatsale03 .box .PD_layout .PD_into .Price { font-size: 25px !important; }
  .Area_hatsale03 .box .PD_layout .PD_into p { height: 2.2em !important; }
  .Area_hatsale03 .box .PD_layout .PD_into .js-PD_del { font-size: 10px !important; }
  .Area_hatsale03 .box .PD_layout .swiper-pagination { position: relative; margin: 3vw 0px 1vw; }
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(200, 117, 108) !important; }
  .Area_hatsale03 .PD_layout-btn { padding: 0vw 0px 4vw; }
  .Area_hatsale03 .PD_layout-btn ul li .PD_into h3 { }
}
@media screen and (min-width: 768px) {
  .Area_bn01 { height: 100%; }
  .Area_bn01 .bg_02 {z-index: -28;position: absolute;top: -39px;left: -390px;width: 2000px;height: 123%;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .Area_bn01 .bg_03 { z-index: -25; position: absolute; bottom: -38px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_bn01 .arrow { position: absolute; left: 185px; top: 161px; z-index: 0; }
  .Area_bn01 .arrow img { width: 89%; }
  .Area_bn01 .text { position: relative; width: 62%; margin: 93px auto 2px; }
  .Area_bn01 .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_bn01 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_bn01 .text .layout_text .PD a { pointer-events: none !important; }
	.Area_bn01 .box .PD_layout {width: 74%;overflow:hidden;margin: 45px auto 0;}	

	.Area_bn01 .box .PD_layout ul {display:flex;height: 350px;}
	.Area_bn01 .box .PD_layout ul li {}
	.Area_bn01 .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn01 .box .PD_layout .swiper-pagination {position:relative;margin:30px 0;}  .Area_bn01 .layout_btn { padding-top: 38px; padding-bottom: 79px; z-index: 2; width: 76% !important; }
  .Area_bn01 .layout_btn ul { }
  .Area_bn01 .PD_layout ul { }
  .Area_bn01 .PD_layout ul li { padding: 14px; }
}
@media screen and (max-width: 767px) {
  .Area_bn01 { background: url("black_repeat_mb.jpg?t=1752126488803") center top repeat-y; }
  .Area_bn01 .arrow { position: absolute; left: 7vw; top: 23vw; width: 86.2%; z-index: 9; }
  .Area_bn01 .PD_layout { }
  .Area_bn01 .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_bn01 .layout_btn { margin: auto; padding-bottom: 0vw; z-index: 0; padding-top: 2vw; width: 93% !important; }
  .Area_bn01 .layout_btn ul { }
  .Area_bn01 .layout_btn ul li { padding: 0vw; }
  .Area_bn01 .text { position: relative; width: 100%; margin: 0px auto; }
  .Area_bn01 .text .layout_text { padding-top: 4vw; }
  .Area_bn01 .text .layout_text .PD a { pointer-events: none !important; }
	/** 公版 **/	
	.Area_bn01 .box {padding-bottom: 0;width: 93%;margin: 8vw auto 0vw;padding-top: 0vw;}	
	.Area_bn01 .box .PD_layout {overflow:hidden;padding-top: 0vw;}	
	.Area_bn01 .box .PD_layout ul {display:flex;height: 44vw;}
	.Area_bn01 .box .PD_layout ul li {}
	.Area_bn01 .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
		
	.Area_bn01 .box .PD_layout .swiper-pagination {position:relative;margin: 0vw;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: #ffffff !important;}

}
@media screen and (min-width: 768px) {
  .Area_new { height: 100%; }
  .Area_new .bg_01 { z-index: -39; position: absolute; top: 164px; left: -390px; width: 2000px; height: 189px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_new .bg_02 { z-index: -45; position: absolute; top: 273px; left: -390px; width: 2000px; height: 1560px; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_new .bg_03 { z-index: -45; position: absolute; bottom: -80px; left: -390px; width: 2000px; height: 69px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_new .send_text { width: 35%; margin: 41px auto 28px; }
  .Area_new .send_text .layout_text .PD_slide:hover { transform: none; }
  .Area_new .send_text .layout_text .PD a { pointer-events: none !important; }
  .Area_new .text { width: 61%; margin: 3px auto 19px; }
  .Area_new .text .layout_text .PD_slide:hover { transform: none; }
  .Area_new .text .layout_text .PD a { pointer-events: none !important; }
  .Area_new .b_box { width: 93%; margin: auto; }
  .Area_new .text02 { padding-top: 0vw; }
  .Area_new .text02 .PD_layout .PD_into { display: flex; flex-direction: row; }
  .Area_new .text02 .PD_layout .PD_into .PD_logo { width: 287px; position: absolute; left: 183px; top: -25px; }
  .Area_new .text02 .PD_layout .PD_into h3 { width: 62%; font-size: 30px; line-height: 2.2em; color: rgb(60, 37, 40); position: relative; left: 313px; top: 13px; }
  .Area_new .box .PD_layout { width: 86%; overflow: hidden; margin: 1px auto; padding-top: 19px; }
  .Area_new .box .PD_layout ul { display: flex; gap: 0px; width: 100%; padding: 0px; margin: 0px; }
  .Area_new .box .PD_layout ul li { background-color: rgb(255, 255, 255); border-radius: 0px; padding-bottom: 11px; }
  .Area_new .box .PD_layout .PD_into .Price { font-size: 39px !important; }
  .Area_new .box .PD_layout .swiper-pagination { position: relative; margin: 20px 0px 0px; }
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(194, 194, 194) !important; }
  .Area_new .PD_layout-btn { }
  .Area_new .PD_layout-btn ul li .PD_into h3 { }
}
@media screen and (max-width: 767px) {
  .Area_new { }
  .Area_new .hatsale_bottom { z-index: 0; position: absolute; bottom: -4vw; left: 0px; width: 100%; right: 0px; margin: auto; height: 55px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_new .box { }
  .Area_new .box .PD_layout ul { width: 96%; margin-bottom: 0vw; }
  .Area_new .text { width: 95%; margin: -2vw auto -3vw; padding-top: 0vw; }
  .Area_new .text .PD_layout { z-index: 9; }
  .Area_new .text .layout_text .PD_slide:hover { transform: none; }
  .Area_new .text .layout_text .PD a { pointer-events: none !important; }
  .Area_new .send_text { width: 95%; margin: 7vw auto 1vw; }
  .Area_new .send_text .PD_layout { z-index: 9; }
  .Area_new .send_text .layout_text .PD_slide:hover { transform: none; }
  .Area_new .send_text .layout_text .PD a { pointer-events: none !important; }
  .Area_new .b_box { width: 100%; margin: auto; }
  .Area_new .text02 { width: 84%; margin: -4vw auto 0px; padding-top: 0vw; }
  .Area_new .text02 .PD_layout .PD_into { display: flex; flex-direction: row; margin-bottom: 0vw; margin-top: 1vw; }
  .Area_new .text02 .PD_layout .PD_into .PD_logo { width: 34%; position: absolute; left: 0vw; top: 10vw; }
  .Area_new .text02 .PD_layout .PD_into h3 { width: 62%; font-size: 1.1em; line-height: 1.2em; color: rgb(68, 68, 68); position: relative; left: 36vw; top: 9.5vw; }
  .Area_new .text .layout_text .PD_slide:hover { transform: none; }
  .Area_new .text .layout_text .PD a { pointer-events: none !important; }
  .Area_new .box .PD_layout { padding-top: 0vw; overflow: hidden; width: 91%; }
  .Area_new .box .PD_layout ul { display: flex; padding: 0px; gap: 0px; margin-left: 0px; border-radius: 0px; background-color: rgb(255, 255, 255); }
  .Area_new .box .PD_layout ul li { border-top: none; border-radius: 0px; background-color: rgb(255, 255, 255); margin-right: 0px !important; }
  .Area_new .box .PD_layout .PD_into .Price { font-size: 25px !important; }
  .Area_new .box .PD_layout .PD_into p { height: 2.2em !important; }
  .Area_new .box .PD_layout .PD_into .js-PD_del { font-size: 10px !important; }
  .Area_new .box .PD_layout .swiper-pagination { position: relative; margin: 3vw 0px 1vw; }
  .Area_new .bbb_box { background: url("ll_bg.png?t=1752126488804") center top / 100% no-repeat; position: relative; top: 5vw; }
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(178, 178, 178) !important; }
  .Area_new .PD_layout-btn { padding: 0vw 0px 4vw; }
  .Area_new .PD_layout-btn ul li .PD_into h3 { }
}
@media screen and (min-width: 768px) {
  .Area_bottom { height: 100%; display: flex; flex-wrap: wrap; }
  .Area_bottom .bg_01 { z-index: -45; position: absolute; top: 30px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_bottom .bg_02 { z-index: -61; position: absolute; top: 72px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_bottom .bg_03 { z-index: -45; position: absolute; bottom: -90px; left: -390px; width: 2000px; height: 201px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_bottom .box { position: relative; width: 76.6%; margin: 80px auto 17px; }
  .Area_bottom .box .PD_layout ul { border-radius: 0px; }
  .Area_bottom .text { width: 74%; margin: 126px auto -29px; }
  .Area_bottom .box .layout_PD ul { padding: 7px; }
  .Area_bottom .box .layout_PD ul li { border-radius: 0px; background-color: white; }
  .Area_bottom .box .layout_PD .PD .PD_into { }
  .Area_bottom .box .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); font-size: 21px; }
  .Area_bottom .box .layout_PD .PD .PD_into h4 { }
  .Area_bottom .box .layout_PD .PD .PD_into .PD_logo { border: 1px solid rgb(209, 41, 34); border-radius: 105px; }
  .Area_bottom .text .layout_text .PD_slide:hover { transform: none; }
  .Area_bottom .text .layout_text .PD a { pointer-events: none !important; }
  .Area_bottom .text02 { width: 100%; margin: 0px auto; padding-top: 14px; }
  .Area_bottom .box .left_pink_mb { position: absolute; top: -27px; width: 50%; left: -33px; z-index: 0; }
  .Area_bottom .box .right_pink_mb { position: absolute; bottom: -29px; width: 50%; right: -35px; z-index: -1; }
}
@media screen and (max-width: 767px) {
  .Area_bottom { background: url("black_repeat_mb.jpg?t=1752126488804") center top repeat-y; }
  .Area_bottom .hatsale_bottom { z-index: 1; position: absolute; bottom: 0vw; left: 0px; width: 100%; height: 53px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_bottom .box {height: 285vw;}
  .Area_bottom .box .PD_layout ul { width: 96%; margin-top: 0vw; margin-bottom: 0vw; }
  .Area_bottom .text { }
  .Area_bottom .text .PD_layout { z-index: 9; width: 100%; margin: -1vw auto 5vw; padding-top: 0vw; }
  .Area_bottom .text .layout_text .PD_slide:hover { transform: none; }
  .Area_bottom .text .layout_text .PD a { pointer-events: none !important; }
  .Area_bottom .text .PD_layout ul { padding: 0px; }
  .Area_bottom .text .PD_layout ul li .PD_img { width: 100%; padding-top: 3vw; padding-bottom: 1vw; }
  .Area_bottom .text .layout_text .PD_slide:hover { transform: none; }
  .Area_bottom .text .layout_text .PD a { pointer-events: none !important; }
  .Area_bottom .box .layout_PD { padding-top: 0vw; z-index: 9; }
  .Area_bottom .box .layout_PD ul { gap: 0em; width: 90%; border-radius: 0px; padding: 0px; }
  .Area_bottom .box .layout_PD ul li { border-radius: 0px; }
  .Area_bottom .box .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: -2vw;}
  .Area_bottom .box .layout_PD .PD .PD_into .PD_logo { height: 2em; margin-top: -5vw; border: 1px solid rgb(209, 41, 34); border-radius: 1em; }
  .Area_bottom .box .layout_PD .PD .PD_into .PD_logo img { padding: 0px 1em; }
  .Area_bottom .box .layout_PD .PD .PD_into p { }
  .Area_bottom .box .layout_PD .PD .PD_into .js-PD_del { }
  .Area_bottom .box .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_bottom .box .layout_PD .PD .PD_into h4 { }
  .Area_bottom .box .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_bottom .box .layout_PD .PD .Price { }
  .Area_bottom .new_bottom { margin-top: -1vw; }
  .Area_bottom .box .left_pink_mb { position: absolute; top: 13vw; width: 50%; left: 2vw; }
  .Area_bottom .box .right_pink_mb { position: absolute; bottom: 9vw; width: 50%; right: 2vw; z-index: 0; }
}
@media screen and (min-width: 768px) {
  .Area_guan { height: 100%; }
  .Area_guan .bg_02 { z-index: -45; position: absolute; top: -37px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_guan .bg_03 { z-index: -45; position: absolute; bottom: -61px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_guan .text { position: relative; width: 62%; margin: 56px auto 16px; }
  .Area_guan .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_guan .text .layout_text .PD_slide:hover { transform: none; }
  .Area_guan .text .layout_text .PD a { pointer-events: none !important; }
  .Area_guan .layout_btn { margin: 0px auto 32px; z-index: 9; padding-bottom: 81px; width: 89% !important; }
  .Area_guan .layout_btn ul { }
  .Area_guan .PD_layout ul { }
  .Area_guan .PD_layout ul li { padding: 4px; }
}
@media screen and (max-width: 767px) {
  .Area_guan { background: url("black_repeat_mb.jpg?t=1752126488804") center top repeat-y; }
  .Area_guan .PD_layout { }
  .Area_guan .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_guan .layout_btn { margin: 3vw auto 0px; z-index: 9; width: 100% !important; }
  .Area_guan .layout_btn ul { }
  .Area_guan .layout_btn ul li { padding: 1vw; }
  .Area_guan .layout_btn ul li:nth-child(4) { left: 0px; }
  .Area_guan .layout_btn ul li:nth-child(5) { left: 0px; }
  .Area_guan .text { position: relative; width: 100%; margin: 0vw auto 0px; }
  .Area_guan .text .layout_text { padding-top: 0vw; }
  .Area_guan .text .layout_text .PD a { pointer-events: none !important; }
}
.Area .remove_box_style ul { background-color: transparent; gap: 10px; }
.Area .remove_box_style ul li { border: none !important; }
@media screen and (max-width: 767px) {
  .Area .remove_box_style ul { width: 100%; gap: 0.2em; }
  .Area .remove_box_style ul { }
}
.Area .swipwe_remove_box_style ul { gap: 0px; }
.Area .swipwe_remove_box_style ul li { background-color: rgb(255, 255, 255); border: none !important; }
.Area .swipwe_remove_box_style ul li, .Area .swipwe_remove_box_style ul li .PD_img img { }
@media screen and (max-width: 767px) {
  .Area .swipwe_remove_box_style ul { width: 100%; }
  .Area .swipwe_remove_box_style ul { }
}
.fixbn a { padding-bottom: env(safe-area-inset-bottom); }
.fixbn { position: fixed; background-size: 100%; bottom: 0px; display: block; z-index: 10; }
.fixbn ul li { float: left; padding: 0px; list-style-type: none; width: 50vw; }
.fixbn ul li img { width: 100%; margin: 0px auto; }
.fixbn ul { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; }
.fixbn .class_00 { position: absolute; width: 100%; height: 100%; }
.fixbn .class_00 a { display: block; width: 100%; height: 100%; }
.fixbn .class_01 { top: 0%; left: 0%; }
.fixbn .class_02 { top: 0%; left: 34%; }
.fixbn .class_03 { top: 0%; left: 67%; }
.Area1220 { margin: 0px auto; width: 1220px; }
.Area960 { margin: 0px auto; width: 960px; }
.Area { position: relative; margin: 0px auto; padding: 0px; border-radius: 0px; text-align: center; }
.Area a { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
.WRAPPER .go_bt1 { transition: 0.4s; }
.WRAPPER .go_bt1:hover { transform: translateY(-10px); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; background-size: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}
.Area_top { }
.Area_top .momologo { z-index: 10; position: absolute; top: 44px; left: -126px; }
@media screen and (max-width: 767px) {
  .Area_top { height: auto; }
  .Area_top .momologo { display: none; }
}
.momologo { z-index: 2; position: absolute; top: 15px; left: 15px; }
.momologo a { display: block; width: 140px; height: 21px; }
.momologo a svg { width: 140px; height: 21px; }
.momologo a path { fill: rgb(234, 39, 194); }
.momologo-pink a path { fill: rgb(255, 255, 255); }
.momologo-white a path { fill: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .momologo { display: none; }
}
.edm_notice { text-align: center; padding: 23px 10px 25px; color: rgb(65, 65, 65); font: 12px / 18px Helvetica; }
.edm_notice .apple_notice { padding: 10px 0px; }
.bnn { }
.bnn a img { transition-duration: 0.1s; backface-visibility: hidden; transform: translateZ(0px); display: block; margin: 0px; padding: 0px; width: 100%; height: auto; text-align: left; }
.bnn:hover a img { transform: translateY(10px); }
.for_pc { }
.for_phone { display: none !important; }
@media screen and (max-width: 767px) {
  .for_pc { display: none !important; }
  .for_phone { display: inherit !important; }
}

/*NEW*/

/*間距*/
@media screen and (min-width:768px){
  .Area_bottom9 { margin-bottom: 30px!important; }
  .Area_bottom2 { margin-bottom: 50px!important; }
  }
  @media screen and (max-width:767px){
  .Area_bottom9 { margin-bottom: 3vw!important; }
  .Area_bottom2 { margin-bottom: 5vw!important; }	
  }


/*BN帶品微調*/
.BN9 { z-index: 9;}

/* 超大牌 */
.momologo_bigBrand{width: 140px; }
.momologo_bigBrand img{width: 100%;}
@media screen and (max-width:767px){
	.momologo.momologo_bigBrand{display: block!important; top: 22px;left: -9px;}
	.momologo.momologo_bigBrand a{width: 20vw!important;;}
}