@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: #fff;
    pointer-events: none;
    transition: all 0.4s;
}
/* ローディングアニメーション */
.loader {
    width: 14%;
    height: 100vh;
    background: url("画像のURL") #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    opacity: 0;
    animation: blinkAnime 3s infinite linear;
}
@keyframes blinkAnime {
	0% {opacity: 0;}
	30% {opacity: 1; }
	100% {opacity: 1; }
}
@media screen and (max-width:768px) { 
	.loader {
		width: 30%;
	}
}
.loader-rotate {
 	width: 40px;
 	height: 40px;
 	border-radius: 50%;
 	border: solid 4px;
 	border-color: #4c6d70 #00000010 #00000010;
 	position: relative;
 	animation: spin 1s infinite linear;
	margin: 0 auto;
	top: 60vh;
}