@charset "UTF-8";
/*
--------------------------------------------------
  variable
--------------------------------------------------
*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Noto+Serif+JP:wght@200..900&display=swap");
/* line 9, ../sass/foundation/_reset.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../font/EBGaramond-VariableFont.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900
}
/* line 30, ../sass/foundation/_reset.scss */
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 36, ../sass/foundation/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
section, footer {
  overflow: hidden;
}
/* line 41, ../sass/foundation/_reset.scss */
li {
  list-style: none;
}
/* line 45, ../sass/foundation/_reset.scss */
blockquote, q {
  quotes: none;
}
/* line 49, ../sass/foundation/_reset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
/* line 55, ../sass/foundation/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
/* line 64, ../sass/foundation/_reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
/* line 71, ../sass/foundation/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
/* line 78, ../sass/foundation/_reset.scss */
del {
  text-decoration: line-through;
}
/* line 82, ../sass/foundation/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
/* line 87, ../sass/foundation/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
/* line 93, ../sass/foundation/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
/* line 102, ../sass/foundation/_reset.scss */
input, select {
  vertical-align: middle;
}
/* line 106, ../sass/foundation/_reset.scss */
*, *::before, *::after {
  box-sizing: border-box;
}
/*
--------------------------------------------------
	base
--------------------------------------------------
*/
/*google font*/
/*base style*/
/* line 13, ../sass/foundation/_base.scss */
html, body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}
/* line 19, ../sass/foundation/_base.scss */
body {
  position: relative;
  font-family: "Hina Mincho", serif;
  font-size: 0.8333333333vw;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #000;
	overflow-x: hidden;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  /* line 30, ../sass/foundation/_base.scss */
  body:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    
    background-size: 100%;
    width: 100vw;
    height: 100vh;
    z-index: -999;
	  
  }
	
	body{
		font-size: 5vw !important;
	}
	
	.hero_date{
		font-size: 6vw !important;
		text-align: center;
	}
	
	.sec{
		width: 90% !important;
		padding: 10px !important;
	}
	
	.sec p{
		font-size: 80% !important;
	}
	
	.link-btn-item a{
		width: 40vw !important;
		font-size: 80% !important;
	}
	
	.link-btn{
		justify-content: space-between !important;
	}
	
	.about_ceroz{
		flex-direction: column !important;
		margin: 4vw 0 !important;
		padding: 6vw !important;
	}
	
	.about_ceroz p {
		font-size: 60% !important;
	}
	
	.icon_cero{
		margin: 2vw 0 !important;
	}
	
	.p-lineup_link .btn a{
		font-size: 3.4vw !important;
		justify-content: center;
		padding: 2vw 1vw !important;
	}
	
	.mb10{
		margin-bottom: -45vw !important;
	}
	
	.lineup_price{
		font-size: 4.4vw !important;
	}
	
	.lineup_price small{
		font-size: 3.7vw !important;
	}
	
	.c-nav_item small{
		font-size: 3vw !important;
	}
}
/* line 57, ../sass/foundation/_base.scss */
body.fixed {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  /* line 19, ../sass/foundation/_base.scss */
  body {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 19, ../sass/foundation/_base.scss */
  body {
    font-size: 2.0833333333vw;
  }
	
	.sec{
		width: 90% !important;
		padding: 10px !important;
	}
	
	.sec p{
		font-size: 80% !important;
	}
	
	.link-btn-item a{
		width: 40vw !important;
		font-size: 80% !important;
	}
	
	.link-btn{
		justify-content: space-between !important;
	}
	
	.about_ceroz{
		flex-direction: column !important;
		margin: 4vw 0 !important;
		padding: 6vw !important;
	}
	
	.about_ceroz p {
		font-size: 60% !important;
	}
	
	.icon_cero{
		margin: 2vw 0 !important;
	}
}
@media screen and (max-width: 480px) {
  /* line 19, ../sass/foundation/_base.scss */
  body {
    font-size: 1.4rem;
  }
	
	.p-lineup_link .switch2{
		text-align: center !important;
	}
}
/* for Firefox */
/* line 82, ../sass/foundation/_base.scss */
a {
  transition: .3s all;
  color: #ea1428;
  text-decoration: none;
}
/* line 88, ../sass/foundation/_base.scss */
img {
  display: block;
  vertical-align: bottom;
  object-fit: cover;
}
@media screen and (max-width: 1420px) {
  /* line 88, ../sass/foundation/_base.scss */
  img {
    width: 100%;
  }
	
	.c-hero_logo img{
		width: 100%;
	}
}
/* line 96, ../sass/foundation/_base.scss */
h2 {
  font-size: 6.25vw;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  /* line 96, ../sass/foundation/_base.scss */
  h2 {
    font-size: 13.0208333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 96, ../sass/foundation/_base.scss */
  h2 {
    font-size: 6rem;
  }
	
	.c-hero_logo{
		display: none !important;
	}
}
/* line 108, ../sass/foundation/_base.scss */
h3 {
  font-size: 1.6666666667vw;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  /* line 108, ../sass/foundation/_base.scss */
  h3 {
    font-size: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 108, ../sass/foundation/_base.scss */
  h3 {
    font-size: 3.125vw;
  }
	
	.c-hero_logo{
		display: none;
	}
}
@media screen and (max-width: 480px) {
  /* line 108, ../sass/foundation/_base.scss */
  h3 {
    font-size: 2rem;
  }
}
/* line 122, ../sass/foundation/_base.scss */
h4 {
  font-size: 2.4rem;
}
@media screen and (max-width: 1420px) {
  /* line 122, ../sass/foundation/_base.scss */
  h4 {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 122, ../sass/foundation/_base.scss */
  h4 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 122, ../sass/foundation/_base.scss */
  h4 {
    font-size: 1.8rem;
  }
}
/* line 135, ../sass/foundation/_base.scss */
sub {
  vertical-align: sub;
}
/* line 139, ../sass/foundation/_base.scss */
.SP {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 139, ../sass/foundation/_base.scss */
  .SP {
    display: block;
  }
}
/* line 146, ../sass/foundation/_base.scss */
.PC {
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 146, ../sass/foundation/_base.scss */
  .PC {
    display: none !important;
  }
}
/* line 153, ../sass/foundation/_base.scss */
.text-right {
  text-align: right;
}
/* line 157, ../sass/foundation/_base.scss */
.text-center {
  text-align: center;
}
/* line 161, ../sass/foundation/_base.scss */
.text-bold {
  font-weight: 600;
}
/* line 165, ../sass/foundation/_base.scss */


.fadein {

  opacity : 0;

  transition: all 1s;

}

.fadeinright {

  transform: translateX(200px);

}

.fadeinleft {

  transform: translateX(-200px);

}

.fadeinbottomleft {

  transform: translateX(-50px) translateY(50px);

}

.fadedelay {

  transition-delay: 0.5s;

}
/*
--------------------------------------------------
  header
--------------------------------------------------
*/
/* line 8, ../sass/layout/_header.scss */
.l-header {
  position: relative;
  align-items: center;
  z-index: 1;
  width: 100%;
}
/* line 18, ../sass/layout/_header.scss */
.l-header_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 18, ../sass/layout/_header.scss */
  .l-header_inner {
    height: 60px;
  }
}
/* line 30, ../sass/layout/_header.scss */
.l-header_logo {
 
	position: absolute;
	top: 2vw;
	z-index: 2;
	right: -1vw;
	
}
 .l-header_logo img {
    width: 60%;
  }
@media screen and (max-width: 1420px) {
  /* line 30, ../sass/layout/_header.scss */
  .l-header_logo {
    
  }
  /* line 34, ../sass/layout/_header.scss */
  .l-header_logo img {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  /* line 30, ../sass/layout/_header.scss */
  .l-header_logo {
    width: 23.4375vw;
    padding: 16px 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 30, ../sass/layout/_header.scss */
  .l-header_logo {
    width: 110px;
    margin: 0 16px;
	  left:0;
  }
}
/* line 48, ../sass/layout/_header.scss */
.l-header_hardLogo li {
  display: inline-block;
  padding: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 1420px) {
  /* line 48, ../sass/layout/_header.scss */
  .l-header_hardLogo li {
    width: 8.3333333333vw;
    padding: 1.0416666667vw;
  }
  /* line 55, ../sass/layout/_header.scss */
  .l-header_hardLogo li img {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  /* line 60, ../sass/layout/_header.scss */
  .l-header_hardLogo li:last-child {
    margin-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  /* line 48, ../sass/layout/_header.scss */
  .l-header_hardLogo li {
    width: 20.8333333333vw;
    padding: 1.3020833333vw;
  }
}
/* line 70, ../sass/layout/_header.scss */
.l-header_nav {
  width: 100%;
}
/*
--------------------------------------------------
  main
--------------------------------------------------
*/
/* line 10, ../sass/layout/_main.scss */
.l-main_bg {
  background: url("../img/bg_main.png") fixed;
}
/*
--------------------------------------------------
  footer
--------------------------------------------------
*/
/* line 9, ../sass/layout/_footer.scss */
.l-footer {
  position: relative;
  background: #000;
  color: #aaa;
  padding: 24px 0;
}
@media screen and (max-width: 480px) {
  /* line 9, ../sass/layout/_footer.scss */
  .l-footer {
    padding: 24px 0;
  }
}
/* line 18, ../sass/layout/_footer.scss */
.l-footer_inner {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 18, ../sass/layout/_footer.scss */
  .l-footer_inner {
    padding: 0 1.25vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 18, ../sass/layout/_footer.scss */
  .l-footer_inner {
    padding: 0 24px;
  }
}
/* line 29, ../sass/layout/_footer.scss */
.l-footer_twitter {
  position: relative;
  text-align: center;
  margin: auto;
}
/* line 34, ../sass/layout/_footer.scss */
.l-footer_legal {
  font-size: 1.2rem;
  text-align: center;
}
/* line 37, ../sass/layout/_footer.scss */
.l-footer_legal p {
  vertical-align: middle;
}
/* line 40, ../sass/layout/_footer.scss */
.l-footer_legal img {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
/* line 46, ../sass/layout/_footer.scss */
.l-footer_cookiebot {
  text-align: center;
	position: relative;
	z-index: 3;
}
/* line 48, ../sass/layout/_footer.scss */
.l-footer_cookiebot a {
  display: inline-block;
  padding: 24px;
}
/* line 54, ../sass/layout/_footer.scss */
.l-footer_logo {
  margin: 0 0 16px auto;
}
@media screen and (max-width: 1024px) {
  /* line 54, ../sass/layout/_footer.scss */
  .l-footer_logo {
    margin: 0 auto 16px auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 54, ../sass/layout/_footer.scss */
  .l-footer_logo {
    width: 160px;
  }
}
/*
--------------------------------------------------
  notice
--------------------------------------------------
*/
/* line 9, ../sass/component/_notice.scss */
.c-notice {
  /* font-size: 1.4rem; */
  color: #acacac;
	margin-bottom: 2vw;
	font-size: .77vw;
}
/*
--------------------------------------------------
  sontainer
--------------------------------------------------
*/
/* line 9, ../sass/component/_container.scss */
.c-container {
  position: relative;
  padding: 3% 0;
}
@media screen and (max-width: 1420px) {
  /* line 9, ../sass/component/_container.scss */
  .c-container {
    padding: 5% 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 9, ../sass/component/_container.scss */
  .c-container {
    padding: 16% 0;
  }
}
/* line 19, ../sass/component/_container.scss */
.c-container_inner {
  position: relative;
  max-width: 73.9583333333vw;
  margin: auto;
}
@media screen and (max-width: 1420px) {
  /* line 19, ../sass/component/_container.scss */
  .c-container_inner {
    /* max-width: 100%;
    padding: 0 5.2083333333vw; */
  }
}
@media screen and (max-width: 768px) {
  /* line 19, ../sass/component/_container.scss */
  .c-container_inner {
    max-width: 100%;
    padding: 0 13.0208333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 19, ../sass/component/_container.scss */
  .c-container_inner {
    padding: 0 20px;
  }
}
/* line 35, ../sass/component/_container.scss */
.c-container_inner-s {
  max-width: 52.0833333333vw;
}
@media screen and (max-width: 1420px) {
  /* line 35, ../sass/component/_container.scss */
  .c-container_inner-s {
    max-width: 80%;
    padding: 0 5.2083333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 35, ../sass/component/_container.scss */
  .c-container_inner-s {
    max-width: 100%;
  }
}
/*
--------------------------------------------------
  nav
--------------------------------------------------
*/
/* line 9, ../sass/component/_nav.scss */
.c-nav {
  flex: 1;
  top: 0;
  background: #000;
}
.c-nav:before{
	background: url("../img/line_blue.png") no-repeat;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}
@media all and (-ms-high-contrast: none) {
  /* line 9, ../sass/component/_nav.scss */
  .c-nav {
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* line 9, ../sass/component/_nav.scss */
  .c-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 998;
    width: 100%;
    top: 0;
    right: -120%;
    height: 100vh;
    background: #000 !important;
    transition: .5s all;
  }
}
/* line 31, ../sass/component/_nav.scss */
.c-nav.is-open {
  right: 0;
}
/* line 34, ../sass/component/_nav.scss */
.c-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  z-index: 998;
  animation: MenuDown 0.5s;
}
/* line 42, ../sass/component/_nav.scss */
.c-nav.fixed .c-nav_list {
  margin: auto;
	z-index: 998;
}
@media screen and (max-width: 1024px) {
  /* line 34, ../sass/component/_nav.scss */
  .c-nav.fixed {
    left: inherit;
  }
}
/* line 51, ../sass/component/_nav.scss */
.c-nav_list {
  display: flex;
  max-width: 1420px;
  margin: auto;
  align-items: center;
  height: 6.2083333333vw;
}
@media screen and (max-width: 1024px) {
  /* line 51, ../sass/component/_nav.scss */
  .c-nav_list {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
}
/* line 63, ../sass/component/_nav.scss */
.c-nav_item {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
	font-family: "Special Elite", system-ui;
}
/* line 70, ../sass/component/_nav.scss */
.c-nav_item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  background: #ea1428;
  width: 1px;
}
/* line 80, ../sass/component/_nav.scss */
.c-nav_item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.2083333333vw;
  text-align: center;
  line-height: 1.4;
  font-size: 1.5833333333vw;
  color: #ea1428;
}
/* line 92, ../sass/component/_nav.scss */
.c-nav_item a:hover {
  background: #6c0101;
  color: #fff;
}
/* line 97, ../sass/component/_nav.scss */
.c-nav_item span {
  display: block;
  align-self: center;
}
/* line 101, ../sass/component/_nav.scss */
.c-nav_item small {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: block;
  font-size: 0.7291666667vw;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  /* line 63, ../sass/component/_nav.scss */
  .c-nav_item {
    width: 100%;
  }
  /* line 109, ../sass/component/_nav.scss */
  .c-nav_item a {
    font-size: 3.6458333333vw;
    padding: 32px 0;
    height: auto;
  }
  /* line 114, ../sass/component/_nav.scss */
  .c-nav_item small {
    font-size: 1.25vw;
  }
  /* line 117, ../sass/component/_nav.scss */
  .c-nav_item:not(:last-child) {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 122, ../sass/component/_nav.scss */
  .c-nav_item a {
    font-size: 9.1145833333vw;
  }
	
	.l-header_logo{
		top: 0 !important;
	}
}
/* line 131, ../sass/component/_nav.scss */
.c-nav-toggle {
display: none;
  background: #ea1428;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 999;
  transition: .5s all;
}
@media screen and (max-width: 1024px) {
  /* line 131, ../sass/component/_nav.scss */
  .c-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
  }
}
/* line 147, ../sass/component/_nav.scss */
.c-nav-toggle_inner {
  position: relative;
  width: 32px;
  height: 32px;
}
/* line 151, ../sass/component/_nav.scss */
.c-nav-toggle_inner span {
  position: absolute;
  left: 0;
  display: block;
  background: #000;
  width: 100%;
  height: 2px;
  transition: .5s all;
}
/* line 159, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(1) {
  top: 8px;
}
/* line 162, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(2) {
  top: 16px;
}
/* line 165, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(3) {
  top: 24px;
}
/* line 170, ../sass/component/_nav.scss */
.c-nav-toggle.fixed {
  position: fixed;
  top: 0;
  right: 0;
  animation: MenuDown 0.5s;
}
/* line 180, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(1) {
  top: 16px;
  transform: rotate(45deg);
}
/* line 184, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(2) {
  top: 16px;
  transform: rotate(-45deg);
}
/* line 188, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(3) {
  opacity: 0;
}
@keyframes MenuDown {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
--------------------------------------------------
  hero
--------------------------------------------------
*/
/* line 9, ../sass/component/_hero.scss */
.c-hero {
  overflow: hidden;
 background: url(../img/bg04.jpg) no-repeat, #000;
  background-size: contain;
	background-position: center;
  display: block;
  mask-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 250% 250%;
  -webkit-mask-size: 250% 250%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 130% 130%;
  -webkit-mask-position: 130% 130%;
  animation: mask-animation 4.5s linear forwards;
  position: relative;
	height: 56.3vw;
}
.c-hero::before {
  content: '';
  width: 100vw;
  height: 100vh;
 
}
@media screen and (max-width: 768px) {
  /* line 9, ../sass/component/_hero.scss */
  .c-hero {
    background: url(../img/bg_hero_sp_02.png) no-repeat #000;
    background-size: 100%;

  }
}
/* line 17, ../sass/component/_hero.scss */
.c-hero_inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 4.1666666667vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  /* line 17, ../sass/component/_hero.scss */
  .c-hero_inner {
    padding: 0 5.2083333333vw;
  }
}
/* line 25, ../sass/component/_hero.scss */
.c-hero_contents {
  display: flex;
  height: 41.666667vw;
	position: relative;
	justify-content: start;
	align-items: center;
}
@media screen and (max-width: 768px) {
  /* line 25, ../sass/component/_hero.scss */
  
}
/* line 40, ../sass/component/_hero.scss */
.c-hero_logo {
  position: relative;

  width: 37.5vw;
	text-align: center;
	display: block;
	margin: 4vw auto;
	right: -7vw;
}
@media screen and (max-width: 768px) {
  /* line 40, ../sass/component/_hero.scss */
  .c-hero_logo {
    width: 62.5vw;
    left: inherit;
    bottom: inherit;
    top: 20.8333333333vw;
    right: 0;
  }
}
/* line 53, ../sass/component/_hero.scss 
.c-hero_img {
  position: absolute;
  bottom: 0vw;
  right: -4vw;
  width: 45.7916666667vw;
} */

.c-hero_img {

  width: 33.7916666667vw;
}

@media screen and (max-width: 768px) {
  /* line 53, ../sass/component/_hero.scss */
  .c-hero_img {
    width: 100%;
    top: 73vw;
	  left: 6vw;
    right: 0;
    bottom: 10.4166666667vw;
  }
  .c-hero_contents {
    display: block !important;
  }
  h1 {
    top: 120vw !important;
    left: 0vw !important;
    font-size: 5vw !important;
  }
  .hero_date {
    
    left: 0 !important;
    width: 100% !important;
  }
  .c-herobtn {
    margin: 0 !important;
    top: -41vw !important;
  }
  .chara1, .chara2 {
    display: none;
  }
  .p-lineup_body {
    height: 100% !important;
  }
}
/* line 65, ../sass/component/_hero.scss */
.c-hero_notice {
  text-align: right;
  margin: 0.5208333333vw 0;
  font-size: 0.625vw;
}
@media screen and (max-width: 768px) {
  /* line 65, ../sass/component/_hero.scss */
  .c-hero_notice {
    font-size: 1rem;
    margin: 1.3020833333vw 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 65, ../sass/component/_hero.scss */
  .c-hero_notice {
    margin: 10px 0;
  }
	
	h1.img_wrap{
		display: none;
	}
	
	.hero_date{
		font-size: 125% !important;
	}
	
	.p-collectors_img img{
		width: 115% !important;
		margin-left: -5vw;
	}
}
/*
--------------------------------------------------
  btn
--------------------------------------------------
*/
/* line 8, ../sass/component/_btn.scss */
.c-btn_wrap {
  text-align: center;
}
/* line 11, ../sass/component/_btn.scss */
.c-btn {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  padding: 24px 8px;
  transition: .3s all;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.1416666667vw;
  background-size: auto;
	font-weight: bold;
  background-position: center right 10px;
  background: acacac;
  border: 1px solid acacac;
}
/* line 24, ../sass/component/_btn.scss */
.c-btn:hover {
  color: white;
  border: 1px solid #8a0e1a;
  background: #8a0e1a;
}
/* line 28, ../sass/component/_btn.scss */

/* line 32, ../sass/component/_btn.scss */


@media screen and (max-width: 768px) {
  /* line 11, ../sass/component/_btn.scss */
  .c-btn {
    font-size: 2.6041666667vw;
    padding: 2.0833333333vw 6.5104166667vw;
  }
	.scroll{
		bottom: 17vw !important;
	}
	
	.moving-clouds{
		bottom: 52vw !important;
	}
	
	.c-hero{
		height: 162vw;
		margin-top: 0 !important;
	}
	
	.c-hero_package{
		display: none;
	}
}
@media screen and (max-width: 480px) {
  /* line 11, ../sass/component/_btn.scss */
  .c-btn {
    padding: 10px 16px;
    font-size: 1.6rem;
	  position: relative;
	 
  }
	
	.p-dlc_contents{
		padding: 4vw !important;
	}
}
/* line 44, ../sass/component/_btn.scss */
.c-btn_border {
  display: block;
  border: solid 2px acacac;
  background: url(../img/icon_plus.png) no-repeat center right 10px, #000;
  background-size: 20px 20px;
  width: 100%;
  max-width: 200px;
  padding: 8px 16px;
  text-align: center;
  margin: 0 auto 40px;
}
/* line 54, ../sass/component/_btn.scss */
.c-btn_border:hover {
  background: acacac;
  color: #fff;
  background-size: 20px 20px;
}
/* line 61, ../sass/component/_btn.scss */
.c-btn-main {
  border: 2px solid #00ffe4;
  border-image: linear-gradient(to left, #00ffe4 0%, #24aec7 25%, #a21252 75%, #df0000 100%);
  border-image-slice: 1;
}
/* line 65, ../sass/component/_btn.scss */
.c-btn-main:before {
  content: '';
  position: absolute;
  display: block;
  background: url(../img/arrow.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 10px;
  top: 45%;
  right: -30px;
  transform: translateY(-45%);
  transition: .3s all;
}
/* line 78, ../sass/component/_btn.scss */
.c-btn-main:hover {
  border: 2px solid #df0000;
  border-image: linear-gradient(to right, #00ffe4 0%, #24aec7 25%, #a21252 75%, #df0000 100%);
  border-image-slice: 1;
  color: #fff;
}
/* line 83, ../sass/component/_btn.scss */
.c-btn-main:hover:before {
  right: -14%;
}
/* line 86, ../sass/component/_btn.scss */
.c-btn-main:hover:after {
  right: -15%;
}
@media screen and (max-width: 1420px) {
  /* line 91, ../sass/component/_btn.scss */
  .c-btn-main:before {
    width: 2.0833333333vw;
    height: 0.3125vw;
    right: -1.0416666667vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 98, ../sass/component/_btn.scss */
  .c-btn-main:before {
    width: 7.8125vw;
    height: 1.3020833333vw;
    right: -3.90625vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 105, ../sass/component/_btn.scss */
  .c-btn-main:before {
    width: 60px;
    height: 10px;
    right: -30px;
  }
}

p.p-collectors_name{
	font-size: 1vw;
}
/*
--------------------------------------------------
  scroll anime
--------------------------------------------------
*/
/* line 8, ../sass/component/_scrollAnime.scss */
.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}
/* line 14, ../sass/component/_scrollAnime.scss */
.fade-in-up {
  transform: translate(0, 50px);
}
/* line 18, ../sass/component/_scrollAnime.scss */
.fade-in-down {
  transform: translate(0, -50px);
}
/* line 22, ../sass/component/_scrollAnime.scss */
.fade-in-left {
  transform: translate(-50px, 0);
}
/* line 26, ../sass/component/_scrollAnime.scss */
.fade-in-right {
  transform: translate(50px, 0);
}
/* line 30, ../sass/component/_scrollAnime.scss */
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
/*
--------------------------------------------------
  tab
--------------------------------------------------
*/
/* line 10, ../sass/component/_tab.scss */
.c-tab .p-chooseBtn {
  display: flex;
}
/* line 13, ../sass/component/_tab.scss */
.c-tab_btn {
  padding: 10px 0;
  text-align: center;
  list-style: none;
  cursor: pointer;
  opacity: 0.5;
}
/* line 19, ../sass/component/_tab.scss */
.c-tab_btn:hover {
  opacity: 1;
}
/* line 22, ../sass/component/_tab.scss */
.c-tab_btn.active {
  opacity: 1;
	background: #666;
}
/* line 26, ../sass/component/_tab.scss */
.c-tab_contents {
  display: none;
}
/* line 28, ../sass/component/_tab.scss */
.c-tab_contents.active {
  display: block;
}
/*
--------------------------------------------------
  accordion
--------------------------------------------------
*/
/* line 10, ../sass/component/_accordion.scss */
.c-ac_toggle {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (max-width: 480px) {
  /* line 10, ../sass/component/_accordion.scss */
  .c-ac_toggle {
    pointer-events: all;
    cursor: pointer;
    background: acacac;
    color: #fff;
    padding: 16px 24px;
    text-align: center;
  }
  /* line 22, ../sass/component/_accordion.scss */
  .c-ac_toggle:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%) rotate(135deg);
    width: 10px;
    height: 10px;
    border-top: #fff 3px solid;
    border-right: #fff 3px solid;
    transition: .3s all;
  }
  /* line 36, ../sass/component/_accordion.scss */
  .c-ac_toggle.open:after {
    transform: rotate(-45deg);
  }
	
	.c-tab_btn img {
		width: 26vw !important;
	}
	
	.c-tab_btn img.switchtab{
		width: 14vw !important;
	}
	
	
}
/* line 42, ../sass/component/_accordion.scss */
.c-ac_contents {
  display: block;
}
@media screen and (max-width: 480px) {
  /* line 42, ../sass/component/_accordion.scss */
  .c-ac_contents {
    display: none;
  }
}
/*
--------------------------------------------------
  flexbox
--------------------------------------------------
*/
/* line 8, ../sass/component/_flex.scss */
.c-flex {
  display: flex;
}
/* line 12, ../sass/component/_flex.scss */
.c-flex.fxd-c {
  flex-direction: column;
}
/* line 15, ../sass/component/_flex.scss */
.c-flex.fxd-cr {
  flex-direction: column-reverse;
}
/* line 18, ../sass/component/_flex.scss */
.c-flex.fxd-r {
  flex-direction: row;
}
/* line 21, ../sass/component/_flex.scss */
.c-flex.fxd-rr {
  flex-direction: row-reverse;
}
/* line 27, ../sass/component/_flex.scss */
.c-flex.fxw-w {
  flex-wrap: wrap;
}
/* line 30, ../sass/component/_flex.scss */
.c-flex.fxw-wr {
  flex-wrap: wrap-reverse;
}
/* line 36, ../sass/component/_flex.scss */
.c-flex.jc-c {
  justify-content: center;
}
/* line 39, ../sass/component/_flex.scss */
.c-flex.jc-fe {
  justify-content: flex-end;
}
/* line 42, ../sass/component/_flex.scss */
.c-flex.jc-fs {
  justify-content: flex-start;
}
/* line 45, ../sass/component/_flex.scss */
.c-flex.jc-sa {
  justify-content: space-around;
}
/* line 48, ../sass/component/_flex.scss */
.c-flex.jc-sb {
  justify-content: space-between;
}
/* line 55, ../sass/component/_flex.scss */
.c-flex.ai-b {
  align-items: baseline;
}
/* line 58, ../sass/component/_flex.scss */
.c-flex.ai-c {
  align-items: center;
}
/* line 61, ../sass/component/_flex.scss */
.c-flex.ai-fe {
  align-items: flex-end;
}
/* line 64, ../sass/component/_flex.scss */
.c-flex.ai-fs {
  align-items: flex-start;
}
/* line 67, ../sass/component/_flex.scss */
.c-flex.ai-s {
  align-items: stretch;
}
/* line 74, ../sass/component/_flex.scss */
.c-flex.ac-c {
  align-content: center;
}
/* line 77, ../sass/component/_flex.scss */
.c-flex.ac-fe {
  align-content: flex-end;
}
/* line 80, ../sass/component/_flex.scss */
.c-flex.ac-fs {
  align-content: flex-start;
}
/* line 83, ../sass/component/_flex.scss */
.c-flex.ac-s {
  align-content: stretch;
}
/* line 86, ../sass/component/_flex.scss */
.c-flex.ac-sa {
  align-content: space-around;
}
/* line 89, ../sass/component/_flex.scss */
.c-flex.ac-sb {
  align-content: space-between;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-1 {
  order: 1;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-2 {
  order: 2;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-3 {
  order: 3;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-4 {
  order: 4;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-5 {
  order: 5;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-6 {
  order: 6;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-7 {
  order: 7;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-8 {
  order: 8;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-9 {
  order: 9;
}
/* line 98, ../sass/component/_flex.scss */
.c-flex__item.-ord-10 {
  order: 10;
}
/*
--------------------------------------------------
  hero
--------------------------------------------------
*/
/* line 9, ../sass/component/_heading.scss */
.c-heading {
  display: block;
  text-align: center;
  line-height: 2;
  color: white;
  margin-bottom: 6.3333333333vw;
	/* background: #cdab5a; */
	padding: 2vw 0;
	/* text-shadow:0 0 1.0416666667vw #520606,0 0 1.0416666667vw #520606,0 0 .5208333333vw #520606,0 0 .5208333333vw #520606; */
	animation: blur 10s loop;
	-webkit-animation: blur 10s infinite alternate; 
	font-family: "Special Elite", system-ui;
  font-weight: 400;
}

@-webkit-keyframes blur {
    0% { -webkit-filter: blur(0px);}
    10% { -webkit-filter: blur(2px);}
	300% { -webkit-filter: blur(0px);}
    100% { -webkit-filter: blur(0px);}
}

/* line 16, ../sass/component/_heading.scss */
.c-heading span {
  display: block;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: white;
  font-size: 30%;
	
}
@media screen and (max-width: 480px) {
  /* line 9, ../sass/component/_heading.scss */
  .c-heading {
    margin-bottom: 50px;
  }
}
/*
--------------------------------------------------
  pageTop
--------------------------------------------------
*/
/* line 8, ../sass/component/_pageTop.scss */
.c-pageTop {
  position: fixed;
  width: 64px;
  height: 64px;
  bottom: 50px;
  right: 8px;
  cursor: pointer;
  z-index: 997;
}
@media screen and (max-width: 480px) {
  /* line 8, ../sass/component/_pageTop.scss */
  .c-pageTop {
    width: 48px;
    height: 48px;
  }
  /* line 20, ../sass/component/_pageTop.scss */
  .c-pageTop:before, .c-pageTop:after {
    width: 20px;
  }
	
	.c-hero{
		height: 162vw;
	}
	
	.c-hero_package{
		display: none;
	}
}
/* line 24, ../sass/component/_pageTop.scss */
.c-pageTop_btn {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  background: #000;
}
/* line 30, ../sass/component/_pageTop.scss */
.c-pageTop_btn:before, .c-pageTop_btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background: #aaa;
  width: 30px;
  height: 2px;
  transition: .4s all;
}
/* line 40, ../sass/component/_pageTop.scss */
.c-pageTop_btn:before {
  transform: rotate(45deg);
  right: 7px;
}
/* line 44, ../sass/component/_pageTop.scss */
.c-pageTop_btn:after {
  transform: rotate(-45deg);
  left: 7px;
}
/* line 49, ../sass/component/_pageTop.scss */
.c-pageTop_btn:hover:before, .c-pageTop_btn:hover:after {
  top: 45%;
}
@media screen and (max-width: 480px) {
  /* line 24, ../sass/component/_pageTop.scss */
  .c-pageTop_btn {
    width: 48px;
    height: 48px;
  }
  /* line 56, ../sass/component/_pageTop.scss */
  .c-pageTop_btn:before, .c-pageTop_btn:after {
    width: 20px;
  }
}
/* line 61, ../sass/component/_pageTop.scss */
.c-pageTop-twitter {
  display: block;
  margin: 0 auto 24px;
  position: relative;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 100px;
}
/* line 69, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/tw_icon.png) no-repeat center;
  width: 45px;
  height: 48px;
}
/* line 79, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:after {
  content: 'SHARE';
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  transition: .3s all;
}
/* line 89, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:hover {
  background: #0488ba;
}
/* line 91, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:hover:after {
  color: #0488ba;
}
@media screen and (max-width: 480px) {
  /* line 61, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter {
    width: 50px;
    height: 50px;
  }
  /* line 98, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter:after {
    font-size: 1.2rem;
    top: 50px;
  }
}
/*
--------------------------------------------------
  project
--------------------------------------------------
*/
/* line 10, ../sass/project/_project.scss */
.p-color-gold {
  /* background: linear-gradient(45deg, #83764c 0%, #cfc48e 20%, #ddd29c 50%, #cfc48e 80%, #83764c 100%);
  color: #333;
	font-size: 2vw; */
	
	color: white;
	position: absolute;
	right: .5vw;
	top: 16vw;
	text-shadow:0 0 1.0416666667vw #580808,0 0 1.0416666667vw #580808,0 0 .5208333333vw #580808,0 0 .5208333333vw #580808;
}
/* line 14, ../sass/project/_project.scss */
.p-color-silver {
  /* background: linear-gradient(45deg, #6d6d6d 0%, #d2d0c6 20%, #e0ded6 50%, #d2d0c6 80%, #6d6d6d 100%);
  color: #333; */
	color: white;
	position: absolute;
	right: .5vw;
	top: 16vw;
	text-shadow:0 0 1.0416666667vw #949292,0 0 1.0416666667vw #949292,0 0 .5208333333vw #949292,0 0 .5208333333vw #949292;
}
/* line 18, ../sass/project/_project.scss */
.p-color-red {
	background: linear-gradient(45deg, #510101 0%, #5f0606 20%, #890505 50%, #5f0606 80%, #510101 100%);
 
  color: #fff;
}

.red {
	color: #6c0101;
	
}
/* line 25, ../sass/project/_project.scss */
.p-anchor {
  display: none;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  /* line 25, ../sass/project/_project.scss */
  .p-anchor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
/* line 33, ../sass/project/_project.scss */
.p-anchor_item {
  width: calc(50% - 8px);
  margin-bottom: 24px;
}
/* line 36, ../sass/project/_project.scss */
.p-anchor_item.full {
  width: 100%;
}
/* line 40, ../sass/project/_project.scss */
.p-anchor_btn {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border: solid 2px #ea1428;
  color: #ea1428;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  height: 80px;
  width: 100%;
  background: #000;
}
/* line 54, ../sass/project/_project.scss */
.p-anchor_btn:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid acacac;
  border-right: 2px solid acacac;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  /* line 40, ../sass/project/_project.scss */
  .p-anchor_btn {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 40, ../sass/project/_project.scss */
  .p-anchor_btn {
    font-size: 1.6rem;
  }
}
/* line 76, ../sass/project/_project.scss */
#lineup {
   background: url(../img/bg01.jpg) no-repeat fixed;
  background-size: cover; 

	margin-top: 0;
	padding-top:0;
}
@media screen and (max-width: 768px) {
  /* line 76, ../sass/project/_project.scss */
  #lineup {
    background: none;
  }
}
/* line 83, ../sass/project/_project.scss */
.p-lineup {
  display: flex;
	justify-content: space-between;
	margin-bottom: 3vw;
}
@media screen and (max-width: 768px) {
  /* line 83, ../sass/project/_project.scss */
  .p-lineup {
    display: block;
  }
}
/* line 89, ../sass/project/_project.scss */
.p-lineup_item {
  background: rgba(0, 0, 0, 0.8);
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
	border: 1px solid gray;
	box-shadow: 0 0 1.0416666667vw #000,0 0 1.0416666667vw #000,0 0 .5208333333vw #000,0 0 .5208333333vw #000;
}
/* 
.p-lineup_item{
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
} */
/* line 92, ../sass/project/_project.scss */
.p-lineup_item:not(:last-child) {
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  /* line 89, ../sass/project/_project.scss */
  .p-lineup_item {
    width: 100%;
  }
  /* line 97, ../sass/project/_project.scss */
  .p-lineup_item:not(:last-child) {
    margin-bottom: 40px;
  }
}
/* line 102, ../sass/project/_project.scss */
.p-lineup_ttl {
  text-align: center;
  font-size: 1.4583333333vw;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0.8333333333vw;
	display: flex;
	min-height: 5vw;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 768px) {
  /* line 102, ../sass/project/_project.scss */
  .p-lineup_ttl {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 102, ../sass/project/_project.scss */
  .p-lineup_ttl {
    font-size: 2rem;
    padding: 16px;
  }
}
/* line 115, ../sass/project/_project.scss */
.p-lineup_body {
  padding: 1.25vw;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 768px) {
  /* line 115, ../sass/project/_project.scss */
  .p-lineup_body {
    padding: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 115, ../sass/project/_project.scss */
  .p-lineup_body {
    padding: 0 16px 24px;
	  
  }
	
	p.p-collectors_name, .ttlsmall{
		font-size: 5vw !important;
	}
	
	.p-collectors_detail{
		padding: 3vw;
	}
	
	.btn-hover{
		line-height: 3.5 !important;
	}
	.buybtn{
		line-height: 2 !important;
	}
}
/* line 126, ../sass/project/_project.scss */
.p-lineup_img img {
  width: 100%;
}
/* line 130, ../sass/project/_project.scss */
.p-lineup_price {
  color: #6c0101;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 2.25vw;
  font-weight: 700;
  text-align: center;
  padding: 16px 0;
	margin-top: -3vw;
}
/* line 137, ../sass/project/_project.scss */
.p-lineup_price small {
  font-size: 80%;
}
@media screen and (max-width: 768px) {
  /* line 130, ../sass/project/_project.scss */
  .p-lineup_price {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 130, ../sass/project/_project.scss */
  .p-lineup_price {
    font-size: 2.4rem;
  }
  .c-hero_contents {
    display: block !important;
  }
  .hero_date {
   
    width: 100% !important;
  }
  h1 {
    top: 117vw !important;
    font-size: 5vw !important;
    left: 0 !important;
  }
  .c-herobtn {
    margin: 0 !important;
    top: -43vw;
  }
}
/* line 147, ../sass/project/_project.scss */
dl.p-spec {
  font-size: 1.4vw;
}
.p-lineup_contents {
  padding-left: 20px;
  margin-bottom: 24px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  /* line 147, ../sass/project/_project.scss */
  .p-lineup_contents {
    min-height: auto;
  }
}
/* line 154, ../sass/project/_project.scss */
.p-lineup_contents li {
  list-style: disc;
  margin-bottom: 16px;
  font-weight: 700;
}
/* line 158, ../sass/project/_project.scss */
.p-lineup_contents li span {
  display: block;
  font-size: 80%;
  font-weight: 400;
}
/* line 166, ../sass/project/_project.scss */
.p-lineup_link li {
  margin-bottom: 16px;
}
/* line 170, ../sass/project/_project.scss */
.p-lineup_indent {
  position: relative;
  padding-left: 1.6em;
}
/* line 173, ../sass/project/_project.scss */
.p-lineup_indent:before {
  content: '└';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 187, ../sass/project/_project.scss */
#collectors {
  background: url(../img/bg05.jpg) no-repeat top center, #000;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  /* line 187, ../sass/project/_project.scss */
  #collectors {
    background-size: 100%;
  }
}
@media screen and (max-width: 480px) {
  /* line 187, ../sass/project/_project.scss */
  #collectors {
    background-size: 200%;
  }
}
.p-collectors {
  position: relative;
}
/* line 200, ../sass/project/_project.scss */
.p-collectors_img img {
  margin: auto;
  width: 72vw;
  padding-bottom: 6vw;
}
@media screen and (max-width: 768px) {
  /* line 199, ../sass/project/_project.scss */
  .p-collectors_img {
    margin-bottom: 5.2083333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 199, ../sass/project/_project.scss */
  .p-collectors_img {
    margin-bottom: 36px;
  }
}
/* line 210, ../sass/project/_project.scss */
.p-collectors_contents {
  display: flex;
  flex-wrap: wrap;
	justify-content: center;
}
@media screen and (max-width: 480px) {
  /* line 210, ../sass/project/_project.scss */
  .p-collectors_contents {
    display: block;
  }
}
/* line 217, ../sass/project/_project.scss */
.p-collectors_item {
  width: calc(50% - 20px);
  border: 1px solid #655831;
  padding: 2.0833333333vw 1.25vw;
  margin-bottom: 2.0833333333vw;
  display: flex;
  flex-direction: column;
	margin-right: 20px;
}
/* line 222, ../sass/project/_project.scss */


.p-collectors_item:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  /* line 217, ../sass/project/_project.scss */
  .p-collectors_item {
    width: calc(50% - 12px);
  }
  /* line 227, ../sass/project/_project.scss */
  .p-collectors_item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 217, ../sass/project/_project.scss */
  .p-collectors_item {
    border: none;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 2.6041666667vw;
    padding-bottom: 2.6041666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 217, ../sass/project/_project.scss */
  .p-collectors_item {
    margin-bottom: 60px;
    border: 1px solid #655831;
    padding: 10.0833333333vw 1.25vw 10vw;
  }
  .size {
    width: 15vw !important;
  }
  .chara1, .chara2 {
    display: none;
  }
  .p-lineup_price {
    font-size: 8.629167vw !important;
  }
  .p-lineup_price small {
    font-size: 4.629167vw !important;
  }
  #collectors {
    padding-bottom: 30vw;
  }
  .soft {
    max-width: 35vw !important;
  }
  .c-hero_contents {
    height: 188.666667vw !important;
  }
}
/* line 243, ../sass/project/_project.scss */
.p-collectors_name {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.25vw;
  text-align: center;
  margin-bottom: 1.25vw;
  padding-bottom: 1.25vw;
  border-bottom: solid 1px #655831;
}
/* line 250, ../sass/project/_project.scss */
.p-collectors_name span {
  display: block;
  color: black;
  font-size: 1.6666666667vw;
  z-index: 982;
  position: absolute;
  top: -1.7vw;
  left: 45%;
}
.diamondnumber {
  content: "";
  height: 2.7vw;
  width: 2.7vw;
  background: #d6b661;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: -1.5vw;
  left: 43%;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  /* line 243, ../sass/project/_project.scss */
  .p-collectors_name {
    font-size: 1.6666666667vw;
  }
  .chara2 {
    top: 120vw !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 243, ../sass/project/_project.scss */
  .p-collectors_name {
    text-align: left;
    border-bottom: none;
    font-size: 3.90625vw;
    margin-bottom: 2.0833333333vw;
  }
  /* line 264, ../sass/project/_project.scss */
  .p-collectors_name span {
    font-size: 3rem;
    line-height: 1;
  }
}
@media screen and (max-width: 480px) {
  /* line 243, ../sass/project/_project.scss */
  .p-collectors_name {
    font-size: 2rem;
    margin-bottom: 58px;
	  text-align: center;
  }
  .diamondnumber {
    height: 10.7vw !important;
    width: 10.7vw !important;
    top: -5vw;
  }
  .p-collectors_detail:after, .p-collectors_detail:before {
    height: 3.7vw !important;
    width: 3.7vw !important;
	  display: none !important;
	  
  }
	
	.reservebtn{
		width: 50vw !important;
		right: 34vw !important;
	}
	
	.itemcontent{
		width: 76vw !important;
	}

  .p-collectors_name span {
    top: -3.7vw;
  }
  .hero_date {
    width: 100%;
    
  }
  .c-hero_img {
     top: 141vw;
	  left: -16vw;
	  
  }
	
	.p-lineup_contents{
		font-size: 3.8vw;
	}
	
	.c-notice{
		font-size: 2.8vw;
	}
	.toptextsmall{
		font-size: 4vw !important;
	}
	
	.toptextsmall02{
		font-size: 4.8vw  !important;
	}
}
/* line 274, ../sass/project/_project.scss */
.p-collectors_detail {
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 2vw;
}
.p-collectors_detail:after {
  content: "";
  height: .7vw;
  width: .7vw;
  background: #d6b661;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 2.9vw;
  right: 2.1vw;
}
.p-collectors_detail:before {
  content: "";
  height: .7vw;
  width: .7vw;
  background: #d6b661;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 2.9vw;
  left: 2.1vw;
}
.numbering {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  color: #FFF;
  line-height: 0;
}
/* line 276, ../sass/project/_project.scss */
.p-collectors_detail ul, .p-collectors_detail li {}
/* line 279, ../sass/project/_project.scss */
.p-collectors_detail ul {
  margin-left: 1em;
}
/* line 282, ../sass/project/_project.scss */
.p-collectors_detail li {
  margin-bottom: 8px;
	list-style: inside;
}
/* line 288, ../sass/project/_project.scss */
.p-collectors_item.cle {
  border: solid 2px acacac;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0;
}
/* line 292, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_name {
  display: flex;
  justify-content: center;
  align-items: center;
  background: acacac;
  color: #fff;
  min-height: auto;
  margin-bottom: 24px;
  padding: 16px;
  border: none;
  line-height: 1.2;
}
/* line 303, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_name span {
  text-align: center;
  width: 80px;
  margin-right: 10px;
  background: #fff;
}
/* line 310, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_detail {
  text-align: center;
}
/* line 312, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_detail dt {
  font-size: 2rem;
  font-weight: 600;
  color: #6c0101;
  margin-bottom: 8px;
}
/* line 318, ../sass/project/_project.scss */
.p-collectors_item.cle .p-collectors_detail dd {
  font-size: 1.8rem;
  margin-bottom: 24px;
}
/* line 325, ../sass/project/_project.scss 
.p-cta {
  border: solid 1px #655831;
  margin-top: 64px;
}*/
.p-cta {
  border: solid 1px #655831;
  width: 100%;
  height: 29vw;
}
/* line 328, ../sass/project/_project.scss */
.p-cta_head {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 24px;
}
@media screen and (max-width: 480px) {
  /* line 328, ../sass/project/_project.scss */
  .p-cta_head {
    font-size: 2rem;
  }
}
/* line 338, ../sass/project/_project.scss */
.p-cta_body {
  padding: 40px;
}
@media screen and (max-width: 480px) {
  /* line 338, ../sass/project/_project.scss */
  .p-cta_body {
    padding: 40px 20px;
  }
}
/* line 344, ../sass/project/_project.scss */
.p-cta_link {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  /* line 344, ../sass/project/_project.scss */
  .p-cta_link {
    display: block;
  }
}
/* line 349, ../sass/project/_project.scss */
.p-cta_link li {
  /* width: calc(50% - 20px);
  margin-right: 40px; */
  margin-bottom: 2vw;
}
/* line 352, ../sass/project/_project.scss */
.p-cta_link li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  /* line 349, ../sass/project/_project.scss */
  .p-cta_link li {
    width: 100%;
    margin: 0 0 24px 0;
  }
  /* line 358, ../sass/project/_project.scss */
  .p-cta_link li:last-child {
    margin: 0;
  }
}
/* line 366, ../sass/project/_project.scss */
#dlc {
  background: url(../img/bg03.jpg) no-repeat fixed;
}
@media screen and (max-width: 480px) {
  /* line 366, ../sass/project/_project.scss */
  #dlc {
    background: none;
  }
}
/* line 373, ../sass/project/_project.scss */
.p-dlc {
  background: rgba(0, 0, 0, 0.8);
  margin-bottom: 80px;
}
/* line 376, ../sass/project/_project.scss */
.p-dlc_head {
  background: url(../img/labelwhite.png) no-repeat;
  background-size: 57%;
	background-position: center;
  padding: 1.5625vw 0.8333333333vw;
  text-align: center;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: black;
}
@media screen and (max-width: 768px) {
  /* line 376, ../sass/project/_project.scss */
  .p-dlc_head {
    padding: 3.90625vw 2.0833333333vw;
  }
}
/* line 387, ../sass/project/_project.scss */
.p-dlc_body {
  padding: 50px;
}
@media screen and (max-width: 480px) {
  /* line 387, ../sass/project/_project.scss */
  .p-dlc_body {
    font-size: 1.2rem;
    padding: 24px 16px 50px;
  }
}
/* line 394, ../sass/project/_project.scss */
.p-dlc_img {
  margin-bottom: 24px;
}
/* line 396, ../sass/project/_project.scss */
.p-dlc_img img {
  width: 100%;
}
/* line 400, ../sass/project/_project.scss */
.p-dlc_contents {
  border: solid 1px #655831;
  padding: 24px 40px;
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
  /* line 400, ../sass/project/_project.scss */
  .p-dlc_contents {
    padding: 24px 16px;
  }
}
/* line 407, ../sass/project/_project.scss */
.p-dlc_contents h4 {
  color: #dcd59d;
  text-align: center;
  margin-bottom: 16px;
}
/* line 418, ../sass/project/_project.scss */
.p-dlc_contents_body.flex {
  display: flex;
}
@media screen and (max-width: 480px) {
  /* line 418, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex {
    display: block;
  }
}
/* line 423, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item {
  width: calc(50% - 20px);
  position: relative;
}
/* line 426, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child) {
  margin-right: 40px;
}
/* line 428, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  background: #655831;
  width: 1px;
  height: 100%;
}
/* line 439, ../sass/project/_project.scss */
.p-dlc_contents_body.flex .p-dlc_contents_item.noborder:after {
  content: none !important;
}
@media screen and (max-width: 480px) {
  /* line 423, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item {
    width: 100%;
    padding: 20px 0;
  }
  /* line 446, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child) {
    padding-top: 0;
  }
  /* line 448, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item:not(:last-child):after {
    top: 100%;
    right: 0;
    width: 100%;
    height: 2px;
  }
  /* line 455, ../sass/project/_project.scss */
  .p-dlc_contents_body.flex .p-dlc_contents_item.noborder {
    padding: 0;
  }
}
/* line 462, ../sass/project/_project.scss */
#special {
  background: url(../img/bg04.jpg) no-repeat;
}
/* line 509, ../sass/project/_project.scss */
#spec {
  background: url(../img/bg03.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  /* line 509, ../sass/project/_project.scss */
  #spec {
    background: url(../img/bg03.png) no-repeat center, #000;
    background-size: 100%;
  }
}
/* line 518, ../sass/project/_project.scss */
.p-spec div {
  display: flex;
  border-bottom: solid 1px #fff;
}
/* line 522, ../sass/project/_project.scss */
.p-spec dt, .p-spec dd {
  padding: 24px;
}
@media screen and (max-width: 480px) {
  /* line 522, ../sass/project/_project.scss */
  .p-spec dt, .p-spec dd {
    padding: 16px;
  }
}
/* line 528, ../sass/project/_project.scss */
.p-spec dt {
  width: 35%;
}
@media screen and (max-width: 480px) {
  /* line 528, ../sass/project/_project.scss */
  .p-spec dt {
    width: 40%;
  }
}
/* line 534, ../sass/project/_project.scss */
.p-spec dd {
  width: 65%;
}
@media screen and (max-width: 480px) {
  /* line 534, ../sass/project/_project.scss */
  .p-spec dd {
    width: 60%;
  }
}
/* line 540, ../sass/project/_project.scss */
.p-spec_notice {
  padding: 24px;
}
@media screen and (max-width: 480px) {
  /* line 540, ../sass/project/_project.scss */
  .p-spec_notice {
    padding: 16px;
	  font-size: 3vw;
  }
}
/* line 546, ../sass/project/_project.scss */
.p-spec_cero {
  display: block;
  margin-top: 16px;
}
/* line 549, ../sass/project/_project.scss */
.p-spec_cero img {
  width: 57px;
}
/* line 555, ../sass/project/_project.scss */
.p-official {
  display: block;
  transition: .3s all;
  border: solid 1px #6c0101;
  background: #000;
  margin: 80px 0;
}
/* line 561, ../sass/project/_project.scss */
.p-official_body {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 480px) {
  /* line 561, ../sass/project/_project.scss */
  .p-official_body {
    display: block;
  }
}
/* line 568, ../sass/project/_project.scss */
.p-official_img {
  width: 70%;
}
.p-official_txt {
  width: 30%;
	background: #6c0101;
	color: black;
}

.p-official_txt:hover{
	background: acacac;
}
@media screen and (max-width: 480px) {
  /* line 568, ../sass/project/_project.scss */
  .p-official_img, .p-official_txt {
    width: 100%;
  }
}
/* line 574, ../sass/project/_project.scss */
.p-official_img {
  transition: .3s all;
  opacity: 1;
}
/* line 578, ../sass/project/_project.scss */
.p-official_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8333333333vw 2.0833333333vw;
}
@media screen and (max-width: 480px) {
  /* line 578, ../sass/project/_project.scss */
  .p-official_txt {
    padding: 32px 24px;
  }
}
/* line 587, ../sass/project/_project.scss */
.p-official_logo {
  margin: 0 auto 0.25vw;
  display: block;
  width: 15.625vw;
}
@media screen and (max-width: 768px) {
  /* line 587, ../sass/project/_project.scss */
  .p-official_logo {
    margin-bottom: 1.5625vw;
    width: 19.53125vw;
  }
	.platform {
		position: absolute;
		
	}
	
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.platform {
		position: absolute;
		bottom: -51vw;
		width: 7vw;
		display: none;
	}
}

@media screen and (max-width: 480px) {
  /* line 587, ../sass/project/_project.scss */
  .p-official_logo {
    margin-bottom: 24px;
    width: 34vw;
  }
}
/* line 600, ../sass/project/_project.scss */
.p-official_btn {
  color: white;
  text-align: center;
  font-size: .8vw;
  font-weight: 700;
  padding: 0.8333333333vw 4vw;
  transition: .3s all;
}
@media screen and (max-width: 768px) {
  /* line 600, ../sass/project/_project.scss */
  .p-official_btn {
    padding: 1.0416666667vw;
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 600, ../sass/project/_project.scss */
  .p-official_btn {
    padding: 16px;
    font-size: 1.4rem;
  }
  .p-lineup_body {
    height: 100% !important;
  }
}
/* line 617, ../sass/project/_project.scss */
.p-official:hover {
  border-color: #6c0101;
}
/* line 619, ../sass/project/_project.scss */
.p-official:hover .p-official_img {
  opacity: .8;
}
/* line 622, ../sass/project/_project.scss */
.p-official:hover .p-official_btn {
  
  color: gray;
}
/* line 629, ../sass/project/_project.scss */
.p-otherGoods {
  display: block;
  border: solid 1px #655831;
  margin: 80px 0;
}
/* line 633, ../sass/project/_project.scss */
.p-otherGoods:hover {
  border-color: #6c0101;
  opacity: .8;
}
/* line 637, ../sass/project/_project.scss */
.p-otherGoods img {
  width: 100%;
}
/* line 645, ../sass/project/_project.scss */
.p-pageTop a:after {
  color: #fff;
}
.moving-clouds {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 250.625em;
  height: 17.75em;
  -webkit-animation: cloudLoop 80s linear infinite;
  animation: cloudLoop 80s linear infinite;
  background-image: url("../img/clouds.png");
}
@keyframes cloudLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
.hero_date {
  font-family: monospace;
	z-index: 4;
	position: absolute;
	
	left: 6vw;
}


.typing {
  font-family: monospace;
  font-size: 3vw;
  color: white;
 
}
.typing::after {
  content: "|";
  position: absolute;
  right: 0;
  width: 100%;
  color: white;
  background: black;
  -webkit-animation: typing 4s steps(10) forwards, caret .5s infinite;
          animation: typing 4s steps(10) forwards, caret .5s infinite;
}

@-webkit-keyframes typing {
  to {
    width: 0;
  }
}

@keyframes typing {
  to {
    width: 0;
  }
}
@-webkit-keyframes caret {
  50% {
    color: transparent;
  }
}
@keyframes caret {
  50% {
    color: transparent;
  }
}

h4 {
  position: relative;
  /* top: -17vw;
  left: -3vw;
  z-index: 8;
  font-size: 4rem; */
}
@-webkit-keyframes blink {
  100% {
    text-shadow: 0 0 2px #ffffff, 0 0 10px #30a5d7, 0 0 20px #30a5d7, 0 0 40px #30a5d7;
  }
}
@keyframes blink {
  100% {
    text-shadow: 0 0 2px #ffffff, 0 0 10px #30a5d7, 0 0 20px #30a5d7, 0 0 40px #30a5d7;
  }
}
.soft {
  max-width: 12vw;
  margin: 40px auto 0;
}
@keyframes blinkk {
  0%, 100% {
    filter: blur(var(--blur)) contrast(var(--contrast));
    opacity: 0;
    visibility: hidden;
  }
  50% {
    filter: blur(0) contrast(1);
    opacity: 1;
    visibility: visible;
  }
}
.sizedetail {
  margin-top: auto;
}
.size {
  color: color;
  padding: .2vw .5vw;
  text-align: center;
  margin-right: 1vw;
  width: 100%;
  display: inline-block;
  margin-bottom: .5vw;
}

.size ul{
	display: flex;
	justify-content: space-around;
}

.size ul li.active{
	background: gray;
}
.iconitem1 {
  position: absolute;
  left: 32.5vw;
  top: 7vw;
  padding: 15px;
  margin: 10px;
  width: 12vw;
  height: 14vw;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  text-align: center;
  background: #ffffff;
  color: #ffffff;
  width: 10vw;
  padding: 5px .5vw;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltip::before {
  position: absolute;
  content: "";
  height: 1vw;
  width: 1vw;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.iconitem1:hover .tooltip, .iconitem2:hover .tooltip, .iconitem3:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.iconitem1:hover .tooltip, .iconitem1:hover .tooltip::before, .iconitem2:hover .tooltip, .iconitem2:hover .tooltip::before, .iconitem3:hover .tooltip, .iconitem3:hover .tooltip::before {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  background: #655831;
  color: #ffffff;
}
.iconitem2 {
  position: absolute;
  left: 52.5vw;
  top: 14vw;
  padding: 15px;
  margin: 10px;
  width: 20vw;
  height: 18vw;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.iconitem3 {
  position: absolute;
  left: 13.5vw;
  top: 19vw;
  padding: 15px;
  margin: 10px;
  width: 20vw;
  height: 11vw;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.scene1 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.scene1 .scene_inner {
  -webkit-mask-image: url("../img/fog.png");
  mask-image: url("../img/fog.png");
  -webkit-mask-size: 4500vw 66.3vw;
  mask-size: 4500vw 66.3vw;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}
section.scene1 .scene_inner .image {
  -webkit-mask-size: 100vw;
  mask-size: 100vw;
  -webkit-mask-position: 0 50%;
  mask-position: 0 50%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  section.scene1 .scene_inner .image {
    -webkit-mask-image: url("../img/bg_story_mask.webp");
    mask-image: url("../img/bg_story_mask.webp");
  }
  section.scene1 {
    height: 66.3vw;
  }
  section.scene1 .scene_inner .image {
    height: 66.3vw;
  }
}
section.scene1.scene_inner .image img {
  transform-origin: center;
  transform: scale(1.4, 1.4);
}

/* 
.maskimg {
  background: url("../img/bg_story1.png") #000 no-repeat;
  background-size: cover;
  width: 100vw;
  height: 66.3vw;
  position: relative;
}
.maskimg2 {
  background: url("../img/bg_story2.png") #000 no-repeat;
  background-size: cover;
  width: 100vw;
  height: 66.3vw;
  position: relative;
} */
#lineup .moving-clouds:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
}
@keyframes mask-animation {
  0% {
    mask-position: 120% 120%;
    -webkit-mask-position: 120% 120%;
  }
  100% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loading img {
  width: 500px;
}
.mt40 {
  margin-top: 2vw;
}
.sample-slider {
  width: 70%;
}
.sample-slider img {
  width: 100%;
}
.p-lineup_price {
  font-size: 2.6291666667vw;
}
.p-lineup_price small {
  font-size: 1.6291666667vw;
}
/* line 142, ../sass/component/_hero.scss
.hero_date {
  
  color: #fff;
  text-align: center;
  position: relative;
  top: 28vw;
  left: 61vw;
  width: 39vw;
	font-size: 2.5vw;
	z-index: 2;
	text-shadow: 0 0 1.0416666667vw #520606,0 0 1.0416666667vw #520606,0 0 .5208333333vw #520606,0 0 .5208333333vw #520606;
}

.hero_date small{
	font-size: 1.7vw;
	
} */
/* line 146, ../sass/component/_hero.scss */
.hero_date span {
  font-size: 150%;
}
/* line 150, ../sass/component/_hero.scss */
.hero_date_wrap {
  font-size: 2.1666666667vw;
  font-weight: 900;
  letter-spacing: .2em;
}
@media screen and (max-width: 768px) {
  /* line 150, ../sass/component/_hero.scss */
  .hero_date_wrap {
    font-size: 4.1666666667vw;
  }
}
.chara1 {
  background: url(../img/lead_pic2.png) no-repeat;
  background-size: contain;
  width: 74vw;
  height: 100%;
  position: absolute;
  left: -36vw;
  top: -35vw;
	animation: fuwafuwa 3s ease-in-out infinite alternate-reverse;
}
.chara2 {
  background: url(../img/lead_pic1.png) no-repeat;
  background-size: contain;
  width: 53vw;
  height: 100%;
  position: absolute;
  left: -30vw;
  top: 33vw;
	
}
.c-herobtn {
  width: 50%;
  margin: 0 0 0 auto;
}
.detailtext {
  position: relative;
  top: -2.3vw;
  font-size: 1.6vw;
}
.detail {
  font-size: 1.6vw;
}
.num {
  background: #d6b661;
  display: inline-flex;
  font-size: 14px;
  width: 2vw;
  height: 2vw;
  align-items: center;
  justify-content: center;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  color: black;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
	.p-collectors_img img{
		width: 100% !important;
	}
	.figure .summary{
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
	}
	
	.artbook .summary{
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
	}
	
	.stand .summary {
		position: relative !important;
		width: 100% !important; 
		right: 0 !important;
	}
	
	.box .summary {
		position: relative !important; 
		width: 100% !important;
		left: 0 !important;
	}
	
	.figure figure img{
		width: 85vw !important;
	}
	
	.figure figure{
		height: 55vw;
	}
	
	.artbook{
		margin-top: 110vw !important;
	}
	
	.artbook figure{
		position: relative !important;
		right: -25% !important;
	}
	
	.artbook figure img{
		width: 49vw !important;
		margin-top: 8vw !important;
	}
	
	.commentbox{
		flex-direction: column !important;
	}
	
	.stand figure img{
		width: 75vw !important;
		position: relative !important;
		left: -3vw !important;
		top: 14vw !important;
	}
	
	.stand li img{
		width: 12vw !important;
	}
	
	.stand li{
		width: 12vw !important;
	}
	
	.box figure{
		margin: 16vw auto 2vw !important;
		position: relative !important;
		width: 52vw !important;
		right: 0 !important;
	}
	
	.box{
		height: 119vw !important;
	}
}

@media screen and (max-width: 480px) {
  .num {
    width: 10vw;
    height: 10vw;
  }
  .figure .summary {
    font-size: 3.2vw;
    top: -8.3vw !important;
    left: -1vw !important;
	 
  }
  .detail {
    font-size: 3vw;
	  display: block;
	  min-height: 25vw;
  }
	
	.platform{
		width: 12vw;
		position: absolute;
		top: 0;
		right: 13vw;
	}
	.profilebox h5{
		font-size: 4.7vw !important;
		margin-top: 22vw;
	}
	
	.commentright{
		padding: 3vw 5vw 3vw 5vw !important;
	}
	
	.commentbox:before{
		width: 74vw !important;
	}
	.commentbox:after{
		bottom: -14vw !important;
		width: 83vw !important;
	
	}
	
	.detailtext{
		margin-left: 0 !important;
		font-size: 1.8rem;
	}
	
	.stand{
		margin-top: 18vw;
	}
}
/* tokuten wrap */
.lead_txt .itemname {
  font-size: 3.5rem;
  font-weight: 700;
}
.tokuten_wrap {
  position: relative;
}

.tokuten_wrap .summary {
  width: 40%;
  padding: 2.5% 5%;
  background: rgba(0, 0, 0, 0.8)
}
.tokuten_wrap .summary h3 {
  font-size: 3.1vw;
  letter-spacing: 0;
}

.tokuten_wrap .summary p {
  margin-top: 30px;
  line-height: 1.5;
}
.tokuten_wrap figure img {
  margin: 0 auto;
}
.figure figure img {
  width: 30vw;
	position: absolute;
	left: -2vw;
	top: 5vw;
}
.figure .summary {
  position: absolute;
  right: 4vw;
  top: -3%;
	width: 40vw;
	border: 1px solid gold;
	font-size: 1.8rem;
}

.stand figure img{
	width: 33vw;
	position: relative;
	left: -23vw; 
	top: 5vw;
}

.stand .summary {
	position: absolute;
  right: 2vw;
  top: 6%;
	width: 40vw;
	border: 1px solid gold;
	font-size: 1.8rem;
}
.artbook .summary {
  position: absolute;
  left: 1vw;
  top: 2vw;
	width: 44vw;
	border: 1px solid gold;
	font-size: 1.8rem;
}

.box .summary{
	position: absolute;
  left: 1vw;
  top: 2vw;
	width: 44vw;
	border: 1px solid gold;
font-size: 1.8rem;
}

.box ul{
	position: absolute;
	top: 8vw;
	right: 2vw;
}

.postcard .summary {
  position: absolute;
  right: -18vw;
  top: -3%;
	width: 46vw;
	border: 1px solid gold;
	font-size: 1.6rem;
}

/* .figure ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
} */

.stand ul, .box ul, .artbook ul, .figure ul{
  padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
.stand li, .box li, .artbook li, .figure li{
  width: 7.1vw;
  display: inline-block;
  padding-right: 0 !important;
  padding-bottom: 9px;
	margin: 0 1vw 0 0 !important;
}
.stand li:last-child {
  padding-right: 0px;
}
.stand li img, .box li img, .artbook li img , .figure li img {
  border: 1px solid rgba(255, 255, 255, 0.2);
	width: 8vw;
}
.stand li a {
  position: relative;
  text-decoration: none;
}

.stand {
	
}

.artbook {
  padding-top: 5vw;
	position: relative;
	margin-top: 2vw;
	padding-bottom: 26vw;
}

.postcard{
	padding-top: 50%;
	position: relative;
}
.artbook figure {
  position: absolute;
  right: 8vw;
  top: 3vw;
  width: 18vw;

}

.postcard figure {
  position: absolute;
  left: 0vw;
  top: 8vw;
  width: 17vw;
  z-index: 1;
}

.tokutencolumn {

  margin-top: 26vw;

  text-align: center;
	
	margin-bottom: 6vw;

}

.tokutencolumn li {

  display: inline-block;

  width: 35%;

  margin: 0 7%;

  vertical-align: top;

}

.figure li {

  display: flex;
  margin: 1vw 0 0 0;

  vertical-align: top;

}

/* 
.figure li img{
	width: 8.1vw;
} */

.tokutencolumn .tokuten_wrap figure {


  margin: 0 auto;
	
	

}

.tokutencolumn .tokuten_wrap .summary {

  width: 90%;

  margin: 0 auto;

  text-align: left;

}

.tokutencolumn .tokuten_wrap .summary h3 {

  font-size: 2.6vw;

}

.figure{
	height: 37vw;
	display: block;
	position: relative;
	padding-bottom: 32vw;
}

.figure figure{
	width: 37vw;
	position: relative;
}

.poster figure{
	width: 30vw;
	position: relative;
	top: 5vw;
}

.box{
	height: 23vw;
}

.box figure{
	width: 20vw;
	position: absolute;
	right: 5vw;
	top: -2vw;
}

.box figure img{
	width: 85%;
	margin-bottom: 1.2vw;
}

.commentbox{
	position: relative;
	display: flex;
	align-items: flex-end;
	margin: 5vw 0 6vw;
	font-size: 1.8rem;
}

.commentbox:before{
	content: '';
	background: url("../img/slider_bg_lt.png") top left no-repeat;
	background-size: contain;
	position: absolute;
	top: -4vw;
	left: 0;
	z-index: 98;
	width: 20vw;
	height: 20vw;
}

.commentbox:after{
	content: '';
	background: url("../img/slider_bg_rb.png") bottom right no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -4vw;
	right: 0;
	z-index: 99;
	width: 23vw;
	height: 20vw;
}

.profilebox{
	padding: 3vw 2vw 3vw 5vw;
}

.profilebox h5{
	font-size: 1.3vw;
	color: red;
	border-top:  1px solid red;
	border-bottom: 1px solid red;
	padding-top: .5vw;
	padding-bottom: .5vw;
	margin-bottom: 2vw;
}

.commentright{
	padding: 3vw 5vw 3vw 0;
}

.commentright h4{
	font-size: 2vw;
	opacity: .7;
	top: 0 !important;
	left: 0 !important;
}

@media screen and (max-width: 480px) {
	.topz{
		position: relative;
		display: block;
		z-index: 3 !important;
	}
	
	.topz2{
		position: relative;
		z-index: 2 !important;
	}
	
	.PC {
		display: none !important;
	}
	
	.SP {
		display: block  !important;
	}
	
	.c-btn-top img{
	width:  100% !important;
	margin: 0 auto 5vw;
		padding-bottom: 15vw;
}
	
	.toptext{
		position: relative !important;
		text-align: center !important;
		right: 0 !important;
	}
	
	.smalltext03{
		font-size: 1.5rem !important;
	}
	
	.p-collectors_img img{
		width: 100%;
	}
	.figure .summary{
		position: relative;
		width: 100%;
		right: 0;
	}
	
	.artbook .summary{
		position: relative;
		width: 100%;
		left: 0;
	}
	
	.stand .summary {
		position: relative;
		width: 100%;
		right: 0;
	}
	
	.box .summary {
		position: relative;
		width: 100%;
		left: 0;
	}
	
	.tokuten_wrap .summary h3{
		font-size: 6.2vw;
	}
	
	.figure figure{
		height: 53vw;
	}
	
	.figure figure img{
		width: 85vw;
		top: -13vw !important;
	}
	
	.artbook figure{
		position: relative;
		right: -25%;
	}
	
	.artbook figure img{
		width: 49vw;
	}
	
	.commentbox{
		flex-direction: column;
	}
	
	.stand figure img{
		width: 75vw;
		position: relative;
		left: -3vw;
		top: 14vw;
	}
	
	.stand li img, .box li img, .postcard li img, .artbook li img, .figure li img{
		width: 25vw !important;
	}
	
	.stand li, .box li, .postcard li, .artbook li, .figure li{
		width: 25vw !important;
	}
	
	.artbook{
		margin-top: 165vw !important;
		padding-bottom: 15vw !important;
	}
	
	.box figure{
		margin: 16vw auto 2vw;
		position: relative;
		width: 52vw;
		right: 0;
	}
	
	.commentright h4{
		font-size: 3rem !important;
	}
	
	.box{
		height: 177vw !important;
	}
	
	.box ul{
		position: relative !important;
		top: 0 !important;
		right: 0!important;
	}
	
	dl.p-spec{
		font-size: 4.2vw;
	}
	
	.c-nav-toggle{
		
	}
	
	.youtube{
	display: block !important;
		margin: 0 0 20vw;
	
}

.youtube3cols{
	width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
	margin: 0 0 10vw;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
}

#cboxContent{
	width: 100% !important;
}

.center{
	text-align: center;
}

small {
	font-size: 1.2rem;
}

.smallfont{
	font-size: 1.2rem;
	line-height: 1.2;
	display: block;
}



.youtube{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	
}

.youtube3cols{
	width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 24.25%;
  height: 0;
	flex: 1;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 23vw;
  height: 13vw;
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
and (max-device-width : 1700px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	  .figure{
		  height: 60vw;
	  }
	  
	  .artbook {
		  padding-bottom: 44vw;
	  }
	  
	  .stand{
		  height: 50vw;
	  }
	  
	  .box{
		  height: 34vw;
	  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1000px) 
and (-webkit-min-device-pixel-ratio: 1.0){
		.figure{
		  height: 75vw;
	  }
	
	.size {
		width: 8vw;
	}
	  
	  .artbook {
		  padding-bottom: 44vw;
	  }
	  
	  .stand{
		  height: 66vw;
	  }
	  
	  .box{
		  height: 34vw;
	  }
}

.smalltitle{
	font-size: 44%;
}

.c-btn-ps5{
	position: relative;
	border: none;
	background: none;
	padding: 0;
}

.c-btn-ps5 img{
	width: 100%;
	padding:0;
}

.c-btn-ps5:hover{
	background: none;
	border: none;
	opacity: .6;
}

/* .c-btn-ps5:hover span{
  display: none;
	border: 1px solid gray;
}

.c-btn-ps5:hover:before {
  content:"SOLD OUT";
}
	
.c-btn-ps5:hover{
	background: gray !important;
} */

.mb50{
	margin-bottom: 2vw;
}

.mt50{
	margin-top: 2vw;
}

.soldout{
	background: black;
	color: white;
	position: relative;
	bottom: 0;
	z-index: 4;
	opacity: .7;
}

.PC {
	display: block;
}

.SP{
	display: none;
}

.toptextsmall{
	font-size: 1.7vw;
	font-weight: bold;
}
.toptextsmall02{
	font-size: 2.5vw;
}

.toptext{
	position: absolute;
	bottom: -5vw;
	right: 4vw;
	
}

.c-btn-top{
	color: white;
	text-shadow: 0 0 10px red, 0 0 20px red,
    0 0 40px red, 0 0 80px red;
	border-bottom: 1px solid white;
}
.c-btn-top:hover{
	opacity: .5;
	
}
.displaynone{
	display: none;
}

.smalltext03{
	font-size: 2.2rem;
}

.c-btn-top img{
	width: 42vw;
	margin: 0 auto;
}

/* particle */
.particle{
	
	
	height: 52.0833333333vw;
  position: absolute;
  z-index: 1;
	top:0;
	
}

/* particle */
.particle-box {
  position: absolute;
  transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.particle-box .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#f09624, #f09624 10%, rgba(153, 255, 255, 0) 56%);
  -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
.particle-box:nth-child(1) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 32820ms;
          animation-duration: 32820ms;
  -webkit-animation-delay: 593ms;
          animation-delay: 593ms;
}
@-webkit-keyframes move-frames-1 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -130vh, 0);
  }
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -130vh, 0);
  }
}
.particle-box:nth-child(1) .circle {
  -webkit-animation-delay: 2499ms;
          animation-delay: 2499ms;
}
.particle-box:nth-child(2) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 35304ms;
          animation-duration: 35304ms;
  -webkit-animation-delay: 7454ms;
          animation-delay: 7454ms;
}
@-webkit-keyframes move-frames-2 {
  from {
    transform: translate3d(12vw, 101vh, 0);
  }
  to {
    transform: translate3d(90vw, -115vh, 0);
  }
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(12vw, 101vh, 0);
  }
  to {
    transform: translate3d(90vw, -115vh, 0);
  }
}
.particle-box:nth-child(2) .circle {
  -webkit-animation-delay: 3315ms;
          animation-delay: 3315ms;
}
.particle-box:nth-child(3) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 28725ms;
          animation-duration: 28725ms;
  -webkit-animation-delay: 12569ms;
          animation-delay: 12569ms;
}
@-webkit-keyframes move-frames-3 {
  from {
    transform: translate3d(73vw, 103vh, 0);
  }
  to {
    transform: translate3d(61vw, -128vh, 0);
  }
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(73vw, 103vh, 0);
  }
  to {
    transform: translate3d(61vw, -128vh, 0);
  }
}
.particle-box:nth-child(3) .circle {
  -webkit-animation-delay: 2347ms;
          animation-delay: 2347ms;
}
.particle-box:nth-child(4) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 28855ms;
          animation-duration: 28855ms;
  -webkit-animation-delay: 27754ms;
          animation-delay: 27754ms;
}
@-webkit-keyframes move-frames-4 {
  from {
    transform: translate3d(40vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -127vh, 0);
  }
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(40vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -127vh, 0);
  }
}
.particle-box:nth-child(4) .circle {
  -webkit-animation-delay: 3710ms;
          animation-delay: 3710ms;
}
.particle-box:nth-child(5) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 33287ms;
          animation-duration: 33287ms;
  -webkit-animation-delay: 5462ms;
          animation-delay: 5462ms;
}
@-webkit-keyframes move-frames-5 {
  from {
    transform: translate3d(36vw, 102vh, 0);
  }
  to {
    transform: translate3d(47vw, -127vh, 0);
  }
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(36vw, 102vh, 0);
  }
  to {
    transform: translate3d(47vw, -127vh, 0);
  }
}
.particle-box:nth-child(5) .circle {
  -webkit-animation-delay: 2165ms;
          animation-delay: 2165ms;
}
.particle-box:nth-child(6) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 29205ms;
          animation-duration: 29205ms;
  -webkit-animation-delay: 6219ms;
          animation-delay: 6219ms;
}
@-webkit-keyframes move-frames-6 {
  from {
    transform: translate3d(67vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -118vh, 0);
  }
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(67vw, 110vh, 0);
  }
  to {
    transform: translate3d(39vw, -118vh, 0);
  }
}
.particle-box:nth-child(6) .circle {
  -webkit-animation-delay: 2691ms;
          animation-delay: 2691ms;
}
.particle-box:nth-child(7) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 30676ms;
          animation-duration: 30676ms;
  -webkit-animation-delay: 6401ms;
          animation-delay: 6401ms;
}
@-webkit-keyframes move-frames-7 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(94vw, -108vh, 0);
  }
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(94vw, -108vh, 0);
  }
}
.particle-box:nth-child(7) .circle {
  -webkit-animation-delay: 3310ms;
          animation-delay: 3310ms;
}
.particle-box:nth-child(8) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 36489ms;
          animation-duration: 36489ms;
  -webkit-animation-delay: 24528ms;
          animation-delay: 24528ms;
}
@-webkit-keyframes move-frames-8 {
  from {
    transform: translate3d(84vw, 109vh, 0);
  }
  to {
    transform: translate3d(61vw, -138vh, 0);
  }
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(84vw, 109vh, 0);
  }
  to {
    transform: translate3d(61vw, -138vh, 0);
  }
}
.particle-box:nth-child(8) .circle {
  -webkit-animation-delay: 3582ms;
          animation-delay: 3582ms;
}
.particle-box:nth-child(9) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 31522ms;
          animation-duration: 31522ms;
  -webkit-animation-delay: 17464ms;
          animation-delay: 17464ms;
}
@-webkit-keyframes move-frames-9 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -124vh, 0);
  }
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -124vh, 0);
  }
}
.particle-box:nth-child(9) .circle {
  -webkit-animation-delay: 1289ms;
          animation-delay: 1289ms;
}
.particle-box:nth-child(10) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 28686ms;
          animation-duration: 28686ms;
  -webkit-animation-delay: 31760ms;
          animation-delay: 31760ms;
}
@-webkit-keyframes move-frames-10 {
  from {
    transform: translate3d(64vw, 101vh, 0);
  }
  to {
    transform: translate3d(11vw, -118vh, 0);
  }
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(64vw, 101vh, 0);
  }
  to {
    transform: translate3d(11vw, -118vh, 0);
  }
}
.particle-box:nth-child(10) .circle {
  -webkit-animation-delay: 26ms;
          animation-delay: 26ms;
}
.particle-box:nth-child(11) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 35291ms;
          animation-duration: 35291ms;
  -webkit-animation-delay: 32468ms;
          animation-delay: 32468ms;
}
@-webkit-keyframes move-frames-11 {
  from {
    transform: translate3d(4vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -109vh, 0);
  }
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(4vw, 104vh, 0);
  }
  to {
    transform: translate3d(31vw, -109vh, 0);
  }
}
.particle-box:nth-child(11) .circle {
  -webkit-animation-delay: 2711ms;
          animation-delay: 2711ms;
}
.particle-box:nth-child(12) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 33860ms;
          animation-duration: 33860ms;
  -webkit-animation-delay: 33899ms;
          animation-delay: 33899ms;
}
@-webkit-keyframes move-frames-12 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(21vw, -134vh, 0);
  }
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(21vw, -134vh, 0);
  }
}
.particle-box:nth-child(12) .circle {
  -webkit-animation-delay: 3823ms;
          animation-delay: 3823ms;
}
.particle-box:nth-child(13) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 28516ms;
          animation-duration: 28516ms;
  -webkit-animation-delay: 19297ms;
          animation-delay: 19297ms;
}
@-webkit-keyframes move-frames-13 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -115vh, 0);
  }
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -115vh, 0);
  }
}
.particle-box:nth-child(13) .circle {
  -webkit-animation-delay: 2408ms;
          animation-delay: 2408ms;
}
.particle-box:nth-child(14) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 34230ms;
          animation-duration: 34230ms;
  -webkit-animation-delay: 5755ms;
          animation-delay: 5755ms;
}
@-webkit-keyframes move-frames-14 {
  from {
    transform: translate3d(9vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -123vh, 0);
  }
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(9vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -123vh, 0);
  }
}
.particle-box:nth-child(14) .circle {
  -webkit-animation-delay: 1426ms;
          animation-delay: 1426ms;
}
.particle-box:nth-child(15) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 28280ms;
          animation-duration: 28280ms;
  -webkit-animation-delay: 2156ms;
          animation-delay: 2156ms;
}
@-webkit-keyframes move-frames-15 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(58vw, -125vh, 0);
  }
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(58vw, -125vh, 0);
  }
}
.particle-box:nth-child(15) .circle {
  -webkit-animation-delay: 1067ms;
          animation-delay: 1067ms;
}
.particle-box:nth-child(16) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 36790ms;
          animation-duration: 36790ms;
  -webkit-animation-delay: 4511ms;
          animation-delay: 4511ms;
}
@-webkit-keyframes move-frames-16 {
  from {
    transform: translate3d(13vw, 103vh, 0);
  }
  to {
    transform: translate3d(82vw, -117vh, 0);
  }
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(13vw, 103vh, 0);
  }
  to {
    transform: translate3d(82vw, -117vh, 0);
  }
}
.particle-box:nth-child(16) .circle {
  -webkit-animation-delay: 144ms;
          animation-delay: 144ms;
}
.particle-box:nth-child(17) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 34206ms;
          animation-duration: 34206ms;
  -webkit-animation-delay: 30412ms;
          animation-delay: 30412ms;
}
@-webkit-keyframes move-frames-17 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(67vw, -110vh, 0);
  }
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(39vw, 104vh, 0);
  }
  to {
    transform: translate3d(67vw, -110vh, 0);
  }
}
.particle-box:nth-child(17) .circle {
  -webkit-animation-delay: 3582ms;
          animation-delay: 3582ms;
}
.particle-box:nth-child(18) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 29995ms;
          animation-duration: 29995ms;
  -webkit-animation-delay: 5877ms;
          animation-delay: 5877ms;
}
@-webkit-keyframes move-frames-18 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(57vw, 105vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
.particle-box:nth-child(18) .circle {
  -webkit-animation-delay: 786ms;
          animation-delay: 786ms;
}
.particle-box:nth-child(19) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 31281ms;
          animation-duration: 31281ms;
  -webkit-animation-delay: 7324ms;
          animation-delay: 7324ms;
}
@-webkit-keyframes move-frames-19 {
  from {
    transform: translate3d(17vw, 102vh, 0);
  }
  to {
    transform: translate3d(51vw, -112vh, 0);
  }
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(17vw, 102vh, 0);
  }
  to {
    transform: translate3d(51vw, -112vh, 0);
  }
}
.particle-box:nth-child(19) .circle {
  -webkit-animation-delay: 720ms;
          animation-delay: 720ms;
}
.particle-box:nth-child(20) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 32217ms;
          animation-duration: 32217ms;
  -webkit-animation-delay: 30720ms;
          animation-delay: 30720ms;
}
@-webkit-keyframes move-frames-20 {
  from {
    transform: translate3d(91vw, 104vh, 0);
  }
  to {
    transform: translate3d(36vw, -130vh, 0);
  }
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(91vw, 104vh, 0);
  }
  to {
    transform: translate3d(36vw, -130vh, 0);
  }
}
.particle-box:nth-child(20) .circle {
  -webkit-animation-delay: 2454ms;
          animation-delay: 2454ms;
}
.particle-box:nth-child(21) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 36582ms;
          animation-duration: 36582ms;
  -webkit-animation-delay: 33557ms;
          animation-delay: 33557ms;
}
@-webkit-keyframes move-frames-21 {
  from {
    transform: translate3d(96vw, 110vh, 0);
  }
  to {
    transform: translate3d(19vw, -125vh, 0);
  }
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(96vw, 110vh, 0);
  }
  to {
    transform: translate3d(19vw, -125vh, 0);
  }
}
.particle-box:nth-child(21) .circle {
  -webkit-animation-delay: 1986ms;
          animation-delay: 1986ms;
}
.particle-box:nth-child(22) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 30251ms;
          animation-duration: 30251ms;
  -webkit-animation-delay: 18088ms;
          animation-delay: 18088ms;
}
@-webkit-keyframes move-frames-22 {
  from {
    transform: translate3d(71vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -114vh, 0);
  }
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(71vw, 105vh, 0);
  }
  to {
    transform: translate3d(82vw, -114vh, 0);
  }
}
.particle-box:nth-child(22) .circle {
  -webkit-animation-delay: 3128ms;
          animation-delay: 3128ms;
}
.particle-box:nth-child(23) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 33240ms;
          animation-duration: 33240ms;
  -webkit-animation-delay: 26298ms;
          animation-delay: 26298ms;
}
@-webkit-keyframes move-frames-23 {
  from {
    transform: translate3d(51vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -130vh, 0);
  }
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(51vw, 109vh, 0);
  }
  to {
    transform: translate3d(74vw, -130vh, 0);
  }
}
.particle-box:nth-child(23) .circle {
  -webkit-animation-delay: 2510ms;
          animation-delay: 2510ms;
}
.particle-box:nth-child(24) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 35682ms;
          animation-duration: 35682ms;
  -webkit-animation-delay: 8576ms;
          animation-delay: 8576ms;
}
@-webkit-keyframes move-frames-24 {
  from {
    transform: translate3d(60vw, 110vh, 0);
  }
  to {
    transform: translate3d(48vw, -132vh, 0);
  }
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(60vw, 110vh, 0);
  }
  to {
    transform: translate3d(48vw, -132vh, 0);
  }
}
.particle-box:nth-child(24) .circle {
  -webkit-animation-delay: 728ms;
          animation-delay: 728ms;
}
.particle-box:nth-child(25) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 29686ms;
          animation-duration: 29686ms;
  -webkit-animation-delay: 28002ms;
          animation-delay: 28002ms;
}
@-webkit-keyframes move-frames-25 {
  from {
    transform: translate3d(83vw, 104vh, 0);
  }
  to {
    transform: translate3d(5vw, -129vh, 0);
  }
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(83vw, 104vh, 0);
  }
  to {
    transform: translate3d(5vw, -129vh, 0);
  }
}
.particle-box:nth-child(25) .circle {
  -webkit-animation-delay: 2159ms;
          animation-delay: 2159ms;
}
.particle-box:nth-child(26) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 29656ms;
          animation-duration: 29656ms;
  -webkit-animation-delay: 6950ms;
          animation-delay: 6950ms;
}
@-webkit-keyframes move-frames-26 {
  from {
    transform: translate3d(97vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -134vh, 0);
  }
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(97vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -134vh, 0);
  }
}
.particle-box:nth-child(26) .circle {
  -webkit-animation-delay: 2361ms;
          animation-delay: 2361ms;
}
.particle-box:nth-child(27) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 31318ms;
          animation-duration: 31318ms;
  -webkit-animation-delay: 14454ms;
          animation-delay: 14454ms;
}
@-webkit-keyframes move-frames-27 {
  from {
    transform: translate3d(74vw, 110vh, 0);
  }
  to {
    transform: translate3d(69vw, -131vh, 0);
  }
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(74vw, 110vh, 0);
  }
  to {
    transform: translate3d(69vw, -131vh, 0);
  }
}
.particle-box:nth-child(27) .circle {
  -webkit-animation-delay: 3076ms;
          animation-delay: 3076ms;
}
.particle-box:nth-child(28) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 30246ms;
          animation-duration: 30246ms;
  -webkit-animation-delay: 11396ms;
          animation-delay: 11396ms;
}
@-webkit-keyframes move-frames-28 {
  from {
    transform: translate3d(17vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -124vh, 0);
  }
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(17vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -124vh, 0);
  }
}
.particle-box:nth-child(28) .circle {
  -webkit-animation-delay: 2191ms;
          animation-delay: 2191ms;
}
.particle-box:nth-child(29) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 29130ms;
          animation-duration: 29130ms;
  -webkit-animation-delay: 24282ms;
          animation-delay: 24282ms;
}
@-webkit-keyframes move-frames-29 {
  from {
    transform: translate3d(6vw, 106vh, 0);
  }
  to {
    transform: translate3d(13vw, -125vh, 0);
  }
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(6vw, 106vh, 0);
  }
  to {
    transform: translate3d(13vw, -125vh, 0);
  }
}
.particle-box:nth-child(29) .circle {
  -webkit-animation-delay: 2863ms;
          animation-delay: 2863ms;
}
.particle-box:nth-child(30) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 28767ms;
          animation-duration: 28767ms;
  -webkit-animation-delay: 12884ms;
          animation-delay: 12884ms;
}
@-webkit-keyframes move-frames-30 {
  from {
    transform: translate3d(49vw, 103vh, 0);
  }
  to {
    transform: translate3d(14vw, -111vh, 0);
  }
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(49vw, 103vh, 0);
  }
  to {
    transform: translate3d(14vw, -111vh, 0);
  }
}
.particle-box:nth-child(30) .circle {
  -webkit-animation-delay: 3106ms;
          animation-delay: 3106ms;
}
.particle-box:nth-child(31) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 33666ms;
          animation-duration: 33666ms;
  -webkit-animation-delay: 18683ms;
          animation-delay: 18683ms;
}
@-webkit-keyframes move-frames-31 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(64vw, -129vh, 0);
  }
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(58vw, 102vh, 0);
  }
  to {
    transform: translate3d(64vw, -129vh, 0);
  }
}
.particle-box:nth-child(31) .circle {
  -webkit-animation-delay: 1847ms;
          animation-delay: 1847ms;
}
.particle-box:nth-child(32) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 28464ms;
          animation-duration: 28464ms;
  -webkit-animation-delay: 7481ms;
          animation-delay: 7481ms;
}
@-webkit-keyframes move-frames-32 {
  from {
    transform: translate3d(44vw, 110vh, 0);
  }
  to {
    transform: translate3d(73vw, -139vh, 0);
  }
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(44vw, 110vh, 0);
  }
  to {
    transform: translate3d(73vw, -139vh, 0);
  }
}
.particle-box:nth-child(32) .circle {
  -webkit-animation-delay: 1024ms;
          animation-delay: 1024ms;
}
.particle-box:nth-child(33) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 28592ms;
          animation-duration: 28592ms;
  -webkit-animation-delay: 26907ms;
          animation-delay: 26907ms;
}
@-webkit-keyframes move-frames-33 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(5vw, -127vh, 0);
  }
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(4vw, 110vh, 0);
  }
  to {
    transform: translate3d(5vw, -127vh, 0);
  }
}
.particle-box:nth-child(33) .circle {
  -webkit-animation-delay: 530ms;
          animation-delay: 530ms;
}
.particle-box:nth-child(34) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 32799ms;
          animation-duration: 32799ms;
  -webkit-animation-delay: 32306ms;
          animation-delay: 32306ms;
}
@-webkit-keyframes move-frames-34 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(39vw, -117vh, 0);
  }
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(39vw, -117vh, 0);
  }
}
.particle-box:nth-child(34) .circle {
  -webkit-animation-delay: 2558ms;
          animation-delay: 2558ms;
}
.particle-box:nth-child(35) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 33863ms;
          animation-duration: 33863ms;
  -webkit-animation-delay: 22419ms;
          animation-delay: 22419ms;
}
@-webkit-keyframes move-frames-35 {
  from {
    transform: translate3d(88vw, 105vh, 0);
  }
  to {
    transform: translate3d(33vw, -106vh, 0);
  }
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(88vw, 105vh, 0);
  }
  to {
    transform: translate3d(33vw, -106vh, 0);
  }
}
.particle-box:nth-child(35) .circle {
  -webkit-animation-delay: 3211ms;
          animation-delay: 3211ms;
}
.particle-box:nth-child(36) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 36033ms;
          animation-duration: 36033ms;
  -webkit-animation-delay: 35618ms;
          animation-delay: 35618ms;
}
@-webkit-keyframes move-frames-36 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(37vw, -110vh, 0);
  }
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(90vw, 102vh, 0);
  }
  to {
    transform: translate3d(37vw, -110vh, 0);
  }
}
.particle-box:nth-child(36) .circle {
  -webkit-animation-delay: 2685ms;
          animation-delay: 2685ms;
}
.particle-box:nth-child(37) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 28243ms;
          animation-duration: 28243ms;
  -webkit-animation-delay: 21179ms;
          animation-delay: 21179ms;
}
@-webkit-keyframes move-frames-37 {
  from {
    transform: translate3d(36vw, 106vh, 0);
  }
  to {
    transform: translate3d(71vw, -114vh, 0);
  }
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(36vw, 106vh, 0);
  }
  to {
    transform: translate3d(71vw, -114vh, 0);
  }
}
.particle-box:nth-child(37) .circle {
  -webkit-animation-delay: 1486ms;
          animation-delay: 1486ms;
}
.particle-box:nth-child(38) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 30032ms;
          animation-duration: 30032ms;
  -webkit-animation-delay: 4823ms;
          animation-delay: 4823ms;
}
@-webkit-keyframes move-frames-38 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -127vh, 0);
  }
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -127vh, 0);
  }
}
.particle-box:nth-child(38) .circle {
  -webkit-animation-delay: 3591ms;
          animation-delay: 3591ms;
}
.particle-box:nth-child(39) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 28954ms;
          animation-duration: 28954ms;
  -webkit-animation-delay: 36638ms;
          animation-delay: 36638ms;
}
@-webkit-keyframes move-frames-39 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -136vh, 0);
  }
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -136vh, 0);
  }
}
.particle-box:nth-child(39) .circle {
  -webkit-animation-delay: 2033ms;
          animation-delay: 2033ms;
}
.particle-box:nth-child(40) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 32631ms;
          animation-duration: 32631ms;
  -webkit-animation-delay: 6891ms;
          animation-delay: 6891ms;
}
@-webkit-keyframes move-frames-40 {
  from {
    transform: translate3d(93vw, 104vh, 0);
  }
  to {
    transform: translate3d(13vw, -106vh, 0);
  }
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(93vw, 104vh, 0);
  }
  to {
    transform: translate3d(13vw, -106vh, 0);
  }
}
.particle-box:nth-child(40) .circle {
  -webkit-animation-delay: 2769ms;
          animation-delay: 2769ms;
}
.particle-box:nth-child(41) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 31307ms;
          animation-duration: 31307ms;
  -webkit-animation-delay: 30571ms;
          animation-delay: 30571ms;
}
@-webkit-keyframes move-frames-41 {
  from {
    transform: translate3d(20vw, 103vh, 0);
  }
  to {
    transform: translate3d(74vw, -117vh, 0);
  }
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(20vw, 103vh, 0);
  }
  to {
    transform: translate3d(74vw, -117vh, 0);
  }
}
.particle-box:nth-child(41) .circle {
  -webkit-animation-delay: 2730ms;
          animation-delay: 2730ms;
}
.particle-box:nth-child(42) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 28093ms;
          animation-duration: 28093ms;
  -webkit-animation-delay: 28837ms;
          animation-delay: 28837ms;
}
@-webkit-keyframes move-frames-42 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(7vw, -127vh, 0);
  }
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(64vw, 102vh, 0);
  }
  to {
    transform: translate3d(7vw, -127vh, 0);
  }
}
.particle-box:nth-child(42) .circle {
  -webkit-animation-delay: 336ms;
          animation-delay: 336ms;
}
.particle-box:nth-child(43) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 28797ms;
          animation-duration: 28797ms;
  -webkit-animation-delay: 23549ms;
          animation-delay: 23549ms;
}
@-webkit-keyframes move-frames-43 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(94vw, -125vh, 0);
  }
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(30vw, 108vh, 0);
  }
  to {
    transform: translate3d(94vw, -125vh, 0);
  }
}
.particle-box:nth-child(43) .circle {
  -webkit-animation-delay: 3720ms;
          animation-delay: 3720ms;
}
.particle-box:nth-child(44) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 35562ms;
          animation-duration: 35562ms;
  -webkit-animation-delay: 11345ms;
          animation-delay: 11345ms;
}
@-webkit-keyframes move-frames-44 {
  from {
    transform: translate3d(86vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -125vh, 0);
  }
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(86vw, 106vh, 0);
  }
  to {
    transform: translate3d(39vw, -125vh, 0);
  }
}
.particle-box:nth-child(44) .circle {
  -webkit-animation-delay: 2403ms;
          animation-delay: 2403ms;
}
.particle-box:nth-child(45) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 35759ms;
          animation-duration: 35759ms;
  -webkit-animation-delay: 26198ms;
          animation-delay: 26198ms;
}
@-webkit-keyframes move-frames-45 {
  from {
    transform: translate3d(50vw, 106vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(50vw, 106vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
.particle-box:nth-child(45) .circle {
  -webkit-animation-delay: 1754ms;
          animation-delay: 1754ms;
}
.particle-box:nth-child(46) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 36255ms;
          animation-duration: 36255ms;
  -webkit-animation-delay: 6763ms;
          animation-delay: 6763ms;
}
@-webkit-keyframes move-frames-46 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(13vw, -111vh, 0);
  }
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(22vw, 109vh, 0);
  }
  to {
    transform: translate3d(13vw, -111vh, 0);
  }
}
.particle-box:nth-child(46) .circle {
  -webkit-animation-delay: 3546ms;
          animation-delay: 3546ms;
}
.particle-box:nth-child(47) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 33437ms;
          animation-duration: 33437ms;
  -webkit-animation-delay: 246ms;
          animation-delay: 246ms;
}
@-webkit-keyframes move-frames-47 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(98vw, -118vh, 0);
  }
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(29vw, 104vh, 0);
  }
  to {
    transform: translate3d(98vw, -118vh, 0);
  }
}
.particle-box:nth-child(47) .circle {
  -webkit-animation-delay: 3383ms;
          animation-delay: 3383ms;
}
.particle-box:nth-child(48) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 30652ms;
          animation-duration: 30652ms;
  -webkit-animation-delay: 15209ms;
          animation-delay: 15209ms;
}
@-webkit-keyframes move-frames-48 {
  from {
    transform: translate3d(34vw, 110vh, 0);
  }
  to {
    transform: translate3d(16vw, -115vh, 0);
  }
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(34vw, 110vh, 0);
  }
  to {
    transform: translate3d(16vw, -115vh, 0);
  }
}
.particle-box:nth-child(48) .circle {
  -webkit-animation-delay: 1953ms;
          animation-delay: 1953ms;
}
.particle-box:nth-child(49) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 31991ms;
          animation-duration: 31991ms;
  -webkit-animation-delay: 32376ms;
          animation-delay: 32376ms;
}
@-webkit-keyframes move-frames-49 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(44vw, 107vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
.particle-box:nth-child(49) .circle {
  -webkit-animation-delay: 1041ms;
          animation-delay: 1041ms;
}
.particle-box:nth-child(50) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 32960ms;
          animation-duration: 32960ms;
  -webkit-animation-delay: 9514ms;
          animation-delay: 9514ms;
}
@-webkit-keyframes move-frames-50 {
  from {
    transform: translate3d(1vw, 107vh, 0);
  }
  to {
    transform: translate3d(78vw, -127vh, 0);
  }
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(1vw, 107vh, 0);
  }
  to {
    transform: translate3d(78vw, -127vh, 0);
  }
}
.particle-box:nth-child(50) .circle {
  -webkit-animation-delay: 501ms;
          animation-delay: 501ms;
}
.particle-box:nth-child(51) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-51;
          animation-name: move-frames-51;
  -webkit-animation-duration: 30855ms;
          animation-duration: 30855ms;
  -webkit-animation-delay: 34146ms;
          animation-delay: 34146ms;
}
@-webkit-keyframes move-frames-51 {
  from {
    transform: translate3d(7vw, 105vh, 0);
  }
  to {
    transform: translate3d(84vw, -118vh, 0);
  }
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(7vw, 105vh, 0);
  }
  to {
    transform: translate3d(84vw, -118vh, 0);
  }
}
.particle-box:nth-child(51) .circle {
  -webkit-animation-delay: 1922ms;
          animation-delay: 1922ms;
}
.particle-box:nth-child(52) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-52;
          animation-name: move-frames-52;
  -webkit-animation-duration: 31068ms;
          animation-duration: 31068ms;
  -webkit-animation-delay: 19422ms;
          animation-delay: 19422ms;
}
@-webkit-keyframes move-frames-52 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -114vh, 0);
  }
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(8vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -114vh, 0);
  }
}
.particle-box:nth-child(52) .circle {
  -webkit-animation-delay: 1464ms;
          animation-delay: 1464ms;
}
.particle-box:nth-child(53) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-53;
          animation-name: move-frames-53;
  -webkit-animation-duration: 29565ms;
          animation-duration: 29565ms;
  -webkit-animation-delay: 12404ms;
          animation-delay: 12404ms;
}
@-webkit-keyframes move-frames-53 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(25vw, -126vh, 0);
  }
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(74vw, 102vh, 0);
  }
  to {
    transform: translate3d(25vw, -126vh, 0);
  }
}
.particle-box:nth-child(53) .circle {
  -webkit-animation-delay: 3304ms;
          animation-delay: 3304ms;
}
.particle-box:nth-child(54) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-54;
          animation-name: move-frames-54;
  -webkit-animation-duration: 36957ms;
          animation-duration: 36957ms;
  -webkit-animation-delay: 22681ms;
          animation-delay: 22681ms;
}
@-webkit-keyframes move-frames-54 {
  from {
    transform: translate3d(28vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -120vh, 0);
  }
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(28vw, 108vh, 0);
  }
  to {
    transform: translate3d(61vw, -120vh, 0);
  }
}
.particle-box:nth-child(54) .circle {
  -webkit-animation-delay: 3797ms;
          animation-delay: 3797ms;
}
.particle-box:nth-child(55) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-55;
          animation-name: move-frames-55;
  -webkit-animation-duration: 30597ms;
          animation-duration: 30597ms;
  -webkit-animation-delay: 18033ms;
          animation-delay: 18033ms;
}
@-webkit-keyframes move-frames-55 {
  from {
    transform: translate3d(49vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -121vh, 0);
  }
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(49vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -121vh, 0);
  }
}
.particle-box:nth-child(55) .circle {
  -webkit-animation-delay: 3652ms;
          animation-delay: 3652ms;
}
.particle-box:nth-child(56) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-56;
          animation-name: move-frames-56;
  -webkit-animation-duration: 32350ms;
          animation-duration: 32350ms;
  -webkit-animation-delay: 10086ms;
          animation-delay: 10086ms;
}
@-webkit-keyframes move-frames-56 {
  from {
    transform: translate3d(23vw, 101vh, 0);
  }
  to {
    transform: translate3d(92vw, -118vh, 0);
  }
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(23vw, 101vh, 0);
  }
  to {
    transform: translate3d(92vw, -118vh, 0);
  }
}
.particle-box:nth-child(56) .circle {
  -webkit-animation-delay: 2077ms;
          animation-delay: 2077ms;
}
.particle-box:nth-child(57) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-57;
          animation-name: move-frames-57;
  -webkit-animation-duration: 32871ms;
          animation-duration: 32871ms;
  -webkit-animation-delay: 10526ms;
          animation-delay: 10526ms;
}
@-webkit-keyframes move-frames-57 {
  from {
    transform: translate3d(21vw, 107vh, 0);
  }
  to {
    transform: translate3d(34vw, -132vh, 0);
  }
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(21vw, 107vh, 0);
  }
  to {
    transform: translate3d(34vw, -132vh, 0);
  }
}
.particle-box:nth-child(57) .circle {
  -webkit-animation-delay: 2323ms;
          animation-delay: 2323ms;
}
.particle-box:nth-child(58) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-58;
          animation-name: move-frames-58;
  -webkit-animation-duration: 28119ms;
          animation-duration: 28119ms;
  -webkit-animation-delay: 963ms;
          animation-delay: 963ms;
}
@-webkit-keyframes move-frames-58 {
  from {
    transform: translate3d(96vw, 103vh, 0);
  }
  to {
    transform: translate3d(93vw, -114vh, 0);
  }
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(96vw, 103vh, 0);
  }
  to {
    transform: translate3d(93vw, -114vh, 0);
  }
}
.particle-box:nth-child(58) .circle {
  -webkit-animation-delay: 54ms;
          animation-delay: 54ms;
}
.particle-box:nth-child(59) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-59;
          animation-name: move-frames-59;
  -webkit-animation-duration: 28602ms;
          animation-duration: 28602ms;
  -webkit-animation-delay: 31505ms;
          animation-delay: 31505ms;
}
@-webkit-keyframes move-frames-59 {
  from {
    transform: translate3d(96vw, 105vh, 0);
  }
  to {
    transform: translate3d(1vw, -135vh, 0);
  }
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(96vw, 105vh, 0);
  }
  to {
    transform: translate3d(1vw, -135vh, 0);
  }
}
.particle-box:nth-child(59) .circle {
  -webkit-animation-delay: 2868ms;
          animation-delay: 2868ms;
}
.particle-box:nth-child(60) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-60;
          animation-name: move-frames-60;
  -webkit-animation-duration: 29643ms;
          animation-duration: 29643ms;
  -webkit-animation-delay: 35202ms;
          animation-delay: 35202ms;
}
@-webkit-keyframes move-frames-60 {
  from {
    transform: translate3d(3vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -113vh, 0);
  }
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(3vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -113vh, 0);
  }
}
.particle-box:nth-child(60) .circle {
  -webkit-animation-delay: 1976ms;
          animation-delay: 1976ms;
}
.particle-box:nth-child(61) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-61;
          animation-name: move-frames-61;
  -webkit-animation-duration: 33389ms;
          animation-duration: 33389ms;
  -webkit-animation-delay: 16720ms;
          animation-delay: 16720ms;
}
@-webkit-keyframes move-frames-61 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(39vw, -124vh, 0);
  }
}
.particle-box:nth-child(61) .circle {
  -webkit-animation-delay: 3327ms;
          animation-delay: 3327ms;
}
.particle-box:nth-child(62) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-62;
          animation-name: move-frames-62;
  -webkit-animation-duration: 30538ms;
          animation-duration: 30538ms;
  -webkit-animation-delay: 33050ms;
          animation-delay: 33050ms;
}
@-webkit-keyframes move-frames-62 {
  from {
    transform: translate3d(35vw, 109vh, 0);
  }
  to {
    transform: translate3d(50vw, -118vh, 0);
  }
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(35vw, 109vh, 0);
  }
  to {
    transform: translate3d(50vw, -118vh, 0);
  }
}
.particle-box:nth-child(62) .circle {
  -webkit-animation-delay: 375ms;
          animation-delay: 375ms;
}
.particle-box:nth-child(63) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-63;
          animation-name: move-frames-63;
  -webkit-animation-duration: 29044ms;
          animation-duration: 29044ms;
  -webkit-animation-delay: 2261ms;
          animation-delay: 2261ms;
}
@-webkit-keyframes move-frames-63 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(43vw, -132vh, 0);
  }
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(89vw, 109vh, 0);
  }
  to {
    transform: translate3d(43vw, -132vh, 0);
  }
}
.particle-box:nth-child(63) .circle {
  -webkit-animation-delay: 3122ms;
          animation-delay: 3122ms;
}
.particle-box:nth-child(64) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-64;
          animation-name: move-frames-64;
  -webkit-animation-duration: 30727ms;
          animation-duration: 30727ms;
  -webkit-animation-delay: 25546ms;
          animation-delay: 25546ms;
}
@-webkit-keyframes move-frames-64 {
  from {
    transform: translate3d(68vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -109vh, 0);
  }
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(68vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -109vh, 0);
  }
}
.particle-box:nth-child(64) .circle {
  -webkit-animation-delay: 114ms;
          animation-delay: 114ms;
}
.particle-box:nth-child(65) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-65;
          animation-name: move-frames-65;
  -webkit-animation-duration: 31716ms;
          animation-duration: 31716ms;
  -webkit-animation-delay: 18468ms;
          animation-delay: 18468ms;
}
@-webkit-keyframes move-frames-65 {
  from {
    transform: translate3d(41vw, 110vh, 0);
  }
  to {
    transform: translate3d(87vw, -136vh, 0);
  }
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(41vw, 110vh, 0);
  }
  to {
    transform: translate3d(87vw, -136vh, 0);
  }
}
.particle-box:nth-child(65) .circle {
  -webkit-animation-delay: 3939ms;
          animation-delay: 3939ms;
}
.particle-box:nth-child(66) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-66;
          animation-name: move-frames-66;
  -webkit-animation-duration: 30931ms;
          animation-duration: 30931ms;
  -webkit-animation-delay: 35298ms;
          animation-delay: 35298ms;
}
@-webkit-keyframes move-frames-66 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(97vw, -136vh, 0);
  }
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(18vw, 107vh, 0);
  }
  to {
    transform: translate3d(97vw, -136vh, 0);
  }
}
.particle-box:nth-child(66) .circle {
  -webkit-animation-delay: 193ms;
          animation-delay: 193ms;
}
.particle-box:nth-child(67) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-67;
          animation-name: move-frames-67;
  -webkit-animation-duration: 31549ms;
          animation-duration: 31549ms;
  -webkit-animation-delay: 4309ms;
          animation-delay: 4309ms;
}
@-webkit-keyframes move-frames-67 {
  from {
    transform: translate3d(46vw, 102vh, 0);
  }
  to {
    transform: translate3d(34vw, -112vh, 0);
  }
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(46vw, 102vh, 0);
  }
  to {
    transform: translate3d(34vw, -112vh, 0);
  }
}
.particle-box:nth-child(67) .circle {
  -webkit-animation-delay: 3995ms;
          animation-delay: 3995ms;
}
.particle-box:nth-child(68) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-68;
          animation-name: move-frames-68;
  -webkit-animation-duration: 29985ms;
          animation-duration: 29985ms;
  -webkit-animation-delay: 32148ms;
          animation-delay: 32148ms;
}
@-webkit-keyframes move-frames-68 {
  from {
    transform: translate3d(54vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(54vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
.particle-box:nth-child(68) .circle {
  -webkit-animation-delay: 1055ms;
          animation-delay: 1055ms;
}
.particle-box:nth-child(69) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-69;
          animation-name: move-frames-69;
  -webkit-animation-duration: 33408ms;
          animation-duration: 33408ms;
  -webkit-animation-delay: 28635ms;
          animation-delay: 28635ms;
}
@-webkit-keyframes move-frames-69 {
  from {
    transform: translate3d(30vw, 104vh, 0);
  }
  to {
    transform: translate3d(2vw, -113vh, 0);
  }
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(30vw, 104vh, 0);
  }
  to {
    transform: translate3d(2vw, -113vh, 0);
  }
}
.particle-box:nth-child(69) .circle {
  -webkit-animation-delay: 232ms;
          animation-delay: 232ms;
}
.particle-box:nth-child(70) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-70;
          animation-name: move-frames-70;
  -webkit-animation-duration: 32349ms;
          animation-duration: 32349ms;
  -webkit-animation-delay: 34693ms;
          animation-delay: 34693ms;
}
@-webkit-keyframes move-frames-70 {
  from {
    transform: translate3d(39vw, 103vh, 0);
  }
  to {
    transform: translate3d(22vw, -124vh, 0);
  }
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(39vw, 103vh, 0);
  }
  to {
    transform: translate3d(22vw, -124vh, 0);
  }
}
.particle-box:nth-child(70) .circle {
  -webkit-animation-delay: 946ms;
          animation-delay: 946ms;
}
.particle-box:nth-child(71) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-71;
          animation-name: move-frames-71;
  -webkit-animation-duration: 29802ms;
          animation-duration: 29802ms;
  -webkit-animation-delay: 16459ms;
          animation-delay: 16459ms;
}
@-webkit-keyframes move-frames-71 {
  from {
    transform: translate3d(63vw, 103vh, 0);
  }
  to {
    transform: translate3d(37vw, -114vh, 0);
  }
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(63vw, 103vh, 0);
  }
  to {
    transform: translate3d(37vw, -114vh, 0);
  }
}
.particle-box:nth-child(71) .circle {
  -webkit-animation-delay: 2026ms;
          animation-delay: 2026ms;
}
.particle-box:nth-child(72) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-72;
          animation-name: move-frames-72;
  -webkit-animation-duration: 35951ms;
          animation-duration: 35951ms;
  -webkit-animation-delay: 14096ms;
          animation-delay: 14096ms;
}
@-webkit-keyframes move-frames-72 {
  from {
    transform: translate3d(3vw, 110vh, 0);
  }
  to {
    transform: translate3d(80vw, -133vh, 0);
  }
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(3vw, 110vh, 0);
  }
  to {
    transform: translate3d(80vw, -133vh, 0);
  }
}
.particle-box:nth-child(72) .circle {
  -webkit-animation-delay: 292ms;
          animation-delay: 292ms;
}
.particle-box:nth-child(73) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-73;
          animation-name: move-frames-73;
  -webkit-animation-duration: 28343ms;
          animation-duration: 28343ms;
  -webkit-animation-delay: 7045ms;
          animation-delay: 7045ms;
}
@-webkit-keyframes move-frames-73 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -123vh, 0);
  }
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(85vw, -123vh, 0);
  }
}
.particle-box:nth-child(73) .circle {
  -webkit-animation-delay: 1213ms;
          animation-delay: 1213ms;
}
.particle-box:nth-child(74) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-74;
          animation-name: move-frames-74;
  -webkit-animation-duration: 29050ms;
          animation-duration: 29050ms;
  -webkit-animation-delay: 2598ms;
          animation-delay: 2598ms;
}
@-webkit-keyframes move-frames-74 {
  from {
    transform: translate3d(33vw, 102vh, 0);
  }
  to {
    transform: translate3d(91vw, -106vh, 0);
  }
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(33vw, 102vh, 0);
  }
  to {
    transform: translate3d(91vw, -106vh, 0);
  }
}
.particle-box:nth-child(74) .circle {
  -webkit-animation-delay: 3865ms;
          animation-delay: 3865ms;
}
.particle-box:nth-child(75) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-75;
          animation-name: move-frames-75;
  -webkit-animation-duration: 34251ms;
          animation-duration: 34251ms;
  -webkit-animation-delay: 13040ms;
          animation-delay: 13040ms;
}
@-webkit-keyframes move-frames-75 {
  from {
    transform: translate3d(35vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -116vh, 0);
  }
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(35vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -116vh, 0);
  }
}
.particle-box:nth-child(75) .circle {
  -webkit-animation-delay: 1988ms;
          animation-delay: 1988ms;
}
.particle-box:nth-child(76) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-76;
          animation-name: move-frames-76;
  -webkit-animation-duration: 32111ms;
          animation-duration: 32111ms;
  -webkit-animation-delay: 1933ms;
          animation-delay: 1933ms;
}
@-webkit-keyframes move-frames-76 {
  from {
    transform: translate3d(23vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -124vh, 0);
  }
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(23vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -124vh, 0);
  }
}
.particle-box:nth-child(76) .circle {
  -webkit-animation-delay: 1759ms;
          animation-delay: 1759ms;
}
.particle-box:nth-child(77) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-77;
          animation-name: move-frames-77;
  -webkit-animation-duration: 34506ms;
          animation-duration: 34506ms;
  -webkit-animation-delay: 265ms;
          animation-delay: 265ms;
}
@-webkit-keyframes move-frames-77 {
  from {
    transform: translate3d(94vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(94vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -136vh, 0);
  }
}
.particle-box:nth-child(77) .circle {
  -webkit-animation-delay: 3333ms;
          animation-delay: 3333ms;
}
.particle-box:nth-child(78) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-78;
          animation-name: move-frames-78;
  -webkit-animation-duration: 35091ms;
          animation-duration: 35091ms;
  -webkit-animation-delay: 3825ms;
          animation-delay: 3825ms;
}
@-webkit-keyframes move-frames-78 {
  from {
    transform: translate3d(78vw, 103vh, 0);
  }
  to {
    transform: translate3d(10vw, -127vh, 0);
  }
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(78vw, 103vh, 0);
  }
  to {
    transform: translate3d(10vw, -127vh, 0);
  }
}
.particle-box:nth-child(78) .circle {
  -webkit-animation-delay: 1618ms;
          animation-delay: 1618ms;
}
.particle-box:nth-child(79) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-79;
          animation-name: move-frames-79;
  -webkit-animation-duration: 29731ms;
          animation-duration: 29731ms;
  -webkit-animation-delay: 1407ms;
          animation-delay: 1407ms;
}
@-webkit-keyframes move-frames-79 {
  from {
    transform: translate3d(43vw, 107vh, 0);
  }
  to {
    transform: translate3d(2vw, -111vh, 0);
  }
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(43vw, 107vh, 0);
  }
  to {
    transform: translate3d(2vw, -111vh, 0);
  }
}
.particle-box:nth-child(79) .circle {
  -webkit-animation-delay: 421ms;
          animation-delay: 421ms;
}
.particle-box:nth-child(80) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-80;
          animation-name: move-frames-80;
  -webkit-animation-duration: 32342ms;
          animation-duration: 32342ms;
  -webkit-animation-delay: 6573ms;
          animation-delay: 6573ms;
}
@-webkit-keyframes move-frames-80 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(66vw, -131vh, 0);
  }
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(66vw, -131vh, 0);
  }
}
.particle-box:nth-child(80) .circle {
  -webkit-animation-delay: 2768ms;
          animation-delay: 2768ms;
}
.particle-box:nth-child(81) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-81;
          animation-name: move-frames-81;
  -webkit-animation-duration: 32084ms;
          animation-duration: 32084ms;
  -webkit-animation-delay: 32124ms;
          animation-delay: 32124ms;
}
@-webkit-keyframes move-frames-81 {
  from {
    transform: translate3d(3vw, 105vh, 0);
  }
  to {
    transform: translate3d(40vw, -124vh, 0);
  }
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(3vw, 105vh, 0);
  }
  to {
    transform: translate3d(40vw, -124vh, 0);
  }
}
.particle-box:nth-child(81) .circle {
  -webkit-animation-delay: 2440ms;
          animation-delay: 2440ms;
}
.particle-box:nth-child(82) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-82;
          animation-name: move-frames-82;
  -webkit-animation-duration: 29500ms;
          animation-duration: 29500ms;
  -webkit-animation-delay: 17172ms;
          animation-delay: 17172ms;
}
@-webkit-keyframes move-frames-82 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(45vw, -125vh, 0);
  }
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(58vw, 108vh, 0);
  }
  to {
    transform: translate3d(45vw, -125vh, 0);
  }
}
.particle-box:nth-child(82) .circle {
  -webkit-animation-delay: 487ms;
          animation-delay: 487ms;
}
.particle-box:nth-child(83) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-83;
          animation-name: move-frames-83;
  -webkit-animation-duration: 30700ms;
          animation-duration: 30700ms;
  -webkit-animation-delay: 9224ms;
          animation-delay: 9224ms;
}
@-webkit-keyframes move-frames-83 {
  from {
    transform: translate3d(44vw, 109vh, 0);
  }
  to {
    transform: translate3d(17vw, -138vh, 0);
  }
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(44vw, 109vh, 0);
  }
  to {
    transform: translate3d(17vw, -138vh, 0);
  }
}
.particle-box:nth-child(83) .circle {
  -webkit-animation-delay: 1809ms;
          animation-delay: 1809ms;
}
.particle-box:nth-child(84) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-84;
          animation-name: move-frames-84;
  -webkit-animation-duration: 36173ms;
          animation-duration: 36173ms;
  -webkit-animation-delay: 11527ms;
          animation-delay: 11527ms;
}
@-webkit-keyframes move-frames-84 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -115vh, 0);
  }
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(25vw, -115vh, 0);
  }
}
.particle-box:nth-child(84) .circle {
  -webkit-animation-delay: 147ms;
          animation-delay: 147ms;
}
.particle-box:nth-child(85) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-85;
          animation-name: move-frames-85;
  -webkit-animation-duration: 33921ms;
          animation-duration: 33921ms;
  -webkit-animation-delay: 24294ms;
          animation-delay: 24294ms;
}
@-webkit-keyframes move-frames-85 {
  from {
    transform: translate3d(14vw, 101vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(14vw, 101vh, 0);
  }
  to {
    transform: translate3d(66vw, -124vh, 0);
  }
}
.particle-box:nth-child(85) .circle {
  -webkit-animation-delay: 2780ms;
          animation-delay: 2780ms;
}
.particle-box:nth-child(86) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-86;
          animation-name: move-frames-86;
  -webkit-animation-duration: 31981ms;
          animation-duration: 31981ms;
  -webkit-animation-delay: 28819ms;
          animation-delay: 28819ms;
}
@-webkit-keyframes move-frames-86 {
  from {
    transform: translate3d(8vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -118vh, 0);
  }
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(8vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -118vh, 0);
  }
}
.particle-box:nth-child(86) .circle {
  -webkit-animation-delay: 1445ms;
          animation-delay: 1445ms;
}
.particle-box:nth-child(87) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-87;
          animation-name: move-frames-87;
  -webkit-animation-duration: 28222ms;
          animation-duration: 28222ms;
  -webkit-animation-delay: 25081ms;
          animation-delay: 25081ms;
}
@-webkit-keyframes move-frames-87 {
  from {
    transform: translate3d(68vw, 107vh, 0);
  }
  to {
    transform: translate3d(41vw, -125vh, 0);
  }
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(68vw, 107vh, 0);
  }
  to {
    transform: translate3d(41vw, -125vh, 0);
  }
}
.particle-box:nth-child(87) .circle {
  -webkit-animation-delay: 3049ms;
          animation-delay: 3049ms;
}
.particle-box:nth-child(88) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-88;
          animation-name: move-frames-88;
  -webkit-animation-duration: 32416ms;
          animation-duration: 32416ms;
  -webkit-animation-delay: 32604ms;
          animation-delay: 32604ms;
}
@-webkit-keyframes move-frames-88 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(89vw, -127vh, 0);
  }
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(23vw, 104vh, 0);
  }
  to {
    transform: translate3d(89vw, -127vh, 0);
  }
}
.particle-box:nth-child(88) .circle {
  -webkit-animation-delay: 1297ms;
          animation-delay: 1297ms;
}
.particle-box:nth-child(89) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-89;
          animation-name: move-frames-89;
  -webkit-animation-duration: 28717ms;
          animation-duration: 28717ms;
  -webkit-animation-delay: 33678ms;
          animation-delay: 33678ms;
}
@-webkit-keyframes move-frames-89 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(90vw, -122vh, 0);
  }
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(59vw, 107vh, 0);
  }
  to {
    transform: translate3d(90vw, -122vh, 0);
  }
}
.particle-box:nth-child(89) .circle {
  -webkit-animation-delay: 3806ms;
          animation-delay: 3806ms;
}
.particle-box:nth-child(90) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-90;
          animation-name: move-frames-90;
  -webkit-animation-duration: 32239ms;
          animation-duration: 32239ms;
  -webkit-animation-delay: 13786ms;
          animation-delay: 13786ms;
}
@-webkit-keyframes move-frames-90 {
  from {
    transform: translate3d(57vw, 110vh, 0);
  }
  to {
    transform: translate3d(76vw, -120vh, 0);
  }
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(57vw, 110vh, 0);
  }
  to {
    transform: translate3d(76vw, -120vh, 0);
  }
}
.particle-box:nth-child(90) .circle {
  -webkit-animation-delay: 1521ms;
          animation-delay: 1521ms;
}
.particle-box:nth-child(91) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-91;
          animation-name: move-frames-91;
  -webkit-animation-duration: 36024ms;
          animation-duration: 36024ms;
  -webkit-animation-delay: 30966ms;
          animation-delay: 30966ms;
}
@-webkit-keyframes move-frames-91 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(94vw, -131vh, 0);
  }
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(94vw, -131vh, 0);
  }
}
.particle-box:nth-child(91) .circle {
  -webkit-animation-delay: 2096ms;
          animation-delay: 2096ms;
}
.particle-box:nth-child(92) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-92;
          animation-name: move-frames-92;
  -webkit-animation-duration: 33855ms;
          animation-duration: 33855ms;
  -webkit-animation-delay: 3111ms;
          animation-delay: 3111ms;
}
@-webkit-keyframes move-frames-92 {
  from {
    transform: translate3d(31vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -107vh, 0);
  }
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(31vw, 103vh, 0);
  }
  to {
    transform: translate3d(59vw, -107vh, 0);
  }
}
.particle-box:nth-child(92) .circle {
  -webkit-animation-delay: 245ms;
          animation-delay: 245ms;
}
.particle-box:nth-child(93) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-93;
          animation-name: move-frames-93;
  -webkit-animation-duration: 30125ms;
          animation-duration: 30125ms;
  -webkit-animation-delay: 29323ms;
          animation-delay: 29323ms;
}
@-webkit-keyframes move-frames-93 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(17vw, -135vh, 0);
  }
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(17vw, -135vh, 0);
  }
}
.particle-box:nth-child(93) .circle {
  -webkit-animation-delay: 3474ms;
          animation-delay: 3474ms;
}
.particle-box:nth-child(94) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-94;
          animation-name: move-frames-94;
  -webkit-animation-duration: 32564ms;
          animation-duration: 32564ms;
  -webkit-animation-delay: 23379ms;
          animation-delay: 23379ms;
}
@-webkit-keyframes move-frames-94 {
  from {
    transform: translate3d(7vw, 101vh, 0);
  }
  to {
    transform: translate3d(100vw, -105vh, 0);
  }
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(7vw, 101vh, 0);
  }
  to {
    transform: translate3d(100vw, -105vh, 0);
  }
}
.particle-box:nth-child(94) .circle {
  -webkit-animation-delay: 3922ms;
          animation-delay: 3922ms;
}
.particle-box:nth-child(95) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-95;
          animation-name: move-frames-95;
  -webkit-animation-duration: 30277ms;
          animation-duration: 30277ms;
  -webkit-animation-delay: 25265ms;
          animation-delay: 25265ms;
}
@-webkit-keyframes move-frames-95 {
  from {
    transform: translate3d(65vw, 104vh, 0);
  }
  to {
    transform: translate3d(61vw, -115vh, 0);
  }
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(65vw, 104vh, 0);
  }
  to {
    transform: translate3d(61vw, -115vh, 0);
  }
}
.particle-box:nth-child(95) .circle {
  -webkit-animation-delay: 228ms;
          animation-delay: 228ms;
}
.particle-box:nth-child(96) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-96;
          animation-name: move-frames-96;
  -webkit-animation-duration: 31027ms;
          animation-duration: 31027ms;
  -webkit-animation-delay: 5399ms;
          animation-delay: 5399ms;
}
@-webkit-keyframes move-frames-96 {
  from {
    transform: translate3d(44vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -119vh, 0);
  }
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(44vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -119vh, 0);
  }
}
.particle-box:nth-child(96) .circle {
  -webkit-animation-delay: 1772ms;
          animation-delay: 1772ms;
}
.particle-box:nth-child(97) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-97;
          animation-name: move-frames-97;
  -webkit-animation-duration: 35314ms;
          animation-duration: 35314ms;
  -webkit-animation-delay: 14570ms;
          animation-delay: 14570ms;
}
@-webkit-keyframes move-frames-97 {
  from {
    transform: translate3d(83vw, 106vh, 0);
  }
  to {
    transform: translate3d(96vw, -107vh, 0);
  }
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(83vw, 106vh, 0);
  }
  to {
    transform: translate3d(96vw, -107vh, 0);
  }
}
.particle-box:nth-child(97) .circle {
  -webkit-animation-delay: 2467ms;
          animation-delay: 2467ms;
}
.particle-box:nth-child(98) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-98;
          animation-name: move-frames-98;
  -webkit-animation-duration: 34926ms;
          animation-duration: 34926ms;
  -webkit-animation-delay: 4088ms;
          animation-delay: 4088ms;
}
@-webkit-keyframes move-frames-98 {
  from {
    transform: translate3d(94vw, 106vh, 0);
  }
  to {
    transform: translate3d(63vw, -115vh, 0);
  }
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(94vw, 106vh, 0);
  }
  to {
    transform: translate3d(63vw, -115vh, 0);
  }
}
.particle-box:nth-child(98) .circle {
  -webkit-animation-delay: 1633ms;
          animation-delay: 1633ms;
}
.particle-box:nth-child(99) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-99;
          animation-name: move-frames-99;
  -webkit-animation-duration: 28259ms;
          animation-duration: 28259ms;
  -webkit-animation-delay: 28962ms;
          animation-delay: 28962ms;
}
@-webkit-keyframes move-frames-99 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
.particle-box:nth-child(99) .circle {
  -webkit-animation-delay: 918ms;
          animation-delay: 918ms;
}
.particle-box:nth-child(100) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-100;
          animation-name: move-frames-100;
  -webkit-animation-duration: 32894ms;
          animation-duration: 32894ms;
  -webkit-animation-delay: 36047ms;
          animation-delay: 36047ms;
}
@-webkit-keyframes move-frames-100 {
  from {
    transform: translate3d(70vw, 105vh, 0);
  }
  to {
    transform: translate3d(12vw, -108vh, 0);
  }
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(70vw, 105vh, 0);
  }
  to {
    transform: translate3d(12vw, -108vh, 0);
  }
}
.particle-box:nth-child(100) .circle {
  -webkit-animation-delay: 3131ms;
          animation-delay: 3131ms;
}
.particle-box:nth-child(101) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-101;
          animation-name: move-frames-101;
  -webkit-animation-duration: 29945ms;
          animation-duration: 29945ms;
  -webkit-animation-delay: 18298ms;
          animation-delay: 18298ms;
}
@-webkit-keyframes move-frames-101 {
  from {
    transform: translate3d(43vw, 106vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(43vw, 106vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
.particle-box:nth-child(101) .circle {
  -webkit-animation-delay: 163ms;
          animation-delay: 163ms;
}
.particle-box:nth-child(102) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-102;
          animation-name: move-frames-102;
  -webkit-animation-duration: 33433ms;
          animation-duration: 33433ms;
  -webkit-animation-delay: 33082ms;
          animation-delay: 33082ms;
}
@-webkit-keyframes move-frames-102 {
  from {
    transform: translate3d(25vw, 107vh, 0);
  }
  to {
    transform: translate3d(45vw, -128vh, 0);
  }
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(25vw, 107vh, 0);
  }
  to {
    transform: translate3d(45vw, -128vh, 0);
  }
}
.particle-box:nth-child(102) .circle {
  -webkit-animation-delay: 398ms;
          animation-delay: 398ms;
}
.particle-box:nth-child(103) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-103;
          animation-name: move-frames-103;
  -webkit-animation-duration: 30560ms;
          animation-duration: 30560ms;
  -webkit-animation-delay: 20207ms;
          animation-delay: 20207ms;
}
@-webkit-keyframes move-frames-103 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(35vw, -140vh, 0);
  }
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(92vw, 110vh, 0);
  }
  to {
    transform: translate3d(35vw, -140vh, 0);
  }
}
.particle-box:nth-child(103) .circle {
  -webkit-animation-delay: 1945ms;
          animation-delay: 1945ms;
}
.particle-box:nth-child(104) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-104;
          animation-name: move-frames-104;
  -webkit-animation-duration: 35472ms;
          animation-duration: 35472ms;
  -webkit-animation-delay: 36898ms;
          animation-delay: 36898ms;
}
@-webkit-keyframes move-frames-104 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(98vw, -109vh, 0);
  }
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(58vw, 106vh, 0);
  }
  to {
    transform: translate3d(98vw, -109vh, 0);
  }
}
.particle-box:nth-child(104) .circle {
  -webkit-animation-delay: 485ms;
          animation-delay: 485ms;
}
.particle-box:nth-child(105) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-105;
          animation-name: move-frames-105;
  -webkit-animation-duration: 33280ms;
          animation-duration: 33280ms;
  -webkit-animation-delay: 25416ms;
          animation-delay: 25416ms;
}
@-webkit-keyframes move-frames-105 {
  from {
    transform: translate3d(31vw, 107vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(31vw, 107vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
.particle-box:nth-child(105) .circle {
  -webkit-animation-delay: 1894ms;
          animation-delay: 1894ms;
}
.particle-box:nth-child(106) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-106;
          animation-name: move-frames-106;
  -webkit-animation-duration: 33700ms;
          animation-duration: 33700ms;
  -webkit-animation-delay: 34609ms;
          animation-delay: 34609ms;
}
@-webkit-keyframes move-frames-106 {
  from {
    transform: translate3d(6vw, 109vh, 0);
  }
  to {
    transform: translate3d(83vw, -132vh, 0);
  }
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(6vw, 109vh, 0);
  }
  to {
    transform: translate3d(83vw, -132vh, 0);
  }
}
.particle-box:nth-child(106) .circle {
  -webkit-animation-delay: 2446ms;
          animation-delay: 2446ms;
}
.particle-box:nth-child(107) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-107;
          animation-name: move-frames-107;
  -webkit-animation-duration: 30993ms;
          animation-duration: 30993ms;
  -webkit-animation-delay: 14144ms;
          animation-delay: 14144ms;
}
@-webkit-keyframes move-frames-107 {
  from {
    transform: translate3d(32vw, 105vh, 0);
  }
  to {
    transform: translate3d(55vw, -107vh, 0);
  }
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(32vw, 105vh, 0);
  }
  to {
    transform: translate3d(55vw, -107vh, 0);
  }
}
.particle-box:nth-child(107) .circle {
  -webkit-animation-delay: 298ms;
          animation-delay: 298ms;
}
.particle-box:nth-child(108) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-108;
          animation-name: move-frames-108;
  -webkit-animation-duration: 33738ms;
          animation-duration: 33738ms;
  -webkit-animation-delay: 10020ms;
          animation-delay: 10020ms;
}
@-webkit-keyframes move-frames-108 {
  from {
    transform: translate3d(59vw, 104vh, 0);
  }
  to {
    transform: translate3d(50vw, -124vh, 0);
  }
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(59vw, 104vh, 0);
  }
  to {
    transform: translate3d(50vw, -124vh, 0);
  }
}
.particle-box:nth-child(108) .circle {
  -webkit-animation-delay: 356ms;
          animation-delay: 356ms;
}
.particle-box:nth-child(109) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-109;
          animation-name: move-frames-109;
  -webkit-animation-duration: 32479ms;
          animation-duration: 32479ms;
  -webkit-animation-delay: 5960ms;
          animation-delay: 5960ms;
}
@-webkit-keyframes move-frames-109 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -116vh, 0);
  }
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(1vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -116vh, 0);
  }
}
.particle-box:nth-child(109) .circle {
  -webkit-animation-delay: 3700ms;
          animation-delay: 3700ms;
}
.particle-box:nth-child(110) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-110;
          animation-name: move-frames-110;
  -webkit-animation-duration: 32124ms;
          animation-duration: 32124ms;
  -webkit-animation-delay: 13605ms;
          animation-delay: 13605ms;
}
@-webkit-keyframes move-frames-110 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(20vw, -120vh, 0);
  }
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(93vw, 108vh, 0);
  }
  to {
    transform: translate3d(20vw, -120vh, 0);
  }
}
.particle-box:nth-child(110) .circle {
  -webkit-animation-delay: 2646ms;
          animation-delay: 2646ms;
}
.particle-box:nth-child(111) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-111;
          animation-name: move-frames-111;
  -webkit-animation-duration: 33627ms;
          animation-duration: 33627ms;
  -webkit-animation-delay: 20363ms;
          animation-delay: 20363ms;
}
@-webkit-keyframes move-frames-111 {
  from {
    transform: translate3d(43vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -115vh, 0);
  }
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(43vw, 108vh, 0);
  }
  to {
    transform: translate3d(53vw, -115vh, 0);
  }
}
.particle-box:nth-child(111) .circle {
  -webkit-animation-delay: 3601ms;
          animation-delay: 3601ms;
}
.particle-box:nth-child(112) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-112;
          animation-name: move-frames-112;
  -webkit-animation-duration: 34539ms;
          animation-duration: 34539ms;
  -webkit-animation-delay: 15505ms;
          animation-delay: 15505ms;
}
@-webkit-keyframes move-frames-112 {
  from {
    transform: translate3d(72vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -105vh, 0);
  }
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(72vw, 101vh, 0);
  }
  to {
    transform: translate3d(47vw, -105vh, 0);
  }
}
.particle-box:nth-child(112) .circle {
  -webkit-animation-delay: 1660ms;
          animation-delay: 1660ms;
}
.particle-box:nth-child(113) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-113;
          animation-name: move-frames-113;
  -webkit-animation-duration: 34888ms;
          animation-duration: 34888ms;
  -webkit-animation-delay: 4983ms;
          animation-delay: 4983ms;
}
@-webkit-keyframes move-frames-113 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(77vw, -123vh, 0);
  }
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(11vw, 107vh, 0);
  }
  to {
    transform: translate3d(77vw, -123vh, 0);
  }
}
.particle-box:nth-child(113) .circle {
  -webkit-animation-delay: 3352ms;
          animation-delay: 3352ms;
}
.particle-box:nth-child(114) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-114;
          animation-name: move-frames-114;
  -webkit-animation-duration: 34044ms;
          animation-duration: 34044ms;
  -webkit-animation-delay: 35621ms;
          animation-delay: 35621ms;
}
@-webkit-keyframes move-frames-114 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -134vh, 0);
  }
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -134vh, 0);
  }
}
.particle-box:nth-child(114) .circle {
  -webkit-animation-delay: 2211ms;
          animation-delay: 2211ms;
}
.particle-box:nth-child(115) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-115;
          animation-name: move-frames-115;
  -webkit-animation-duration: 32815ms;
          animation-duration: 32815ms;
  -webkit-animation-delay: 27555ms;
          animation-delay: 27555ms;
}
@-webkit-keyframes move-frames-115 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -133vh, 0);
  }
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(1vw, 104vh, 0);
  }
  to {
    transform: translate3d(78vw, -133vh, 0);
  }
}
.particle-box:nth-child(115) .circle {
  -webkit-animation-delay: 782ms;
          animation-delay: 782ms;
}
.particle-box:nth-child(116) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-116;
          animation-name: move-frames-116;
  -webkit-animation-duration: 36058ms;
          animation-duration: 36058ms;
  -webkit-animation-delay: 20693ms;
          animation-delay: 20693ms;
}
@-webkit-keyframes move-frames-116 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -109vh, 0);
  }
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -109vh, 0);
  }
}
.particle-box:nth-child(116) .circle {
  -webkit-animation-delay: 52ms;
          animation-delay: 52ms;
}
.particle-box:nth-child(117) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-117;
          animation-name: move-frames-117;
  -webkit-animation-duration: 30054ms;
          animation-duration: 30054ms;
  -webkit-animation-delay: 32767ms;
          animation-delay: 32767ms;
}
@-webkit-keyframes move-frames-117 {
  from {
    transform: translate3d(52vw, 104vh, 0);
  }
  to {
    transform: translate3d(75vw, -131vh, 0);
  }
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(52vw, 104vh, 0);
  }
  to {
    transform: translate3d(75vw, -131vh, 0);
  }
}
.particle-box:nth-child(117) .circle {
  -webkit-animation-delay: 2190ms;
          animation-delay: 2190ms;
}
.particle-box:nth-child(118) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-118;
          animation-name: move-frames-118;
  -webkit-animation-duration: 34292ms;
          animation-duration: 34292ms;
  -webkit-animation-delay: 1558ms;
          animation-delay: 1558ms;
}
@-webkit-keyframes move-frames-118 {
  from {
    transform: translate3d(22vw, 101vh, 0);
  }
  to {
    transform: translate3d(74vw, -119vh, 0);
  }
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(22vw, 101vh, 0);
  }
  to {
    transform: translate3d(74vw, -119vh, 0);
  }
}
.particle-box:nth-child(118) .circle {
  -webkit-animation-delay: 3403ms;
          animation-delay: 3403ms;
}
.particle-box:nth-child(119) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-119;
          animation-name: move-frames-119;
  -webkit-animation-duration: 32956ms;
          animation-duration: 32956ms;
  -webkit-animation-delay: 7924ms;
          animation-delay: 7924ms;
}
@-webkit-keyframes move-frames-119 {
  from {
    transform: translate3d(50vw, 105vh, 0);
  }
  to {
    transform: translate3d(22vw, -118vh, 0);
  }
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(50vw, 105vh, 0);
  }
  to {
    transform: translate3d(22vw, -118vh, 0);
  }
}
.particle-box:nth-child(119) .circle {
  -webkit-animation-delay: 2023ms;
          animation-delay: 2023ms;
}
.particle-box:nth-child(120) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-120;
          animation-name: move-frames-120;
  -webkit-animation-duration: 34189ms;
          animation-duration: 34189ms;
  -webkit-animation-delay: 27883ms;
          animation-delay: 27883ms;
}
@-webkit-keyframes move-frames-120 {
  from {
    transform: translate3d(15vw, 102vh, 0);
  }
  to {
    transform: translate3d(2vw, -110vh, 0);
  }
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(15vw, 102vh, 0);
  }
  to {
    transform: translate3d(2vw, -110vh, 0);
  }
}
.particle-box:nth-child(120) .circle {
  -webkit-animation-delay: 2717ms;
          animation-delay: 2717ms;
}
.particle-box:nth-child(121) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-121;
          animation-name: move-frames-121;
  -webkit-animation-duration: 32014ms;
          animation-duration: 32014ms;
  -webkit-animation-delay: 6765ms;
          animation-delay: 6765ms;
}
@-webkit-keyframes move-frames-121 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -136vh, 0);
  }
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(38vw, 110vh, 0);
  }
  to {
    transform: translate3d(63vw, -136vh, 0);
  }
}
.particle-box:nth-child(121) .circle {
  -webkit-animation-delay: 1366ms;
          animation-delay: 1366ms;
}
.particle-box:nth-child(122) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-122;
          animation-name: move-frames-122;
  -webkit-animation-duration: 35976ms;
          animation-duration: 35976ms;
  -webkit-animation-delay: 32781ms;
          animation-delay: 32781ms;
}
@-webkit-keyframes move-frames-122 {
  from {
    transform: translate3d(38vw, 103vh, 0);
  }
  to {
    transform: translate3d(38vw, -127vh, 0);
  }
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(38vw, 103vh, 0);
  }
  to {
    transform: translate3d(38vw, -127vh, 0);
  }
}
.particle-box:nth-child(122) .circle {
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
.particle-box:nth-child(123) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-123;
          animation-name: move-frames-123;
  -webkit-animation-duration: 29327ms;
          animation-duration: 29327ms;
  -webkit-animation-delay: 29631ms;
          animation-delay: 29631ms;
}
@-webkit-keyframes move-frames-123 {
  from {
    transform: translate3d(85vw, 101vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(85vw, 101vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
.particle-box:nth-child(123) .circle {
  -webkit-animation-delay: 1867ms;
          animation-delay: 1867ms;
}
.particle-box:nth-child(124) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-124;
          animation-name: move-frames-124;
  -webkit-animation-duration: 28705ms;
          animation-duration: 28705ms;
  -webkit-animation-delay: 20700ms;
          animation-delay: 20700ms;
}
@-webkit-keyframes move-frames-124 {
  from {
    transform: translate3d(39vw, 102vh, 0);
  }
  to {
    transform: translate3d(92vw, -120vh, 0);
  }
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(39vw, 102vh, 0);
  }
  to {
    transform: translate3d(92vw, -120vh, 0);
  }
}
.particle-box:nth-child(124) .circle {
  -webkit-animation-delay: 1648ms;
          animation-delay: 1648ms;
}
.particle-box:nth-child(125) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-125;
          animation-name: move-frames-125;
  -webkit-animation-duration: 32615ms;
          animation-duration: 32615ms;
  -webkit-animation-delay: 1164ms;
          animation-delay: 1164ms;
}
@-webkit-keyframes move-frames-125 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(91vw, -108vh, 0);
  }
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(89vw, 104vh, 0);
  }
  to {
    transform: translate3d(91vw, -108vh, 0);
  }
}
.particle-box:nth-child(125) .circle {
  -webkit-animation-delay: 2923ms;
          animation-delay: 2923ms;
}
.particle-box:nth-child(126) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-126;
          animation-name: move-frames-126;
  -webkit-animation-duration: 35477ms;
          animation-duration: 35477ms;
  -webkit-animation-delay: 18640ms;
          animation-delay: 18640ms;
}
@-webkit-keyframes move-frames-126 {
  from {
    transform: translate3d(1vw, 108vh, 0);
  }
  to {
    transform: translate3d(100vw, -121vh, 0);
  }
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(1vw, 108vh, 0);
  }
  to {
    transform: translate3d(100vw, -121vh, 0);
  }
}
.particle-box:nth-child(126) .circle {
  -webkit-animation-delay: 1182ms;
          animation-delay: 1182ms;
}
.particle-box:nth-child(127) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-127;
          animation-name: move-frames-127;
  -webkit-animation-duration: 32869ms;
          animation-duration: 32869ms;
  -webkit-animation-delay: 35913ms;
          animation-delay: 35913ms;
}
@-webkit-keyframes move-frames-127 {
  from {
    transform: translate3d(69vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -115vh, 0);
  }
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(69vw, 110vh, 0);
  }
  to {
    transform: translate3d(78vw, -115vh, 0);
  }
}
.particle-box:nth-child(127) .circle {
  -webkit-animation-delay: 1518ms;
          animation-delay: 1518ms;
}
.particle-box:nth-child(128) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-128;
          animation-name: move-frames-128;
  -webkit-animation-duration: 32914ms;
          animation-duration: 32914ms;
  -webkit-animation-delay: 36484ms;
          animation-delay: 36484ms;
}
@-webkit-keyframes move-frames-128 {
  from {
    transform: translate3d(4vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -112vh, 0);
  }
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(4vw, 102vh, 0);
  }
  to {
    transform: translate3d(75vw, -112vh, 0);
  }
}
.particle-box:nth-child(128) .circle {
  -webkit-animation-delay: 3653ms;
          animation-delay: 3653ms;
}
.particle-box:nth-child(129) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-129;
          animation-name: move-frames-129;
  -webkit-animation-duration: 30325ms;
          animation-duration: 30325ms;
  -webkit-animation-delay: 21662ms;
          animation-delay: 21662ms;
}
@-webkit-keyframes move-frames-129 {
  from {
    transform: translate3d(77vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -130vh, 0);
  }
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(77vw, 101vh, 0);
  }
  to {
    transform: translate3d(96vw, -130vh, 0);
  }
}
.particle-box:nth-child(129) .circle {
  -webkit-animation-delay: 2862ms;
          animation-delay: 2862ms;
}
.particle-box:nth-child(130) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-130;
          animation-name: move-frames-130;
  -webkit-animation-duration: 32330ms;
          animation-duration: 32330ms;
  -webkit-animation-delay: 36332ms;
          animation-delay: 36332ms;
}
@-webkit-keyframes move-frames-130 {
  from {
    transform: translate3d(42vw, 104vh, 0);
  }
  to {
    transform: translate3d(35vw, -129vh, 0);
  }
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(42vw, 104vh, 0);
  }
  to {
    transform: translate3d(35vw, -129vh, 0);
  }
}
.particle-box:nth-child(130) .circle {
  -webkit-animation-delay: 853ms;
          animation-delay: 853ms;
}
.particle-box:nth-child(131) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-131;
          animation-name: move-frames-131;
  -webkit-animation-duration: 35049ms;
          animation-duration: 35049ms;
  -webkit-animation-delay: 23070ms;
          animation-delay: 23070ms;
}
@-webkit-keyframes move-frames-131 {
  from {
    transform: translate3d(88vw, 104vh, 0);
  }
  to {
    transform: translate3d(30vw, -121vh, 0);
  }
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(88vw, 104vh, 0);
  }
  to {
    transform: translate3d(30vw, -121vh, 0);
  }
}
.particle-box:nth-child(131) .circle {
  -webkit-animation-delay: 1269ms;
          animation-delay: 1269ms;
}
.particle-box:nth-child(132) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-132;
          animation-name: move-frames-132;
  -webkit-animation-duration: 33806ms;
          animation-duration: 33806ms;
  -webkit-animation-delay: 323ms;
          animation-delay: 323ms;
}
@-webkit-keyframes move-frames-132 {
  from {
    transform: translate3d(16vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(16vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -112vh, 0);
  }
}
.particle-box:nth-child(132) .circle {
  -webkit-animation-delay: 2522ms;
          animation-delay: 2522ms;
}
.particle-box:nth-child(133) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-133;
          animation-name: move-frames-133;
  -webkit-animation-duration: 29346ms;
          animation-duration: 29346ms;
  -webkit-animation-delay: 818ms;
          animation-delay: 818ms;
}
@-webkit-keyframes move-frames-133 {
  from {
    transform: translate3d(57vw, 104vh, 0);
  }
  to {
    transform: translate3d(11vw, -111vh, 0);
  }
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(57vw, 104vh, 0);
  }
  to {
    transform: translate3d(11vw, -111vh, 0);
  }
}
.particle-box:nth-child(133) .circle {
  -webkit-animation-delay: 3748ms;
          animation-delay: 3748ms;
}
.particle-box:nth-child(134) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-134;
          animation-name: move-frames-134;
  -webkit-animation-duration: 32253ms;
          animation-duration: 32253ms;
  -webkit-animation-delay: 25430ms;
          animation-delay: 25430ms;
}
@-webkit-keyframes move-frames-134 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(80vw, -124vh, 0);
  }
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(55vw, 104vh, 0);
  }
  to {
    transform: translate3d(80vw, -124vh, 0);
  }
}
.particle-box:nth-child(134) .circle {
  -webkit-animation-delay: 3026ms;
          animation-delay: 3026ms;
}
.particle-box:nth-child(135) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-135;
          animation-name: move-frames-135;
  -webkit-animation-duration: 36285ms;
          animation-duration: 36285ms;
  -webkit-animation-delay: 2716ms;
          animation-delay: 2716ms;
}
@-webkit-keyframes move-frames-135 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(53vw, -112vh, 0);
  }
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(53vw, -112vh, 0);
  }
}
.particle-box:nth-child(135) .circle {
  -webkit-animation-delay: 2948ms;
          animation-delay: 2948ms;
}
.particle-box:nth-child(136) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-136;
          animation-name: move-frames-136;
  -webkit-animation-duration: 32557ms;
          animation-duration: 32557ms;
  -webkit-animation-delay: 20819ms;
          animation-delay: 20819ms;
}
@-webkit-keyframes move-frames-136 {
  from {
    transform: translate3d(60vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -111vh, 0);
  }
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(60vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -111vh, 0);
  }
}
.particle-box:nth-child(136) .circle {
  -webkit-animation-delay: 3194ms;
          animation-delay: 3194ms;
}
.particle-box:nth-child(137) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-137;
          animation-name: move-frames-137;
  -webkit-animation-duration: 31071ms;
          animation-duration: 31071ms;
  -webkit-animation-delay: 25280ms;
          animation-delay: 25280ms;
}
@-webkit-keyframes move-frames-137 {
  from {
    transform: translate3d(95vw, 105vh, 0);
  }
  to {
    transform: translate3d(16vw, -108vh, 0);
  }
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(95vw, 105vh, 0);
  }
  to {
    transform: translate3d(16vw, -108vh, 0);
  }
}
.particle-box:nth-child(137) .circle {
  -webkit-animation-delay: 2318ms;
          animation-delay: 2318ms;
}
.particle-box:nth-child(138) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-138;
          animation-name: move-frames-138;
  -webkit-animation-duration: 31144ms;
          animation-duration: 31144ms;
  -webkit-animation-delay: 9931ms;
          animation-delay: 9931ms;
}
@-webkit-keyframes move-frames-138 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(75vw, -114vh, 0);
  }
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(64vw, 109vh, 0);
  }
  to {
    transform: translate3d(75vw, -114vh, 0);
  }
}
.particle-box:nth-child(138) .circle {
  -webkit-animation-delay: 2870ms;
          animation-delay: 2870ms;
}
.particle-box:nth-child(139) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-139;
          animation-name: move-frames-139;
  -webkit-animation-duration: 32630ms;
          animation-duration: 32630ms;
  -webkit-animation-delay: 4244ms;
          animation-delay: 4244ms;
}
@-webkit-keyframes move-frames-139 {
  from {
    transform: translate3d(24vw, 109vh, 0);
  }
  to {
    transform: translate3d(20vw, -129vh, 0);
  }
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(24vw, 109vh, 0);
  }
  to {
    transform: translate3d(20vw, -129vh, 0);
  }
}
.particle-box:nth-child(139) .circle {
  -webkit-animation-delay: 3494ms;
          animation-delay: 3494ms;
}
.particle-box:nth-child(140) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-140;
          animation-name: move-frames-140;
  -webkit-animation-duration: 35042ms;
          animation-duration: 35042ms;
  -webkit-animation-delay: 36458ms;
          animation-delay: 36458ms;
}
@-webkit-keyframes move-frames-140 {
  from {
    transform: translate3d(12vw, 106vh, 0);
  }
  to {
    transform: translate3d(57vw, -109vh, 0);
  }
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(12vw, 106vh, 0);
  }
  to {
    transform: translate3d(57vw, -109vh, 0);
  }
}
.particle-box:nth-child(140) .circle {
  -webkit-animation-delay: 2665ms;
          animation-delay: 2665ms;
}
.particle-box:nth-child(141) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-141;
          animation-name: move-frames-141;
  -webkit-animation-duration: 32434ms;
          animation-duration: 32434ms;
  -webkit-animation-delay: 2336ms;
          animation-delay: 2336ms;
}
@-webkit-keyframes move-frames-141 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(6vw, -110vh, 0);
  }
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(6vw, -110vh, 0);
  }
}
.particle-box:nth-child(141) .circle {
  -webkit-animation-delay: 3885ms;
          animation-delay: 3885ms;
}
.particle-box:nth-child(142) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-142;
          animation-name: move-frames-142;
  -webkit-animation-duration: 31290ms;
          animation-duration: 31290ms;
  -webkit-animation-delay: 11252ms;
          animation-delay: 11252ms;
}
@-webkit-keyframes move-frames-142 {
  from {
    transform: translate3d(49vw, 104vh, 0);
  }
  to {
    transform: translate3d(1vw, -123vh, 0);
  }
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(49vw, 104vh, 0);
  }
  to {
    transform: translate3d(1vw, -123vh, 0);
  }
}
.particle-box:nth-child(142) .circle {
  -webkit-animation-delay: 2248ms;
          animation-delay: 2248ms;
}
.particle-box:nth-child(143) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-143;
          animation-name: move-frames-143;
  -webkit-animation-duration: 36433ms;
          animation-duration: 36433ms;
  -webkit-animation-delay: 24931ms;
          animation-delay: 24931ms;
}
@-webkit-keyframes move-frames-143 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(20vw, 105vh, 0);
  }
  to {
    transform: translate3d(85vw, -115vh, 0);
  }
}
.particle-box:nth-child(143) .circle {
  -webkit-animation-delay: 310ms;
          animation-delay: 310ms;
}
.particle-box:nth-child(144) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-144;
          animation-name: move-frames-144;
  -webkit-animation-duration: 30602ms;
          animation-duration: 30602ms;
  -webkit-animation-delay: 33975ms;
          animation-delay: 33975ms;
}
@-webkit-keyframes move-frames-144 {
  from {
    transform: translate3d(38vw, 102vh, 0);
  }
  to {
    transform: translate3d(40vw, -123vh, 0);
  }
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(38vw, 102vh, 0);
  }
  to {
    transform: translate3d(40vw, -123vh, 0);
  }
}
.particle-box:nth-child(144) .circle {
  -webkit-animation-delay: 1233ms;
          animation-delay: 1233ms;
}
.particle-box:nth-child(145) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-145;
          animation-name: move-frames-145;
  -webkit-animation-duration: 35507ms;
          animation-duration: 35507ms;
  -webkit-animation-delay: 21491ms;
          animation-delay: 21491ms;
}
@-webkit-keyframes move-frames-145 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(100vw, -122vh, 0);
  }
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(100vw, -122vh, 0);
  }
}
.particle-box:nth-child(145) .circle {
  -webkit-animation-delay: 998ms;
          animation-delay: 998ms;
}
.particle-box:nth-child(146) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-146;
          animation-name: move-frames-146;
  -webkit-animation-duration: 35667ms;
          animation-duration: 35667ms;
  -webkit-animation-delay: 5280ms;
          animation-delay: 5280ms;
}
@-webkit-keyframes move-frames-146 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(36vw, -129vh, 0);
  }
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(77vw, 109vh, 0);
  }
  to {
    transform: translate3d(36vw, -129vh, 0);
  }
}
.particle-box:nth-child(146) .circle {
  -webkit-animation-delay: 1248ms;
          animation-delay: 1248ms;
}
.particle-box:nth-child(147) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-147;
          animation-name: move-frames-147;
  -webkit-animation-duration: 29650ms;
          animation-duration: 29650ms;
  -webkit-animation-delay: 6656ms;
          animation-delay: 6656ms;
}
@-webkit-keyframes move-frames-147 {
  from {
    transform: translate3d(33vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -127vh, 0);
  }
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(33vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -127vh, 0);
  }
}
.particle-box:nth-child(147) .circle {
  -webkit-animation-delay: 3632ms;
          animation-delay: 3632ms;
}
.particle-box:nth-child(148) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-148;
          animation-name: move-frames-148;
  -webkit-animation-duration: 32936ms;
          animation-duration: 32936ms;
  -webkit-animation-delay: 3778ms;
          animation-delay: 3778ms;
}
@-webkit-keyframes move-frames-148 {
  from {
    transform: translate3d(28vw, 105vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(28vw, 105vh, 0);
  }
  to {
    transform: translate3d(69vw, -112vh, 0);
  }
}
.particle-box:nth-child(148) .circle {
  -webkit-animation-delay: 1964ms;
          animation-delay: 1964ms;
}
.particle-box:nth-child(149) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-149;
          animation-name: move-frames-149;
  -webkit-animation-duration: 32106ms;
          animation-duration: 32106ms;
  -webkit-animation-delay: 18320ms;
          animation-delay: 18320ms;
}
@-webkit-keyframes move-frames-149 {
  from {
    transform: translate3d(71vw, 107vh, 0);
  }
  to {
    transform: translate3d(99vw, -136vh, 0);
  }
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(71vw, 107vh, 0);
  }
  to {
    transform: translate3d(99vw, -136vh, 0);
  }
}
.particle-box:nth-child(149) .circle {
  -webkit-animation-delay: 2423ms;
          animation-delay: 2423ms;
}
.particle-box:nth-child(150) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-150;
          animation-name: move-frames-150;
  -webkit-animation-duration: 31116ms;
          animation-duration: 31116ms;
  -webkit-animation-delay: 20445ms;
          animation-delay: 20445ms;
}
@-webkit-keyframes move-frames-150 {
  from {
    transform: translate3d(33vw, 104vh, 0);
  }
  to {
    transform: translate3d(81vw, -132vh, 0);
  }
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(33vw, 104vh, 0);
  }
  to {
    transform: translate3d(81vw, -132vh, 0);
  }
}
.particle-box:nth-child(150) .circle {
  -webkit-animation-delay: 1378ms;
          animation-delay: 1378ms;
}
.particle-box:nth-child(151) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-151;
          animation-name: move-frames-151;
  -webkit-animation-duration: 32482ms;
          animation-duration: 32482ms;
  -webkit-animation-delay: 36203ms;
          animation-delay: 36203ms;
}
@-webkit-keyframes move-frames-151 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -115vh, 0);
  }
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(41vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -115vh, 0);
  }
}
.particle-box:nth-child(151) .circle {
  -webkit-animation-delay: 2613ms;
          animation-delay: 2613ms;
}
.particle-box:nth-child(152) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-152;
          animation-name: move-frames-152;
  -webkit-animation-duration: 33300ms;
          animation-duration: 33300ms;
  -webkit-animation-delay: 26664ms;
          animation-delay: 26664ms;
}
@-webkit-keyframes move-frames-152 {
  from {
    transform: translate3d(52vw, 103vh, 0);
  }
  to {
    transform: translate3d(1vw, -131vh, 0);
  }
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(52vw, 103vh, 0);
  }
  to {
    transform: translate3d(1vw, -131vh, 0);
  }
}
.particle-box:nth-child(152) .circle {
  -webkit-animation-delay: 191ms;
          animation-delay: 191ms;
}
.particle-box:nth-child(153) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-153;
          animation-name: move-frames-153;
  -webkit-animation-duration: 32729ms;
          animation-duration: 32729ms;
  -webkit-animation-delay: 97ms;
          animation-delay: 97ms;
}
@-webkit-keyframes move-frames-153 {
  from {
    transform: translate3d(59vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -104vh, 0);
  }
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(59vw, 102vh, 0);
  }
  to {
    transform: translate3d(6vw, -104vh, 0);
  }
}
.particle-box:nth-child(153) .circle {
  -webkit-animation-delay: 2255ms;
          animation-delay: 2255ms;
}
.particle-box:nth-child(154) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-154;
          animation-name: move-frames-154;
  -webkit-animation-duration: 33465ms;
          animation-duration: 33465ms;
  -webkit-animation-delay: 24152ms;
          animation-delay: 24152ms;
}
@-webkit-keyframes move-frames-154 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -130vh, 0);
  }
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(9vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -130vh, 0);
  }
}
.particle-box:nth-child(154) .circle {
  -webkit-animation-delay: 3279ms;
          animation-delay: 3279ms;
}
.particle-box:nth-child(155) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-155;
          animation-name: move-frames-155;
  -webkit-animation-duration: 31144ms;
          animation-duration: 31144ms;
  -webkit-animation-delay: 10362ms;
          animation-delay: 10362ms;
}
@-webkit-keyframes move-frames-155 {
  from {
    transform: translate3d(82vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -125vh, 0);
  }
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(82vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -125vh, 0);
  }
}
.particle-box:nth-child(155) .circle {
  -webkit-animation-delay: 3849ms;
          animation-delay: 3849ms;
}
.particle-box:nth-child(156) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-156;
          animation-name: move-frames-156;
  -webkit-animation-duration: 34029ms;
          animation-duration: 34029ms;
  -webkit-animation-delay: 21611ms;
          animation-delay: 21611ms;
}
@-webkit-keyframes move-frames-156 {
  from {
    transform: translate3d(90vw, 101vh, 0);
  }
  to {
    transform: translate3d(2vw, -118vh, 0);
  }
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(90vw, 101vh, 0);
  }
  to {
    transform: translate3d(2vw, -118vh, 0);
  }
}
.particle-box:nth-child(156) .circle {
  -webkit-animation-delay: 671ms;
          animation-delay: 671ms;
}
.particle-box:nth-child(157) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-157;
          animation-name: move-frames-157;
  -webkit-animation-duration: 34543ms;
          animation-duration: 34543ms;
  -webkit-animation-delay: 31025ms;
          animation-delay: 31025ms;
}
@-webkit-keyframes move-frames-157 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(32vw, -131vh, 0);
  }
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(17vw, 108vh, 0);
  }
  to {
    transform: translate3d(32vw, -131vh, 0);
  }
}
.particle-box:nth-child(157) .circle {
  -webkit-animation-delay: 1882ms;
          animation-delay: 1882ms;
}
.particle-box:nth-child(158) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-158;
          animation-name: move-frames-158;
  -webkit-animation-duration: 31831ms;
          animation-duration: 31831ms;
  -webkit-animation-delay: 33030ms;
          animation-delay: 33030ms;
}
@-webkit-keyframes move-frames-158 {
  from {
    transform: translate3d(35vw, 103vh, 0);
  }
  to {
    transform: translate3d(57vw, -108vh, 0);
  }
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(35vw, 103vh, 0);
  }
  to {
    transform: translate3d(57vw, -108vh, 0);
  }
}
.particle-box:nth-child(158) .circle {
  -webkit-animation-delay: 729ms;
          animation-delay: 729ms;
}
.particle-box:nth-child(159) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-159;
          animation-name: move-frames-159;
  -webkit-animation-duration: 34913ms;
          animation-duration: 34913ms;
  -webkit-animation-delay: 36106ms;
          animation-delay: 36106ms;
}
@-webkit-keyframes move-frames-159 {
  from {
    transform: translate3d(60vw, 103vh, 0);
  }
  to {
    transform: translate3d(66vw, -114vh, 0);
  }
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(60vw, 103vh, 0);
  }
  to {
    transform: translate3d(66vw, -114vh, 0);
  }
}
.particle-box:nth-child(159) .circle {
  -webkit-animation-delay: 3367ms;
          animation-delay: 3367ms;
}
.particle-box:nth-child(160) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-160;
          animation-name: move-frames-160;
  -webkit-animation-duration: 34735ms;
          animation-duration: 34735ms;
  -webkit-animation-delay: 14060ms;
          animation-delay: 14060ms;
}
@-webkit-keyframes move-frames-160 {
  from {
    transform: translate3d(93vw, 105vh, 0);
  }
  to {
    transform: translate3d(38vw, -117vh, 0);
  }
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(93vw, 105vh, 0);
  }
  to {
    transform: translate3d(38vw, -117vh, 0);
  }
}
.particle-box:nth-child(160) .circle {
  -webkit-animation-delay: 2934ms;
          animation-delay: 2934ms;
}
.particle-box:nth-child(161) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-161;
          animation-name: move-frames-161;
  -webkit-animation-duration: 33898ms;
          animation-duration: 33898ms;
  -webkit-animation-delay: 27011ms;
          animation-delay: 27011ms;
}
@-webkit-keyframes move-frames-161 {
  from {
    transform: translate3d(11vw, 103vh, 0);
  }
  to {
    transform: translate3d(80vw, -106vh, 0);
  }
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(11vw, 103vh, 0);
  }
  to {
    transform: translate3d(80vw, -106vh, 0);
  }
}
.particle-box:nth-child(161) .circle {
  -webkit-animation-delay: 3537ms;
          animation-delay: 3537ms;
}
.particle-box:nth-child(162) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-162;
          animation-name: move-frames-162;
  -webkit-animation-duration: 36367ms;
          animation-duration: 36367ms;
  -webkit-animation-delay: 28016ms;
          animation-delay: 28016ms;
}
@-webkit-keyframes move-frames-162 {
  from {
    transform: translate3d(62vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(62vw, 106vh, 0);
  }
  to {
    transform: translate3d(32vw, -125vh, 0);
  }
}
.particle-box:nth-child(162) .circle {
  -webkit-animation-delay: 167ms;
          animation-delay: 167ms;
}
.particle-box:nth-child(163) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-163;
          animation-name: move-frames-163;
  -webkit-animation-duration: 31448ms;
          animation-duration: 31448ms;
  -webkit-animation-delay: 11581ms;
          animation-delay: 11581ms;
}
@-webkit-keyframes move-frames-163 {
  from {
    transform: translate3d(96vw, 108vh, 0);
  }
  to {
    transform: translate3d(79vw, -138vh, 0);
  }
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(96vw, 108vh, 0);
  }
  to {
    transform: translate3d(79vw, -138vh, 0);
  }
}
.particle-box:nth-child(163) .circle {
  -webkit-animation-delay: 1621ms;
          animation-delay: 1621ms;
}
.particle-box:nth-child(164) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-164;
          animation-name: move-frames-164;
  -webkit-animation-duration: 36096ms;
          animation-duration: 36096ms;
  -webkit-animation-delay: 3672ms;
          animation-delay: 3672ms;
}
@-webkit-keyframes move-frames-164 {
  from {
    transform: translate3d(8vw, 104vh, 0);
  }
  to {
    transform: translate3d(48vw, -131vh, 0);
  }
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(8vw, 104vh, 0);
  }
  to {
    transform: translate3d(48vw, -131vh, 0);
  }
}
.particle-box:nth-child(164) .circle {
  -webkit-animation-delay: 674ms;
          animation-delay: 674ms;
}
.particle-box:nth-child(165) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-165;
          animation-name: move-frames-165;
  -webkit-animation-duration: 32295ms;
          animation-duration: 32295ms;
  -webkit-animation-delay: 10520ms;
          animation-delay: 10520ms;
}
@-webkit-keyframes move-frames-165 {
  from {
    transform: translate3d(81vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -133vh, 0);
  }
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(81vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -133vh, 0);
  }
}
.particle-box:nth-child(165) .circle {
  -webkit-animation-delay: 197ms;
          animation-delay: 197ms;
}
.particle-box:nth-child(166) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-166;
          animation-name: move-frames-166;
  -webkit-animation-duration: 29792ms;
          animation-duration: 29792ms;
  -webkit-animation-delay: 2763ms;
          animation-delay: 2763ms;
}
@-webkit-keyframes move-frames-166 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(98vw, -113vh, 0);
  }
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(85vw, 110vh, 0);
  }
  to {
    transform: translate3d(98vw, -113vh, 0);
  }
}
.particle-box:nth-child(166) .circle {
  -webkit-animation-delay: 1992ms;
          animation-delay: 1992ms;
}
.particle-box:nth-child(167) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-167;
          animation-name: move-frames-167;
  -webkit-animation-duration: 33357ms;
          animation-duration: 33357ms;
  -webkit-animation-delay: 7404ms;
          animation-delay: 7404ms;
}
@-webkit-keyframes move-frames-167 {
  from {
    transform: translate3d(47vw, 110vh, 0);
  }
  to {
    transform: translate3d(60vw, -134vh, 0);
  }
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(47vw, 110vh, 0);
  }
  to {
    transform: translate3d(60vw, -134vh, 0);
  }
}
.particle-box:nth-child(167) .circle {
  -webkit-animation-delay: 2634ms;
          animation-delay: 2634ms;
}
.particle-box:nth-child(168) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-168;
          animation-name: move-frames-168;
  -webkit-animation-duration: 28519ms;
          animation-duration: 28519ms;
  -webkit-animation-delay: 3850ms;
          animation-delay: 3850ms;
}
@-webkit-keyframes move-frames-168 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(27vw, -120vh, 0);
  }
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(27vw, -120vh, 0);
  }
}
.particle-box:nth-child(168) .circle {
  -webkit-animation-delay: 2590ms;
          animation-delay: 2590ms;
}
.particle-box:nth-child(169) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-169;
          animation-name: move-frames-169;
  -webkit-animation-duration: 29449ms;
          animation-duration: 29449ms;
  -webkit-animation-delay: 27475ms;
          animation-delay: 27475ms;
}
@-webkit-keyframes move-frames-169 {
  from {
    transform: translate3d(15vw, 105vh, 0);
  }
  to {
    transform: translate3d(47vw, -121vh, 0);
  }
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(15vw, 105vh, 0);
  }
  to {
    transform: translate3d(47vw, -121vh, 0);
  }
}
.particle-box:nth-child(169) .circle {
  -webkit-animation-delay: 2676ms;
          animation-delay: 2676ms;
}
.particle-box:nth-child(170) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-170;
          animation-name: move-frames-170;
  -webkit-animation-duration: 35421ms;
          animation-duration: 35421ms;
  -webkit-animation-delay: 20604ms;
          animation-delay: 20604ms;
}
@-webkit-keyframes move-frames-170 {
  from {
    transform: translate3d(7vw, 110vh, 0);
  }
  to {
    transform: translate3d(43vw, -136vh, 0);
  }
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(7vw, 110vh, 0);
  }
  to {
    transform: translate3d(43vw, -136vh, 0);
  }
}
.particle-box:nth-child(170) .circle {
  -webkit-animation-delay: 383ms;
          animation-delay: 383ms;
}
.particle-box:nth-child(171) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-171;
          animation-name: move-frames-171;
  -webkit-animation-duration: 35437ms;
          animation-duration: 35437ms;
  -webkit-animation-delay: 9627ms;
          animation-delay: 9627ms;
}
@-webkit-keyframes move-frames-171 {
  from {
    transform: translate3d(71vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -128vh, 0);
  }
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(71vw, 106vh, 0);
  }
  to {
    transform: translate3d(1vw, -128vh, 0);
  }
}
.particle-box:nth-child(171) .circle {
  -webkit-animation-delay: 2087ms;
          animation-delay: 2087ms;
}
.particle-box:nth-child(172) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-172;
          animation-name: move-frames-172;
  -webkit-animation-duration: 34341ms;
          animation-duration: 34341ms;
  -webkit-animation-delay: 2695ms;
          animation-delay: 2695ms;
}
@-webkit-keyframes move-frames-172 {
  from {
    transform: translate3d(34vw, 102vh, 0);
  }
  to {
    transform: translate3d(90vw, -106vh, 0);
  }
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(34vw, 102vh, 0);
  }
  to {
    transform: translate3d(90vw, -106vh, 0);
  }
}
.particle-box:nth-child(172) .circle {
  -webkit-animation-delay: 2735ms;
          animation-delay: 2735ms;
}
.particle-box:nth-child(173) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-173;
          animation-name: move-frames-173;
  -webkit-animation-duration: 34795ms;
          animation-duration: 34795ms;
  -webkit-animation-delay: 9108ms;
          animation-delay: 9108ms;
}
@-webkit-keyframes move-frames-173 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(64vw, -112vh, 0);
  }
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(31vw, 108vh, 0);
  }
  to {
    transform: translate3d(64vw, -112vh, 0);
  }
}
.particle-box:nth-child(173) .circle {
  -webkit-animation-delay: 1018ms;
          animation-delay: 1018ms;
}
.particle-box:nth-child(174) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-174;
          animation-name: move-frames-174;
  -webkit-animation-duration: 32751ms;
          animation-duration: 32751ms;
  -webkit-animation-delay: 6481ms;
          animation-delay: 6481ms;
}
@-webkit-keyframes move-frames-174 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(31vw, -123vh, 0);
  }
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(88vw, 103vh, 0);
  }
  to {
    transform: translate3d(31vw, -123vh, 0);
  }
}
.particle-box:nth-child(174) .circle {
  -webkit-animation-delay: 62ms;
          animation-delay: 62ms;
}
.particle-box:nth-child(175) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-175;
          animation-name: move-frames-175;
  -webkit-animation-duration: 31918ms;
          animation-duration: 31918ms;
  -webkit-animation-delay: 19405ms;
          animation-delay: 19405ms;
}
@-webkit-keyframes move-frames-175 {
  from {
    transform: translate3d(60vw, 106vh, 0);
  }
  to {
    transform: translate3d(48vw, -123vh, 0);
  }
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(60vw, 106vh, 0);
  }
  to {
    transform: translate3d(48vw, -123vh, 0);
  }
}
.particle-box:nth-child(175) .circle {
  -webkit-animation-delay: 357ms;
          animation-delay: 357ms;
}
.particle-box:nth-child(176) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-176;
          animation-name: move-frames-176;
  -webkit-animation-duration: 36932ms;
          animation-duration: 36932ms;
  -webkit-animation-delay: 2967ms;
          animation-delay: 2967ms;
}
@-webkit-keyframes move-frames-176 {
  from {
    transform: translate3d(40vw, 106vh, 0);
  }
  to {
    transform: translate3d(87vw, -128vh, 0);
  }
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(40vw, 106vh, 0);
  }
  to {
    transform: translate3d(87vw, -128vh, 0);
  }
}
.particle-box:nth-child(176) .circle {
  -webkit-animation-delay: 3746ms;
          animation-delay: 3746ms;
}
.particle-box:nth-child(177) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-177;
          animation-name: move-frames-177;
  -webkit-animation-duration: 28631ms;
          animation-duration: 28631ms;
  -webkit-animation-delay: 23721ms;
          animation-delay: 23721ms;
}
@-webkit-keyframes move-frames-177 {
  from {
    transform: translate3d(97vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -118vh, 0);
  }
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(97vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -118vh, 0);
  }
}
.particle-box:nth-child(177) .circle {
  -webkit-animation-delay: 2484ms;
          animation-delay: 2484ms;
}
.particle-box:nth-child(178) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-178;
          animation-name: move-frames-178;
  -webkit-animation-duration: 34400ms;
          animation-duration: 34400ms;
  -webkit-animation-delay: 220ms;
          animation-delay: 220ms;
}
@-webkit-keyframes move-frames-178 {
  from {
    transform: translate3d(32vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -131vh, 0);
  }
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(32vw, 106vh, 0);
  }
  to {
    transform: translate3d(54vw, -131vh, 0);
  }
}
.particle-box:nth-child(178) .circle {
  -webkit-animation-delay: 3385ms;
          animation-delay: 3385ms;
}
.particle-box:nth-child(179) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-179;
          animation-name: move-frames-179;
  -webkit-animation-duration: 30626ms;
          animation-duration: 30626ms;
  -webkit-animation-delay: 22408ms;
          animation-delay: 22408ms;
}
@-webkit-keyframes move-frames-179 {
  from {
    transform: translate3d(100vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -121vh, 0);
  }
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(100vw, 102vh, 0);
  }
  to {
    transform: translate3d(57vw, -121vh, 0);
  }
}
.particle-box:nth-child(179) .circle {
  -webkit-animation-delay: 1958ms;
          animation-delay: 1958ms;
}
.particle-box:nth-child(180) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-180;
          animation-name: move-frames-180;
  -webkit-animation-duration: 33117ms;
          animation-duration: 33117ms;
  -webkit-animation-delay: 27842ms;
          animation-delay: 27842ms;
}
@-webkit-keyframes move-frames-180 {
  from {
    transform: translate3d(58vw, 105vh, 0);
  }
  to {
    transform: translate3d(34vw, -128vh, 0);
  }
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(58vw, 105vh, 0);
  }
  to {
    transform: translate3d(34vw, -128vh, 0);
  }
}
.particle-box:nth-child(180) .circle {
  -webkit-animation-delay: 1447ms;
          animation-delay: 1447ms;
}
.particle-box:nth-child(181) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-181;
          animation-name: move-frames-181;
  -webkit-animation-duration: 28227ms;
          animation-duration: 28227ms;
  -webkit-animation-delay: 8960ms;
          animation-delay: 8960ms;
}
@-webkit-keyframes move-frames-181 {
  from {
    transform: translate3d(42vw, 102vh, 0);
  }
  to {
    transform: translate3d(30vw, -132vh, 0);
  }
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(42vw, 102vh, 0);
  }
  to {
    transform: translate3d(30vw, -132vh, 0);
  }
}
.particle-box:nth-child(181) .circle {
  -webkit-animation-delay: 3656ms;
          animation-delay: 3656ms;
}
.particle-box:nth-child(182) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-182;
          animation-name: move-frames-182;
  -webkit-animation-duration: 33147ms;
          animation-duration: 33147ms;
  -webkit-animation-delay: 36637ms;
          animation-delay: 36637ms;
}
@-webkit-keyframes move-frames-182 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(37vw, -112vh, 0);
  }
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(65vw, 110vh, 0);
  }
  to {
    transform: translate3d(37vw, -112vh, 0);
  }
}
.particle-box:nth-child(182) .circle {
  -webkit-animation-delay: 1093ms;
          animation-delay: 1093ms;
}
.particle-box:nth-child(183) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-183;
          animation-name: move-frames-183;
  -webkit-animation-duration: 30845ms;
          animation-duration: 30845ms;
  -webkit-animation-delay: 29796ms;
          animation-delay: 29796ms;
}
@-webkit-keyframes move-frames-183 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -130vh, 0);
  }
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(31vw, 106vh, 0);
  }
  to {
    transform: translate3d(83vw, -130vh, 0);
  }
}
.particle-box:nth-child(183) .circle {
  -webkit-animation-delay: 383ms;
          animation-delay: 383ms;
}
.particle-box:nth-child(184) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-184;
          animation-name: move-frames-184;
  -webkit-animation-duration: 31484ms;
          animation-duration: 31484ms;
  -webkit-animation-delay: 23048ms;
          animation-delay: 23048ms;
}
@-webkit-keyframes move-frames-184 {
  from {
    transform: translate3d(65vw, 108vh, 0);
  }
  to {
    transform: translate3d(54vw, -112vh, 0);
  }
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(65vw, 108vh, 0);
  }
  to {
    transform: translate3d(54vw, -112vh, 0);
  }
}
.particle-box:nth-child(184) .circle {
  -webkit-animation-delay: 2904ms;
          animation-delay: 2904ms;
}
.particle-box:nth-child(185) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-185;
          animation-name: move-frames-185;
  -webkit-animation-duration: 35474ms;
          animation-duration: 35474ms;
  -webkit-animation-delay: 27725ms;
          animation-delay: 27725ms;
}
@-webkit-keyframes move-frames-185 {
  from {
    transform: translate3d(89vw, 102vh, 0);
  }
  to {
    transform: translate3d(38vw, -125vh, 0);
  }
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(89vw, 102vh, 0);
  }
  to {
    transform: translate3d(38vw, -125vh, 0);
  }
}
.particle-box:nth-child(185) .circle {
  -webkit-animation-delay: 2138ms;
          animation-delay: 2138ms;
}
.particle-box:nth-child(186) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-186;
          animation-name: move-frames-186;
  -webkit-animation-duration: 33045ms;
          animation-duration: 33045ms;
  -webkit-animation-delay: 11089ms;
          animation-delay: 11089ms;
}
@-webkit-keyframes move-frames-186 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -125vh, 0);
  }
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(39vw, 107vh, 0);
  }
  to {
    transform: translate3d(30vw, -125vh, 0);
  }
}
.particle-box:nth-child(186) .circle {
  -webkit-animation-delay: 535ms;
          animation-delay: 535ms;
}
.particle-box:nth-child(187) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-187;
          animation-name: move-frames-187;
  -webkit-animation-duration: 32674ms;
          animation-duration: 32674ms;
  -webkit-animation-delay: 36058ms;
          animation-delay: 36058ms;
}
@-webkit-keyframes move-frames-187 {
  from {
    transform: translate3d(66vw, 105vh, 0);
  }
  to {
    transform: translate3d(7vw, -119vh, 0);
  }
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(66vw, 105vh, 0);
  }
  to {
    transform: translate3d(7vw, -119vh, 0);
  }
}
.particle-box:nth-child(187) .circle {
  -webkit-animation-delay: 2373ms;
          animation-delay: 2373ms;
}
.particle-box:nth-child(188) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-188;
          animation-name: move-frames-188;
  -webkit-animation-duration: 33001ms;
          animation-duration: 33001ms;
  -webkit-animation-delay: 35248ms;
          animation-delay: 35248ms;
}
@-webkit-keyframes move-frames-188 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(4vw, -130vh, 0);
  }
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(61vw, 101vh, 0);
  }
  to {
    transform: translate3d(4vw, -130vh, 0);
  }
}
.particle-box:nth-child(188) .circle {
  -webkit-animation-delay: 762ms;
          animation-delay: 762ms;
}
.particle-box:nth-child(189) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-189;
          animation-name: move-frames-189;
  -webkit-animation-duration: 36787ms;
          animation-duration: 36787ms;
  -webkit-animation-delay: 11088ms;
          animation-delay: 11088ms;
}
@-webkit-keyframes move-frames-189 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(55vw, -116vh, 0);
  }
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(78vw, 102vh, 0);
  }
  to {
    transform: translate3d(55vw, -116vh, 0);
  }
}
.particle-box:nth-child(189) .circle {
  -webkit-animation-delay: 3932ms;
          animation-delay: 3932ms;
}
.particle-box:nth-child(190) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-190;
          animation-name: move-frames-190;
  -webkit-animation-duration: 34659ms;
          animation-duration: 34659ms;
  -webkit-animation-delay: 21113ms;
          animation-delay: 21113ms;
}
@-webkit-keyframes move-frames-190 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(19vw, -118vh, 0);
  }
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(19vw, -118vh, 0);
  }
}
.particle-box:nth-child(190) .circle {
  -webkit-animation-delay: 601ms;
          animation-delay: 601ms;
}
.particle-box:nth-child(191) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-191;
          animation-name: move-frames-191;
  -webkit-animation-duration: 34588ms;
          animation-duration: 34588ms;
  -webkit-animation-delay: 21442ms;
          animation-delay: 21442ms;
}
@-webkit-keyframes move-frames-191 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(65vw, -115vh, 0);
  }
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(46vw, 105vh, 0);
  }
  to {
    transform: translate3d(65vw, -115vh, 0);
  }
}
.particle-box:nth-child(191) .circle {
  -webkit-animation-delay: 2429ms;
          animation-delay: 2429ms;
}
.particle-box:nth-child(192) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-192;
          animation-name: move-frames-192;
  -webkit-animation-duration: 31160ms;
          animation-duration: 31160ms;
  -webkit-animation-delay: 15682ms;
          animation-delay: 15682ms;
}
@-webkit-keyframes move-frames-192 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -126vh, 0);
  }
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(64vw, -126vh, 0);
  }
}
.particle-box:nth-child(192) .circle {
  -webkit-animation-delay: 1263ms;
          animation-delay: 1263ms;
}
.particle-box:nth-child(193) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-193;
          animation-name: move-frames-193;
  -webkit-animation-duration: 33452ms;
          animation-duration: 33452ms;
  -webkit-animation-delay: 5174ms;
          animation-delay: 5174ms;
}
@-webkit-keyframes move-frames-193 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(76vw, -131vh, 0);
  }
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(76vw, -131vh, 0);
  }
}
.particle-box:nth-child(193) .circle {
  -webkit-animation-delay: 1256ms;
          animation-delay: 1256ms;
}
.particle-box:nth-child(194) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-194;
          animation-name: move-frames-194;
  -webkit-animation-duration: 32458ms;
          animation-duration: 32458ms;
  -webkit-animation-delay: 29764ms;
          animation-delay: 29764ms;
}
@-webkit-keyframes move-frames-194 {
  from {
    transform: translate3d(34vw, 105vh, 0);
  }
  to {
    transform: translate3d(23vw, -111vh, 0);
  }
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(34vw, 105vh, 0);
  }
  to {
    transform: translate3d(23vw, -111vh, 0);
  }
}
.particle-box:nth-child(194) .circle {
  -webkit-animation-delay: 318ms;
          animation-delay: 318ms;
}
.particle-box:nth-child(195) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-195;
          animation-name: move-frames-195;
  -webkit-animation-duration: 30672ms;
          animation-duration: 30672ms;
  -webkit-animation-delay: 18120ms;
          animation-delay: 18120ms;
}
@-webkit-keyframes move-frames-195 {
  from {
    transform: translate3d(83vw, 107vh, 0);
  }
  to {
    transform: translate3d(3vw, -123vh, 0);
  }
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(83vw, 107vh, 0);
  }
  to {
    transform: translate3d(3vw, -123vh, 0);
  }
}
.particle-box:nth-child(195) .circle {
  -webkit-animation-delay: 2656ms;
          animation-delay: 2656ms;
}
.particle-box:nth-child(196) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-196;
          animation-name: move-frames-196;
  -webkit-animation-duration: 28560ms;
          animation-duration: 28560ms;
  -webkit-animation-delay: 6350ms;
          animation-delay: 6350ms;
}
@-webkit-keyframes move-frames-196 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(19vw, -121vh, 0);
  }
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(87vw, 109vh, 0);
  }
  to {
    transform: translate3d(19vw, -121vh, 0);
  }
}
.particle-box:nth-child(196) .circle {
  -webkit-animation-delay: 2638ms;
          animation-delay: 2638ms;
}
.particle-box:nth-child(197) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-197;
          animation-name: move-frames-197;
  -webkit-animation-duration: 28042ms;
          animation-duration: 28042ms;
  -webkit-animation-delay: 36875ms;
          animation-delay: 36875ms;
}
@-webkit-keyframes move-frames-197 {
  from {
    transform: translate3d(71vw, 101vh, 0);
  }
  to {
    transform: translate3d(55vw, -119vh, 0);
  }
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(71vw, 101vh, 0);
  }
  to {
    transform: translate3d(55vw, -119vh, 0);
  }
}
.particle-box:nth-child(197) .circle {
  -webkit-animation-delay: 1755ms;
          animation-delay: 1755ms;
}
.particle-box:nth-child(198) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-198;
          animation-name: move-frames-198;
  -webkit-animation-duration: 28313ms;
          animation-duration: 28313ms;
  -webkit-animation-delay: 12425ms;
          animation-delay: 12425ms;
}
@-webkit-keyframes move-frames-198 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(58vw, -130vh, 0);
  }
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(58vw, -130vh, 0);
  }
}
.particle-box:nth-child(198) .circle {
  -webkit-animation-delay: 72ms;
          animation-delay: 72ms;
}
.particle-box:nth-child(199) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-199;
          animation-name: move-frames-199;
  -webkit-animation-duration: 34108ms;
          animation-duration: 34108ms;
  -webkit-animation-delay: 32611ms;
          animation-delay: 32611ms;
}
@-webkit-keyframes move-frames-199 {
  from {
    transform: translate3d(9vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -122vh, 0);
  }
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(9vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -122vh, 0);
  }
}
.particle-box:nth-child(199) .circle {
  -webkit-animation-delay: 3941ms;
          animation-delay: 3941ms;
}
.particle-box:nth-child(200) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-200;
          animation-name: move-frames-200;
  -webkit-animation-duration: 35361ms;
          animation-duration: 35361ms;
  -webkit-animation-delay: 20323ms;
          animation-delay: 20323ms;
}
@-webkit-keyframes move-frames-200 {
  from {
    transform: translate3d(60vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(60vw, 109vh, 0);
  }
  to {
    transform: translate3d(60vw, -111vh, 0);
  }
}
.particle-box:nth-child(200) .circle {
  -webkit-animation-delay: 1602ms;
          animation-delay: 1602ms;
}

canvas{
	background: transparent;
}



@keyframes fuwafuwa {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0%);
  }
}

