@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: 430px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 270px;top: 60px;z-index: 2;}
.Area_top .date {position:absolute;left: 180px;top: 380px;z-index: 4;}
.top_goddess {position: absolute;top: 330px;left: 880px;z-index: 30;}	
.top_angel {position: absolute;top: 50px;left: 110px;width: 13%;z-index: 10;}
@media screen and (max-width:767px){
  .Area_top {height: 47.5vw;}
  .Area_top .main01 {left: 13vw;top: 5.5vw;width: 70%;}
  .Area_top .date {left: 5vw;top: 40vw;width: 19%;}
  .top_goddess {position: absolute;top: 37vw;left: 78vw;z-index: 0;width: 19%;}
  .top_angel {position: absolute;top: 3vw;left: -3vw;width: 19%;z-index: 2;}
 
}



/*副標*/
.sub .PD_layout ul {display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 315px;left: 280px;width: 53%;height: 130px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 80%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 33vw;left: 21vw;width: 57%;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 100%;padding: 0;}
}

  







/*光*/
.righttoleft1{-webkit-animation-duration: 2.5s;  animation-duration: 2.5s;  -webkit-animation-name: righttoleft1;  animation-name:righttoleft1;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite;  animation-timing-function: ease-in;}
@-webkit-keyframes righttoleft1 {
	 0% { transform: translate(0,0); opacity:0  } 
	 25% { transform: translate(0,0); opacity:0  } 
	 50%{opacity:1}
	 75%{ transform: translate(50px,0);opacity:0}
	 100%{ transform: translate(50px,0);opacity:0}
}
@keyframes righttoleft1 { 
	 0% { transform: translate(0,0); opacity:0  } 
	 25% { transform: translate(0,0); opacity:0  } 
	 50%{opacity:1}
	 75%{ transform: translate(50px,0);opacity:0}
	 100%{ transform: translate(50px,0);opacity:0}
}

/*光*/
.righttoleft2{-webkit-animation-duration: 2.5s;  animation-duration: 2.5s;  -webkit-animation-name: righttoleft2;  animation-name:righttoleft2;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite;  animation-timing-function: ease-in;}
@-webkit-keyframes righttoleft2 {
	 0% { transform: translate(0,0); opacity:0  } 
	 25% { transform: translate(0,0); opacity:0  } 
	 50%{opacity:1}
	 75%{ transform: translate(0,50px);opacity:0}
	 100%{ transform: translate(0,50px);opacity:0}
}
@keyframes righttoleft2 { 
	 0% { transform: translate(0,0); opacity:0  } 
	 25% { transform: translate(0,0); opacity:0  } 
	 50%{opacity:1}
	 75%{ transform: translate(0,50px);opacity:0}
	 100%{ transform: translate(0,50px);opacity:0}
}




@media screen and (min-width: 768px){
.PD_layout[data-pd-img="0"]:not([data-pd-direction*=row]) .PD_img img {border-bottom-left-radius: 0;border-bottom-right-radius: 0; width: 93%;}
.PD_layout-CSSBG_01 .PD .PD_img {padding-top: 120px;}
.PD_layout-CSSBG_01 .PD p {position: relative;top: 10px;height: 6em;line-height: 2.5em;}
.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(255 225 225 / 0%);}
}
@media screen and (max-width:767px){
	.PD_layout[data-pd-img="0"]:not([data-pd-direction*=row]) .PD_img img {border-bottom-left-radius: 0;border-bottom-right-radius: 0;width: 88%;}
	.PD_layout-CSSBG_01 .PD .PD_img {padding-top: 12vw;}
	.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_layout[data-pd-h4="1"] .PD h4 {display: block;max-height: 1.2em;overflow: hidden;}
	.PD_layout-CSSBG_01.PD_layout[data-pd-h3="5"] .PD h3 {margin-bottom: 0em;}
	
	}