@charset "UTF-8";
/* CSS Document */

:root {
	--loopImgWidth: 2524px; /* ← ループ画像の幅 */
	--loopImgHeight: 702px; /* ← ループ画像の高さ */
}

/* -------------------------------------------
	loop
---------------------------------------------- */
#cmeMain .loop{background: url(/club-me/life/mykitchen/2409/img/img-loop.png) left top/auto 100% repeat-x;animation: imgScrollPc var(--LoopAnimeSpeedPc) linear infinite;height: var(--loopImgHeight);}
@keyframes imgScrollPc { 0% {background-position: 0 0;} 100% {background-position: calc(var(--loopImgWidth) * -1) 0;}}
@keyframes imgScrollSp { 0% {background-position: 0 0;} 100% {background-position: calc((var(--loopImgWidth) / 4) * -1) 0;}}
@media only screen and (max-width: 767px) {
	#cmeMain .loop{animation: imgScrollSp var(--LoopAnimeSpeedSp) linear infinite;height: calc(var(--loopImgHeight) / 4);}
}