body { margin: 0px; padding: 0px; }
.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; background: url("pc_repeat.jpg?t=1754379051658") center top / 100% repeat-y; }
.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: url("mb_repeat.jpg?t=1754379051658") center top / 100% repeat-y; }
  .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: 0; 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: -37; position: absolute; top: 457px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; 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: -1; 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_03 { margin-left: 295px !important; margin-top: 80px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_04 { margin-left: 200px !important; margin-top: 30px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_05 { margin-left: 0px !important; margin-top: 80px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_07 { margin-left: 450px !important; margin-top: 320px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_10 { margin-left: 250px !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_41 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_43 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_45 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_47 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_49 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_51 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_53 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_55 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_57 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_59 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_61 { 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=1742985018600") 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: 1171px; }
}
@media screen and (max-width: 767px) {
  .Area_title { height: 123.5vw; }
}
@media screen and (min-width: 768px) {
  .Area_title .subtitle { position: absolute; width: 314px; height: auto; top: 529px; left: 434px; z-index: 4; 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 .date { position: absolute; top: 146px; left: 4px; width: 404px; z-index: 99; 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: 28px; right: 39px; width: 447px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p001 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p001 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p001 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p002 { position: absolute; top: 795px; left: 798px; width: 427px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p002 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p002 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p002 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p003 { position: absolute; top: 903px; left: 408px; width: 370px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p003 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p003 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p003 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p004 { position: absolute; top: 773px; left: -26px; width: 423px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p004 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p004 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p004 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p005 { position: absolute; top: 462px; left: 40px; width: 347px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p005 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p005 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p005 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p006 { position: absolute; top: 138px; left: 421px; width: 357px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p006 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p006 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p006 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p007 { position: absolute; top: 621px; right: 260px; width: 176px; overflow: hidden; z-index: 1; }
  .Area_title .pro_p007 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p007 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p007 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .titile02 { position: absolute; top: 659px; right: 445px; width: 368px; overflow: hidden; z-index: 100; }
  .Area_title .titile02 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; transform: translate(5%, 0px); }
  .Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; transform: translate(0px, 0px); }
}
@media screen and (max-width: 767px) {
  .Area_title .subtitle { position: absolute; top: 55vw; width: 38%; left: 29vw; margin: auto; z-index: 13; }
  .Area_title .subtitle .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .date { position: absolute; width: 37%; top: 17vw; left: -6vw; z-index: 9; }
  .Area_title .date .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .date .layout_title ul { }
  .Area_title .pro_p001 { position: absolute; top: 3vw; right: -11vw; width: 47%; overflow: hidden; z-index: 9; }
  .Area_title .pro_p001 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p001 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p001 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p002 { position: absolute; top: 83vw; right: -16vw; width: 45%; overflow: hidden; z-index: 23; }
  .Area_title .pro_p002 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p002 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p002 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p003 { position: absolute; top: 94vw; right: 31vw; width: 38.5%; overflow: hidden; z-index: 9; }
  .Area_title .pro_p003 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p003 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p003 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p004 { position: absolute; top: 83.5vw; left: -14vw; width: 41%; overflow: hidden; z-index: 9; }
  .Area_title .pro_p004 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p004 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p004 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p005 { position: absolute; top: 51.5vw; left: -14vw; width: 36%; z-index: 9; }
  .Area_title .pro_p005 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p005 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p005 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p006 { position: absolute; top: 15vw; right: 31vw; width: 37%; overflow: hidden; z-index: 9; }
  .Area_title .pro_p006 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p006 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p006 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .pro_p007 { position: absolute; top: 63vw; right: 11vw; width: 19%; overflow: hidden; z-index: 9; }
  .Area_title .pro_p007 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .pro_p007 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .pro_p007 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; }
  .Area_title .titile02 { position: absolute; top: 68vw; right: 31vw; width: 41%; overflow: hidden; z-index: 20; }
  .Area_title .titile02 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; transform: translate(5%, 0px); }
  .Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; transform: translate(0px, 0px); }
}
@media screen and (min-width: 768px) {
  .Area_box .bg_01 { z-index: -37; position: absolute; top: 30px; left: -390px; width: 2000px; height: 924px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_box .top_box_bg { margin-bottom: 126px; }
  .Area_box .left_list { position: absolute; right: -10px; top: 65px; z-index: 9; width: 39%; }
  .Area_box .left_list img { width: 61%; }
  .Area_box { z-index: 13; }
  .Area_box .PD_layout { width: 96%; overflow: hidden; margin: 0px auto; padding-top: 206px; z-index: 10; }
  .Area_box .PD_layout ul { display: flex; width: 100%; margin: 0px; padding: 0px; border-radius: 0px; background-color: rgb(255, 255, 255); }
  .Area_box .PD_layout ul li { background-color: rgb(255, 255, 255); border-top: none; margin-right: 0px !important; }
  .Area_box .PD_layout .PD_into .Price { }
  .Area_box .PD_layout .swiper-pagination { position: relative; margin: 21px 0px; }
  .Area_box .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(255, 255, 255) !important; }
}
@media screen and (max-width: 767px) {
  .Area_box .left_list { position: absolute; right: 1.5vw; top: 4vw; width: 27%; z-index: 9; }
  .Area_box .top_box_bg { background-image: url("frame.png?t=1754379051658"); background-position: center top; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; padding-top: 11vw; background-size: 100% !important; }
  .Area_box { width: 100% !important; z-index: 9; }
  .Area_box .PD_layout { width: 95%; overflow: hidden; margin: 0px auto 0px 5vw; padding-top: 7vw; z-index: 9; padding-bottom: 0vw; }
  .Area_box .PD_layout ul { display: flex; padding: 0px; gap: 0vw; margin-left: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0); }
  .Area_box .PD_layout ul li { background-color: white; border-radius: 0em; border: none; margin-right: 0em !important; }
  .Area_box .PD_layout .PD_into .Price { font-size: 23px !important; }
  .Area_box .PD_layout .PD_into p { height: 2.2em !important; }
  .Area_box .PD_layout .PD_into .js-PD_del { font-size: 6px !important; }
  .Area_box .PD_layout .swiper-pagination { position: relative; margin: 3vw 0px; }
  .Area_box .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(255, 255, 255) !important; }
}
@media screen and (min-width: 768px) {
  .Area_activity { height: 100%; }
  .Area_activity .text { width: 78%; margin: 88px auto 0px; }
  .Area_activity .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_activity .text .layout_text .PD_slide:hover { transform: none; }
  .Area_activity .text .layout_text .PD a { pointer-events: none !important; }
  .Area_activity .layout_btn { margin: 3px auto 42px; width: 85% !important; }
  .Area_activity .layout_btn ul { }
  .Area_activity .layout_btn ul li { }
  .Area_activity .layout_btn02 { margin: -178px auto 13px; width: 52% !important; }
  .Area_activity .layout_btn03 { margin: -173px auto 0px; width: 80% !important; }
  .Area_activity .layout_btn04 { margin: -160px auto 21px; width: 52% !important; }
  .Area_activity .PD_layout ul { }
  .Area_activity .PD_layout ul li { padding: 16px; }
  .Area_activity .text .PD_layout ul { padding: 0px; }
}
@media screen and (max-width: 767px) {
  .Area_activity { height: 100%; }
  .Area_activity .PD_layout { }
  .Area_activity .layout_btn { margin: auto; padding-bottom: 3vw; width: 100% !important; }
  .Area_activity .layout_btn ul { width: 100% !important; margin: auto !important; }
  .Area_activity .layout_btn ul li { padding: 1vw; }
  .Area_activity .text { position: relative; width: 100%; margin: auto; }
  .Area_activity .text .layout_text { padding-top: 8vw; }
  .Area_activity .text .layout_text .PD a { pointer-events: none !important; }
  .Area_activity .layout_btn ul li:nth-child(2n) { }
  .Area_activity .text .PD_layout ul { padding: 0px; }
  .Area_activity .box_all .PD_layout ul { padding: 0px; }
}
@media screen and (min-width: 768px) {
  .Area_pp { height: 100%; }
  .Area_pp .bg_01 { z-index: -1; position: absolute; top: 25px; left: -390px; width: 2000px; height: 1500px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_pp .text { width: 100%; margin: auto; }
  .Area_pp .text .layout_text { width: 78%; margin: 0px auto; padding-top: 0px; }
  .Area_pp .text .layout_text .PD_slide:hover { transform: none; }
  .Area_pp .text .layout_text .PD a { pointer-events: none !important; }
  .Area_pp .box_all { height: 990px; }
  .Area_pp .layout_btn { }
  .Area_pp .layout_btn ul { }
  .Area_pp .layout_btn ul li { }
  .Area_pp .layout_btn02 { margin: -178px auto 13px; width: 52% !important; }
  .Area_pp .layout_btn03 { margin: -173px auto 0px; width: 80% !important; }
  .Area_pp .layout_btn ul li:nth-child(1) { width: 123%; top: 147px; left: 279px; }
  .Area_pp .layout_btn ul li:nth-child(2) { width: 266%; top: 52px; left: 312px; z-index: 9; }
  .Area_pp .layout_btn ul li:nth-child(3) {width: 271%;top: 502px;left: -222px;}
  .Area_pp .layout_btn ul li:nth-child(4) { width: 228%; top: 496px; right: -67px; z-index: 9; }
  .Area_pp .layout_btn ul li:nth-child(5) { width: 114%; top: 160px; left: 148px; z-index: 99; }
  .Area_pp .layout_btn ul li:nth-child(6) { width: 107%; top: 710px; right: 164px; }
  .Area_pp .layout_btn04 { margin: -160px auto 21px; width: 52% !important; }
  .Area_pp .PD_layout ul { padding: 0px !important; }
  .Area_pp .PD_layout ul li { padding: 11px; }
}
@media screen and (max-width: 767px) {
  .Area_pp { }
  .Area_pp .PD_layout { }
  .Area_pp .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_pp .box_all { background: url("green_bg.jpg?t=1754379051658") center top / 100% no-repeat; width: 100%; margin: auto; }
  .Area_pp .layout_btn { margin: auto; padding-bottom: 2vw; padding-top: 0vw; height: 108vw; }
  .Area_pp .layout_btn ul { width: 100% !important; margin: auto !important; }
  .Area_pp .layout_btn ul li { padding: 1vw; }
  .Area_pp .layout_btn ul li:nth-child(1) { top: 16vw; left: 1vw; width: 112%; }
  .Area_pp .layout_btn ul li:nth-child(1) img { width: 100%; }
  .Area_pp .layout_btn ul li:nth-child(2) { width: 260%; top: 2vw; left: 0vw; }
  .Area_pp .layout_btn ul li:nth-child(3) {top: 57vw;left: -50vw;width: 229%;}
  .Area_pp .layout_btn ul li:nth-child(4) { width: 213%; top: 54vw; right: 27vw; }
  .Area_pp .layout_btn ul li:nth-child(5) { width: 108%; top: -43vw; right: -72vw; }
  .Area_pp .layout_btn ul li:nth-child(6) { width: 104%; top: 16vw; right: -40.5vw; }
  .Area_pp .text { margin: 2vw auto -1vw; }
  .Area_pp .text .layout_text { padding-top: 4vw; z-index: 99; }
  .Area_pp .text .layout_text ul { padding: 0vw; }
  .Area_pp .text .layout_text .PD a { pointer-events: none !important; }
}
@media screen and (min-width: 768px) {
  .Area_coupon { }
  .Area_coupon .text { width: 70%; margin: -25px auto -6px; }
  .Area_coupon .layout_coupon ul { width: 93% !important; margin: 25px auto 0px !important; }
  .Area_coupon a { }
  .Area_coupon .PD_layout { width: 83%; margin: auto; }
  .Area_coupon .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 { color: rgb(255, 255, 255); line-height: 46px; font-size: 42px !important; }
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD h3, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h3 { font-size: 2.1em !important; }
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD h3, .PD_layout.PD_layout-coupon3[data-pd-col-pc*="1"] .PD h4 { font-size: 1.7em !important; }
}
@media screen and (max-width: 767px) {
  .Area_coupon { }
  .Area_coupon .box { position: relative; background-color: rgb(251, 199, 100); height: 100%; background-size: 100%; }
  .Area_coupon .box .PD_layout ul { width: 96%; margin-top: -2vw; margin-bottom: 0vw; }
  .Area_coupon .text { width: 100%; margin: 3vw auto -2vw; }
  .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 .Area_swiper { }
  .Area_coupon .Area_swiper .Area_swiper_box { height: 22vw; }
  .Area_coupon .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 { color: rgb(255, 255, 255); }
  .Area_coupon .layout_coupon { padding-top: 1vw; }
  .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: 100% !important; margin: auto !important; }
}
@media screen and (min-width: 768px) {
  .Area_danjiall { height: 100%; }
  .Area_danjiall .bg_02 { z-index: -95; position: absolute; top: 1px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_danjiall .bg_03 { z-index: -61; position: absolute; bottom: -230px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_danjiall .bg_04 { z-index: 19; position: absolute; top: -230px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_danjiall .text { }
  .Area_danjiall .text .layout_text { width: 75%; padding-bottom: 14px; z-index: 99; margin: 5px auto 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 { width: 73% !important; margin-bottom: 0px !important; }
  .Area_danji .danji_box .box_2 img { filter: brightness(0%) !important; }
  .Area_danjiall .warningTxt { margin-bottom: 14px; }
  .Area_danjiall .warningTxt h3 { color: rgb(0, 0, 0) !important; font-size: 1.5rem; }
  .Area_danjiall .danji_box ul li .activityText .gifts span { color: rgb(180, 188, 104); }
  .Area_danjiall .cc_box { margin: auto; }
  .Area_danjiall .PD_layout-coupon3 { margin: 0px auto 41px; width: 75%; }
  .Area_danjiall .warningTxt h3 { color: rgb(0, 0, 0) !important; }
}
@media screen and (max-width: 767px) {
  .Area_danjiall { }
  .Area_danjiall .dd_box { padding-top: 1vw; }
  .Area_danjiall .cc_box { width: 100%; margin: auto; }
  .Area_danjiall .text { margin: 5vw 0px 0px; }
  .Area_danjiall .text .layout_text { margin: 0vw auto 0px; width: 100%; z-index: 9; }
  .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 { width: 100%; }
  .Area_danjiall .Area_danji .danji_box { width: 100% !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_danjiall .PD_layout-coupon3 { padding-top: 0vw; }
  .Area_danji .danji_box ul li { padding: 1vw !important; }
  .Area_danjiall .warningTxt { padding-bottom: 3vw; }
  .Area_danjiall .warningTxt h3 { color: rgb(2, 2, 2) !important; }
  .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_danjiall .danji_box ul li .activityText .gifts span { color: rgb(183, 192, 103); }
  .Area_danjiall .dd_03_mb { margin-top: -5vw; z-index: 1 !important; }
}
@media screen and (min-width: 768px) {
  .Area_item02 { height: 100%; }
  .Area_item02 .bg_01 { z-index: -1; position: absolute; top: 182px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_item02 .bg_02 { z-index: -5; position: absolute; top: 268px; left: -390px; width: 2000px; height: 780px; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_item02 .bg_03 { z-index: -1; position: absolute; bottom: -53px; 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: 66%; margin: 0px auto 22px; padding-top: 35px; }
  .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 .bbn_001 { position: relative; }
  .Area_item02 .bbn_001 .layout_text { width: 84%; margin: 0px auto -11px; padding-top: 8px; }
  .Area_item02 .bbn_001 .layout_text ul { margin: 0px; padding: 0px; }
  .Area_item02 .bbn_001 .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .bbn_001 .layout_text .PD a { pointer-events: none !important; }
  .Area_item02 .sub_text { position: relative; }
  .Area_item02 .sub_text .layout_text { width: 66%; margin: 0px auto 22px; padding-top: 35px; }
  .Area_item02 .sub_text .layout_text ul { margin: 0px; padding: 0px; }
  .Area_item02 .sub_text .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .sub_text .layout_text .PD a { pointer-events: none !important; }
  .Area_item02 .layout_PD { width: 97%; margin-bottom: 61px; }
  .Area_item02 .layout_PD ul { gap: 0em; width: 95%; border-radius: 0px; padding: 0px !important; }
  .Area_item02 .layout_PD ul li { border-radius: 0px; }
  .Area_item02 .layout_PD .PD .PD_into { border-radius: 0.5em; margin-top: 0vw; }
  .Area_item02 .layout_PD .PD .PD_into .PD_logo { height: 2em; margin-top: -5vw; border: 1px solid rgb(209, 41, 34); border-radius: 1em; }
  .Area_item02 .layout_PD .PD .PD_into .PD_logo img { padding: 0px 1em; }
  .Area_item02 .layout_PD .PD .PD_into p { }
  .Area_item02 .layout_PD .PD .PD_into .js-PD_del { }
  .Area_item02 .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_item02 .layout_PD .PD .PD_into h4 { }
  .Area_item02 .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_item02 .layout_PD .PD .Price { }
  .Area_item02 .new_bottom { margin-top: -1vw; }
  .Area_item02 .ii_box { background-color: rgb(183, 192, 103); width: 84%; margin: auto; padding-bottom: 1px; }
}
@media screen and (max-width: 767px) {
  .Area_item02 { }
  .Area_item02 .deco { position: absolute; width: 100%; left: 0px; top: -10vw; z-index: 5; pointer-events: none; }
  .Area_item02 .text { }
  .Area_item02 .text .layout_text { width: 97%; margin: 0px auto 2vw; padding-top: 9vw; }
  .Area_item02 .text .layout_text ul { 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 .bbn_001 { }
  .Area_item02 .bbn_001 .layout_text { width: 100%; margin: 0px auto 2vw; }
  .Area_item02 .bbn_001 .layout_text ul { padding: 0px; }
  .Area_item02 .bbn_001 .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .bbn_001 .layout_text .PD a { }
  .Area_item02 .sub_text { }
  .Area_item02 .sub_text .layout_text { width: 97%; margin: -6vw auto 0vw; padding-top: 5vw; }
  .Area_item02 .sub_text .layout_text ul { padding: 0px; }
  .Area_item02 .sub_text .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .sub_text .layout_text .PD a { }
  .Area_item02 .ii_box { background-color: rgb(183, 192, 103); }
  .Area_item02 .layout_PD { margin: auto; width: 100%; padding-top: 3vw; padding-bottom: 3vw; }
  .Area_item02 .layout_PD ul { gap: 0em; padding: 0px; border-radius: 0px; }
  .Area_item02 .layout_PD ul li { border-radius: 0px; }
  .Area_item02 .layout_PD .PD .PD_into { border-radius: 0.5em; margin-top: 0vw; }
  .Area_item02 .layout_PD .PD .PD_into .PD_logo { height: 2em; margin-top: -5vw; border: 1px solid rgb(209, 41, 34); border-radius: 1em; }
  .Area_item02 .layout_PD .PD .PD_into .PD_logo img { padding: 0px 1em; }
  .Area_item02 .layout_PD .PD .PD_into p { }
  .Area_item02 .layout_PD .PD .PD_into .js-PD_del { }
  .Area_item02 .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_item02 .layout_PD .PD .PD_into h4 { }
  .Area_item02 .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_item02 .layout_PD .PD .Price { }
  .Area_item02 .new_bottom { margin-top: -1vw; }
}
@media screen and (min-width: 768px) {
  .Area_guan { height: 100%; }
  .Area_guan .text { width: 61%; margin: 188px auto 45px; }
  .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: 43px auto 42px;width: 69% !important;}
  .Area_guan .layout_btn ul { }
  .Area_guan .layout_btn ul li { }
  .Area_guan .layout_btn02 { margin: -178px auto 13px; width: 52% !important; }
  .Area_guan .layout_btn03 { margin: -173px auto 0px; width: 80% !important; }
  .Area_guan .layout_btn04 { margin: -160px auto 21px; width: 52% !important; }
  .Area_guan .PD_layout ul { }
  .Area_guan .PD_layout ul li { padding: 16px; }
  .Area_guan .layout_btn ul li:nth-child(4) {left: 150px;top: 3px;}
  .Area_guan .layout_btn ul li:nth-child(5) {left: 143px;top: 3px;}

}
@media screen and (max-width: 767px) {
  .Area_guan { height: 100%; background: url("line0001.png?t=1754379051658") center top no-repeat; }
  .Area_guan .PD_layout { }
  .Area_guan .layout_btn { margin: auto; padding-bottom: 5vw; padding-top: 5vw; width: 100% !important; }
  .Area_guan .layout_btn ul { width: 100% !important; margin: 6vw auto !important; padding: 0px !important; gap: 0px !important; }
  .Area_guan .layout_btn ul li { padding: 0vw !important; margin: 0px !important; }
  .Area_guan .text { position: relative; width: 100%; margin: 0px auto 4vw; }
  .Area_guan .text .layout_text { padding-top: 8vw; }
  .Area_guan .text .layout_text .PD a { pointer-events: none !important; }
  .Area_guan .layout_btn ul li:nth-child(4) { left: 16vw; top: 3vw; }
  .Area_guan .layout_btn ul li:nth-child(5) { left: 16vw; top: 3vw; }
}
.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; display: none;}
@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: 7px 10px 15px; color: rgb(175, 157, 140); 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; }
}