@charset "utf-8";
/* CSS Document */


/* 主標題*/
.Area_hero--title2 {animation:brightness-play 4s infinite;z-index: 1;}

/* 標題(輪播)*/
.Area_hero--title{animation:brightness-play 4s infinite;z-index: 1;}

/* 版頭品(輪播) */
.Area_hero--PD .PD_into{margin-bottom: 30%;z-index: 0;}

/* 限定標 */
.Area_hero--tag {animation:fireworks 0.3s .8s ease-out forwards,float_s 2.2s 1.5s infinite ease-in;opacity: 0;z-index: 2;}


.float_s { -webkit-animation-duration:2.5s; animation-duration:2.5s;-webkit-animation-name:righttoleft;animation-name:righttoleft; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; animation-timing-function: ease-in;}
@-webkit-keyframes float_s {
   0%   { transform: translate(0,0px);opacity:1;} 
   50% { transform: translate(0px,5px);opacity: 1;}
   100% { transform: translate(0px,0px);opacity: 1;}
}
@keyframes float_s { 
 0%   { transform: translate(0,0px);opacity:1;} 
 50% { transform: translate(0px,5px);opacity: 1;}
 100% { transform: translate(0px,0px);opacity: 1;}
}

/*煙火*/
@keyframes fireworks {
  from {
    transform: scale3d(0, 0, 0);opacity: 1;
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);opacity: 1;
  }

  to {
    transform: scale3d(1, 1, 1);opacity: 1;
  }
}

/*版頭*/
.Area_hero .PD_layout ul li { pointer-events: none;}

/*攻略*/
.Area_bn-grid-1x1[org="1"] .Area_content .PD_layout ul li { pointer-events: none;}


@media screen and (min-width: 768px) {
.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: #000;}
.Area_coupon3_002[org="1"] .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 40px;}
.Area_bn-grid-1x1[org="2"] .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 40px;}
.Area_bn-grid-3x1[org="1"] .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 40px;}
.Area_group-1 .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 40px;}}

@media screen and (max-width: 767px) {
.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:1.3em;color: #000;}
.Area_coupon3_002[org="1"] .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 4.4vw;}
.Area_bn-grid-1x1[org="2"] .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 4.4vw;}
.Area_bn-grid-3x1[org="1"] .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 4.4vw;}
.Area_group-1 .Area_title_lbtclass #js-PD_val_1{color:#FFEAA0;font-size: 4.4vw;}}


