/* CSS Document */

@charset "utf-8";
#saletitle {
	margin-top: -40px;
	margin-bottom: -30px;
}
.salecopy {
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}
.hoopxand {
	margin-left: auto;
	margin-right: auto;
	width: 27%;
	margin-top: 2%;
}
.saledate {
	margin-left: auto;
	margin-right: auto;
	width: 66%;
}

.fade-in-box {
  opacity: 0; /* 最初は透明（見えない状態）にする */
  animation: fadeInAnime 1.5s ease-in-out forwards;
  animation-delay: 2s; /* 2秒後にアニメーションを開始する */
}
.evWrap {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	max-width: 1020px;
}

@keyframes fadeInAnime {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-in-ev {
  /* 初期状態は透明にしておく */
  opacity: 0;
  
  /* アニメーションの設定 */
  animation-name: slideDownFadeIn;
  animation-duration: 1.5s;        /* ふわっと表示にかける時間 */
  animation-timing-function: ease; /* イージング（滑らかな動き） */
  animation-delay: 3.5s;             /* ○秒後に開始する（ここで調整） */
  animation-fill-mode: forwards;   /* アニメーション終了後の状態を維持 */
}

@keyframes slideDownFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-30px); /* 開始位置：上から30px上にずらす */
  }
  100% {
    opacity: 1;
    transform: translateY(0);     /* 終了位置：元の位置 */
  }
}







@media screen and (max-width: 480px){
	
.evWrap {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#saletitle {
	margin-top: -190px;
	margin-bottom: -196px;
	width: 90%;
}
}