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

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

/* -------------------------------------------
	loop
---------------------------------------------- */
#cmeMain .loop{background: url(/club-me/life/mykitchen/2411/img/img-loop.png) left top/auto 100% repeat-x;animation: imgScrollPc var(--LoopAnimeSpeedPc) linear infinite;height: var(--loopImgHeight);}
#cmeMain .afterword .afterword-row{display: block;width: calc((775 / 1174) * 100%);}
#cmeMain .afterword .afterword-comment{width: auto;}
#cmeMain .afterword .afterword-comment + .afterword-comment{margin-top: 60px;}
@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);}
	#cmeMain .afterword .afterword-row{width: auto;}
	#cmeMain .afterword .afterword-comment + .afterword-comment{margin-top: 30px;}
}