@charset "utf-8";
.cc_page {
		overflow: hidden;
}
.cc_header_logo {
		position: fixed;
		top: 22px;
		left: 40px;
		width: 110px;
		z-index: 100;
		opacity: 0;
		transition: opacity 0.6s;
		transition-delay: 0.5s;
}
.isStart .cc_header_logo {
		opacity: 1;
}
.cc_header_logo img {
		width: 100%;
		height: auto;
}
.cc_header_ec {
		position: fixed;
		top: 0;
		right: 0;
		width: 300px;
		height: 60px;
		z-index: 100;
		transform: translateY(-62px);
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.5s;
}
.isStart .cc_header_ec {
		transform: translateY(0);
}
.cc_header_ec a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background: #9d1d23;
		color: #fff;
		height: 60px;
		border-radius: 0 0 0 20px;
		position: relative;
		transition: opacity 0.4s;
}
@media (hover: hover) {
		.cc_header_ec a:hover {
				opacity: 0.8
		}
}
.cc_header_ec span {
		display: inline-block;
		position: relative;
		margin-left: 15px;
}
.cc_header_ec span::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 12px);
		left: -30px;
		width: 22px;
		height: 24px;
		background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_cart_s.png") no-repeat 0 0;
		background-size: 22px;
		pointer-events: none;
}
.fv_section {
		background: #f5f5f5;
		height: 800px;
		padding-top: calc(calc(90vh - 800px) * 0.5);
		transition: padding 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.6s;
}
.isOpen .fv_section {
		padding-top: 0;
		overflow: hidden;
}
.cookingcontainer_body, .footer_dark {
		display: none;
}
.fv_section_inner {
		width: 1420px;
		height: 800px;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
}
.fv_catch {
		width: 460px;
		margin: 0 auto 30px;
		padding: 140px 0 0;
		opacity: 0;
		transition: opacity 0.6s;
		transition-delay: 0.5s;
}
.fv_catch.isActive {
		opacity: 1;
}
.fv_section_inner img {
		width: 100%;
		height: auto;
}
.fv_item {
		width: 170px;
		height: 49px;
		margin: 0 auto;
		position: relative;
}
.fv_item div {
		position: absolute;
		top: 0;
		left: 0;
		width: 170px;
}
.fv_item .fv_splash {
		width: 700px;
		left: -265px;
		top: -395px;
		transform: translate3d(0, 50%, 0) scale(0.3);
		transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s;
		transition-delay: 0.1s;
		opacity: 0;
		z-index: 0;
}
.isSplash .fv_splash {
		transform: translate3d(0, 0%, 0) scale(1);
		opacity: 1;
}
.fv_item.isSplash .fv_item-2 {
		transform: translateY(34px);
		transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.1s;
}
.fv_item.isSplash .fv_item-3 {
		transform: translateY(93px);
		transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.fv_section_inner .fv-parts {
		position: absolute;
		z-index: 5;
		transition: transform 1.9s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s;
		transition-delay: 0.1s;
		opacity: 0;
}
.isStart .fv_section_inner .fv-parts {
		opacity: 1;
		transform: translate(0, 0) scale(1) rotate(0deg);
		z-index: 0;
}
.isStart .fv_splash {
		opacity: 0 !important;
}
.fParts-1 {
		left: 448px;
		top: -43px;
		width: 170px;
		transform: translate(327px, 148px) scale(0.5) rotate(-328deg);
}
.fParts-2 {
		left: 217px;
		top: 102px;
		width: 123px;
		transform: translate(256px, 278px) scale(0.5) rotate(-362deg);
}
.fParts-3 {
		left: 0;
		top: 195px;
		width: 203px;
		transform: translate(511px, 42px) scale(0.5) rotate(362deg);
}
.fParts-4 {
		left: 303px;
		top: 392px;
		width: 105px;
		transform: translate(426px, -79px) scale(0.7) rotate(362deg);
}
.fParts-5 {
		left: -82px;
		top: 459px;
		width: 252px;
		transform: translate(430px, -239px) scale(0.5) rotate(268deg);
}
.fParts-6 {
		left: 136px;
		top: 656px;
		width: 90px;
		transform: translate(601px, -559px) scale(0.5) rotate(268deg);
}
.fParts-7 {
		left: 310px;
		top: 630px;
		width: 245px;
		transform: translate(236px, -281px) scale(0.55) rotate(358deg);
}
.fParts-8 {
		left: 860px;
		top: -35px;
		width: 117px;
		transform: translate(-404px, 206px) scale(0.55) rotate(388.5deg);
}
.fParts-9 {
		left: 1037px;
		top: 166px;
		width: 77px;
		transform: translate(-448px, 16px) scale(0.45) rotate(349deg);
}
.fParts-10 {
		left: 1258px;
		top: 142px;
		width: 137px;
		transform: translate(-598px, 87px) scale(0.55) rotate(428deg);
}
.fParts-11 {
		left: 1035px;
		top: 318px;
		width: 235px;
		transform: translate(-305px, -115px) scale(0.45) rotate(362deg);
}
.fParts-12 {
		left: 1336px;
		top: 394px;
		width: 131px;
		transform: translate(-1009px, -259px) scale(0.5) rotate(352deg);
}
.fParts-13 {
		left: 1038px;
		top: 557px;
		width: 94px;
		transform: translate(-133px, -347px) scale(0.55) rotate(362deg);
}
.fParts-14 {
		left: 1186px;
		top: 636px;
		width: 188px;
		transform: translate(-311px, -371px) scale(0.55) rotate(362deg);
}
.fParts-15 {
		left: 864px;
		top: 654px;
		width: 174px;
		transform: translate(63px, -556px) scale(0.5) rotate(711deg);
}
/* =============== */
@media(max-width: 767px) {
		.cc_header_logo {
				width: 84px;
				top: 20px;
				left: 20px;
		}
		.cc_header_ec {
				width: 50px;
		}
		.cc_header_ec a {
				width: 50px;
				height: 50px;
				border-radius: 0 0 0 12px;
		}
		.cc_header_ec a::after {
				content: '';
				display: block;
				position: absolute;
				top: 15px;
				left: 15px;
				width: 20px;
				height: 20px;
				background: url("https://www.kai-group.com/contents_file/products/brand/select100/special/cooking-container/images/special/icon_cart_sp.png") no-repeat 0 0;
				background-size: 20px;
				pointer-events: none;
		}
		.cc_header_ec span {
				display: none;
		}
		.fv_section {
				height: 170vw !important;
		}
		.fv_catch {
				width: 275px;
				margin: 0 auto 20px;
				padding: 49vw 0 0;
		}
		.fv_item .fv_splash {
				width: 406px;
				left: -153px;
				top: -229px;
		}
		.fv_item {
				width: 100px;
				height: 32px;
		}
		.fv_item div {
				width: 100px;
		}
		.fv_item.isSplash .fv_item-2 {
				transform: translateY(20px);
		}
		.fv_item.isSplash .fv_item-3 {
				transform: translateY(53px);
		}
		.fv_section_inner {
				width: 100vw !important;
				height: 170vw !important;
				margin-left: 0 !important;
		}
		.fParts-1 {
				left: 24.6vw;
				top: 12.5vw;
				width: 22vw;
				transform: translate(15.6vw, 47.5vw) scale(0.5) rotate(-328deg);
		}
		.fParts-2 {
				left: 9.3vw;
				top: 14.2vw;
				width: 15.7vw;
				transform: translate(40.7vw, 45.8vw) scale(0.5) rotate(-362deg);
		}
		.fParts-3 {
				left: -14.5vw;
				top: 26vw;
				width: 27.3vw;
				transform: translate(35.5vw, 34vw) scale(0.5) rotate(362deg);
		}
		.fParts-4 {
				left: -5vw;
				top: 96.4vw;
				width: 13.8vw;
				transform: translate(45vw, 36vw) scale(0.7) rotate(362deg);
		}
		.fParts-5 {
				left: -13.8vw;
				top: 124.5vw;
				width: 32.8vw;
				transform: translate(36.2vw, 27.2vw) scale(0.5) rotate(268deg);
		}
		.fParts-6 {
				left: 15.4vw;
				top: 147.3vw;
				width: 11.5vw;
				transform: translate(35vw, -80vw) scale(0.5) rotate(268deg);
		}
		.fParts-7 {
				left: 18.5vw;
				top: 157vw;
				width: 32.5vw;
				transform: translate(32vw, -120vw) scale(0.55) rotate(358deg);
		}
		.fParts-8 {
				left: 53.6vw;
				top: -4vw;
				width: 15.2vw;
				transform: translate(-50vw, 60vw) scale(0.55) rotate(388.5deg);
		}
		.fParts-9 {
				left: 60.4vw;
				top: 24.8vw;
				width: 9.4vw;
				transform: translate(-50vw, 50vw) scale(0.45) rotate(349deg);
		}
		.fParts-10 {
				left: 77vw;
				top: 18.3vw;
				width: 17.7vw;
				transform: translate(-50vw, 60vw) scale(0.55) rotate(428deg);
		}
		.fParts-11 {
				left: 85.1vw;
				top: 98.2vw;
				width: 31vw;
				transform: translate(-50vw, -50vw) scale(0.45) rotate(362deg);
		}
		.fParts-12 {
				left: 86.1vw;
				top: 41.2vw;
				width: 17vw;
				transform: translate(-50vw, -50vw) scale(0.5) rotate(352deg);
		}
		.fParts-13 {
				left: 80.7vw;
				top: 126vw;
				width: 12vw;
				transform: translate(-50vw, -50vw) scale(0.55) rotate(362deg);
		}
		.fParts-14 {
				left: 79.4vw;
				top: 139vw;
				width: 25vw;
				transform: translate(-50vw, -60vw) scale(0.55) rotate(362deg);
		}
		.fParts-15 {
				left: 58.9vw;
				top: 157vw;
				width: 23vw;
				transform: translate(50vw, -50vw) scale(0.5) rotate(711deg);
		}
}