@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 {
    z-index: 999;
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: 100svh;
    background: #F4F2EC;
    pointer-events: none;
    transition: all 0.3s;
}

/* ローディングアニメーションの設定 */
.loader {
    width: clamp(240px, 40vw, 360px);
    aspect-ratio: 4 / 1;
    background: url("http://yusukezeirishi.com/wp-content/uploads/2026/06/kobayashi-logo.png") #F4F2EC;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    animation: blinkAnime 3s infinite linear;
}

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