@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
*/

/* ローディング全体 */
#preloader {
	position: fixed;
	inset: 0;
	background-color: #ffffff;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease, visibility 1s ease;
}

/* ロゴアニメ */
.loader-content {
	text-align: center;
	animation: fadeInOut 3s ease-in-out 1.8s infinite;
}

.loader-logo {
	width: 420px;
	height: auto;
	opacity: 0;
	transform: scale(0.85) translateY(20px);
	filter: blur(6px);
	animation: logoEntrance 1.8s ease-out forwards,
		fadeInOut 3s ease-in-out 1.8s infinite;
}

/* ロゴ登場（最初の1回） */
@keyframes logoEntrance {
	0% {
		opacity: 0;
		transform: scale(0.85) translateY(20px);
		filter: blur(6px);
	}
	50% {
		opacity: 0.6;
		transform: scale(1.05) translateY(0);
		filter: blur(2px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
		filter: blur(0);
	}
}

/* その後のフェードループ */
@keyframes fadeInOut {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.6;
		transform: scale(1.02);
	}
}

/* ヘッダー非表示用 */
.l-header__logo {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}