@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;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: #16324E;
    pointer-events: none;
    transition: all 0.3s;
}

/* ローディングアニメーションの設定 */
.loader {
    width: 25%;
    height: 100vh;
    background: url("https://test.sugiurayoshitaka.com/wp-content/uploads/2025/04/sugiura_logo_white.png") #16324E;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0;
    animation: blinkAnime 3s infinite linear;
}

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

@media screen and (max-width:768px) { 
	.loader {
		width: 70%;
		background-position: 50% 45%;
	}
}