@media screen and (min-width: 768px) {
  .Area02 .Area_content .PD_layout ul li {background:url(Area02_bg.png?t=1791863234409)top center no-repeat;background-size:100%;}
  .Area02 .Area_content .PD_layout ul li .PD p { height: 2em; line-height: 2em; color: #f2d07d;}
  .Area02 .Area_content .PD_layout ul li .PD_img{padding: 1.6em;margin-top: 3.5em;position: absolute;}
  .Area02 .Area_content .PD_layout ul li .PD_into{margin: 2.5em 0 2.5em 0;}
  .Area02 .Area_content .PD_layout ul li .PD_into h3{margin-bottom: 225px;}
  .Area02 .Area_content .PD_layout ul li .PD_into h3 span {background-color: transparent;color: #fff;font-size: 25px;}
  .Area02 .Area_content .PD_layout .PD p .Price { font-size: 38px; font-weight: 800}
  .Area02 .Area_content .PD_layout ul li .PD p .Price {background: -webkit-linear-gradient(90deg, #d5ac61 0%, #faf3d1 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


  .Area03 .Area_content .PD_layout ul li {background:url(Area03_bg.png?t=1791863234409)top center no-repeat;background-size:100%; /* pointer-events: none;*/} 
  .Area03 .Area_content .PD_layout ul li .PD p { height: 2em; line-height: 2em; color: #f2d07d;}
  .Area03 .Area_content .PD_layout ul li .PD_img{ margin-top:10%;padding: 4%;}
  .Area03 .Area_content .PD_layout ul li .PD_into{ margin-bottom:22%;}
  
  
  
  .Area04 .Area_content .PD_layout ul li .PD_img{margin-top: 0%;padding: 10%;}
  .Area04 .Area_content .PD_layout ul li .PD_into{margin: 90px 0 0;}
  .Area04 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 {margin-bottom: 0em;line-height: 1em;font-size: 2em;}
  .Area04 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 span { display: inline-block; padding: 0 .5em; max-width: 85%; border-radius: 4px; color: #ffffff;background-color:rgb(255 255 255 / 0%);}
  .Area04 .Area_content .PD_layout[data-pd-h4="1"] .PD h4 {color: #ffffff;margin-bottom: 0em;line-height: 2em;font-size: 2em;}
  .Area04 .Area_content .PD_layout ul li .PD p {background: -webkit-linear-gradient(90deg, #d5ac61 0%, #faf3d1 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;top: 15px;height: 3em;}
  .Area04 .Area_content .PD_layout-CSSBG_01 .PD p .Price{font-size: 48px;}


  .Area07 .Area_content .PD_layout ul li {background:url(Area07_bg.png?t=1791863234409)top center no-repeat;background-size:100%;}

}

  

@media screen and (max-width: 767px) {
.Area02 .Area_content .PD_layout ul li {background:url(Area02_bg.png?t=1791863234409)top center no-repeat;background-size:100%;}
.Area02 .Area_content .PD_layout ul li .PD p { height: 2em; line-height: 2em; color: #f2d07d;}
.Area02 .Area_content .PD_layout ul li .PD_img{padding: 1.2em;margin-top: 2em;position: absolute;}
.Area02 .Area_content .PD_layout ul li .PD_into{margin:1.5em 0 1.5em 0}
.Area02 .Area_content .PD_layout ul li .PD_into h3{margin-bottom: 70%;}
.Area02 .Area_content .PD_layout ul li .PD_into h3 span {background-color: transparent; color: #fff;font-size: 18px}
.Area02 .Area_content .PD_layout ul li .PD p .Price {background: -webkit-linear-gradient(90deg, #d5ac61 0%, #faf3d1 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


.Area03 .Area_content .PD_layout ul li {background:url(Area03_bg.png?t=1791863234409)top center no-repeat;background-size:100%; /* pointer-events: none;*/}
.Area03 .Area_content .PD_layout ul li .PD p { height: 2em; line-height: 2em; color: #f2d07d;}
.Area03 .Area_content .PD_layout ul li .PD_img{ margin-top:10%;padding: 4%;}
.Area03 .Area_content .PD_layout ul li .PD_into{ margin-bottom:22%;}


.Area04 .Area_content .PD_layout ul li .PD_img{margin-top: -10%;padding: 10%;}
.Area04 .Area_content .PD_layout ul li .PD_into{margin: 20% 0 0;}
.Area04 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 {margin-bottom: 0em;line-height: 1em;}
.Area04 .Area_content .PD_layout[data-pd-h3="5"] .PD h3 span { display: inline-block; padding: 0 .5em; max-width: 85%; border-radius: 4px; color: #ffffff;background-color:rgb(255 255 255 / 0%);}
.Area04 .Area_content .PD_layout[data-pd-h4="1"] .PD h4 { color: #ffffff;margin-bottom: 0em;line-height: 1.5em;}
.Area04 .Area_content .PD_layout ul li .PD p {background: -webkit-linear-gradient(90deg, #d5ac61 0%, #faf3d1 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


.Area07 .Area_content .PD_layout ul li {background:url(Area07_bg.png?t=1791863234409)top center no-repeat;background-size:100%;}



}


/* 置底背景調整 */
@media screen and (min-width: 768px) {
  .Area08 .PD_layout[data-pd-li=BN] ul{ padding: 0 35px; grid-gap: 50px;}
}

@media screen and (max-width: 767px) {
  .Area08 .PD_layout[data-pd-li=BN] ul{ padding: 0 .5em; grid-gap: 1.2em;}
}





	/*閃光*/				  
  .brightness-play { -webkit-animation:brightness-play 4s infinite ;
    animation:brightness-play 4s infinite ;
}
@keyframes brightness-play {
0% { 
filter:brightness(100%);
}
25% { 
filter:brightness(90%);
}
50% { 
filter:brightness(120%);
}
75% { 
filter:brightness(90%);
}
100% { 
filter:brightness(100%);
}
}