/* layout*/
/* element */
body {
				margin: 0;
}

.vcs {
				zoom: 100%;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				line-height: 1;
				border: 0;
				vertical-align: baseline;
				font-size: 1.6rem;
				position: relative;
				margin: 0;
				padding: 0;
				overflow-x: hidden;
				overflow-y: hidden;
				z-index: 0;
}
@media (width >= 769px) {
				.vcs {
								padding-top: 132px;
								margin: 0 auto;
								background-image: url(../img/bg.jpg);
								background-repeat: no-repeat;
								background-size: cover;
								background-attachment: fixed;
								background-position: center;
				}
}
@media screen and (max-width: 960px) {
				.vcs {
								padding-top: 127px;
				}
}
.vcs section,
.vcs h2,
.vcs h3,
.vcs h4,
.vcs h5,
.vcs p,
.vcs ul,
.vcs dl,
.vcs dt,
.vcs dd,
.vcs img {
				margin: 0;
				padding: 0;
}
.vcs img {
				max-width: 100%;
				vertical-align: bottom;
				height: auto;
				image-rendering: auto;
}
@media (width < 769px) {
				.vcs img {
								width: 100%;
								max-width: 100%;
				}
}
.vcs a {
				-webkit-transition: 0.3s;
				transition: 0.3s;
				text-decoration: none;
}
.vcs a:hover img {
				opacity: 0.8;
}
.vcs ol,
.vcs ul {
				list-style: none;
				padding: 0;
}
.vcs section {
				position: relative;
}
.vcs section h2,
.vcs section h3,
.vcs section h4,
.vcs section p {
				position: absolute;
				line-height: 0;
}
@media (width >= 769px) {
				.vcs .pc {
								display: block !important;
				}
}
@media (769px <= width < 769px) {
				.vcs .pc {
								display: block !important;
				}
}
@media (width < 769px) {
				.vcs .pc {
								display: none !important;
				}
}
@media (width >= 769px) {
				.vcs .sp {
								display: none !important;
				}
}
@media (769px <= width < 769px) {
				.vcs .sp {
								display: none !important;
				}
}
@media (width < 769px) {
				.vcs .sp {
								display: block !important;
				}
}
.vcs .pe-none {
				pointer-events: none;
}
.vcs .obj {
				position: absolute;
}
.vcs .obj img {
				width: 100%;
}
.vcs .anim {
				position: absolute;
				z-index: 0;
}