.platform_list{
	margin: 0 0 2.3vw;
	
	/* filter: drop-shadow(0 0 .5vw #520606) drop-shadow(0 0 .5vw #520606); */
	position: absolute;
	top: 8vw;
	right: -7vw;
	z-index: 2;
	display: none;
}

.platform_list ul{
	display: flex;
	justify-content: center;
	align-items: center;
}

.platform_list ul .img_wrap{
	display: flex;
	justify-content: center;
	padding: 0 .8vw;
	box-sizing: border-box;
}

.platform_list ul li img{

	display: block;
}

.btn-hover {
    width: 90%;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px auto;
    height: 55px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
line-height: 2.2;
   background: #930912;

	
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	/* background-image: linear-gradient(to right, darkgray, gray, darkgray, darkgray);
     */
	padding: .7vw 4vw;
	display: block;
}

.btn-hover:hover {
	background: transparent;
	border: 1px solid #930912;
	color: #930912;
    /* background-position: 100% 0; */
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	
}

.btn-hover:focus {
    outline: none;
}

.movie{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left:0;
}

.movie .video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* swiper */

.menu-swiper {
    width: 100vw;
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.6s ease;
    overflow-x:hidden;
  }

  .menu-swiper.swiper-initialized {
    visibility: visible;
    opacity: 1;
  }

  .menu-swiper .swiper-slide {
    opacity: 0.5;
    transform: scale(0.8);
    transition: all 0.3s ease;
    cursor: grab;
  }

  .menu-swiper .swiper-slide.swiper-slide-active {
    opacity: 0.95;
    transform: scale(1);
    cursor: pointer;
  }

  .menu-swiper .swiper-slide:not(.swiper-slide-active) a {
    pointer-events: none;
  }

  .menu-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .menu-swiper .swiper-controls-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    margin: 30px auto 0;
    font-size: 18px;
    font-weight: bold;
    color: white;
    max-width: 300px;
  }

  .menu-swiper .swiper-pagination {
    position: static;
    font-size: 16px;
    color: white;
    margin: 0;
  }

  figure.menu-card {
    background-color: #262626;
    color: #fff;
    font-size: 16px;
    text-align: left;
    position: relative;
    overflow: hidden;
    opacity: 0.95;
    margin: 0;
  }

  figure.menu-card img {
    width: 100%;
    vertical-align: top;
    transition: transform 0.4s ease;
  }

  figure.menu-card figcaption {
    padding: 25px;
    position: relative;
  }

  .menu-card .date {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(60, 59, 110, 0.5);
    color: white;
    padding: 15px 25px;
    font-size: 21px;
    letter-spacing: 1px;
  }

  .menu-card h2 {
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 5px;
    letter-spacing: 2px;
	  font-size: 2vw;
  }

  .menu-card h3 {
    font-weight: 600;
    color: white;
    margin: 0;
    letter-spacing: 2px;
    line-height: 1;
  }

  .menu-card p {
    margin: 15px 0 20px;
    font-size: 15px;
    line-height: 1.25;
    min-height: 90px;
  }

  .menu-card button {
    width: 100%;
    padding: 10px 20px;
    background-color: rgba(60, 59, 110, 0.95);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 15px;
    border: 1px solid white;
    cursor: pointer;
    transition: 0.2s;
  }

  .menu-card:hover img {
    transform: scale(0.90);
  }

  .menu-card:hover button {
    background-color: #b22234;
  }

  .menu-card a {
    position: absolute;
    inset: 0;
    z-index: 1;
  }

