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


/*背景*/
@media screen and (min-width:768px){
  .bg_01 { z-index:-46; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
  }
  @media screen and (max-width:767px){
  .m_bg { z-index: 0; position: absolute; top: 10.5vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
  }





/*版頭*/
.Area_top {position: relative;height: 1360px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 252px;top: 50px;z-index: 2;}
.Area_top .main02 {position:absolute;left: 155px;top: 423px;z-index: 1;}
.Area_top .top_md {position: absolute;top: 385px;left: 630px;transform: translateX(-50%);width: 550px;overflow: hidden;z-index: 2;}
.Area_top .top_md ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; grid-gap: 0; box-sizing: content-box; height: 1060px;}
.Area_top .top_md ul.PD_wrapper li { position: relative; flex-shrink: 0; pointer-events: inherit; opacity: 0; transform: translate(5%,0);}
.Area_top .top_md ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}

@media screen and (max-width:767px){
  .Area_top {height: 138vw;}
  .Area_top .main01 {left: 13vw;top: 3.5vw;width: 74%;}
  .Area_top .main02 {left: 2.5vw;top: 41vw;width: 98%;}
  .Area_top .top_md {top: 37vw;width: 56.5%;z-index: 9;left: 52vw;}
  .Area_top .top_md ul.PD_wrapper {height: 106vw;}

}



/*副標*/
.sub .PD_layout ul {display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 1030px;left: 20px;width: 36%;height: 181px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 80%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 108vw;left: 2vw;width: 37%;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 100%;padding: 0;}
}



@media screen and (min-width: 768px){
  .PD_layout-CSSBG_01.PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;color: #000;background-color: rgb(218 218 218 / 0%);}
  .PD_layout-CSSBG_01 .PD .PD_img {padding-top: 40px;padding-bottom: 30px;}
  .PD_layout-CSSBG_01.PD_layout .PD p {height: 6em;line-height: 3em;color: #d62672;}
}
@media screen and (max-width:767px){
  .PD_layout-CSSBG_01.PD_layout[data-pd-h3="5"] .PD h3 span { display: inline-block;padding: 0 .5em; max-width: 85%;border-radius: 4px;color: #000;background-color: rgb(218 218 218 / 0%);}
  }


.layout_PD01 {width: 96%;}
@media screen and (max-width:767px){
  .layout_PD01 {width: 100%;}
}




.Area_coupon3_002 .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: #000000;}