.vcs .products_container {
				overflow: hidden;
				z-index: 1;
				position: relative;
}
@media (width >= 769px) {
				.vcs .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
@media (width >= 769px) {
				.vcs .mv {
								height: 705.2px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv {
								height: 164vw;
				}
}
@media (width < 769px) {
				.vcs .mv {
								height: 164vw;
				}
}
.vcs .mv {
				aspect-ratio: 750/1230;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
}
.vcs .mv .pkg {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .pkg {
								width: 221.3066666667px;
								top: 275.7733333333px;
								left: 8.6px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .pkg {
								width: 51.4666666667vw;
								top: 64.1333333333vw;
								left: 2vw;
				}
}
@media (width < 769px) {
				.vcs .mv .pkg {
								width: 51.4666666667vw;
								top: 64.1333333333vw;
								left: 2vw;
				}
}
.vcs .mv .pkg {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.vcs .mv .copy {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .copy {
								width: 259.1466666667px;
								top: 30.3866666667px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .copy {
								width: 60.2666666667vw;
								top: 7.0666666667vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .mv .copy {
								width: 60.2666666667vw;
								top: 7.0666666667vw;
								left: 0vw;
				}
}
.vcs .mv .copy {
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
.vcs .mv .mv_ice {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .mv_ice {
								width: 430px;
								top: 8.0266666667px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .mv_ice {
								width: 100vw;
								top: 1.8666666667vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .mv .mv_ice {
								width: 100vw;
								top: 1.8666666667vw;
								left: 0vw;
				}
}
.vcs .mv .mv_ice {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
}
.vcs .mv .btn {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .btn {
								width: 161.1066666667px;
								top: 10.32px;
								left: 263.16px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .btn {
								width: 37.4666666667vw;
								top: 2.4vw;
								left: 61.2vw;
				}
}
@media (width < 769px) {
				.vcs .mv .btn {
								width: 37.4666666667vw;
								top: 2.4vw;
								left: 61.2vw;
				}
}
.vcs .mv .btn {
				-webkit-transition-delay: 2.4s;
				        transition-delay: 2.4s;
				z-index: 6;
}
.vcs .mv .ttl {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .ttl {
								width: 402.48px;
								top: 499.9466666667px;
								left: 13.76px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .ttl {
								width: 93.6vw;
								top: 116.2666666667vw;
								left: 3.2vw;
				}
}
@media (width < 769px) {
				.vcs .mv .ttl {
								width: 93.6vw;
								top: 116.2666666667vw;
								left: 3.2vw;
				}
}
.vcs .mv .ttl {
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
}
.vcs .mv .date {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .date {
								width: 134.16px;
								top: 607.7333333333px;
								left: 146.2px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .date {
								width: 31.2vw;
								top: 141.3333333333vw;
								left: 34vw;
				}
}
@media (width < 769px) {
				.vcs .mv .date {
								width: 31.2vw;
								top: 141.3333333333vw;
								left: 34vw;
				}
}
.vcs .mv .date {
				-webkit-transition-delay: 2s;
				        transition-delay: 2s;
}
.vcs .mv .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-1 {
								width: 42.4266666667px;
								top: -14.3333333333px;
								left: 216.72px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-1 {
								width: 9.8666666667vw;
								top: -3.3333333333vw;
								left: 50.4vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-1 {
								width: 9.8666666667vw;
								top: -3.3333333333vw;
								left: 50.4vw;
				}
}
.vcs .mv .obj-1 {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
				z-index: 2;
}
.vcs .mv .obj-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-2 {
								width: 55.6133333333px;
								top: 16.0533333333px;
								left: 374.3866666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-2 {
								width: 12.9333333333vw;
								top: 3.7333333333vw;
								left: 87.0666666667vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-2 {
								width: 12.9333333333vw;
								top: 3.7333333333vw;
								left: 87.0666666667vw;
				}
}
.vcs .mv .obj-2 {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
.vcs .mv .obj-3 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-3 {
								width: 37.2666666667px;
								top: 25.8px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-3 {
								width: 8.6666666667vw;
								top: 6vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-3 {
								width: 8.6666666667vw;
								top: 6vw;
								left: 0vw;
				}
}
.vcs .mv .obj-3 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.vcs .mv .obj-4 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-4 {
								width: 45.2933333333px;
								top: 163.9733333333px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-4 {
								width: 10.5333333333vw;
								top: 38.1333333333vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-4 {
								width: 10.5333333333vw;
								top: 38.1333333333vw;
								left: 0vw;
				}
}
.vcs .mv .obj-4 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.vcs .mv .obj-5 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-5 {
								width: 50.4533333333px;
								top: 388.1466666667px;
								left: 372.6666666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-5 {
								width: 11.7333333333vw;
								top: 90.2666666667vw;
								left: 86.6666666667vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-5 {
								width: 11.7333333333vw;
								top: 90.2666666667vw;
								left: 86.6666666667vw;
				}
}
.vcs .mv .obj-5 {
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
}
.vcs .mv .obj-6 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-6 {
								width: 29.24px;
								top: 409.9333333333px;
								left: 219.0133333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-6 {
								width: 6.8vw;
								top: 95.3333333333vw;
								left: 50.9333333333vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-6 {
								width: 6.8vw;
								top: 95.3333333333vw;
								left: 50.9333333333vw;
				}
}
.vcs .mv .obj-6 {
				-webkit-transition-delay: 2s;
				        transition-delay: 2s;
}
.vcs .mv .obj-7 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .mv .obj-7 {
								width: 63.0666666667px;
								top: 607.7333333333px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .mv .obj-7 {
								width: 14.6666666667vw;
								top: 141.3333333333vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .mv .obj-7 {
								width: 14.6666666667vw;
								top: 141.3333333333vw;
								left: 0vw;
				}
}
.vcs .mv .obj-7 {
				-webkit-transition-delay: 2.2s;
				        transition-delay: 2.2s;
}
@media (width >= 769px) {
				.vcs .intro {
								height: 388.1466666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .intro {
								height: 90.2666666667vw;
				}
}
@media (width < 769px) {
				.vcs .intro {
								height: 90.2666666667vw;
				}
}
.vcs .intro {
				aspect-ratio: 750/677;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
.vcs .intro .content {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .intro .content {
								width: 337.6933333333px;
								top: 0px;
								left: 46.44px;
				}
}
@media (769px <= width < 769px) {
				.vcs .intro .content {
								width: 78.5333333333vw;
								top: 0vw;
								left: 10.8vw;
				}
}
@media (width < 769px) {
				.vcs .intro .content {
								width: 78.5333333333vw;
								top: 0vw;
								left: 10.8vw;
				}
}
.vcs .intro .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .intro .obj-1 {
								width: 73.96px;
								top: 162.8266666667px;
								left: 336.5466666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .intro .obj-1 {
								width: 17.2vw;
								top: 37.8666666667vw;
								left: 78.2666666667vw;
				}
}
@media (width < 769px) {
				.vcs .intro .obj-1 {
								width: 17.2vw;
								top: 37.8666666667vw;
								left: 78.2666666667vw;
				}
}
@media (width >= 769px) {
				.vcs .vanilla {
								height: 860px;
				}
}
@media (769px <= width < 769px) {
				.vcs .vanilla {
								height: 200vw;
				}
}
@media (width < 769px) {
				.vcs .vanilla {
								height: 200vw;
				}
}
.vcs .vanilla {
				aspect-ratio: 750/1500;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/vanilla_bg.jpg);
}
.vcs .vanilla .heading {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .vanilla .heading {
								width: 261.44px;
								top: 164.5466666667px;
								left: 37.84px;
				}
}
@media (769px <= width < 769px) {
				.vcs .vanilla .heading {
								width: 60.8vw;
								top: 38.2666666667vw;
								left: 8.8vw;
				}
}
@media (width < 769px) {
				.vcs .vanilla .heading {
								width: 60.8vw;
								top: 38.2666666667vw;
								left: 8.8vw;
				}
}
.vcs .vanilla .ttl {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .vanilla .ttl {
								width: 294.12px;
								top: 617.48px;
								left: 16.6266666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .vanilla .ttl {
								width: 68.4vw;
								top: 143.6vw;
								left: 3.8666666667vw;
				}
}
@media (width < 769px) {
				.vcs .vanilla .ttl {
								width: 68.4vw;
								top: 143.6vw;
								left: 3.8666666667vw;
				}
}
.vcs .vanilla .content {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .vanilla .content {
								width: 290.1066666667px;
								top: 760.8133333333px;
								left: 17.7733333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .vanilla .content {
								width: 67.4666666667vw;
								top: 176.9333333333vw;
								left: 4.1333333333vw;
				}
}
@media (width < 769px) {
				.vcs .vanilla .content {
								width: 67.4666666667vw;
								top: 176.9333333333vw;
								left: 4.1333333333vw;
				}
}
.vcs .vanilla .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .vanilla .obj-1 {
								width: 98.04px;
								top: 26.3733333333px;
								left: 271.76px;
				}
}
@media (769px <= width < 769px) {
				.vcs .vanilla .obj-1 {
								width: 22.8vw;
								top: 6.1333333333vw;
								left: 63.2vw;
				}
}
@media (width < 769px) {
				.vcs .vanilla .obj-1 {
								width: 22.8vw;
								top: 6.1333333333vw;
								left: 63.2vw;
				}
}
.vcs .vanilla .obj-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .vanilla .obj-2 {
								width: 72.24px;
								top: 743.04px;
								left: 324.5066666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .vanilla .obj-2 {
								width: 16.8vw;
								top: 172.8vw;
								left: 75.4666666667vw;
				}
}
@media (width < 769px) {
				.vcs .vanilla .obj-2 {
								width: 16.8vw;
								top: 172.8vw;
								left: 75.4666666667vw;
				}
}
@media (width >= 769px) {
				.vcs .choco {
								height: 893.2533333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco {
								height: 207.7333333333vw;
				}
}
@media (width < 769px) {
				.vcs .choco {
								height: 207.7333333333vw;
				}
}
.vcs .choco {
				aspect-ratio: 750/1558;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/choco_bg.jpg);
}
.vcs .choco .heading {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .heading {
								width: 391.5866666667px;
								top: 127.28px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .heading {
								width: 91.0666666667vw;
								top: 29.6vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .choco .heading {
								width: 91.0666666667vw;
								top: 29.6vw;
								left: 0vw;
				}
}
.vcs .choco .ttl {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .ttl {
								width: 248.8266666667px;
								top: 651.3066666667px;
								left: 21.2133333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .ttl {
								width: 57.8666666667vw;
								top: 151.4666666667vw;
								left: 4.9333333333vw;
				}
}
@media (width < 769px) {
				.vcs .choco .ttl {
								width: 57.8666666667vw;
								top: 151.4666666667vw;
								left: 4.9333333333vw;
				}
}
.vcs .choco .content {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .content {
								width: 239.08px;
								top: 733.8666666667px;
								left: 20.64px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .content {
								width: 55.6vw;
								top: 170.6666666667vw;
								left: 4.8vw;
				}
}
@media (width < 769px) {
				.vcs .choco .content {
								width: 55.6vw;
								top: 170.6666666667vw;
								left: 4.8vw;
				}
}
.vcs .choco .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .obj-1 {
								width: 39.56px;
								top: 30.96px;
								left: 41.8533333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .obj-1 {
								width: 9.2vw;
								top: 7.2vw;
								left: 9.7333333333vw;
				}
}
@media (width < 769px) {
				.vcs .choco .obj-1 {
								width: 9.2vw;
								top: 7.2vw;
								left: 9.7333333333vw;
				}
}
.vcs .choco .obj-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .obj-2 {
								width: 99.76px;
								top: 286.6666666667px;
								left: 16.6266666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .obj-2 {
								width: 23.2vw;
								top: 66.6666666667vw;
								left: 3.8666666667vw;
				}
}
@media (width < 769px) {
				.vcs .choco .obj-2 {
								width: 23.2vw;
								top: 66.6666666667vw;
								left: 3.8666666667vw;
				}
}
.vcs .choco .obj-3 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .obj-3 {
								width: 71.6666666667px;
								top: 411.6533333333px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .obj-3 {
								width: 16.6666666667vw;
								top: 95.7333333333vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .choco .obj-3 {
								width: 16.6666666667vw;
								top: 95.7333333333vw;
								left: 0vw;
				}
}
.vcs .choco .obj-4 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .choco .obj-4 {
								width: 61.92px;
								top: 755.08px;
								left: 313.6133333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .choco .obj-4 {
								width: 14.4vw;
								top: 175.6vw;
								left: 72.9333333333vw;
				}
}
@media (width < 769px) {
				.vcs .choco .obj-4 {
								width: 14.4vw;
								top: 175.6vw;
								left: 72.9333333333vw;
				}
}
@media (width >= 769px) {
				.vcs .sauce {
								height: 999.32px;
				}
}
@media (769px <= width < 769px) {
				.vcs .sauce {
								height: 232.4vw;
				}
}
@media (width < 769px) {
				.vcs .sauce {
								height: 232.4vw;
				}
}
.vcs .sauce {
				aspect-ratio: 750/1743;
				position: relative;
				z-index: 2;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/sauce_bg.jpg);
}
.vcs .sauce .heading {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .sauce .heading {
								width: 378.4px;
								top: 111.2266666667px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .sauce .heading {
								width: 88vw;
								top: 25.8666666667vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .sauce .heading {
								width: 88vw;
								top: 25.8666666667vw;
								left: 0vw;
				}
}
.vcs .sauce .ttl {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .sauce .ttl {
								width: 247.68px;
								top: 626.6533333333px;
								left: 25.2266666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .sauce .ttl {
								width: 57.6vw;
								top: 145.7333333333vw;
								left: 5.8666666667vw;
				}
}
@media (width < 769px) {
				.vcs .sauce .ttl {
								width: 57.6vw;
								top: 145.7333333333vw;
								left: 5.8666666667vw;
				}
}
.vcs .sauce .content {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .sauce .content {
								width: 235.64px;
								top: 777.44px;
								left: 24.08px;
				}
}
@media (769px <= width < 769px) {
				.vcs .sauce .content {
								width: 54.8vw;
								top: 180.8vw;
								left: 5.6vw;
				}
}
@media (width < 769px) {
				.vcs .sauce .content {
								width: 54.8vw;
								top: 180.8vw;
								left: 5.6vw;
				}
}
.vcs .sauce .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .sauce .obj-1 {
								width: 76.2533333333px;
								top: 284.9466666667px;
								left: 43px;
				}
}
@media (769px <= width < 769px) {
				.vcs .sauce .obj-1 {
								width: 17.7333333333vw;
								top: 66.2666666667vw;
								left: 10vw;
				}
}
@media (width < 769px) {
				.vcs .sauce .obj-1 {
								width: 17.7333333333vw;
								top: 66.2666666667vw;
								left: 10vw;
				}
}
.vcs .sauce .obj-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .sauce .obj-2 {
								width: 93.4533333333px;
								top: 931.6666666667px;
								left: 300.4266666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .sauce .obj-2 {
								width: 21.7333333333vw;
								top: 216.6666666667vw;
								left: 69.8666666667vw;
				}
}
@media (width < 769px) {
				.vcs .sauce .obj-2 {
								width: 21.7333333333vw;
								top: 216.6666666667vw;
								left: 69.8666666667vw;
				}
}
@media (width >= 769px) {
				.vcs .ice {
								height: 667.36px;
				}
}
@media (769px <= width < 769px) {
				.vcs .ice {
								height: 155.2vw;
				}
}
@media (width < 769px) {
				.vcs .ice {
								height: 155.2vw;
				}
}
.vcs .ice {
				aspect-ratio: 750/1164;
				position: relative;
				z-index: 1;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/ice_bg.jpg);
}
.vcs .ice .pkg {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .ice .pkg {
								width: 430px;
								top: 200.6666666667px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .ice .pkg {
								width: 100vw;
								top: 46.6666666667vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .ice .pkg {
								width: 100vw;
								top: 46.6666666667vw;
								left: 0vw;
				}
}
.vcs .ice .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .ice .obj-1 {
								width: 92.3066666667px;
								top: 83.7066666667px;
								left: 4.0133333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .ice .obj-1 {
								width: 21.4666666667vw;
								top: 19.4666666667vw;
								left: 0.9333333333vw;
				}
}
@media (width < 769px) {
				.vcs .ice .obj-1 {
								width: 21.4666666667vw;
								top: 19.4666666667vw;
								left: 0.9333333333vw;
				}
}
.vcs .ice .obj-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .ice .obj-2 {
								width: 95.1733333333px;
								top: 484.4666666667px;
								left: 316.48px;
				}
}
@media (769px <= width < 769px) {
				.vcs .ice .obj-2 {
								width: 22.1333333333vw;
								top: 112.6666666667vw;
								left: 73.6vw;
				}
}
@media (width < 769px) {
				.vcs .ice .obj-2 {
								width: 22.1333333333vw;
								top: 112.6666666667vw;
								left: 73.6vw;
				}
}
@media (width >= 769px) {
				.vcs .commit {
								height: 732.72px;
				}
}
@media (769px <= width < 769px) {
				.vcs .commit {
								height: 170.4vw;
				}
}
@media (width < 769px) {
				.vcs .commit {
								height: 170.4vw;
				}
}
.vcs .commit {
				aspect-ratio: 750/1278;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/commit_bg.jpg);
}
.vcs .commit .heading {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .commit .heading {
								width: 344px;
								top: 65.9333333333px;
								left: 36.12px;
				}
}
@media (769px <= width < 769px) {
				.vcs .commit .heading {
								width: 80vw;
								top: 15.3333333333vw;
								left: 8.4vw;
				}
}
@media (width < 769px) {
				.vcs .commit .heading {
								width: 80vw;
								top: 15.3333333333vw;
								left: 8.4vw;
				}
}
.vcs .commit .ttl {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .commit .ttl {
								width: 350.3066666667px;
								top: 229.9066666667px;
								left: 36.12px;
				}
}
@media (769px <= width < 769px) {
				.vcs .commit .ttl {
								width: 81.4666666667vw;
								top: 53.4666666667vw;
								left: 8.4vw;
				}
}
@media (width < 769px) {
				.vcs .commit .ttl {
								width: 81.4666666667vw;
								top: 53.4666666667vw;
								left: 8.4vw;
				}
}
.vcs .commit .content {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .commit .content {
								width: 361.7733333333px;
								top: 321.64px;
								left: 33.8266666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .commit .content {
								width: 84.1333333333vw;
								top: 74.8vw;
								left: 7.8666666667vw;
				}
}
@media (width < 769px) {
				.vcs .commit .content {
								width: 84.1333333333vw;
								top: 74.8vw;
								left: 7.8666666667vw;
				}
}
.vcs .commit .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .commit .obj-1 {
								width: 121.5466666667px;
								top: 563.5866666667px;
								left: 272.3333333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .commit .obj-1 {
								width: 28.2666666667vw;
								top: 131.0666666667vw;
								left: 63.3333333333vw;
				}
}
@media (width < 769px) {
				.vcs .commit .obj-1 {
								width: 28.2666666667vw;
								top: 131.0666666667vw;
								left: 63.3333333333vw;
				}
}
@media (width >= 769px) {
				.vcs .review {
								height: 1748.6666666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review {
								height: 406.6666666667vw;
				}
}
@media (width < 769px) {
				.vcs .review {
								height: 406.6666666667vw;
				}
}
.vcs .review {
				aspect-ratio: 750/3050;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: bottom center;
				background-image: url(../img/review_bg.jpg);
}
.vcs .review .heading {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .heading {
								width: 298.1333333333px;
								top: 206.9733333333px;
								left: 63.0666666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .heading {
								width: 69.3333333333vw;
								top: 48.1333333333vw;
								left: 14.6666666667vw;
				}
}
@media (width < 769px) {
				.vcs .review .heading {
								width: 69.3333333333vw;
								top: 48.1333333333vw;
								left: 14.6666666667vw;
				}
}
.vcs .review .ttl {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .ttl {
								width: 224.7466666667px;
								top: 346.2933333333px;
								left: 99.76px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .ttl {
								width: 52.2666666667vw;
								top: 80.5333333333vw;
								left: 23.2vw;
				}
}
@media (width < 769px) {
				.vcs .review .ttl {
								width: 52.2666666667vw;
								top: 80.5333333333vw;
								left: 23.2vw;
				}
}
.vcs .review .num-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .num-1 {
								width: 160.5333333333px;
								top: 446.6266666667px;
								left: 44.72px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .num-1 {
								width: 37.3333333333vw;
								top: 103.8666666667vw;
								left: 10.4vw;
				}
}
@media (width < 769px) {
				.vcs .review .num-1 {
								width: 37.3333333333vw;
								top: 103.8666666667vw;
								left: 10.4vw;
				}
}
.vcs .review .num-1 {
				z-index: 2;
}
.vcs .review .num-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .num-2 {
								width: 132.44px;
								top: 800.3733333333px;
								left: 259.1466666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .num-2 {
								width: 30.8vw;
								top: 186.1333333333vw;
								left: 60.2666666667vw;
				}
}
@media (width < 769px) {
				.vcs .review .num-2 {
								width: 30.8vw;
								top: 186.1333333333vw;
								left: 60.2666666667vw;
				}
}
.vcs .review .num-2 {
				z-index: 2;
}
.vcs .review .num-3 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .num-3 {
								width: 171.4266666667px;
								top: 1186.8px;
								left: 37.2666666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .num-3 {
								width: 39.8666666667vw;
								top: 276vw;
								left: 8.6666666667vw;
				}
}
@media (width < 769px) {
				.vcs .review .num-3 {
								width: 39.8666666667vw;
								top: 276vw;
								left: 8.6666666667vw;
				}
}
.vcs .review .num-3 {
				z-index: 2;
}
.vcs .review .content-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .content-1 {
								width: 310.1733333333px;
								top: 524.0266666667px;
								left: 48.16px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .content-1 {
								width: 72.1333333333vw;
								top: 121.8666666667vw;
								left: 11.2vw;
				}
}
@media (width < 769px) {
				.vcs .review .content-1 {
								width: 72.1333333333vw;
								top: 121.8666666667vw;
								left: 11.2vw;
				}
}
.vcs .review .content-1 {
				z-index: 1;
}
.vcs .review .content-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .content-2 {
								width: 361.7733333333px;
								top: 872.04px;
								left: 39.56px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .content-2 {
								width: 84.1333333333vw;
								top: 202.8vw;
								left: 9.2vw;
				}
}
@media (width < 769px) {
				.vcs .review .content-2 {
								width: 84.1333333333vw;
								top: 202.8vw;
								left: 9.2vw;
				}
}
.vcs .review .content-2 {
				z-index: 1;
}
.vcs .review .content-3 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .content-3 {
								width: 386.4266666667px;
								top: 1251.0133333333px;
								left: 15.48px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .content-3 {
								width: 89.8666666667vw;
								top: 290.9333333333vw;
								left: 3.6vw;
				}
}
@media (width < 769px) {
				.vcs .review .content-3 {
								width: 89.8666666667vw;
								top: 290.9333333333vw;
								left: 3.6vw;
				}
}
.vcs .review .content-3 {
				z-index: 1;
}
.vcs .review .note {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .note {
								width: 277.4933333333px;
								top: 1635.72px;
								left: 71.6666666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .note {
								width: 64.5333333333vw;
								top: 380.4vw;
								left: 16.6666666667vw;
				}
}
@media (width < 769px) {
				.vcs .review .note {
								width: 64.5333333333vw;
								top: 380.4vw;
								left: 16.6666666667vw;
				}
}
.vcs .review .obj-1 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .obj-1 {
								width: 67.6533333333px;
								top: 1.1466666667px;
								left: 342.8533333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .obj-1 {
								width: 15.7333333333vw;
								top: 0.2666666667vw;
								left: 79.7333333333vw;
				}
}
@media (width < 769px) {
				.vcs .review .obj-1 {
								width: 15.7333333333vw;
								top: 0.2666666667vw;
								left: 79.7333333333vw;
				}
}
.vcs .review .obj-1 {
				z-index: 2;
}
.vcs .review .obj-2 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .obj-2 {
								width: 128.4266666667px;
								top: 35.5466666667px;
								left: 0px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .obj-2 {
								width: 29.8666666667vw;
								top: 8.2666666667vw;
								left: 0vw;
				}
}
@media (width < 769px) {
				.vcs .review .obj-2 {
								width: 29.8666666667vw;
								top: 8.2666666667vw;
								left: 0vw;
				}
}
.vcs .review .obj-2 {
				z-index: 2;
}
.vcs .review .obj-3 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .obj-3 {
								width: 41.8533333333px;
								top: 559px;
								left: 325.6533333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .obj-3 {
								width: 9.7333333333vw;
								top: 130vw;
								left: 75.7333333333vw;
				}
}
@media (width < 769px) {
				.vcs .review .obj-3 {
								width: 9.7333333333vw;
								top: 130vw;
								left: 75.7333333333vw;
				}
}
.vcs .review .obj-3 {
				z-index: 2;
}
.vcs .review .obj-4 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .obj-4 {
								width: 86.5733333333px;
								top: 698.8933333333px;
								left: 35.5466666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .obj-4 {
								width: 20.1333333333vw;
								top: 162.5333333333vw;
								left: 8.2666666667vw;
				}
}
@media (width < 769px) {
				.vcs .review .obj-4 {
								width: 20.1333333333vw;
								top: 162.5333333333vw;
								left: 8.2666666667vw;
				}
}
.vcs .review .obj-4 {
				z-index: 2;
}
.vcs .review .obj-5 {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .review .obj-5 {
								width: 100.3333333333px;
								top: 1036.5866666667px;
								left: 321.64px;
				}
}
@media (769px <= width < 769px) {
				.vcs .review .obj-5 {
								width: 23.3333333333vw;
								top: 241.0666666667vw;
								left: 74.8vw;
				}
}
@media (width < 769px) {
				.vcs .review .obj-5 {
								width: 23.3333333333vw;
								top: 241.0666666667vw;
								left: 74.8vw;
				}
}
.vcs .review .obj-5 {
				z-index: 2;
}
@media (width >= 769px) {
				.vcs .info {
								height: 260.8666666667px;
				}
}
@media (769px <= width < 769px) {
				.vcs .info {
								height: 60.6666666667vw;
				}
}
@media (width < 769px) {
				.vcs .info {
								height: 60.6666666667vw;
				}
}
.vcs .info {
				aspect-ratio: 750/455;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
.vcs .info .lineup {
				position: relative;
}
.vcs .info .lineup .lineup_btn {
				position: absolute;
}
@media (width >= 769px) {
				.vcs .info .lineup .lineup_btn {
								width: 379.5466666667px;
								top: 0px;
								left: 24.08px;
				}
}
@media (769px <= width < 769px) {
				.vcs .info .lineup .lineup_btn {
								width: 88.2666666667vw;
								top: 0vw;
								left: 5.6vw;
				}
}
@media (width < 769px) {
				.vcs .info .lineup .lineup_btn {
								width: 88.2666666667vw;
								top: 0vw;
								left: 5.6vw;
				}
}
.vcs .info .sns {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
}
@media (width >= 769px) {
				.vcs .info .sns {
								top: 126.1333333333px;
				}
}
@media (769px <= width < 769px) {
				.vcs .info .sns {
								top: 29.3333333333vw;
				}
}
@media (width < 769px) {
				.vcs .info .sns {
								position: absolute;
								width: 100%;
								top: 29.3333333333vw;
				}
}
@media (width >= 769px) {
				.vcs .info .sns li {
								width: 43.5733333333px;
								margin: 0 10px;
				}
}
@media (769px <= width < 769px) {
				.vcs .info .sns li {
								width: 10.1333333333vw;
								margin: 0 2.3255813953vw;
				}
}
@media (width < 769px) {
				.vcs .info .sns li {
								width: 10.1333333333vw;
								margin: 0 3%;
				}
}

@-webkit-keyframes swing {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 10px);
								        transform: translate(0, 10px);
				}
}

@keyframes swing {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 10px);
								        transform: translate(0, 10px);
				}
}
.pj .swing {
				-webkit-animation-timing-function: ease-in-out;
				        animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-animation-direction: alternate;
				        animation-direction: alternate;
				-webkit-animation-duration: 2s;
				        animation-duration: 2s;
				-webkit-animation-name: swing;
				        animation-name: swing;
}
@-webkit-keyframes swing2 {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 20px);
								        transform: translate(0, 20px);
				}
}
@keyframes swing2 {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 20px);
								        transform: translate(0, 20px);
				}
}
.pj .swing2 {
				-webkit-animation-timing-function: ease-in-out;
				        animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-animation-direction: alternate;
				        animation-direction: alternate;
				-webkit-animation-duration: 2s;
				        animation-duration: 2s;
				-webkit-animation-name: swing2;
				        animation-name: swing2;
}
@-webkit-keyframes flash {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0;
				}
}
@keyframes flash {
				0%, 100% {
								opacity: 1;
				}
				50% {
								opacity: 0;
				}
}
.pj .flash {
				-webkit-animation: flash 1.5s linear infinite;
				        animation: flash 1.5s linear infinite;
}
@-webkit-keyframes rotate {
				0% {
								-webkit-transform: rotate(0);
								        transform: rotate(0);
				}
				100% {
								-webkit-transform: rotateY(360deg);
								        transform: rotateY(360deg);
				}
}
@keyframes rotate {
				0% {
								-webkit-transform: rotate(0);
								        transform: rotate(0);
				}
				100% {
								-webkit-transform: rotateY(360deg);
								        transform: rotateY(360deg);
				}
}
.pj .shine_anm_1 {
				-webkit-animation: 6s linear infinite rotate;
				        animation: 6s linear infinite rotate;
}
.pj .shine {
				position: absolute;
				-webkit-animation: 6s linear infinite shine;
				        animation: 6s linear infinite shine;
}
.pj .shine img {
				display: inline-block;
}

.sa {
				opacity: 0;
				-webkit-transition: all 1s ease;
				transition: all 1s ease;
}
.sa-low {
				-webkit-transition: all 1.5s ease-out;
				transition: all 1.5s ease-out;
}
.sa.show {
				opacity: 1;
				-webkit-transform: none;
				        transform: none;
}
.sa--lr {
				-webkit-transform: translateX(-30px);
				        transform: translateX(-30px);
}
.sa--rl {
				-webkit-transform: translateX(30px);
				        transform: translateX(30px);
}
.sa--up {
				-webkit-transform: translateY(20px);
				        transform: translateY(20px);
}
.sa--up2 {
				-webkit-transform: translateY(80px);
				        transform: translateY(80px);
}
.sa--up3 {
				-webkit-transform: translateY(80px);
				        transform: translateY(80px);
}
.sa--down {
				-webkit-transform: translateY(-30px);
				        transform: translateY(-30px);
}

@media (width >= 769px) {
				.u-hdn--pc {
								display: none;
				}
}

@media (width < 769px) {
				.u-hdn--sp {
								display: none;
				}
}
/*# sourceMappingURL=style.css.map */