/* 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 (859px < width) {
				.pj {
								padding-top: 132px;
								margin: 0 auto;
				}
}
@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 (859px < width) {
				.pj .pc {
								display: block !important;
				}
}
@media (769px < width < 858px) {
				.pj .pc {
								display: block !important;
				}
}
@media (width < 768px) {
				.pj .pc {
								display: none !important;
				}
}
@media (859px < width) {
				.pj .sp {
								display: none !important;
				}
}
@media (769px < width < 858px) {
				.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 {
				position: relative;
}
@media (859px < width) {
				.pj .bg_l {
								position: fixed;
								top: 0;
								left: 0;
								width: calc(50% - 215px);
								height: 100vh;
								background: url(../img/bg_l.jpg) right top/cover no-repeat;
								pointer-events: none;
								z-index: 0;
				}
}
@media (769px < width < 858px) {
				.pj .bg_l {
								display: none;
				}
}
@media (width < 768px) {
				.pj .bg_l {
								display: none;
				}
}
@media (859px < width) {
				.pj .bg_r {
								position: fixed;
								top: 0;
								right: 0;
								width: calc(50% - 215px);
								height: 100vh;
								background: url(../img/bg_r.jpg) left top/cover no-repeat;
								pointer-events: none;
								z-index: 0;
				}
}
@media (769px < width < 858px) {
				.pj .bg_r {
								display: none;
				}
}
@media (width < 768px) {
				.pj .bg_r {
								display: none;
				}
}
.pj .products_container {
				overflow: hidden;
				z-index: 1;
				position: relative;
}
@media (859px < width) {
				.pj .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
.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);
				       }
				   }
				   */
}
@media (859px < width) {
				.pj .mv {
								height: 668.5px;
				}
}
@media (769px < width < 858px) {
				.pj .mv {
								height: 48.9743589744vw;
				}
}
@media (width < 768px) {
				.pj .mv {
								height: 155.4651162791vw;
				}
}
.pj .mv {
				aspect-ratio: 860/1337;
				z-index: 2;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
				/*
				.gc-label{
					width:100%;
					position:absolute;
					top:0;
					left:0;
					z-index:1;
				}
				*/
}
.pj .mv .pkg {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .pkg {
								width: 76.5px;
								top: 430px;
								left: 341.5px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .pkg {
								width: 5.6043956044vw;
								top: 31.5018315018vw;
								left: 25.0183150183vw;
				}
}
@media (width < 768px) {
				.pj .mv .pkg {
								width: 17.7906976744vw;
								top: 100vw;
								left: 79.4186046512vw;
				}
}
.pj .mv .pkg {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
				z-index: 2;
}
.pj .mv .copy {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .copy {
								width: 186px;
								top: 16px;
								left: 13.5px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .copy {
								width: 13.6263736264vw;
								top: 1.1721611722vw;
								left: 0.989010989vw;
				}
}
@media (width < 768px) {
				.pj .mv .copy {
								width: 43.2558139535vw;
								top: 3.7209302326vw;
								left: 3.1395348837vw;
				}
}
.pj .mv .copy {
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
				z-index: 1;
}
.pj .mv .btn {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .btn {
								width: 160.5px;
								top: 11px;
								left: 264px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .btn {
								width: 11.7582417582vw;
								top: 0.8058608059vw;
								left: 19.3406593407vw;
				}
}
@media (width < 768px) {
				.pj .mv .btn {
								width: 37.3255813953vw;
								top: 2.5581395349vw;
								left: 61.3953488372vw;
				}
}
.pj .mv .btn {
				-webkit-transition-delay: 2.4s;
				        transition-delay: 2.4s;
				z-index: 1;
}
.pj .mv .ttl {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .ttl {
								width: 255px;
								top: 565px;
								left: 86.5px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .ttl {
								width: 18.6813186813vw;
								top: 41.3919413919vw;
								left: 6.336996337vw;
				}
}
@media (width < 768px) {
				.pj .mv .ttl {
								width: 59.3023255814vw;
								top: 131.3953488372vw;
								left: 20.1162790698vw;
				}
}
.pj .mv .ttl {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
				z-index: 1;
}
.pj .mv .date {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .date {
								width: 66px;
								top: 474px;
								left: 286px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .date {
								width: 4.8351648352vw;
								top: 34.7252747253vw;
								left: 20.9523809524vw;
				}
}
@media (width < 768px) {
				.pj .mv .date {
								width: 15.3488372093vw;
								top: 110.2325581395vw;
								left: 66.511627907vw;
				}
}
.pj .mv .date {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
				z-index: 1;
}
.pj .mv .ice {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .ice {
								width: 430px;
								top: 0px;
								left: 0px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .ice {
								width: 31.5018315018vw;
								top: 0vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .ice {
								width: 100vw;
								top: 0vw;
								left: 0vw;
				}
}
.pj .mv .ice {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
				z-index: 0;
}
.pj .mv .obj {
				z-index: 0;
}
.pj .mv .obj-1 {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .obj-1 {
								width: 145px;
								top: 112px;
								left: 0px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .obj-1 {
								width: 10.6227106227vw;
								top: 8.2051282051vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-1 {
								width: 33.7209302326vw;
								top: 26.0465116279vw;
								left: 0vw;
				}
}
.pj .mv .obj-1 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-2 {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .obj-2 {
								width: 168.5px;
								top: 0px;
								left: 261.5px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .obj-2 {
								width: 12.3443223443vw;
								top: 0vw;
								left: 19.1575091575vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-2 {
								width: 39.1860465116vw;
								top: 0vw;
								left: 60.8139534884vw;
				}
}
.pj .mv .obj-2 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-3 {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .obj-3 {
								width: 129px;
								top: 287.5px;
								left: 301px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .obj-3 {
								width: 9.4505494505vw;
								top: 21.0622710623vw;
								left: 22.0512820513vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-3 {
								width: 30vw;
								top: 66.8604651163vw;
								left: 70vw;
				}
}
.pj .mv .obj-3 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
.pj .mv .obj-4 {
				position: absolute;
}
@media (859px < width) {
				.pj .mv .obj-4 {
								width: 142px;
								top: 407.5px;
								left: 0px;
				}
}
@media (769px < width < 858px) {
				.pj .mv .obj-4 {
								width: 10.4029304029vw;
								top: 29.8534798535vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .mv .obj-4 {
								width: 33.023255814vw;
								top: 94.7674418605vw;
								left: 0vw;
				}
}
.pj .mv .obj-4 {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
}
@media (859px < width) {
				.pj .intro {
								height: 584.5px;
				}
}
@media (769px < width < 858px) {
				.pj .intro {
								height: 42.8205128205vw;
				}
}
@media (width < 768px) {
				.pj .intro {
								height: 135.9302325581vw;
				}
}
.pj .intro {
				aspect-ratio: 860/1169;
				z-index: 1;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/intro_bg.jpg);
}
.pj .intro .content {
				position: absolute;
}
@media (859px < width) {
				.pj .intro .content {
								width: 357.5px;
								top: 35px;
								left: 37.5px;
				}
}
@media (769px < width < 858px) {
				.pj .intro .content {
								width: 26.1904761905vw;
								top: 2.5641025641vw;
								left: 2.7472527473vw;
				}
}
@media (width < 768px) {
				.pj .intro .content {
								width: 83.1395348837vw;
								top: 8.1395348837vw;
								left: 8.7209302326vw;
				}
}
.pj .intro .obj {
				position: absolute;
}
@media (859px < width) {
				.pj .intro .obj {
								width: 430px;
								top: 283.5px;
								left: 0px;
				}
}
@media (769px < width < 858px) {
				.pj .intro .obj {
								width: 31.5018315018vw;
								top: 20.7692307692vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .intro .obj {
								width: 100vw;
								top: 65.9302325581vw;
								left: 0vw;
				}
}
@media (859px < width) {
				.pj .feature {
								height: 853.5px;
				}
}
@media (769px < width < 858px) {
				.pj .feature {
								height: 62.5274725275vw;
				}
}
@media (width < 768px) {
				.pj .feature {
								height: 198.488372093vw;
				}
}
.pj .feature {
				aspect-ratio: 860/1707;
				position: relative;
				z-index: 2;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/feature_bg.jpg);
}
.pj .feature .label {
				position: absolute;
}
@media (859px < width) {
				.pj .feature .label {
								width: 141px;
								top: -80px;
								left: 43.5px;
				}
}
@media (769px < width < 858px) {
				.pj .feature .label {
								width: 10.3296703297vw;
								top: -5.8608058608vw;
								left: 3.1868131868vw;
				}
}
@media (width < 768px) {
				.pj .feature .label {
								width: 32.7906976744vw;
								top: -18.6046511628vw;
								left: 10.1162790698vw;
				}
}
.pj .feature .content-1 {
				position: absolute;
}
@media (859px < width) {
				.pj .feature .content-1 {
								width: 170px;
								top: -6.5px;
								left: 249px;
				}
}
@media (769px < width < 858px) {
				.pj .feature .content-1 {
								width: 12.4542124542vw;
								top: -0.4761904762vw;
								left: 18.2417582418vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-1 {
								width: 39.5348837209vw;
								top: -1.511627907vw;
								left: 57.9069767442vw;
				}
}
.pj .feature .content-2 {
				position: absolute;
}
@media (859px < width) {
				.pj .feature .content-2 {
								width: 267px;
								top: 75px;
								left: 21px;
				}
}
@media (769px < width < 858px) {
				.pj .feature .content-2 {
								width: 19.5604395604vw;
								top: 5.4945054945vw;
								left: 1.5384615385vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-2 {
								width: 62.0930232558vw;
								top: 17.4418604651vw;
								left: 4.8837209302vw;
				}
}
.pj .feature .content-3 {
				position: absolute;
}
@media (859px < width) {
				.pj .feature .content-3 {
								width: 247.5px;
								top: 340px;
								left: 7px;
				}
}
@media (769px < width < 858px) {
				.pj .feature .content-3 {
								width: 18.1318681319vw;
								top: 24.9084249084vw;
								left: 0.5128205128vw;
				}
}
@media (width < 768px) {
				.pj .feature .content-3 {
								width: 57.5581395349vw;
								top: 79.0697674419vw;
								left: 1.6279069767vw;
				}
}
.pj .feature .obj {
				position: absolute;
}
@media (859px < width) {
				.pj .feature .obj {
								width: 179px;
								top: 765px;
								left: 251px;
				}
}
@media (769px < width < 858px) {
				.pj .feature .obj {
								width: 13.1135531136vw;
								top: 56.043956044vw;
								left: 18.3882783883vw;
				}
}
@media (width < 768px) {
				.pj .feature .obj {
								width: 41.6279069767vw;
								top: 177.9069767442vw;
								left: 58.3720930233vw;
				}
}
@media (859px < width) {
				.pj .commit {
								height: 640px;
				}
}
@media (769px < width < 858px) {
				.pj .commit {
								height: 46.8864468864vw;
				}
}
@media (width < 768px) {
				.pj .commit {
								height: 148.8372093023vw;
				}
}
.pj .commit {
				aspect-ratio: 860/1280;
				position: relative;
				z-index: 1;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/commit_bg.jpg);
}
.pj .commit .ttl {
				position: absolute;
}
@media (859px < width) {
				.pj .commit .ttl {
								width: 215.5px;
								top: 135px;
								left: 108.5px;
				}
}
@media (769px < width < 858px) {
				.pj .commit .ttl {
								width: 15.7875457875vw;
								top: 9.8901098901vw;
								left: 7.9487179487vw;
				}
}
@media (width < 768px) {
				.pj .commit .ttl {
								width: 50.1162790698vw;
								top: 31.3953488372vw;
								left: 25.2325581395vw;
				}
}
.pj .commit .content {
				position: absolute;
}
@media (859px < width) {
				.pj .commit .content {
								width: 334px;
								top: 215px;
								left: 48px;
				}
}
@media (769px < width < 858px) {
				.pj .commit .content {
								width: 24.4688644689vw;
								top: 15.7509157509vw;
								left: 3.5164835165vw;
				}
}
@media (width < 768px) {
				.pj .commit .content {
								width: 77.6744186047vw;
								top: 50vw;
								left: 11.1627906977vw;
				}
}
.pj .commit .obj {
				position: absolute;
}
@media (859px < width) {
				.pj .commit .obj {
								width: 264px;
								top: 500px;
								left: 0px;
				}
}
@media (769px < width < 858px) {
				.pj .commit .obj {
								width: 19.3406593407vw;
								top: 36.63003663vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .commit .obj {
								width: 61.3953488372vw;
								top: 116.2790697674vw;
								left: 0vw;
				}
}
@media (859px < width) {
				.pj .review {
								height: 632.5px;
				}
}
@media (769px < width < 858px) {
				.pj .review {
								height: 46.336996337vw;
				}
}
@media (width < 768px) {
				.pj .review {
								height: 147.0930232558vw;
				}
}
.pj .review {
				aspect-ratio: 860/1265;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: bottom center;
				background-image: url(../img/review_bg.jpg);
}
.pj .review .ttl {
				position: absolute;
}
@media (859px < width) {
				.pj .review .ttl {
								width: 111px;
								top: 139.5px;
								left: 48.5px;
				}
}
@media (769px < width < 858px) {
				.pj .review .ttl {
								width: 8.1318681319vw;
								top: 10.2197802198vw;
								left: 3.5531135531vw;
				}
}
@media (width < 768px) {
				.pj .review .ttl {
								width: 25.8139534884vw;
								top: 32.4418604651vw;
								left: 11.2790697674vw;
				}
}
.pj .review .bg {
				position: absolute;
}
@media (859px < width) {
				.pj .review .bg {
								width: 407px;
								top: 78.5px;
								left: 8px;
				}
}
@media (769px < width < 858px) {
				.pj .review .bg {
								width: 29.8168498168vw;
								top: 5.7509157509vw;
								left: 0.5860805861vw;
				}
}
@media (width < 768px) {
				.pj .review .bg {
								width: 94.6511627907vw;
								top: 18.2558139535vw;
								left: 1.8604651163vw;
				}
}
.pj .review .bg {
				z-index: 0;
				position: absolute;
}
.pj .review .content-1 {
				position: absolute;
}
@media (859px < width) {
				.pj .review .content-1 {
								width: 174px;
								top: 127px;
								left: 203px;
				}
}
@media (769px < width < 858px) {
				.pj .review .content-1 {
								width: 12.7472527473vw;
								top: 9.304029304vw;
								left: 14.8717948718vw;
				}
}
@media (width < 768px) {
				.pj .review .content-1 {
								width: 40.4651162791vw;
								top: 29.5348837209vw;
								left: 47.2093023256vw;
				}
}
.pj .review .content-2 {
				position: absolute;
}
@media (859px < width) {
				.pj .review .content-2 {
								width: 183.5px;
								top: 268.5px;
								left: 40px;
				}
}
@media (769px < width < 858px) {
				.pj .review .content-2 {
								width: 13.4432234432vw;
								top: 19.6703296703vw;
								left: 2.9304029304vw;
				}
}
@media (width < 768px) {
				.pj .review .content-2 {
								width: 42.6744186047vw;
								top: 62.4418604651vw;
								left: 9.3023255814vw;
				}
}
.pj .review .content-3 {
				position: absolute;
}
@media (859px < width) {
				.pj .review .content-3 {
								width: 188.5px;
								top: 423.5px;
								left: 186px;
				}
}
@media (769px < width < 858px) {
				.pj .review .content-3 {
								width: 13.8095238095vw;
								top: 31.0256410256vw;
								left: 13.6263736264vw;
				}
}
@media (width < 768px) {
				.pj .review .content-3 {
								width: 43.8372093023vw;
								top: 98.488372093vw;
								left: 43.2558139535vw;
				}
}
.pj .review .note {
				position: absolute;
}
@media (859px < width) {
				.pj .review .note {
								width: 104px;
								top: 583.5px;
								left: 48px;
				}
}
@media (769px < width < 858px) {
				.pj .review .note {
								width: 7.619047619vw;
								top: 42.7472527473vw;
								left: 3.5164835165vw;
				}
}
@media (width < 768px) {
				.pj .review .note {
								width: 24.1860465116vw;
								top: 135.6976744186vw;
								left: 11.1627906977vw;
				}
}
@media (859px < width) {
				.pj .info {
								height: 339px;
				}
}
@media (769px < width < 858px) {
				.pj .info {
								height: 24.8351648352vw;
				}
}
@media (width < 768px) {
				.pj .info {
								height: 78.8372093023vw;
				}
}
.pj .info {
				aspect-ratio: 860/678;
				position: relative;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
.pj .info .lineup {
				position: relative;
}
.pj .info .lineup .lineup_btn {
				position: absolute;
}
@media (859px < width) {
				.pj .info .lineup .lineup_btn {
								width: 430px;
								top: 77px;
								left: 0px;
				}
}
@media (769px < width < 858px) {
				.pj .info .lineup .lineup_btn {
								width: 31.5018315018vw;
								top: 5.641025641vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.pj .info .lineup .lineup_btn {
								width: 100vw;
								top: 17.9069767442vw;
								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 (859px < width) {
				.pj .info .sns {
								top: 190px;
				}
}
@media (769px < width < 858px) {
				.pj .info .sns {
								top: 13.9194139194vw;
				}
}
@media (width < 768px) {
				.pj .info .sns {
								position: absolute;
								width: 100%;
								top: 44.1860465116vw;
				}
}
@media (859px < width) {
				.pj .info .sns li {
								width: 38px;
								margin: 0 10px;
				}
}
@media (769px < width < 858px) {
				.pj .info .sns li {
								width: 2.7838827839vw;
								margin: 0 0.7326007326vw;
				}
}
@media (width < 768px) {
				.pj .info .sns li {
								width: 8.8372093023vw;
								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 swing3 {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 5px);
								        transform: translate(0, 5px);
				}
}
@keyframes swing3 {
				0% {
								-webkit-transform: translate(0, 0px);
								        transform: translate(0, 0px);
				}
				100% {
								-webkit-transform: translate(0, 5px);
								        transform: translate(0, 5px);
				}
}
.pj .swing3 {
				-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: 3s;
				        animation-duration: 3s;
				-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 (859px < width) {
				.u-hdn--pc {
								display: none;
				}
}

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