@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** ローディング画面を表示する
************************************/
/*枠組み*/
.loader-wrap {
	z-index: 99999;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #fff;
}

/*本体*/
.loader,
.loader::after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
}

.loader {
	position: relative;
	text-indent: -9999em;
	border-top: .8em solid rgba(0, 0, 0, 0.4);
	border-right: .8em solid rgba(0, 0, 0, 0.4);
	border-bottom: .8em solid rgba(0, 0, 0, 0.4);
	border-left: .8em solid rgba(0, 0, 0, 0.8);
	transform: translateZ(0);
	animation: loading 1s infinite linear;
}

/*アニメーション*/
@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}