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

/*版頭*/
@media screen and (min-width:767px){
  .top_deco01 {position: absolute;top: 0px;left: 395px;z-index: 10;width: 100%;pointer-events: none;}
  }
  
  @media screen and (max-width:767px){
   .top_deco01 {position: absolute;top: 3vw;left: -12vw;z-index: 10;width: 120%;pointer-events: none;z-index: 13;}
  }

/* 日期 */
.TIMER_DAY {
  display:flex;
  justify-content: center;
  flex-wrap:nowrap;
  position: absolute;
  top: 10px;
  left: 0px;
  width:25%;
  height: 206px;
  padding: 36px 36px 0 36px;
  font-size: 43px;
  font-weight: bold;
  font-family: "Century Gothic";
  z-index: 0;
  box-sizing: border-box;
  color: #ffffff;
  /* background: url(datebg.png?t=1793788703550)no-repeat center / 88% ;*/
  } 

.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:12px 0 0 3px; text-align: left; width: 90%;}
.TIMER_DAY .box{ width: 100%; display: flex; justify-content: right; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY {position: absolute;width: 34%;top: 1.2vw;left: -4vw;font-size: 5vw;letter-spacing: 0;padding: 4vw 4vw 0 4vw;text-align: left;margin: 0;font-weight: 900;height:22vw;}
.TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:0.3vw 0 0 0.5vw;}	
.TIMER_DAY .box{ height: 8vw; }
}


  /* 文字 */
  h2:where(.Area_title_lbtclass:not(.Area_boxstyle_title)) h3 {transform: rotate(3deg);}
  .Area_pd-D3_04 .PD_layout.PD_layout-D3_04 .PD h3 {transform: rotate(3deg);}
  


  /* 調整版頭輪播公版 */
  @media screen and (min-width:767px){
  .Area_pd-carousel2 .topPD {position: relative;top: -120px;;left:90px;} 
  }
  @media screen and (max-width:767px){
  .Area_pd-carousel2 .topPD {position: relative;top:-10vw;left:2vw;}
  }

  /* 調整攻略 */
  @media screen and (min-width:767px){
  .Area_S_btn {background-image:url("btn_bg.png?t=1793788703550");background-size:100% auto;background-repeat:no-repeat;background-position:top center}  
  .Area_S_btn .PD_layout[data-pd-li=BN] ul {grid-gap:0;width: 98%;}
  }
  @media screen and (max-width:767px){
  .Area_S_btn {background-image:url("btn_bg.png?t=1793788703550");background-size:100% auto;background-repeat:no-repeat;background-position:top center}
  .Area_S_btn .PD_layout[data-pd-li=BN] ul {grid-gap:0;}
  }

  /* 品牌浮層+背景 */
  @media screen and (min-width:767px){
  .brand_bg_bom {position:absolute;width:2000px;bottom:-170px;left: 50%;transform: translate(-50%);z-index:-1;}
  .check {position: absolute;width:28%;top:585px;left:355px;z-index:9;}
  }
  @media screen and (max-width:767px){
  .check {position: absolute;width:40%;top:99vw;left:55vw;z-index:9;}
  }