@charset "utf-8";
/* 表側のみに読み込んで、エディタ側では読み込みたくないCSSは全てこのファイルに記述する */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FVの時は隠しておいて、スクロールしたら表示させる(2022-08-30)mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.wp-admin) .is_fv_hide{
	display: none;
}


/* スクロール前（opacityを0にして要素を隠しておく） */
#home_sample.animate::before {
	content: '';
	background: url("images/sample_deco01.png") no-repeat 50% / contain;
	width: 30.3vw;
	height: 18.2vw;
	position: absolute;
	bottom: -7.2vw;
	right: -50px;
	opacity: 0;
	transition: all 1s 1s;
}

/* スクロール後（is-inviewというクラスが付与された後、opacityを1にして表示させる） */
#home_sample.animate.is-inview::before {
	opacity: 1;
	right: 0;
}