@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/************************************
** ローディングアニメーション
************************************/
/* 画面全体の設定 */


/* #loader_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 1s;
} */




/* .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: url("https://test-site.web-design-ikeda.com/bay-precia/wp-content/uploads/2025/06/lpgo_ベイプレシア_skyblue4x-scaled.png")
	            no-repeat center center / contain;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.loader.bird-animation {
	animation: birdFly 4s ease-in-out forwards;
} */



/* 羽ばたきながら中央へ → 少し止まって → 左上に飛び去る */
/* @keyframes birdFly {
	0% {
		transform: translate(-50%, -50%) scale(1) rotate(0deg);
		opacity: 1;
	}
	20% {
		transform: translate(-50%, -60%) scale(1.05) rotate(5deg);
	}
	40% {
		transform: translate(-50%, -45%) scale(0.95) rotate(-5deg);
	}
	60% {
		transform: translate(-60%, -55%) scale(1.1) rotate(4deg);
	}
	80% {
		transform: translate(-70%, -65%) scale(1) rotate(-4deg);
	}
	100% {
		transform: translate(-200%, -200%) scale(0.6) rotate(-30deg);
		opacity: 0;
	}
} */


/* @keyframes slideIn {
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(0);
	}
}

@media screen and (max-width: 768px) {
	.loader {
		width: 30%;
	}
} */

/* ↓ フェードアウト強調アニメーション（縮小しながら消える）*/
/* @keyframes fadeShrink {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0.7);
	}
}

.loader.fadeout {
	animation: fadeShrink 1s ease forwards;
} */

/* @keyframes blinkAnime {
	0% {opacity: 0;}
	50% {opacity: 1; }
	100% {opacity: 1; }
}

@media screen and (max-width:768px) { 
	.loader {
		width: 30%;
	}
} */




#loader_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #ffffff;
  z-index: 9999;
  overflow: hidden;
  transition: opacity 1s ease;
}

/* 初期状態：右端に */
.loader {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 40vw;
  max-width: 500px;
  height: 300px;
  background: url("https://test-site.web-design-ikeda.com/bay-precia-color/wp-content/uploads/2025/09/lpgo_bay-precia_skyblue-scaled.png") no-repeat center center / contain;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.loader.bird-animation {
  animation: birdFloat 4s ease-in-out forwards, flap 0.5s ease-in-out infinite;
}

@keyframes birdFloat {
  0% {
    left: 100%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    opacity: 0;
  }
  20% {
    left: 70%;
    transform: translate(-50%, -52%) scale(1.05) rotate(5deg);
    opacity: 1;
  }
  40% {
    left: 50%;
    transform: translate(-50%, -48%) scale(0.95) rotate(-5deg);
  }
  60% {
    left: 50%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  80% {
    left: 50%;
    transform: translate(-50%, -50%) scale(0.98);
  }
  100% {
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    opacity: 0;
  }
}