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

/*************************************************************************************************************************
* Today
*************************************************************************************************************************/
.today__wrap{ width: 100%; height: calc(100% - 55px); position: relative; overflow: hidden;}
.today-imglist__top1{ width: 1060px; height: 660px; position: absolute; left: -400px; top: -160px; animation: imglistTopImgSP1 30s linear infinite;}
.today-imglist__top2{ width: 1060px; height: 660px; position: absolute; left: 700px; top: -760px; animation: imglistTopImgSP2 30s linear infinite;}
.today-imglist__middle1{ width: 1060px; height: 660px; position: absolute; left: -300px; top: 70px; animation: imglistMiddleImgSP1 30s linear infinite;}
.today-imglist__middle2{ width: 1060px; height: 660px; position: absolute; left: -1400px; top: 670px; animation: imglistMiddleImgSP2 30s linear infinite;}
.today-imglist__bottom1{ width: 1060px; height: 660px; position: absolute; left: -200px; top: 300px; animation: imglistBottomImgSP1 30s linear infinite;}
.today-imglist__bottom2{ width: 1060px; height: 660px; position: absolute; left: 900px; top: -300px; animation: imglistBottomImgSP2 30s linear infinite;}
.today-imglist__end1{ width: 1060px; height: 660px; position: absolute; left: -100px; top: 560px; animation: imglistEndImgSP1 30s linear infinite;}
.today-imglist__end2{ width: 1060px; height: 660px; position: absolute; left: -1200px; top: 1160px; animation: imglistEndImgSP2 30s linear infinite;}
.today-imglist__img{ width: 180px; height: 180px; border-radius: 15px; overflow: hidden; position: absolute;}
.today-imglist__img.img1{ left: 440px; top: 240px;}
.today-imglist__img.img2{ left: 660px; top: 120px;}
.today-imglist__img.img3{ left: 880px; top: 0px;}
.today-imglist__img.img4{ left: 0px; top: 480px;}
.today-imglist__img.img5{ left: 220px; top: 360px;}
.today-chara{ width: 240px; height: 110px; filter: invert(97%) sepia(47%) saturate(294%) hue-rotate(209deg) brightness(114%) contrast(80%); position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%,-50%);}
.opening_sp{ width: 100%; height: 100svh; opacity: 1; position: absolute; left: 0; top: 0; z-index: 1000000; pointer-events: none;}
.opening_pc{ width: 100%; height: 100svh; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1000000; pointer-events: none;}
.opening_sp iframe,
.opening_pc iframe{ width: 100%; height:100%; border: none;}
@media print, screen and (min-width: 681px){
	.today__wrap{ width: 100%; height: 100%;}
	.today-imglist__top1{ width: 1780px; height: 1100px; left: -210px; top: -500px; animation: imglistTopImgPC1 30s linear infinite;}
	.today-imglist__top2{ width: 1780px; height: 1100px; left: 1640px; top: -1500px; animation: imglistTopImgPC2 30s linear infinite;}
	.today-imglist__middle1{ width: 1780px; height: 1100px; left: -60px; top: -110px; animation: imglistMiddleImgPC1 30s linear infinite;}
	.today-imglist__middle2{ width: 1780px; height: 1100px; left: -1910px; top: 890px; animation: imglistMiddleImgPC2 30s linear infinite;}
	.today-imglist__bottom1{ width: 1780px; height: 1100px; left: 90px; top: 280px; animation: imglistBottomImgPC1 30s linear infinite;}
	.today-imglist__bottom2{ width: 1780px; height: 1100px; left: 1940px; top: -720px; animation: imglistBottomImgPC2 30s linear infinite;}
	.today-imglist__end1{ width: 1780px; height: 1100px; left: 240px; top: 670px; animation: imglistEndImgPC1 30s linear infinite;}
	.today-imglist__end2{ width: 1780px; height: 1100px; left: -1610px; top: 1670px; animation: imglistEndImgPC2 30s linear infinite;}
	.today-imglist__img{ width: 300px; height: 300px; border-radius: 26px;}
	.today-imglist__img.img1{ left: 740px; top: 400px;}
	.today-imglist__img.img2{ left: 1110px; top: 200px;}
	.today-imglist__img.img3{ left: 1480px; top: 0px;}
	.today-imglist__img.img4{ left: 0px; top: 800px;}
	.today-imglist__img.img5{ left: 370px; top: 600px;}
	.today-chara{ width: 670px; height: 305px;}
	.opening_sp{ opacity: 0;}
	.opening_pc{ opacity: 1;}
}
@keyframes imglistTopImgSP1{
	0% {
		left: -400px; top: -160px;
	}
	100% {
		left: -1500px; top: 440px;
	}
}
@keyframes imglistTopImgSP2{
	0% {
		left: 700px; top: -760px;
	}
	100% {
		left: -400px; top: -160px;
	}
}
@keyframes imglistMiddleImgSP1{
	0% {
		left: -300px; top: 70px;
	}
	100% {
		left: 800px; top: -530px;
	}
}
@keyframes imglistMiddleImgSP2{
	0% {
		left: -1400px; top: 670px;
	}
	100% {
		left: -300px; top: 70px;
	}
}
@keyframes imglistBottomImgSP1{
	0% {
		left: -200px; top: 300px;
	}
	100% {
		left: -1300px; top: 900px;
	}
}
@keyframes imglistBottomImgSP2{
	0% {
		left: 900px; top: -300px;
	}
	100% {
		left: -200px; top: 300px;
	}
}
@keyframes imglistEndImgSP1{
	0% {
		left: -100px; top: 560px;
	}
	100% {
		left: 1000px; top: -40px;
	}
}
@keyframes imglistEndImgSP2{
	0% {
		left: -1200px; top: 1160px;
	}
	100% {
		left: -100px; top: 560px;
	}
}
@keyframes imglistTopImgPC1{
	0% {
		left: -210px; top: -500px;
	}
	100% {
		left: -2060px; top: 500px;
	}
}
@keyframes imglistTopImgPC2{
	0% {
		left: 1640; top: -1500px;
	}
	100% {
		left: -210px; top: -500px;
	}
}
@keyframes imglistMiddleImgPC1{
	0% {
		left: -60px; top: -110px;
	}
	100% {
		left: 1790px; top: -1110px;
	}
}
@keyframes imglistMiddleImgPC2{
	0% {
		left: -1910px; top: 890px;
	}
	100% {
		left: -60px; top: -110px;
	}
}
@keyframes imglistBottomImgPC1{
	0% {
		left: 90px; top: 280px;
	}
	100% {
		left: -1760px; top: 1280px;
	}
}
@keyframes imglistBottomImgPC2{
	0% {
		left: 1940px; top: -720px;
	}
	100% {
		left: 90px; top: 280px;
	}
}
@keyframes imglistEndImgPC1{
	0% {
		left: 240px; top: 670px;
	}
	100% {
		left: 2090px; top: -330px;
	}
}
@keyframes imglistEndImgPC2{
	0% {
		left: -1610px; top: 1670px;
	}
	100% {
		left: 240px; top: 670px;
	}
}