.featured-section {width:90%;max-width:1400px;margin:0 auto;padding-top:10vh;padding-bottom:10vh;}


.goods{

 position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start; */
	flex-wrap: wrap;
	margin-left: -10px;
  margin-right: -10px;
	column-gap: 2vw;


}

.goodsitem{
	display: flex;
	padding: 1rem 1rem 4rem;
	background: #262620;
	margin-bottom: 2vw;
	/* flex: 1 1 25%; */
	width: 25vw;
	justify-content: center;
	align-items: center;

}

.goodsitemblank{
	display: flex;
	padding: 1rem 1rem 4rem;
	background: none;
	margin-bottom: 2vw;
	flex: 1 1 25%;
	justify-content: center;
	align-items: center;
}

.itemimg{
	width: 24vw;
	margin-left: -1vw;
	display: flex;
	justify-content: center;
	align-items: center;
}



.itembox{
	padding: 1rem 1rem 1rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.itemcontent{
	color: white;
	padding: 1vw 1vw 1vw 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.itemcontent h3{
	font-size: 1.2vw;
	flex-grow: 1;
}


@media (max-width: 1200px) {
  .goodsitem {
    flex: 1 1 30.3333% !important;
    width: 33%;
    max-width: calc(30.3333% - 20px);
	  margin-bottom: 2vw;
  }
	
	.itembox{
		width: 87%;
	}
	.buybtn{
		font-size: 1rem!important;
	}
}
@media (max-width: 992px) {
  .goodsitem {
    flex: 1 1 50% !important;
    width: 50%;
    
  }
	
	.itembox{
		width: 92%;
	}
	
	.buybtn{
		font-size: .8rem!important;
	}
	
	
}
@media (max-width: 600px) {
  .goodsitem {
    flex: 1 1 100% !important;
    width: 100%;
    max-width: 100%;
  }
	
	.itembox{
		width: 80%;
		margin: 0 auto;
		padding: 0 0 8vw !important;
	}
	
	.goodsitem{
		background-position: center;
	
	}
	
	.buybtn{
		font-size: 1.5rem!important;
	}
	
	.itemimg{
		width: 50vw;
		padding-top: 8vw;
	}
	
	.itemcontent{
		width: 55vw;
	}
	
	.itemcontent h3{
		font-size: 3.7vw;
	}
	
	.lineup_price{
		font-size: 5.125vw;
	}
	
	.lineup_price small{
		font-size: 3vw;
	}
	
	.buybtn{
		padding: 3vw 0 3vw !important;
		background-size: contain;
		width: 53vw !important;
		height: 14.4vw !important;
	}
	
	.art_bnr{
		height: 23.3vw;
	}
}

.container_inner {
  padding: 2vw 9.375vw 6vw;
	position: relative;
}
@media screen and (max-width: 768px) {
  /* line 15, ../sass/component/_container.scss */
  .container_inner {
    padding: 0 5.2083333333vw 10vw;
  }
}

.lineup_price {
  color: white;
  font-size: 1.05vw;
  margin: 0 0 .7vw;
	text-align: left;
}

.lineup_price small{
	font-size: .7vw;
	vertical-align: bottom;
	display: contents;
}

.hero_date{
	font-family: 'Hina Mincho';
	position: absolute;
	bottom: 1vw;
	left: 40%;
	font-size: 2vw;
	color: black;
	background: url("../img/labelwhite.png") no-repeat;
	padding: 0 2vw;
	line-height: 2;
}

.wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	
}

body.intro{
	background: url(../img/bg03.jpg) no-repeat #000;
	
}

.site-logo{
	width: 70%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 2vw;
}

.sec p {
	line-height: 2;
	font-size: 140%;
	text-align: center;
}

.sec {
	padding: 40px;
	width: 52%;
	margin: 0 auto;
}

.link-btn{
	display: flex;
	justify-content: space-evenly;
	margin-top: 2vw;
}

.link-btn-item a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20vw;
	height: 50px;
	background: #930912;
	border: 1px solid #930912;
	color: #fff;
	transition: all 0.2s;
	font-size: 140%;
}

