/* 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 {
				/*
				   .anim-bg {
				       $width: calc(340 / $retina);
				       $top: calc(0 / $retina);
				       $left: calc(0 / $retina);
				       transition-delay: 1;

				       @include mq(l) {
				           width: ($width)+px;
				           top: ($top)+px;
				           left: ($left)+px;
				       }

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

				       @include mq(s) {
				           width: calc($width / $bp-s * 100vw);
				           top: calc($top / $bp-s * 100vw);
				           left: calc($left / $bp-s * 100vw);
				       }
				   }
				   */
}
.pj .products_container {
				overflow: hidden;
}
@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: 860/1583;
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
}
@media (769px < width) {
				.pj .mv {
								height: 791.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv {
								height: 57.9853479853vw;
				}
}
@media (width < 768px) {
				.pj .mv {
								height: 184.0697674419vw;
				}
}
.pj .mv .btn {
				position: absolute;
				z-index: 3;
}
@media (769px < width) {
				.pj .mv .btn {
								width: 160.5px;
								top: 11.5px;
								left: 263.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .btn {
								width: 11.7582417582vw;
								top: 0.8424908425vw;
								left: 19.304029304vw;
				}
}
@media (width < 768px) {
				.pj .mv .btn {
								width: 37.3255813953vw;
								top: 2.6744186047vw;
								left: 61.2790697674vw;
				}
}
.pj .mv .btn a {
				display: block;
}
.pj .mv .head {
				position: absolute;
				-webkit-transition-delay: 0.2s;
				        transition-delay: 0.2s;
				z-index: 0;
}
@media (769px < width) {
				.pj .mv .head {
								width: 377px;
								top: 37.5px;
								left: 26.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .head {
								width: 27.619047619vw;
								top: 2.7472527473vw;
								left: 1.9413919414vw;
				}
}
@media (width < 768px) {
				.pj .mv .head {
								width: 87.6744186047vw;
								top: 8.7209302326vw;
								left: 6.1627906977vw;
				}
}
.pj .mv .ice {
				position: absolute;
				-webkit-transition-delay: 0.4s;
				        transition-delay: 0.4s;
				z-index: 0;
}
@media (769px < width) {
				.pj .mv .ice {
								width: 314px;
								top: 259px;
								left: 65px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .ice {
								width: 23.0036630037vw;
								top: 18.9743589744vw;
								left: 4.7619047619vw;
				}
}
@media (width < 768px) {
				.pj .mv .ice {
								width: 73.023255814vw;
								top: 60.2325581395vw;
								left: 15.1162790698vw;
				}
}
.pj .mv .copy {
				position: absolute;
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.pj .mv .copy {
								width: 137px;
								top: 252.5px;
								left: 18px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .copy {
								width: 10.0366300366vw;
								top: 18.4981684982vw;
								left: 1.3186813187vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy {
								width: 31.8604651163vw;
								top: 58.7209302326vw;
								left: 4.1860465116vw;
				}
}
.pj .mv .pkg {
				position: absolute;
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
				z-index: 2;
}
@media (769px < width) {
				.pj .mv .pkg {
								width: 100px;
								top: 534.5px;
								left: 317px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .pkg {
								width: 7.326007326vw;
								top: 39.1575091575vw;
								left: 23.2234432234vw;
				}
}
@media (width < 768px) {
				.pj .mv .pkg {
								width: 23.2558139535vw;
								top: 124.3023255814vw;
								left: 73.7209302326vw;
				}
}
.pj .mv .ttl {
				position: absolute;
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
@media (769px < width) {
				.pj .mv .ttl {
								width: 291px;
								top: 665px;
								left: 19px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .ttl {
								width: 21.3186813187vw;
								top: 48.7179487179vw;
								left: 1.3919413919vw;
				}
}
@media (width < 768px) {
				.pj .mv .ttl {
								width: 67.6744186047vw;
								top: 154.6511627907vw;
								left: 4.4186046512vw;
				}
}
.pj .mv .date {
				position: absolute;
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
				z-index: 1;
}
@media (769px < width) {
				.pj .mv .date {
								width: 82px;
								top: 607.5px;
								left: 241px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .date {
								width: 6.0073260073vw;
								top: 44.5054945055vw;
								left: 17.6556776557vw;
				}
}
@media (width < 768px) {
				.pj .mv .date {
								width: 19.0697674419vw;
								top: 141.2790697674vw;
								left: 56.0465116279vw;
				}
}
.pj .mv .strawberry-1 {
				position: absolute;
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (769px < width) {
				.pj .mv .strawberry-1 {
								width: 121.5px;
								top: 251px;
								left: 300px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .strawberry-1 {
								width: 8.9010989011vw;
								top: 18.3882783883vw;
								left: 21.978021978vw;
				}
}
@media (width < 768px) {
				.pj .mv .strawberry-1 {
								width: 28.2558139535vw;
								top: 58.3720930233vw;
								left: 69.7674418605vw;
				}
}
.pj .mv .strawberry-2 {
				position: absolute;
				-webkit-transition-delay: 1.7s;
				        transition-delay: 1.7s;
}
@media (769px < width) {
				.pj .mv .strawberry-2 {
								width: 109px;
								top: 477.5px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .strawberry-2 {
								width: 7.9853479853vw;
								top: 34.9816849817vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .strawberry-2 {
								width: 25.3488372093vw;
								top: 111.0465116279vw;
								left: 0vw;
				}
}
.pj .mv .kakera {
				z-index: 2;
}
.pj .mv .kakera-1 {
				position: absolute;
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.pj .mv .kakera-1 {
								width: 46.5px;
								top: 209px;
								left: 16.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-1 {
								width: 3.4065934066vw;
								top: 15.3113553114vw;
								left: 1.2087912088vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-1 {
								width: 10.8139534884vw;
								top: 48.6046511628vw;
								left: 3.8372093023vw;
				}
}
.pj .mv .kakera-2 {
				position: absolute;
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
}
@media (769px < width) {
				.pj .mv .kakera-2 {
								width: 24px;
								top: 195.5px;
								left: 89.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-2 {
								width: 1.7582417582vw;
								top: 14.3223443223vw;
								left: 6.5567765568vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-2 {
								width: 5.5813953488vw;
								top: 45.4651162791vw;
								left: 20.8139534884vw;
				}
}
.pj .mv .kakera-3 {
				position: absolute;
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
@media (769px < width) {
				.pj .mv .kakera-3 {
								width: 37px;
								top: 178px;
								left: 303.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-3 {
								width: 2.7106227106vw;
								top: 13.0402930403vw;
								left: 22.2344322344vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-3 {
								width: 8.6046511628vw;
								top: 41.3953488372vw;
								left: 70.5813953488vw;
				}
}
.pj .mv .kakera-4 {
				position: absolute;
				-webkit-transition-delay: 1.4s;
				        transition-delay: 1.4s;
}
@media (769px < width) {
				.pj .mv .kakera-4 {
								width: 44px;
								top: 267.5px;
								left: 174.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-4 {
								width: 3.2234432234vw;
								top: 19.5970695971vw;
								left: 12.7838827839vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-4 {
								width: 10.2325581395vw;
								top: 62.2093023256vw;
								left: 40.5813953488vw;
				}
}
.pj .mv .kakera-5 {
				position: absolute;
				-webkit-transition-delay: 1.6s;
				        transition-delay: 1.6s;
}
@media (769px < width) {
				.pj .mv .kakera-5 {
								width: 36px;
								top: 376.5px;
								left: 125px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-5 {
								width: 2.6373626374vw;
								top: 27.5824175824vw;
								left: 9.1575091575vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-5 {
								width: 8.3720930233vw;
								top: 87.5581395349vw;
								left: 29.0697674419vw;
				}
}
.pj .mv .kakera-6 {
				position: absolute;
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
}
@media (769px < width) {
				.pj .mv .kakera-6 {
								width: 46.5px;
								top: 410.5px;
								left: 56px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-6 {
								width: 3.4065934066vw;
								top: 30.0732600733vw;
								left: 4.1025641026vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-6 {
								width: 10.8139534884vw;
								top: 95.4651162791vw;
								left: 13.023255814vw;
				}
}
.pj .mv .kakera-7 {
				position: absolute;
				-webkit-transition-delay: 2s;
				        transition-delay: 2s;
}
@media (769px < width) {
				.pj .mv .kakera-7 {
								width: 61.5px;
								top: 379px;
								left: 215px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-7 {
								width: 4.5054945055vw;
								top: 27.7655677656vw;
								left: 15.7509157509vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-7 {
								width: 14.3023255814vw;
								top: 88.1395348837vw;
								left: 50vw;
				}
}
.pj .mv .kakera-8 {
				position: absolute;
				-webkit-transition-delay: 2s;
				        transition-delay: 2s;
}
@media (769px < width) {
				.pj .mv .kakera-8 {
								width: 31px;
								top: 418px;
								left: 383.5px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-8 {
								width: 2.2710622711vw;
								top: 30.6227106227vw;
								left: 28.0952380952vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-8 {
								width: 7.2093023256vw;
								top: 97.2093023256vw;
								left: 89.1860465116vw;
				}
}
.pj .mv .kakera-9 {
				position: absolute;
				-webkit-transition-delay: 2s;
				        transition-delay: 2s;
}
@media (769px < width) {
				.pj .mv .kakera-9 {
								width: 40px;
								top: 485px;
								left: 372px;
				}
}
@media (769px < width < 768px) {
				.pj .mv .kakera-9 {
								width: 2.9304029304vw;
								top: 35.5311355311vw;
								left: 27.2527472527vw;
				}
}
@media (width < 768px) {
				.pj .mv .kakera-9 {
								width: 9.3023255814vw;
								top: 112.7906976744vw;
								left: 86.511627907vw;
				}
}
.pj .intro {
				aspect-ratio: 860/793;
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
@media (769px < width) {
				.pj .intro {
								height: 396.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro {
								height: 29.0476190476vw;
				}
}
@media (width < 768px) {
				.pj .intro {
								height: 92.2093023256vw;
				}
}
.pj .intro .content {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .content {
								width: 317px;
								top: 53px;
								left: 57.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .content {
								width: 23.2234432234vw;
								top: 3.8827838828vw;
								left: 4.2124542125vw;
				}
}
@media (width < 768px) {
				.pj .intro .content {
								width: 73.7209302326vw;
								top: 12.3255813953vw;
								left: 13.3720930233vw;
				}
}
.pj .intro .kakera-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .kakera-1 {
								width: 28px;
								top: 33.5px;
								left: 31.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .kakera-1 {
								width: 2.0512820513vw;
								top: 2.4542124542vw;
								left: 2.3076923077vw;
				}
}
@media (width < 768px) {
				.pj .intro .kakera-1 {
								width: 6.511627907vw;
								top: 7.7906976744vw;
								left: 7.3255813953vw;
				}
}
.pj .intro .kakera-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .kakera-2 {
								width: 40px;
								top: 243.5px;
								left: 38.5px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .kakera-2 {
								width: 2.9304029304vw;
								top: 17.8388278388vw;
								left: 2.8205128205vw;
				}
}
@media (width < 768px) {
				.pj .intro .kakera-2 {
								width: 9.3023255814vw;
								top: 56.6279069767vw;
								left: 8.9534883721vw;
				}
}
.pj .intro .kakera-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .kakera-3 {
								width: 35px;
								top: 189.5px;
								left: 365px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .kakera-3 {
								width: 2.5641025641vw;
								top: 13.8827838828vw;
								left: 26.7399267399vw;
				}
}
@media (width < 768px) {
				.pj .intro .kakera-3 {
								width: 8.1395348837vw;
								top: 44.0697674419vw;
								left: 84.8837209302vw;
				}
}
.pj .intro .kakera-4 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .kakera-4 {
								width: 25.5px;
								top: 323.5px;
								left: 323px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .kakera-4 {
								width: 1.8681318681vw;
								top: 23.6996336996vw;
								left: 23.663003663vw;
				}
}
@media (width < 768px) {
				.pj .intro .kakera-4 {
								width: 5.9302325581vw;
								top: 75.2325581395vw;
								left: 75.1162790698vw;
				}
}
.pj .intro .kakera-5 {
				position: absolute;
}
@media (769px < width) {
				.pj .intro .kakera-5 {
								width: 23.5px;
								top: 363px;
								left: 125px;
				}
}
@media (769px < width < 768px) {
				.pj .intro .kakera-5 {
								width: 1.7216117216vw;
								top: 26.5934065934vw;
								left: 9.1575091575vw;
				}
}
@media (width < 768px) {
				.pj .intro .kakera-5 {
								width: 5.4651162791vw;
								top: 84.4186046512vw;
								left: 29.0697674419vw;
				}
}
.pj .feature {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/feature_bg.jpg);
}
@media (769px < width) {
				.pj .feature {
								height: 1147px;
				}
}
@media (769px < width < 768px) {
				.pj .feature {
								height: 84.0293040293vw;
				}
}
@media (width < 768px) {
				.pj .feature {
								height: 266.7441860465vw;
				}
}
.pj .feature .ice {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .ice {
								width: 337.5px;
								top: 287px;
								left: 42.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .ice {
								width: 24.7252747253vw;
								top: 21.0256410256vw;
								left: 3.1135531136vw;
				}
}
@media (width < 768px) {
				.pj .feature .ice {
								width: 78.488372093vw;
								top: 66.7441860465vw;
								left: 9.8837209302vw;
				}
}
.pj .feature .content-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-1 {
								width: 236.5px;
								top: 135.5px;
								left: 183px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-1 {
								width: 17.326007326vw;
								top: 9.9267399267vw;
								left: 13.4065934066vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-1 {
								width: 55vw;
								top: 31.511627907vw;
								left: 42.5581395349vw;
				}
}
.pj .feature .content-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-2 {
								width: 208px;
								top: 314.5px;
								left: 14.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-2 {
								width: 15.2380952381vw;
								top: 23.0402930403vw;
								left: 1.0622710623vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-2 {
								width: 48.3720930233vw;
								top: 73.1395348837vw;
								left: 3.3720930233vw;
				}
}
.pj .feature .content-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-3 {
								width: 211.5px;
								top: 777px;
								left: 208px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-3 {
								width: 15.4945054945vw;
								top: 56.9230769231vw;
								left: 15.2380952381vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-3 {
								width: 49.1860465116vw;
								top: 180.6976744186vw;
								left: 48.3720930233vw;
				}
}
.pj .feature .content-4 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .content-4 {
								width: 214.5px;
								top: 928px;
								left: 22.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .content-4 {
								width: 15.7142857143vw;
								top: 67.9853479853vw;
								left: 1.6483516484vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-4 {
								width: 49.8837209302vw;
								top: 215.8139534884vw;
								left: 5.2325581395vw;
				}
}
.pj .feature .strawberry-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .strawberry-1 {
								width: 163.5px;
								top: 103px;
								left: 9.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .strawberry-1 {
								width: 11.978021978vw;
								top: 7.5457875458vw;
								left: 0.695970696vw;
				}
}
@media (width < 768px) {
				.pj .feature .strawberry-1 {
								width: 38.023255814vw;
								top: 23.9534883721vw;
								left: 2.2093023256vw;
				}
}
.pj .feature .strawberry-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .strawberry-2 {
								width: 166.5px;
								top: 928.5px;
								left: 243.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .strawberry-2 {
								width: 12.1978021978vw;
								top: 68.021978022vw;
								left: 17.8388278388vw;
				}
}
@media (width < 768px) {
				.pj .feature .strawberry-2 {
								width: 38.7209302326vw;
								top: 215.9302325581vw;
								left: 56.6279069767vw;
				}
}
.pj .feature .shine-1 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .shine-1 {
								width: 52.5px;
								top: 327.5px;
								left: 355px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .shine-1 {
								width: 3.8461538462vw;
								top: 23.9926739927vw;
								left: 26.0073260073vw;
				}
}
@media (width < 768px) {
				.pj .feature .shine-1 {
								width: 12.2093023256vw;
								top: 76.1627906977vw;
								left: 82.5581395349vw;
				}
}
.pj .feature .shine-2 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .shine-2 {
								width: 13px;
								top: 380px;
								left: 354px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .shine-2 {
								width: 0.9523809524vw;
								top: 27.8388278388vw;
								left: 25.9340659341vw;
				}
}
@media (width < 768px) {
				.pj .feature .shine-2 {
								width: 3.023255814vw;
								top: 88.3720930233vw;
								left: 82.3255813953vw;
				}
}
.pj .feature .shine-3 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .shine-3 {
								width: 18px;
								top: 518px;
								left: 46px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .shine-3 {
								width: 1.3186813187vw;
								top: 37.9487179487vw;
								left: 3.36996337vw;
				}
}
@media (width < 768px) {
				.pj .feature .shine-3 {
								width: 4.1860465116vw;
								top: 120.4651162791vw;
								left: 10.6976744186vw;
				}
}
.pj .feature .shine-4 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .shine-4 {
								width: 23.5px;
								top: 551.5px;
								left: 50.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .shine-4 {
								width: 1.7216117216vw;
								top: 40.4029304029vw;
								left: 3.6996336996vw;
				}
}
@media (width < 768px) {
				.pj .feature .shine-4 {
								width: 5.4651162791vw;
								top: 128.2558139535vw;
								left: 11.7441860465vw;
				}
}
.pj .feature .shine-5 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .shine-5 {
								width: 34.5px;
								top: 657px;
								left: 343px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .shine-5 {
								width: 2.5274725275vw;
								top: 48.1318681319vw;
								left: 25.1282051282vw;
				}
}
@media (width < 768px) {
				.pj .feature .shine-5 {
								width: 8.023255814vw;
								top: 152.7906976744vw;
								left: 79.7674418605vw;
				}
}
.pj .feature .shine-6 {
				position: absolute;
}
@media (769px < width) {
				.pj .feature .shine-6 {
								width: 25px;
								top: 813px;
								left: 61.5px;
				}
}
@media (769px < width < 768px) {
				.pj .feature .shine-6 {
								width: 1.8315018315vw;
								top: 59.5604395604vw;
								left: 4.5054945055vw;
				}
}
@media (width < 768px) {
				.pj .feature .shine-6 {
								width: 5.8139534884vw;
								top: 189.0697674419vw;
								left: 14.3023255814vw;
				}
}
.pj .commit {
				aspect-ratio: 860/2126;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/commit_bg.jpg);
}
@media (769px < width) {
				.pj .commit {
								height: 1063px;
				}
}
@media (769px < width < 768px) {
				.pj .commit {
								height: 77.8754578755vw;
				}
}
@media (width < 768px) {
				.pj .commit {
								height: 247.2093023256vw;
				}
}
.pj .commit .ttl {
				position: absolute;
}
@media (769px < width) {
				.pj .commit .ttl {
								width: 261.5px;
								top: 234.5px;
								left: 84.5px;
				}
}
@media (769px < width < 768px) {
				.pj .commit .ttl {
								width: 19.1575091575vw;
								top: 17.1794871795vw;
								left: 6.1904761905vw;
				}
}
@media (width < 768px) {
				.pj .commit .ttl {
								width: 60.8139534884vw;
								top: 54.5348837209vw;
								left: 19.6511627907vw;
				}
}
.pj .commit .content {
				position: absolute;
}
@media (769px < width) {
				.pj .commit .content {
								width: 367px;
								top: 324.5px;
								left: 31px;
				}
}
@media (769px < width < 768px) {
				.pj .commit .content {
								width: 26.8864468864vw;
								top: 23.7728937729vw;
								left: 2.2710622711vw;
				}
}
@media (width < 768px) {
				.pj .commit .content {
								width: 85.3488372093vw;
								top: 75.4651162791vw;
								left: 7.2093023256vw;
				}
}
.pj .info {
				aspect-ratio: 860/534;
				position: relative;
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
@media (769px < width) {
				.pj .info {
								height: 267px;
				}
}
@media (769px < width < 768px) {
				.pj .info {
								height: 19.5604395604vw;
				}
}
@media (width < 768px) {
				.pj .info {
								height: 62.0930232558vw;
				}
}
.pj .info .lineup {
				position: relative;
}
.pj .info .lineup .lineup_btn {
				position: absolute;
}
@media (769px < width) {
				.pj .info .lineup .lineup_btn {
								width: 430px;
								top: 27.5px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 31.5018315018vw;
								top: 2.0146520147vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 100vw;
								top: 6.3953488372vw;
								left: 0vw;
				}
}
.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: 160px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns {
								top: 11.7216117216vw;
				}
}
@media (width < 768px) {
				.pj .info .sns {
								position: absolute;
								width: 100%;
								top: 37.2093023256vw;
				}
}
@media (769px < width) {
				.pj .info .sns li {
								width: 45px;
								margin: 0 10px;
				}
}
@media (769px < width < 768px) {
				.pj .info .sns li {
								width: 3.2967032967vw;
								margin: 0 0.7326007326vw;
				}
}
@media (width < 768px) {
				.pj .info .sns li {
								width: 10.4651162791vw;
								margin: 0 2.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-1 {
				-webkit-animation: flash 1.5s linear infinite;
				        animation: flash 1.5s linear infinite;
}
.pj .flash-2 {
				-webkit-animation: flash 2.5s linear infinite;
				        animation: flash 2.5s linear infinite;
}
.pj .flash-3 {
				-webkit-animation: flash 1.8s linear infinite;
				        animation: flash 1.8s 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;
}
@-webkit-keyframes rotate-2 {
				from {
								-webkit-transform: rotate(0deg);
								        transform: rotate(0deg);
				}
				to {
								-webkit-transform: rotate(360deg);
								        transform: rotate(360deg);
				}
}
@keyframes rotate-2 {
				from {
								-webkit-transform: rotate(0deg);
								        transform: rotate(0deg);
				}
				to {
								-webkit-transform: rotate(360deg);
								        transform: rotate(360deg);
				}
}
.pj .anim-shine {
				position: absolute;
				-webkit-animation: 6s steps(6) infinite rotate-2;
				        animation: 6s steps(6) infinite rotate-2;
}

.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 */