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

.pj {
				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 (769px < width) {
				.pj {
								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) {
				.pj {
								padding-top: 127px;
				}
}
.pj section,
.pj h2,
.pj h3,
.pj h4,
.pj h5,
.pj p,
.pj ul,
.pj dl,
.pj dt,
.pj dd,
.pj img {
				margin: 0;
				padding: 0;
}
.pj img {
				max-width: 100%;
				vertical-align: bottom;
				height: auto;
				image-rendering: auto;
}
@media (width < 768px) {
				.pj img {
								width: 100%;
								max-width: 100%;
				}
}
.pj a {
				-webkit-transition: 0.3s;
				transition: 0.3s;
				text-decoration: none;
}
.pj a:hover img {
				opacity: 0.8;
}
.pj ol,
.pj ul {
				list-style: none;
				padding: 0;
}
.pj section {
				position: relative;
}
.pj section h2,
.pj section h3,
.pj section h4,
.pj section p {
				position: absolute;
				line-height: 0;
}
@media (769px < width) {
				.pj .pc {
								display: block !important;
				}
}
@media (769px < width < 768px) {
				.pj .pc {
								display: block !important;
				}
}
@media (width < 768px) {
				.pj .pc {
								display: none !important;
				}
}
@media (769px < width) {
				.pj .sp {
								display: none !important;
				}
}
@media (769px < width < 768px) {
				.pj .sp {
								display: none !important;
				}
}
@media (width < 768px) {
				.pj .sp {
								display: block !important;
				}
}
.pj .pe-none {
				pointer-events: none;
}
.pj .obj {
				position: absolute;
}
.pj .obj img {
				width: 100%;
}
.pj .anim {
				position: absolute;
				z-index: 0;
}

.pj {
				/*
				.block {
					$height: calc(463 / $retina);

					background: {
						color: white;
					}

					@include mq(l) {
						height: ($height)+px;
					}

					@include mq(m) {
						height: calc($height / $bp-m * 100vw);
					}

					@include mq(s) {
						height: calc($height / $bp-s * 100vw);
					}
				}
				*/
}
@media (769px < width) {
				.pj .bg-ttl {
								position: fixed;
								top: 50%;
								left: 50%;
								-webkit-transform: translate(-600px, -50%);
								        transform: translate(-600px, -50%);
								width: 23vw;
								max-width: 315px;
								z-index: 1;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-ttl {
								left: 3%;
								-webkit-transform: translate(0, -50%);
								        transform: translate(0, -50%);
								width: 18vw;
				}
}
@media (769px < width < 768px) {
				.pj .bg-ttl {
								display: none !important;
				}
}
@media (width < 768px) {
				.pj .bg-ttl {
								display: none !important;
				}
}
.pj .bg-obj img {
				width: 100%;
}
@media (769px < width) {
				.pj .bg-obj-1 {
								position: fixed;
								top: 60%;
								left: 50%;
								-webkit-transform: translate(-600px, -50%);
								        transform: translate(-600px, -50%);
								width: 230px;
								z-index: -1;
				}
}
@media (770px < width < 1365px) {
				.pj .bg-obj-1 {
								-webkit-transform: translate(-500px, -50%);
								        transform: translate(-500px, -50%);
				}
}
@media (769px < width < 768px) {
				.pj .bg-obj-1 {
								display: none !important;
				}
}
@media (width < 768px) {
				.pj .bg-obj-1 {
								display: none !important;
				}
}
.pj .products_container {
				overflow: hidden;
				z-index: 1;
				position: relative;
}
@media (769px < width) {
				.pj .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
.pj .mv {
				aspect-ratio: 750/1137;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
}
@media (769px < width) {
				.pj .mv {
								height: 651.88px;
				}
}
@media (769px < width < 768px) {
				.pj .mv {
								height: 47.7567765568vw;
				}
}
@media (width < 768px) {
				.pj .mv {
								height: 151.6vw;
				}
}
.pj .mv .gc-label {
				width: 100%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
}
.pj .mv .pkg {
				position: absolute;
				-webkit-transition-delay: 2.3s;
				        transition-delay: 2.3s;
}
@media (769px < width) {
				.pj .mv .pkg {
								width: 150.7866666667px;
								top: 520.5866666667px;
								left: 139.8933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .pkg {
								width: 11.0466422466vw;
								top: 38.1382173382vw;
								left: 10.2485958486vw;
				}
}
@media (width < 768px) {
				.pj .mv .pkg {
								width: 35.0666666667vw;
								top: 121.0666666667vw;
								left: 32.5333333333vw;
				}
}
.pj .mv .copy-1 {
				position: absolute;
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.pj .mv .copy-1 {
								width: 125.56px;
								top: 164.5466666667px;
								left: 30.3866666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .copy-1 {
								width: 9.1985347985vw;
								top: 12.0547008547vw;
								left: 2.2261294261vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy-1 {
								width: 29.2vw;
								top: 38.2666666667vw;
								left: 7.0666666667vw;
				}
}
.pj .mv .copy-2 {
				position: absolute;
				-webkit-transition-delay: 0.9s;
				        transition-delay: 0.9s;
}
@media (769px < width) {
				.pj .mv .copy-2 {
								width: 103.2px;
								top: 193.2133333333px;
								left: 61.3466666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .copy-2 {
								width: 7.5604395604vw;
								top: 14.1548229548vw;
								left: 4.4942612943vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy-2 {
								width: 24vw;
								top: 44.9333333333vw;
								left: 14.2666666667vw;
				}
}
.pj .mv .copy-3 {
				position: absolute;
				-webkit-transition-delay: 1.1s;
				        transition-delay: 1.1s;
}
@media (769px < width) {
				.pj .mv .copy-3 {
								width: 100.3333333333px;
								top: 225.32px;
								left: 40.7066666667px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .copy-3 {
								width: 7.3504273504vw;
								top: 16.506959707vw;
								left: 2.9821733822vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy-3 {
								width: 23.3333333333vw;
								top: 52.4vw;
								left: 9.4666666667vw;
				}
}
.pj .mv .btn {
				position: absolute;
				-webkit-transition-delay: 2.8s;
				        transition-delay: 2.8s;
}
@media (769px < width) {
				.pj .mv .btn {
								width: 159.96px;
								top: 108.36px;
								left: 263.7333333333px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .btn {
								width: 11.7186813187vw;
								top: 7.9384615385vw;
								left: 19.3211233211vw;
				}
}
@media (width < 768px) {
				.pj .mv .btn {
								width: 37.2vw;
								top: 25.2vw;
								left: 61.3333333333vw;
				}
}
.pj .mv .ttl {
				position: absolute;
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
}
@media (769px < width) {
				.pj .mv .ttl {
								width: 248.2533333333px;
								top: 435.7333333333px;
								left: 91.7333333333px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .ttl {
								width: 18.1870573871vw;
								top: 31.9218559219vw;
								left: 6.7203907204vw;
				}
}
@media (width < 768px) {
				.pj .mv .ttl {
								width: 57.7333333333vw;
								top: 101.3333333333vw;
								left: 21.3333333333vw;
				}
}
.pj .mv .date {
				position: absolute;
				-webkit-transition-delay: 1.9s;
				        transition-delay: 1.9s;
}
@media (769px < width) {
				.pj .mv .date {
								width: 68.2266666667px;
								top: 575.6266666667px;
								left: 290.68px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .date {
								width: 4.9982905983vw;
								top: 42.1704517705vw;
								left: 21.2952380952vw;
				}
}
@media (width < 768px) {
				.pj .mv .date {
								width: 15.8666666667vw;
								top: 133.8666666667vw;
								left: 67.6vw;
				}
}
.pj .intro {
				aspect-ratio: 750/709;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
@media (769px < width) {
				.pj .intro {
								height: 406.4933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .intro {
								height: 29.7797313797vw;
				}
}
@media (width < 768px) {
				.pj .intro {
								height: 94.5333333333vw;
				}
}
.pj .intro .ttl {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .ttl {
								width: 337.12px;
								top: 0px;
								left: 46.44px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .ttl {
								width: 24.6974358974vw;
								top: 0vw;
								left: 3.4021978022vw;
				}
}
@media (width < 768px) {
				.pj .intro .ttl {
								width: 78.4vw;
								top: 0vw;
								left: 10.8vw;
				}
}
.pj .intro .content {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .content {
								width: 358.3333333333px;
								top: 119.8266666667px;
								left: 41.28px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .content {
								width: 26.2515262515vw;
								top: 8.7785103785vw;
								left: 3.0241758242vw;
				}
}
@media (width < 768px) {
				.pj .intro .content {
								width: 83.3333333333vw;
								top: 27.8666666667vw;
								left: 9.6vw;
				}
}
.pj .intro .obj {
				position: absolute;
				z-index: 1;
}
@media (769px < width) {
				.pj .intro .obj {
								width: 192.0666666667px;
								top: 322.2133333333px;
								left: 237.9333333333px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .obj {
								width: 14.0708180708vw;
								top: 23.6053724054vw;
								left: 17.431013431vw;
				}
}
@media (width < 768px) {
				.pj .intro .obj {
								width: 44.6666666667vw;
								top: 74.9333333333vw;
								left: 55.3333333333vw;
				}
}
.pj .feature {
				aspect-ratio: 750/2269;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/feature_bg.jpg);
}
@media (769px < width) {
				.pj .feature {
								height: 1300.8933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .feature {
								height: 95.3035409035vw;
				}
}
@media (width < 768px) {
				.pj .feature {
								height: 302.5333333333vw;
				}
}
.pj .feature .ice {
				position: absolute;
				z-index: 2;
}
@media (769px < width) {
				.pj .feature .ice {
								width: 430px;
								top: 355.4666666667px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ice {
								width: 31.5018315018vw;
								top: 26.0415140415vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .feature .ice {
								width: 100vw;
								top: 82.6666666667vw;
								left: 0vw;
				}
}
.pj .feature .ttl-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .ttl-1 {
								width: 301px;
								top: 60.7733333333px;
								left: 32.68px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-1 {
								width: 22.0512820513vw;
								top: 4.4522588523vw;
								left: 2.3941391941vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-1 {
								width: 70vw;
								top: 14.1333333333vw;
								left: 7.6vw;
				}
}
.pj .feature .ttl-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .ttl-2 {
								width: 248.2533333333px;
								top: 833.6266666667px;
								left: 32.68px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ttl-2 {
								width: 18.1870573871vw;
								top: 61.0715506716vw;
								left: 2.3941391941vw;
				}
}
@media (width < 768px) {
				.pj .feature .ttl-2 {
								width: 57.7333333333vw;
								top: 193.8666666667vw;
								left: 7.6vw;
				}
}
.pj .feature .content-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-1 {
								width: 359.48px;
								top: 173.72px;
								left: 30.96px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-1 {
								width: 26.3355311355vw;
								top: 12.7267399267vw;
								left: 2.2681318681vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-1 {
								width: 83.6vw;
								top: 40.4vw;
								left: 7.2vw;
				}
}
.pj .feature .content-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-2 {
								width: 331.3866666667px;
								top: 888.6666666667px;
								left: 30.96px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-2 {
								width: 24.2774114774vw;
								top: 65.1037851038vw;
								left: 2.2681318681vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-2 {
								width: 77.0666666667vw;
								top: 206.6666666667vw;
								left: 7.2vw;
				}
}
.pj .feature .obj {
				position: absolute;
				z-index: 0;
}
@media (769px < width) {
				.pj .feature .obj {
								width: 430px;
								top: 391.5866666667px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .obj {
								width: 31.5018315018vw;
								top: 28.6876678877vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .feature .obj {
								width: 100vw;
								top: 91.0666666667vw;
								left: 0vw;
				}
}
.pj .feature .pkg {
				position: absolute;
				z-index: 1;
}
@media (769px < width) {
				.pj .feature .pkg {
								width: 430px;
								top: 1144.3733333333px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .pkg {
								width: 31.5018315018vw;
								top: 83.8368742369vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .feature .pkg {
								width: 100vw;
								top: 266.1333333333vw;
								left: 0vw;
				}
}
.pj .review {
				aspect-ratio: 750/1278;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: bottom center;
				background-image: url(../img/review_bg.jpg);
}
@media (769px < width) {
				.pj .review {
								height: 732.72px;
				}
}
@media (769px < width < 768px) {
				.pj .review {
								height: 53.6791208791vw;
				}
}
@media (width < 768px) {
				.pj .review {
								height: 170.4vw;
				}
}
.pj .review .ttl-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .ttl-1 {
								width: 328.52px;
								top: 70.52px;
								left: 33.2533333333px;
				}
}
@media (769px < width < 768px) {
				.pj .review .ttl-1 {
								width: 24.0673992674vw;
								top: 5.1663003663vw;
								left: 2.4361416361vw;
				}
}
@media (width < 768px) {
				.pj .review .ttl-1 {
								width: 76.4vw;
								top: 16.4vw;
								left: 7.7333333333vw;
				}
}
.pj .review .ttl-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .ttl-2 {
								width: 172px;
								top: 188.6266666667px;
								left: 31.5333333333px;
				}
}
@media (769px < width < 768px) {
				.pj .review .ttl-2 {
								width: 12.6007326007vw;
								top: 13.8188034188vw;
								left: 2.3101343101vw;
				}
}
@media (width < 768px) {
				.pj .review .ttl-2 {
								width: 40vw;
								top: 43.8666666667vw;
								left: 7.3333333333vw;
				}
}
.pj .review .content-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .content-1 {
								width: 392.7333333333px;
								top: 252.2666666667px;
								left: 18.92px;
				}
}
@media (769px < width < 768px) {
				.pj .review .content-1 {
								width: 28.7716727717vw;
								top: 18.4810744811vw;
								left: 1.3860805861vw;
				}
}
@media (width < 768px) {
				.pj .review .content-1 {
								width: 91.3333333333vw;
								top: 58.6666666667vw;
								left: 4.4vw;
				}
}
.pj .review .content-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .content-2 {
								width: 392.7333333333px;
								top: 371.52px;
								left: 18.92px;
				}
}
@media (769px < width < 768px) {
				.pj .review .content-2 {
								width: 28.7716727717vw;
								top: 27.2175824176vw;
								left: 1.3860805861vw;
				}
}
@media (width < 768px) {
				.pj .review .content-2 {
								width: 91.3333333333vw;
								top: 86.4vw;
								left: 4.4vw;
				}
}
.pj .review .content-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .review .content-3 {
								width: 392.7333333333px;
								top: 478.7333333333px;
								left: 18.92px;
				}
}
@media (769px < width < 768px) {
				.pj .review .content-3 {
								width: 28.7716727717vw;
								top: 35.072039072vw;
								left: 1.3860805861vw;
				}
}
@media (width < 768px) {
				.pj .review .content-3 {
								width: 91.3333333333vw;
								top: 111.3333333333vw;
								left: 4.4vw;
				}
}
.pj .review .note {
				position: absolute;
}
@media (769px < width) {
				.pj .review .note {
								width: 291.8266666667px;
								top: 609.4533333333px;
								left: 69.3733333333px;
				}
}
@media (769px < width < 768px) {
				.pj .review .note {
								width: 21.3792429792vw;
								top: 44.6485958486vw;
								left: 5.0822954823vw;
				}
}
@media (width < 768px) {
				.pj .review .note {
								width: 67.8666666667vw;
								top: 141.7333333333vw;
								left: 16.1333333333vw;
				}
}
.pj .gc {
				aspect-ratio: 750/1622;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-color: #ead8bf;
				background-image: url(../img/gc/bg.png);
}
@media (769px < width) {
				.pj .gc {
								height: 929.9466666667px;
				}
}
@media (769px < width < 768px) {
				.pj .gc {
								height: 68.127960928vw;
				}
}
@media (width < 768px) {
				.pj .gc {
								height: 216.2666666667vw;
				}
}
.pj .gc .ttl {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .ttl {
								width: 282.6533333333px;
								top: 65.36px;
								left: 73.96px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .ttl {
								width: 20.7072039072vw;
								top: 4.7882783883vw;
								left: 5.4183150183vw;
				}
}
@media (width < 768px) {
				.pj .gc .ttl {
								width: 65.7333333333vw;
								top: 15.2vw;
								left: 17.2vw;
				}
}
.pj .gc .content-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .content-1 {
								width: 359.48px;
								top: 232.2px;
								left: 36.12px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .content-1 {
								width: 26.3355311355vw;
								top: 17.010989011vw;
								left: 2.6461538462vw;
				}
}
@media (width < 768px) {
				.pj .gc .content-1 {
								width: 83.6vw;
								top: 54vw;
								left: 8.4vw;
				}
}
.pj .gc .content-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .content-2 {
								width: 359.48px;
								top: 435.16px;
								left: 34.4px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .content-2 {
								width: 26.3355311355vw;
								top: 31.8798534799vw;
								left: 2.5201465201vw;
				}
}
@media (width < 768px) {
				.pj .gc .content-2 {
								width: 83.6vw;
								top: 101.2vw;
								left: 8vw;
				}
}
.pj .gc .content-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .content-3 {
								width: 314.1866666667px;
								top: 657.04px;
								left: 36.6933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .content-3 {
								width: 23.0173382173vw;
								top: 48.1347985348vw;
								left: 2.6881562882vw;
				}
}
@media (width < 768px) {
				.pj .gc .content-3 {
								width: 73.0666666667vw;
								top: 152.8vw;
								left: 8.5333333333vw;
				}
}
.pj .gc .obj-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .obj-1 {
								width: 107.2133333333px;
								top: 141.6133333333px;
								left: 322.7866666667px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .obj-1 {
								width: 7.8544566545vw;
								top: 10.3746031746vw;
								left: 23.6473748474vw;
				}
}
@media (width < 768px) {
				.pj .gc .obj-1 {
								width: 24.9333333333vw;
								top: 32.9333333333vw;
								left: 75.0666666667vw;
				}
}
.pj .gc .obj-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .obj-2 {
								width: 126.7066666667px;
								top: 344px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .obj-2 {
								width: 9.2825396825vw;
								top: 25.2014652015vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .gc .obj-2 {
								width: 29.4666666667vw;
								top: 80vw;
								left: 0vw;
				}
}
.pj .gc .obj-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .obj-3 {
								width: 109.5066666667px;
								top: 560.72px;
								left: 320.4933333333px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .obj-3 {
								width: 8.0224664225vw;
								top: 41.0783882784vw;
								left: 23.4793650794vw;
				}
}
@media (width < 768px) {
				.pj .gc .obj-3 {
								width: 25.4666666667vw;
								top: 130.4vw;
								left: 74.5333333333vw;
				}
}
.pj .gc .obj-4 {
				position: absolute;
}
@media (769px < width) {
				.pj .gc .obj-4 {
								width: 139.8933333333px;
								top: 744.1866666667px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .gc .obj-4 {
								width: 10.2485958486vw;
								top: 54.5191697192vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .gc .obj-4 {
								width: 32.5333333333vw;
								top: 173.0666666667vw;
								left: 0vw;
				}
}
.pj .info {
				position: relative;
				aspect-ratio: 750/486;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
@media (769px < width) {
				.pj .info {
								height: 278.64px;
				}
}
@media (769px < width < 768px) {
				.pj .info {
								height: 20.4131868132vw;
				}
}
@media (width < 768px) {
				.pj .info {
								height: 64.8vw;
				}
}
.pj .info .lineup {
				position: relative;
}
.pj .info .lineup .lineup_btn {
				position: absolute;
}
@media (769px < width) {
				.pj .info .lineup .lineup_btn {
								width: 376.1066666667px;
								top: 51.6px;
								left: 26.9466666667px;
				}
}
@media (769px < width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 27.5536019536vw;
								top: 3.7802197802vw;
								left: 1.9741147741vw;
				}
}
@media (width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 87.4666666667vw;
								top: 12vw;
								left: 6.2666666667vw;
				}
}
.pj .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 (769px < width) {
				.pj .info .sns {
								top: 154.8px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns {
								top: 11.3406593407vw;
				}
}
@media (width < 768px) {
				.pj .info .sns {
								position: absolute;
								width: 100%;
								top: 36vw;
				}
}
@media (769px < width) {
				.pj .info .sns li {
								width: 43.5733333333px;
								margin: 0 10px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns li {
								width: 3.1921855922vw;
								margin: 0 0.7326007326vw;
				}
}
@media (width < 768px) {
				.pj .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 (769px < width) {
				.u-hdn--pc {
								display: none;
				}
}

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