@charset "UTF-8";

/*----------------------------------------
	- base
-----------------------------------------*/

/*=======================================
	base
=======================================*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img,
figure,
picture {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
ul,
li {
	list-style: none;
}
a {
	text-decoration: none;
	opacity: 1;
	transition: all 0.3s ease;
}
@media (hover: hover) {
	a:hover {
		opacity: 0.8;
	}
}

/*=======================================
	OP anime
=======================================*/
.op_container {
	display: none;
	position: absolute;
	width: 100vw;
	height: 100vh;
	inset: 0;
	background-color: #ffea00;
	z-index: 500;
}
.op_container .title {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*=======================================
	slide01
=======================================*/
#main .fsvs-body .content {
	background: #ffea00 ;
	background-size: contain;
	filter:blur(0);
}

/*=======================================
	中身コンテンツ
=======================================*/
#main .content {
	container-type: inline-size;
  container-name: main-container; 
	width: 100%;
	height: 100%;
}
#main .content .item {
	content: '';
	position: absolute;
}
#main .fsvs-body .content .item.set_bg {
	width: 100%;
	height: 100%;
	display: flex;
	top: 0;
	left: 0;
	background-color: #fff;
}

/* 各吹き出し画像_位置設定 */
#main .content .item.ju {
	width: 29.333cqw;
	left: 20.5cqw;
	top: 36cqw;
}
#main .content .item.teku {
	width: 19.14cqw;
	left: 15.95cqw;
	top: 22.87cqw;
}
#main .content .item.nya {
	width: 29.8cqw;
	top: 37.333cqw;
	right: 5cqw;
}
#main .content .item.sowa {
	width: 19.2cqw;
	top: 45.3333cqw;
	right: 31.7333cqw;
}
#main .content .item.para {
	width: 19.4666cqw;
	top: 21.6cqw;
	right: 14.93333cqw;
}
#main .content .item.sun {
	width: 22.93333cqw;
	top: 23.4666cqw;
	left: 38.13333cqw;
}
#main .content .item.kaki {
	width: 19.2cqw;
	top: 45.333cqw;
	left: 4.8cqw;
}

#main .content .item.jiri {
	width: 27.7333cqw;
	bottom: 37.3333cqw;
	right: 22.9333cqw;
}
#main .content .item.mogu {
	width: 27.7333cqw;
	bottom: 37.6cqw;
	left: 5.8666cqw;
}
#main .content .item.wasa {
	width: 17.6cqw;
	bottom: 48cqw;
	left: 32cqw;
}
#main .content .item.hii {
	width: 17.6cqw;
	bottom: 48cqw;
	right: 8.8cqw;
}
#main .content .item.shuwa {
	width: 27.7333cqw;
	bottom: 20.5333cqw;
	right: 5.8666cqw;
}
#main .content .item.goro {
	width: 27.7333cqw;
	bottom: 21.6cqw;
	left: 20.5333cqw;
}
#main .content .item.yoga {
	width: 17.6cqw;
	bottom: 24.8cqw;
	right: 31.7333cqw;
}
#main .content .item.ase {
	width: 17.6cqw;
	bottom: 25.3333cqw;
	left: 6.6666cqw;
}

/* タイトル */
#main .content .item.title {
	width: 85cqw;
	top: 68.5cqw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
@media screen and (orientation:portrait) and (max-width: 520px) {
	#main .content .item.title {
		width: 92.266cqw;
		top: 69.333cqw;
	}
}

/* CSS animation */
#main .content .item.appear {
	animation: mvAni4 1.5s ease-in-out 1.5s infinite;
}
@keyframes mvAni4 {
	0% {
		margin: 0;
	}
	100% {
		margin: 20px 0 0 0;
	}
}