@charset "utf-8";
/* ===========================
SwipePict Address CSS
============================== */

/*=====================
INDEX

-------------------------------------
1.スワイプピクト
======================*/

@media screen and (min-width: 35.5em) { /* 568px sm */}
@media screen and (min-width: 37.5em) { /* 600px dm */}
@media screen and (min-width: 48em) { /* 768px md */}
@media screen and (min-width: 64em) { /* 1024px lg */}
@media screen and (min-width: 80em) { /* 1280px xl */}

/*=====================
1.スワイプピクト
======================*/
.swipe-area-wrapper > .wp-block-group__inner-container,
.swipe-area {
	position: relative;
	/*overflow: hidden;*/
}
.swipe-contents {
	overflow-x: scroll;
	/* swipe-area より左右幅を大きく設定しスクロール可にする */
}
.swipe-icon {
	position: absolute;
	display: inline-block;
	bottom: 36px;
	left: 40%;
	transform: translateX(-50%) translateY(-50%) scale(1, -1);
	animation: swipe-icon 1.8s ease-in-out 0s infinite normal;
	pointer-events: none; /* アイコン自体を触れないように */
	mix-blend-mode: multiply;
	z-index: 30;
}
@keyframes swipe-icon { /* ゆらゆらする処理の調整はここで */
	0% {left: 35%;}
	50% {left: 45%;}
	100% {left: 35%;}
}
@media screen and (min-width: 37.5em) { /* 600px dm */
	.swipe-icon {
		display: none;
	}
}