@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
.WRAPPER.Template_bg {background-color: #00b2ed;}
}

/*背景*/
@media screen and (min-width:767px){
.pc_top {z-index: -1;position:absolute;top: 0;left:0;width:100%;height: 100%; background: url(pc_top.jpg?t=1789031208575) no-repeat center;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco {z-index: -1;position:absolute;top: 1200px;left:0;width:100%;height: 100%; background: url(top_deco.png?t=1789031208575) no-repeat center;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
/* .Area_hero .top_deco02 {position:absolute;top: 349px;left: 750px;z-index: 1;pointer-events: none;} */
}
@media screen and (max-width:767px){
.mb_top {position: absolute;top: 10vw;left:0;width:100%;height: 100%; background: url(mb_top.jpg?t=1789031208575) no-repeat top center; background-size: 100%;z-index:-1;}
}

/*版頭*/
@media screen and (min-width:767px){
  /* .Area_hero {height: 600px;}
  .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 8%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 8%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top:69.5%;left: 29%;} */
.Area_hero .top_deco01 {position:absolute;top: 105px;left: 185px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco02 {position:absolute;top: 138px;left: 120px;z-index: 1;pointer-events: none;}
.Area_hero .top_deco03 {position:absolute;top: 308px;left: 740px;z-index: 1;pointer-events: none;}
}
@media screen and (max-width:767px){
  /* .Area_hero {height: 57vw;} */
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 3%;left: 10%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--subtitle {top: 27%;left: 30%;} 
  /* .Area_hero-visual_003 .Area_hero .Area_hero--tag {top: 0%;left: 0%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--title  {top: 0%;left: 10%;}
  .Area_hero-visual_003 .Area_hero .Area_hero--PD  {top: 0%;left: 0%;}*/
  .Area_hero .top_deco01 {position: absolute;top: 7vw;left: 20vw;width: 5%;}
}

/* 日期 */
@media screen and (min-width:767px){
  .TIMER_DAY {position:absolute;top:410px;left: 43px;width: 174px;z-index: 180;display:block;font-size: 62px;font-family:"Century Gothic", sans-serif;font-weight: 900;font-style: normal;color: #fff;letter-spacing: 5px;text-align:center;/*transform: rotate(5deg);*/}
  .TIMER_DAY small {font-size: 25px;}
  .TIMER_DAY #sendMonth {width: 28px;text-align: center;display: inline-block;margin-right: 10px;}
  .TIMER_DAY #sendToday {width: 68px;text-align: left;display: inline-block;margin-left: 1px;}
  }
  @media screen and (max-width:767px){
  /*日期*/	
  .TIMER_DAY {position:absolute;top: 38vw;left: 4.5vw;width: 20%;z-index:62;display:block;font-size: 25px;color: #fff;letter-spacing: 1px;font-family:"Century Gothic", sans-serif;font-weight: 900;font-style: normal;text-align:center;/*transform: rotate(5deg);*/}
  .TIMER_DAY small {font-size: 11px;margin-right: 0vw;}
  .TIMER_DAY #sendMonth {width: 13px;text-align: center;display: inline-block;margin-right: 1vw;}
  .TIMER_DAY #sendToday {width: 35px;text-align: left;display: inline-block;margin-left: 0vw;}
  }
/* 版頭公版 */
@media screen and (max-width:767px){
.Area_toppd .PD_layout ul {width:96%;}
}  

/* 倒數 */
:where(.Area_Timecountdown-black .FontStyle-number) {color: #83b81a;}
@media screen and (min-width:768px){
.Area_countdown-timer {}
}  
@media screen and (max-width:768px){
.Area_countdown-timer {margin-bottom:2vw;}
}

/* 折價券改顏色 */
.PD_layout.PD_layout-coupon3 .PD .divine_coupon {color: #000;}

/* 公版 */
@media screen and (min-width:767px){
.Area_act .box {position: relative;left: 50%;transform: translate(-50%);width:960px;text-align: center;background-color:#fcfeff;}
}
@media screen and (max-width:767px){
.Area_act .box {background-color:#fcfeff;}
}