@-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);
				}
}
.uc .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);
				}
}
.uc .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;
				}
}
.uc .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);
				}
}
.uc .shine_anm_1 {
				-webkit-animation: 6s linear infinite rotate;
				        animation: 6s linear infinite rotate;
}
.uc .shine {
				position: absolute;
				-webkit-animation: 6s linear infinite shine;
				        animation: 6s linear infinite shine;
}
.uc .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);
}

body {
				margin: 0;
}

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

.som {
				/*
				   .anim-bg-1 {
				       $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);
				       }
				   }
				   */
				/*
				   .summary {
				       $height: calc(705 / $retina);

				       background: {
				           size: 100%;
				           repeat: no-repeat;
				           position: top center;
				           image: url(../img/summary_bg.jpg);
				       }

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

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

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

				       .ttl {
				           $width: calc(402 / $retina);
				           $top: calc(250 / $retina);
				           @include tl-cn;

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

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

				           @include mq(s) {
				               width: calc($width / $bp-s * 100vw);
				               top: calc($top / $bp-s * 100vw);
				           }
				       }
				   }
				   */
}
@media (769px < width) {
				.som .bg-ttl {
								position: fixed;
								top: 40%;
								left: 50%;
								-webkit-transform: translate(-600px, -50%);
								        transform: translate(-600px, -50%);
								width: 23vw;
								max-width: 315px;
				}
}
@media (770px < width < 1365px) {
				.som .bg-ttl {
								-webkit-transform: translate(-500px, -50%);
								        transform: translate(-500px, -50%);
				}
}
@media (769px < width < 768px) {
				.som .bg-ttl {
								display: none !important;
				}
}
@media (width < 768px) {
				.som .bg-ttl {
								display: none !important;
				}
}
@media (769px < width) {
				.som .bg-choco {
								position: fixed;
								top: 80%;
								left: 55%;
								-webkit-transform: translate(-600px, -50%);
								        transform: translate(-600px, -50%);
								width: 20vw;
								max-width: 420px;
								z-index: -1;
				}
}
@media (770px < width < 1365px) {
				.som .bg-choco {
								-webkit-transform: translate(-550px, -50%);
								        transform: translate(-550px, -50%);
				}
}
@media (769px < width < 768px) {
				.som .bg-choco {
								display: none !important;
				}
}
@media (width < 768px) {
				.som .bg-choco {
								display: none !important;
				}
}
.som .bg-choco img {
				width: 100%;
}
@media (769px < width) {
				.som .bg-nuts {
								position: fixed;
								top: 80%;
								right: 55%;
								-webkit-transform: translate(600px, -50%);
								        transform: translate(600px, -50%);
								width: 15vw;
								max-width: 350px;
								z-index: -1;
				}
}
@media (770px < width < 1365px) {
				.som .bg-nuts {
								-webkit-transform: translate(500px, -50%);
								        transform: translate(500px, -50%);
				}
}
@media (769px < width < 768px) {
				.som .bg-nuts {
								display: none !important;
				}
}
@media (width < 768px) {
				.som .bg-nuts {
								display: none !important;
				}
}
.som .bg-nuts img {
				width: 100%;
}
.som .products_container {
				overflow: hidden;
}
@media (769px < width) {
				.som .products_container {
								width: 430px;
								margin: auto;
								-webkit-box-shadow: 0 30px 85px black;
								        box-shadow: 0 30px 85px black;
				}
}
.som .mv {
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/mv_bg.jpg);
				/*
				      .date {
				          $width: calc(132 / $retina);
				          $top: calc(630 / $retina);
				          $left: calc(125 / $retina);
				          z-index: 0;
				          transition-delay: 1.3s;

				          @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 (769px < width) {
				.som .mv {
								height: 622.64px;
				}
}
@media (769px < width < 768px) {
				.som .mv {
								height: 45.6146520147vw;
				}
}
@media (width < 768px) {
				.som .mv {
								height: 144.8vw;
				}
}
.som .mv .ttl {
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
}
@media (769px < width) {
				.som .mv .ttl {
								width: 202.96px;
								top: 505.1066666667px;
								left: 34.9733333333px;
				}
}
@media (769px < width < 768px) {
				.som .mv .ttl {
								width: 14.8688644689vw;
								top: 37.0041514042vw;
								left: 2.5621489621vw;
				}
}
@media (width < 768px) {
				.som .mv .ttl {
								width: 47.2vw;
								top: 117.4666666667vw;
								left: 8.1333333333vw;
				}
}
.som .mv .pkg {
				z-index: 1;
				-webkit-transition-delay: 2.2s;
				        transition-delay: 2.2s;
}
@media (769px < width) {
				.som .mv .pkg {
								width: 139.8933333333px;
								top: 483.8933333333px;
								left: 246.5333333333px;
				}
}
@media (769px < width < 768px) {
				.som .mv .pkg {
								width: 10.2485958486vw;
								top: 35.4500610501vw;
								left: 18.0610500611vw;
				}
}
@media (width < 768px) {
				.som .mv .pkg {
								width: 32.5333333333vw;
								top: 112.5333333333vw;
								left: 57.3333333333vw;
				}
}
.som .mv .copy-1 {
				-webkit-transition-delay: 0.7s;
				        transition-delay: 0.7s;
}
@media (769px < width) {
				.som .mv .copy-1 {
								width: 37.2666666667px;
								top: 201.24px;
								left: 329.0933333333px;
				}
}
@media (769px < width < 768px) {
				.som .mv .copy-1 {
								width: 2.7301587302vw;
								top: 14.7428571429vw;
								left: 24.1094017094vw;
				}
}
@media (width < 768px) {
				.som .mv .copy-1 {
								width: 8.6666666667vw;
								top: 46.8vw;
								left: 76.5333333333vw;
				}
}
.som .mv .copy-2 {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
}
@media (769px < width) {
				.som .mv .copy-2 {
								width: 71.6666666667px;
								top: 212.1333333333px;
								left: 37.2666666667px;
				}
}
@media (769px < width < 768px) {
				.som .mv .copy-2 {
								width: 5.2503052503vw;
								top: 15.5409035409vw;
								left: 2.7301587302vw;
				}
}
@media (width < 768px) {
				.som .mv .copy-2 {
								width: 16.6666666667vw;
								top: 49.3333333333vw;
								left: 8.6666666667vw;
				}
}
.som .mv .badge {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
}
@media (769px < width) {
				.som .mv .badge {
								width: 87.1466666667px;
								top: 415.6666666667px;
								left: 28.0933333333px;
				}
}
@media (769px < width < 768px) {
				.som .mv .badge {
								width: 6.3843711844vw;
								top: 30.4517704518vw;
								left: 2.0581196581vw;
				}
}
@media (width < 768px) {
				.som .mv .badge {
								width: 20.2666666667vw;
								top: 96.6666666667vw;
								left: 6.5333333333vw;
				}
}
.som .mv .btn {
				z-index: 2;
				position: absolute;
				-webkit-transition-delay: 2.4s;
				        transition-delay: 2.4s;
}
@media (769px < width) {
				.som .mv .btn {
								width: 159.96px;
								top: 108.36px;
								left: 263.7333333333px;
				}
}
@media (769px < width < 768px) {
				.som .mv .btn {
								width: 11.7186813187vw;
								top: 7.9384615385vw;
								left: 19.3211233211vw;
				}
}
@media (width < 768px) {
				.som .mv .btn {
								width: 37.2vw;
								top: 25.2vw;
								left: 61.3333333333vw;
				}
}
.som .feature {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/feature_bg.jpg);
}
@media (769px < width) {
				.som .feature {
								height: 1444.2266666667px;
				}
}
@media (769px < width < 768px) {
				.som .feature {
								height: 105.8041514042vw;
				}
}
@media (width < 768px) {
				.som .feature {
								height: 335.8666666667vw;
				}
}
.som .feature .ttl-1 {
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
				z-index: 2;
}
@media (769px < width) {
				.som .feature .ttl-1 {
								width: 338.84px;
								top: 217.2933333333px;
								left: 42.4266666667px;
				}
}
@media (769px < width < 768px) {
				.som .feature .ttl-1 {
								width: 24.8234432234vw;
								top: 15.9189255189vw;
								left: 3.1081807082vw;
				}
}
@media (width < 768px) {
				.som .feature .ttl-1 {
								width: 78.8vw;
								top: 50.5333333333vw;
								left: 9.8666666667vw;
				}
}
.som .feature .ttl-2 {
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
				z-index: 2;
}
@media (769px < width) {
				.som .feature .ttl-2 {
								width: 313.04px;
								top: 1072.1333333333px;
								left: 53.8933333333px;
				}
}
@media (769px < width < 768px) {
				.som .feature .ttl-2 {
								width: 22.9333333333vw;
								top: 78.5445665446vw;
								left: 3.9482295482vw;
				}
}
@media (width < 768px) {
				.som .feature .ttl-2 {
								width: 72.8vw;
								top: 249.3333333333vw;
								left: 12.5333333333vw;
				}
}
.som .feature .pkg {
				left: 0;
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .pkg {
								width: 430px;
								top: 584.8px;
				}
}
@media (769px < width < 768px) {
				.som .feature .pkg {
								width: 31.5018315018vw;
								top: 42.8424908425vw;
				}
}
@media (width < 768px) {
				.som .feature .pkg {
								width: 100vw;
								top: 136vw;
				}
}
.som .feature .icon {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .icon {
								width: 210.4133333333px;
								top: 157.6666666667px;
								left: 110.08px;
				}
}
@media (769px < width < 768px) {
				.som .feature .icon {
								width: 15.4148962149vw;
								top: 11.5506715507vw;
								left: 8.0644688645vw;
				}
}
@media (width < 768px) {
				.som .feature .icon {
								width: 48.9333333333vw;
								top: 36.6666666667vw;
								left: 25.6vw;
				}
}
.som .feature .content-1 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .content-1 {
								width: 390.44px;
								top: 317.0533333333px;
								left: 20.0666666667px;
				}
}
@media (769px < width < 768px) {
				.som .feature .content-1 {
								width: 28.6036630037vw;
								top: 23.2273504274vw;
								left: 1.4700854701vw;
				}
}
@media (width < 768px) {
				.som .feature .content-1 {
								width: 90.8vw;
								top: 73.7333333333vw;
								left: 4.6666666667vw;
				}
}
.som .feature .content-2 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .content-2 {
								width: 364.64px;
								top: 494.7866666667px;
								left: 32.68px;
				}
}
@media (769px < width < 768px) {
				.som .feature .content-2 {
								width: 26.7135531136vw;
								top: 36.2481074481vw;
								left: 2.3941391941vw;
				}
}
@media (width < 768px) {
				.som .feature .content-2 {
								width: 84.8vw;
								top: 115.0666666667vw;
								left: 7.6vw;
				}
}
.som .feature .content-3 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .content-3 {
								width: 307.88px;
								top: 1152.4px;
								left: 65.9333333333px;
				}
}
@media (769px < width < 768px) {
				.som .feature .content-3 {
								width: 22.5553113553vw;
								top: 84.4249084249vw;
								left: 4.8302808303vw;
				}
}
@media (width < 768px) {
				.som .feature .content-3 {
								width: 71.6vw;
								top: 268vw;
								left: 15.3333333333vw;
				}
}
.som .feature .obj-1 {
				right: 0;
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .obj-1 {
								width: 131.8666666667px;
								top: 613.4666666667px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.som .feature .obj-1 {
								width: 9.6605616606vw;
								top: 44.9426129426vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.som .feature .obj-1 {
								width: 30.6666666667vw;
								top: 142.6666666667vw;
								left: 0vw;
				}
}
.som .feature .obj-2 {
				position: absolute;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .obj-2 {
								width: 93.4533333333px;
								top: 958.6133333333px;
								left: 0px;
				}
}
@media (769px < width < 768px) {
				.som .feature .obj-2 {
								width: 6.8463980464vw;
								top: 70.2280830281vw;
								left: 0vw;
				}
}
@media (width < 768px) {
				.som .feature .obj-2 {
								width: 21.7333333333vw;
								top: 222.9333333333vw;
								left: 0vw;
				}
}
.som .feature .obj-3 {
				right: 0;
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
}
@media (769px < width) {
				.som .feature .obj-3 {
								width: 118.68px;
								top: 922.4933333333px;
				}
}
@media (769px < width < 768px) {
				.som .feature .obj-3 {
								width: 8.6945054945vw;
								top: 67.5819291819vw;
				}
}
@media (width < 768px) {
				.som .feature .obj-3 {
								width: 27.6vw;
								top: 214.5333333333vw;
				}
}
.som .commit {
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/commit_bg.jpg);
}
@media (769px < width) {
				.som .commit {
								height: 925.9333333333px;
				}
}
@media (769px < width < 768px) {
				.som .commit {
								height: 67.8339438339vw;
				}
}
@media (width < 768px) {
				.som .commit {
								height: 215.3333333333vw;
				}
}
.som .commit .ttl {
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
}
@media (769px < width) {
				.som .commit .ttl {
								width: 282.6533333333px;
								top: 65.36px;
				}
}
@media (769px < width < 768px) {
				.som .commit .ttl {
								width: 20.7072039072vw;
								top: 4.7882783883vw;
				}
}
@media (width < 768px) {
				.som .commit .ttl {
								width: 65.7333333333vw;
								top: 15.2vw;
				}
}
.som .commit .content-1 {
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
}
@media (769px < width) {
				.som .commit .content-1 {
								width: 356.04px;
								top: 232.2px;
				}
}
@media (769px < width < 768px) {
				.som .commit .content-1 {
								width: 26.0835164835vw;
								top: 17.010989011vw;
				}
}
@media (width < 768px) {
				.som .commit .content-1 {
								width: 82.8vw;
								top: 54vw;
				}
}
.som .commit .content-2 {
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
}
@media (769px < width) {
				.som .commit .content-2 {
								width: 357.76px;
								top: 435.16px;
				}
}
@media (769px < width < 768px) {
				.som .commit .content-2 {
								width: 26.2095238095vw;
								top: 31.8798534799vw;
				}
}
@media (width < 768px) {
				.som .commit .content-2 {
								width: 83.2vw;
								top: 101.2vw;
				}
}
.som .commit .content-3 {
				position: absolute;
				left: 50%;
				-webkit-transform: translateX(-50%);
				        transform: translateX(-50%);
}
@media (769px < width) {
				.som .commit .content-3 {
								width: 341.1333333333px;
								top: 657.04px;
				}
}
@media (769px < width < 768px) {
				.som .commit .content-3 {
								width: 24.9914529915vw;
								top: 48.1347985348vw;
				}
}
@media (width < 768px) {
				.som .commit .content-3 {
								width: 79.3333333333vw;
								top: 152.8vw;
				}
}
.som .commit .obj-1 {
				right: 0;
}
@media (769px < width) {
				.som .commit .obj-1 {
								width: 107.2133333333px;
								top: 141.6133333333px;
				}
}
@media (769px < width < 768px) {
				.som .commit .obj-1 {
								width: 7.8544566545vw;
								top: 10.3746031746vw;
				}
}
@media (width < 768px) {
				.som .commit .obj-1 {
								width: 24.9333333333vw;
								top: 32.9333333333vw;
				}
}
.som .commit .obj-2 {
				left: 0;
}
@media (769px < width) {
				.som .commit .obj-2 {
								width: 126.7066666667px;
								top: 344px;
				}
}
@media (769px < width < 768px) {
				.som .commit .obj-2 {
								width: 9.2825396825vw;
								top: 25.2014652015vw;
				}
}
@media (width < 768px) {
				.som .commit .obj-2 {
								width: 29.4666666667vw;
								top: 80vw;
				}
}
.som .commit .obj-3 {
				right: 0;
}
@media (769px < width) {
				.som .commit .obj-3 {
								width: 109.5066666667px;
								top: 560.72px;
				}
}
@media (769px < width < 768px) {
				.som .commit .obj-3 {
								width: 8.0224664225vw;
								top: 41.0783882784vw;
				}
}
@media (width < 768px) {
				.som .commit .obj-3 {
								width: 25.4666666667vw;
								top: 130.4vw;
				}
}
.som .commit .obj-4 {
				left: 0;
}
@media (769px < width) {
				.som .commit .obj-4 {
								width: 139.8933333333px;
								top: 744.1866666667px;
				}
}
@media (769px < width < 768px) {
				.som .commit .obj-4 {
								width: 10.2485958486vw;
								top: 54.5191697192vw;
				}
}
@media (width < 768px) {
				.som .commit .obj-4 {
								width: 32.5333333333vw;
								top: 173.0666666667vw;
				}
}
.som .block {
				background-color: white;
}
@media (769px < width) {
				.som .block {
								height: 265.4533333333px;
				}
}
@media (769px < width < 768px) {
				.som .block {
								height: 19.4471306471vw;
				}
}
@media (width < 768px) {
				.som .block {
								height: 61.7333333333vw;
				}
}
.som .lineup {
				position: relative;
}
.som .lineup .lineup_btn {
				position: absolute;
}
@media (769px < width) {
				.som .lineup .lineup_btn {
								width: 377.2533333333px;
								top: 55.04px;
								left: 26.3733333333px;
				}
}
@media (769px < width < 768px) {
				.som .lineup .lineup_btn {
								width: 27.6376068376vw;
								top: 4.0322344322vw;
								left: 1.9321123321vw;
				}
}
@media (width < 768px) {
				.som .lineup .lineup_btn {
								width: 87.7333333333vw;
								top: 12.8vw;
								left: 6.1333333333vw;
				}
}
.som .info {
				position: relative;
				background-size: 100%;
				background-repeat: no-repeat;
				background-position: top center;
				background-image: url(../img/info_bg.jpg);
}
.som .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) {
				.som .info .sns {
								top: 161.68px;
				}
}
@media (769px < width < 768px) {
				.som .info .sns {
								top: 11.8446886447vw;
				}
}
@media (width < 768px) {
				.som .info .sns {
								position: absolute;
								width: 100%;
								top: 37.6vw;
				}
}
@media (769px < width) {
				.som .info .sns li {
								width: 43.5733333333px;
								margin: 0 10px;
				}
}
@media (769px < width < 768px) {
				.som .info .sns li {
								width: 3.1921855922vw;
								margin: 0 0.7326007326vw;
				}
}
@media (width < 768px) {
				.som .info .sns li {
								width: 10.1333333333vw;
								margin: 0 3%;
				}
}
/*# sourceMappingURL=style.css.map */