.link-btn-item a:hover{
	background: transparent;
	border: 1px solid #930912;
	color: #930912;
}

.underage a{
	background: #000;
	border: 1px solid #930912;
	color: #fff;
}

.about_ceroz{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 2vw 0;
	border: 1px solid white;
	padding: 1vw;
}

.about_ceroz p{
	text-align: left;
}

.icon_cero {
	width: 50px;
	margin-right: 1vw;
}

.p-lineup_item {
  background: rgba(0, 0, 0, 0.8);
  width: calc(33.333% - 20px);
}
.p-lineup_item_big {
  background: rgba(0, 0, 0, 0.8);
  width: calc(50% - 10px);
}

.p-lineup_item_big2 {
  background: rgba(0, 0, 0, 0.8);
  width: 32%;
}



.p-lineup_item_tworow{
	background: rgba(0, 0, 0, 0.8);
	width: calc(50% - 10px);
}
/* line 92, ../sass/project/_project.scss */
.p-lineup_item:not(:last-child) {
  margin-right: 32px;
}

.p-lineup_item_big:not(:last-child) {
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  /* line 89, ../sass/project/_project.scss */
  .p-lineup_item, .p-lineup_item_big, .p-lineup_item_big2 {
    width: 100%;
  }
  /* line 97, ../sass/project/_project.scss */
  .p-lineup_item:not(:last-child), .p-lineup_item_big:not(:last-child), .p-lineup_item_big2 {
    margin-bottom: 40px;
  }
	
	.videobanner{
		display: none;
	}
	
	.topgoods img{
		width: 50vw !important;
		margin: 0 auto !important;
	}
	
	img.wildslogo{
		width: 72vw !important;
		right: 13vw !important;
	}
	
	p.toptext{
		top: 2vw !important;
	}
	
	.hunter{
		display: none;
	}
	
	img.ps5, img.steamimg{
		width: 10vw !important;
	}
}
/* line 102, ../sass/project/_project.scss */
.p-lineup_ttl {
  text-align: center;
  font-size: 1.4583333333vw;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  /* line 102, ../sass/project/_project.scss */
  .p-lineup_ttl {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 102, ../sass/project/_project.scss */
  .p-lineup_ttl {
    font-size: 2rem;
    padding: 16px;
  }
	
	.swiper-slide img{
		object-fit: cover;
		height: 100vw;
		width: 100%;
	}
}
/* line 115, ../sass/project/_project.scss */
.p-lineup_body {
  padding: 1.25vw;
}
@media screen and (max-width: 768px) {
  /* line 115, ../sass/project/_project.scss */
  .p-lineup_body {
    padding: 3.125vw;
    border: solid 1px #655831;
  }
}
@media screen and (max-width: 480px) {
  /* line 115, ../sass/project/_project.scss */
  .p-lineup_body {
    padding: 24px 16px;
  }
}
/* line 126, ../sass/project/_project.scss */
.mb10{
	margin-bottom: -10vw;
}

.p-lineup_img img {
  width: 100%;
}
/* line 130, ../sass/project/_project.scss */
.p-lineup_price {
  color: white;
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 2.25vw;
  font-weight: 700;
  text-align: center;
  padding: 16px 0;
}
/* line 137, ../sass/project/_project.scss */
.p-lineup_price small {
  font-size: 50%;
}
@media screen and (max-width: 768px) {
  /* line 130, ../sass/project/_project.scss */
  .p-lineup_price {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 130, ../sass/project/_project.scss */
  .p-lineup_price {
    font-size: 2.4rem;
  }
}
/* line 147, ../sass/project/_project.scss */
.p-lineup_contents {
  padding-left: 20px;
  margin-bottom: 24px;
  min-height: 6.5416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 147, ../sass/project/_project.scss */
  .p-lineup_contents {
    min-height: auto;
  }
}
/* line 154, ../sass/project/_project.scss */
.p-lineup_contents li {
  list-style: disc;
  margin-bottom: 16px;
  font-weight: 700;
}

.p-lineup_contents li.nodisc {
  list-style: none !important;
  margin-bottom: 16px;
  font-weight: 700;
	height:1.8vw;
}
.p-lineup_contents li.nodisc2 {
  list-style: none !important;
  margin-bottom: 0;
  font-weight: 700;
	height:0.3vw;
}

.paddingtop{
	padding: 0.4vw 0;
}
/* line 158, ../sass/project/_project.scss */
.p-lineup_contents li span {
  display: block;
  font-size: 80%;
  font-weight: 400;
}

.p-lineup_link li span{
	font-size: 80%;
}
/* line 166, ../sass/project/_project.scss */
.p-lineup_link li {
  margin-bottom: 16px;
	
}
/* line 170, ../sass/project/_project.scss */
.p-lineup_indent {
  position: relative;
  padding-left: 1.6em;
}
/* line 173, ../sass/project/_project.scss */
.p-lineup_indent:before {
  content: '└';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.p-lineup_link .btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: .3s background;
}
/* line 387, ../sass/project/_project.scss */
.p-lineup_link .btn:hover {
  background: transparent;
	border: 1px solid #6c0101;
	color: #6c0101;
}
/* line 391, ../sass/project/_project.scss */
.p-lineup_link .btn a {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  width: 100%;
  color: #fff;
  height: 100%;
	padding: 1vw;
	font-size: .8vw;
}

.p-lineup_link .steam {
  background: #2b3647;
	border: 1px solid #2b3647;
}

.p-lineup_link .ps5{
	background: gray;
	border: 1px solid gray;
}

.p-lineup_link .switch{
	background: #6c0101;
	border: 1px solid #6c0101;
}

.p-lineup_link .switch2{
	background: #8a0101;
	border: 1px solid #6c0101;
}

.btnrow2{
	 width: 50%;
}

.btnrow3{
	width: 33.33%;
}

.p-lineup_link .btn_logo {
  position: relative;
  width: 10.4166666667vw;
  padding: 0.8333333333vw 1.25vw;
}
.p-lineup_link .btn_logo1 {
  position: relative;
  width: 10.4166666667vw;
  padding: 0.8333333333vw 1.25vw;
}

.p-lineup_link .btn_logo2 {
  position: relative;
  
  padding: 0.8333333333vw 1.25vw;
}
.p-lineup_link .btn_logo3 {
  position: relative;
 
  padding: 0.8333333333vw 1.25vw;
}
/* line 407, ../sass/project/_project.scss */
.p-lineup_link .btn_logo:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 60%;
  background: #fff;
  transform: translateY(-50%);
	margin-right: 1vw;
}
@media screen and (max-width: 768px) {
  /* line 403, ../sass/project/_project.scss */
  .p-lineup_link .btn_logo {
    padding: 2.0833333333vw 3.125vw;
    width: 17.0625vw;
  }
	.sizebox, .c-hero_notice_cycle{
	font-size: 1.1rem !important;
}
	
	.dximg{
		width: 100%;
	}
	
	.p-dlc_contents{
		padding:0;
		margin: 20px 0;
	}
	
	.flex{
		display: block;
	}
	
	dl.p-spec{
		width: 100% !important;
	}

.p-lineup_link span {
  display: block;
  padding: 0.8333333333vw 1.25vw;
}
}
@media screen and (max-width: 768px) {
  /* line 435, ../sass/project/_project.scss */
  .p-lineup_link span {
    padding: 2.0833333333vw 3.125vw;
  }
}

.btnrow{
	width: 100%;
	display: flex;
 
  column-gap: 0.6vw;
  justify-content: space-evenly;
}

.btnrow-ps5:hover, .btnrow-steam:hover, .btnrow-xbox:hover {
  background: #321a0a;
	 filter: drop-shadow(0 0 .25rem rgba(240,255,0,.3)) drop-shadow(0 0 .25rem rgba(240,255,0,.4));
}


.steamimg{
	width: 6vw;
}

.psimg{
	width: 4vw;
}

.reservebtn{
	width: 20vw;
	position: relative;
	right: 14vw;
}

.scroll {
  height: 120px;
  overflow: hidden;
	position: absolute;
	right: -4vw;
	bottom: -5vw;
}
.scroll h6 {
  transform: rotate(-90deg);
  letter-spacing: 2px;
  position: relative;
  font-size: 13px;
  margin-top: 75px;
  font-family: "bebas_neue_regular";
}
.scroll h6::before {
  position: absolute;
  content: '';
  width: 30px;
  height: 1px;
  background: #9ea0c9;
  left: 48%;
  top: -4px;
  overflow: hidden;
  animation-name: scroll_animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes scroll_animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.ttlsmall{
	font-size:1vw;
}

.contents, .contents02, .contents03, .contents04, .contents05, .contents06 {
  display: none;
}
.contents.show, .contents02.show, .contents03.show, .contents04.show, .contents05.show, .contents06.show {
  display: initial;
}

.reserveimg{
	width: 40%;
	text-align: center;
	display: block;
	margin: 0 auto;
}

/*
--------------------------------------------------
  tab
--------------------------------------------------
*/
/* line 10, ../sass/component/_tab.scss */
.c-tab .p-chooseBtn {
  display: flex;
}
/* line 13, ../sass/component/_tab.scss */
.c-tab_btn {
  padding: 10px 0;
  text-align: center;
  list-style: none;
  cursor: pointer;
  opacity: 0.5;
	
	display: flex;
}
/* line 19, ../sass/component/_tab.scss */
.c-tab_btn:hover {
  opacity: 1;
}
/* line 22, ../sass/component/_tab.scss */
.c-tab_btn.active {
  opacity: 1;
}
/* line 26, ../sass/component/_tab.scss */
.c-tab_contents {
  display: none;
}
/* line 28, ../sass/component/_tab.scss */
.c-tab_contents.active {
  display: block;
}

li.c-tab_btn img{
	object-fit: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8vw;
}

.switchtab{
	width: 4vw !important;
	margin: 0 auto;
}

ul.platformbox{
	display: flex;
	column-gap: 3vw;
	justify-content: space-evenly;
	align-items: center;
	border-bottom: 1px solid white;
}



.c-tab_btn {

  padding: 10px 0;
  text-align: center;
  list-style: none;
  cursor: pointer;
	vertical-align: middle;
	height: 5.5vw;
	align-items: center;
	display: grid;
	width: 100%;
	justify-content: center;
}


.c-tab_btn:hover{
	
}
.c-tab_contents {
  display: none;
}
.c-tab_contents.active {
  display: block;
  
}

.c-tab_contents.active img{
	width: 100%;
}

@media screen and (max-width: 480px) {
	.c-tab ul {
  display: contents;
	padding: 1.4vw;
}
	.c-tab_btn {
  width: 100%;
  height: 22vw;
  text-align: center;
  list-style: none;
  cursor: pointer;
		
}
	
	.container tr:nth-child(even){
		background-color: black !important;
	}
	
	.container th{
		background-color: #444 !important;
	}

	
	img.xboxlogo{
		width: 22vw;
	}
	.c-tab_btn.active{
		background: #666;
	}
	
	.container{
		margin: 4vw 0;
	}
	
	.container td{
		width: auto;
	}
	
	.container td, .container th{
		font-size: 70% !important;
	}
	.limited{
	font-size: 2vw !important;
}
	.notice{
	font-size: 2vw !important;
	margin: -1vw 0 2vw;
}
	.c-tab_contents img{
	width:100% !important;
}
	
	table.container {padding-bottom: 4vw !important;}
	
	.container td, .container th{
		width: 100% !important;
	}
}

.notice{
	font-size: .6vw;
	margin: -1vw 0 2vw;
}

.table {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 2rem 0rem 0rem 0rem;
  max-width: 1100px;
}

.table-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style-type: none;
  outline: 1px solid #ddd;
  text-align: center;
  font-weight: 300;
  margin-top: 1px;
  margin-left: 1px;
	vertical-align: middle;
}
.table-cell:first-child {
  outline: 1px solid transparent;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .table-cell:first-child {
    display: none;
  }
}
.table-cell:nth-child(3) {
  
}
.table-cell:nth-child(-n+3) {

}

.table-cell .p-lineup_price{
	font-size: 2vw;
}
.table-cell > h3 {
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 3rem;
}
.table-cell.cell-feature {
  text-align: left;
  font-size: 13px;
}
.table-cell.plattform {
  color: white;
}
.table-cell.plattform a.btn {
  
}
.table-cell.plattform a.btn:hover {
 
  color: white;
}


/* Table columns
================================== */
.table-cell {
  width: calc(20% - 1px);
}
@media only screen and (max-width: 768px) {
  .table-cell.cell-feature {
    width: 100%;
    text-align: center;
  }
}

.container {
	  text-align: center;
	  overflow: hidden;
	  width: 100%;
	  margin: 0 auto 2vw;
  display: table;
  padding: 0 0 8em 0;
	color: white;
}

.container td, .container th {
	  /* padding-bottom: 2%;
	  padding-top: 2%; */
	width: -1%;
	text-align: center;
	font-size: 80%;
	vertical-align: middle;
	padding: .5vw 1vw;
}

/* Background-color of the odd rows */
.container tr:nth-child(odd) {
	  background-color: black;
}

/* Background-color of the even rows */
.container tr:nth-child(even) {
	  background-color: #737373;
}

.container th {
	  background-color: #737373;
	padding: 1vw;
	
}

.container td:first-child { color: white; }

/* .container tr:hover {
   background-color: #464A52;
-webkit-box-shadow: 0 6px 6px -6px #0E1119;
	   -moz-box-shadow: 0 6px 6px -6px #0E1119;
	        box-shadow: 0 6px 6px -6px #0E1119;
} */

.container tr.trhover:hover {
  background-color: #444;
  color: white;
  font-weight: bold;
  
  box-shadow: #444 -1px 1px, #444 -2px 2px, #444 -3px 3px, #444 -4px 4px, #444 -5px 5px, #444 -6px 6px;
  transform: translate3d(6px, -6px, 0);
  
  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;
}

.c-hero_package{
	padding-left: 2vw;
}