@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,700);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html, body {
  background-color: #e60012;
  color: #fff;
  font-family: "NotoSansJP", "Noto-Sans-JP", "Noto Sans JP", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 180%;
}

a {
  text-decoration: none;
}

p {
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.01em;
}



#jumbotron {
  position: relative;
  width: 100%;
  height: 920px;
  background-image: url(../img/catch_bg.png);
  background-position: 0 0;
	background-color: #fff;
  overflow: hidden;
  -webkit-animation: bk_scroll 10s linear 0s infinite normal;
  -moz-animation: bk_scroll 10s linear 0s infinite normal;
  animation: bk_scroll 10s linear 0s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#jumbotron .layer_01 {
	opacity: 0;
	position: absolute;
	top: 105px;
	left: 50%;
	margin: 0 0 0 -415px;
	width: 826px;
	height: 175px;
	background-image: url(../img/catch_img01.png);
	background-size: contain;
	z-index: 2;
/*
  -webkit-animation: bk_translatey 0.8s ease 0s infinite normal;
  -moz-animation: bk_translatey 0.8s ease 0s infinite normal;
  animation: bk_translatey 0.8s ease 0s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
*/
}

#jumbotron .layer_02 {
  position: absolute;
  top: 65px;
  left: 50%;
  margin: 0 0 0 -390px;
  width: 780px;
  height: 780px;
  background-image: url(../img/catch_wheel.png);
	background-size: contain;
  z-index: 1;
  -webkit-animation: bk_wheel 30s linear 0s infinite normal;
  -moz-animation: bk_wheel 30s linear 0s infinite normal;
  animation: bk_wheel 30s linear 0s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#jumbotron .layer_03 {
	position: absolute;
	top: 260px;
	left: 50%;
	margin: 0 0 0 -40px;
	width: 77px;
	height: 376px;
	background-image: url(../img/catch_img02.png);
	background-size: contain;
	z-index: 3;
  -webkit-animation: bk_wheel2 3s ease 1s infinite normal;
  -moz-animation: bk_wheel2 3s ease 1s infinite normal;
  animation: bk_wheel2 3s ease 1s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#jumbotron .layer_04 {
  position: absolute;
  top: 250px;
  left: 50%;
  margin: 0 0 0 -352px;
  width: 772px;
  height: 399px;
  background-image: url(../img/catch_img03.png);
	background-size: contain;
  z-index: 4;
  -webkit-animation: bk_zoom 0.8s ease-in-out 0s infinite normal;
  -moz-animation: bk_zoom 0.8s ease-in-out 0s infinite normal;
  animation: bk_zoom 0.8s ease-in-out 0s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

#jumbotron .layer_05 {
  position: absolute;
  top: 678px;
  left: 50%;
	margin: 0 0 0 -362px;
  width: 721px;
  height: 73px;
  background-image: url(../img/catch_img04.png);
	background-size: contain;
  z-index: 5;
/*
  -webkit-animation: bk_wheel2 3s ease 1.4s infinite normal;
  -moz-animation: bk_wheel2 3s ease 1.4s infinite normal;
  animation: bk_wheel2 3s ease 1.4s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
*/
}

#jumbotron .layer_06 {
	opacity: 0;
  position: absolute;
  top: 230px;
  left: 50%;
  margin: -5px 0 0 -280px;
  width: 540px;
  height: 627px;
  background-image: url(../img/catch_img05.png);
	background-size: contain;
  z-index: 4;
/*
  -webkit-animation: bk_zoom 0.8s ease-in-out 0s infinite normal;
  -moz-animation: bk_zoom 0.8s ease-in-out 0s infinite normal;
  animation: bk_zoom 0.8s ease-in-out 0s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
*/
  -webkit-animation: bk_wheel2 4.2s ease 1s infinite normal;
  -moz-animation: bk_wheel2 4.2s ease 1s infinite normal;
  animation: bk_wheel2 4.2s ease 1s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*
#jumbotron .layer_06 {
	position: absolute;
	top: 780px;
	left: 0;
	width: 2544px;
	height: 98px;
	background-image: url(../img/catch_item.png);
	background-position: 0 0;
	overflow: hidden;
	-webkit-animation: bk_scroll02 30s linear 0s infinite normal;
	-moz-animation: bk_scroll02 30s linear 0s infinite normal;
	animation: bk_scroll02 30s linear 0s infinite normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
}
*/

#jumbotron .item_01 {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 320px;
	height: 100px;
	margin: 0 0 0 -760px;
	background-image: url(../img/catch_item01.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_02{
	position: absolute;
	top: 300px;
	left: 50%;
	width: 320px;
	height: 100px;
	margin: 0 0 0 -880px;
	background-image: url(../img/catch_item02.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa02 5s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_03 {
	position: absolute;
	bottom: 300px;
	left: 50%;
	width: 320px;
	height: 100px;
	margin: 0 0 0 -880px;
	background-image: url(../img/catch_item03.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa 4s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_04{
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 320px;
	height: 100px;
	margin: 0 0 0 -760px;
	background-image: url(../img/catch_item04.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa02 3s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_05 {
	position: absolute;
	top: 60px;
	right: 50%;
	width: 320px;
	height: 100px;
	margin: 0 -760px 0 0;
	background-image: url(../img/catch_item05.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa02 5s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_06{
	position: absolute;
	top: 300px;
	right: 50%;
	width: 320px;
	height: 100px;
	margin: 0 -880px 0 0;
	background-image: url(../img/catch_item06.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_07 {
	position: absolute;
	bottom: 300px;
	right: 50%;
	width: 320px;
	height: 100px;
	margin: 0 -880px 0 0;
	background-image: url(../img/catch_item07.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa02 4s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}
#jumbotron .item_08{
	position: absolute;
	bottom: 60px;
	right: 50%;
	width: 320px;
	height: 100px;
	margin: 0 -760px 0 0;
	background-image: url(../img/catch_item08.png);
	background-position: 0 0;
	overflow: hidden;
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}

/*
#jumbotron .layer_06 {
  position: absolute;
  top: 550px;
  right: 50%;
  margin: 0 130px 0 0;
  width: 315px;
  height: 315px;
  background-image: url(../img/jumbo_hand.png);
  z-index: 6;
  -webkit-animation: bk_zoom 0.8s ease 0s infinite normal;
  -moz-animation: bk_zoom 0.8s ease 0s infinite normal;
  animation: bk_zoom 0.8s ease 0s infinite normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
*/

#jumbotron .logo {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -480px;
  width: 142px;
  height: 70px;
  background-image: url(../img/jumbo_duel.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  z-index: 20;
}

#jumbotron .logo:hover {
  opacity: 0.5;
}














.contents {
	margin: 100px 0 0 0;
}
.contents .inner {
  margin: 0 auto;
/*  width: 1080px;*/
}

.history {
	margin: 0 auto;
	width: 1080px;
	position: relative;
}

.history h1 {
	margin-bottom: 60px;
	text-align: center;
}

.history .his_sec01_border {
	position: absolute;
	top: 295px;
	left: 54px;
	width: 7px;
	height: 0px;
	background-color: #fff;
	z-index: 1;
}
.history .his_sec01_border.active {
	height: 2020px;
	background-color: #fff;
	animation: history_border 10s forwards linear;
	z-index: 1;
}


/*
.history .his_sec01_border::after {
	content: "…";
	font-size: 46px;
	color: #fff;
	position: absolute;
	top: 2350px;
	left: -64;
	transform: rotate(90deg);
}
*/

.history .history_section01 {
	margin-bottom: 100px;
	position: relative;
	height: 347px;
	z-index: 2;
}
.history .history_section01 .his_sec01_ttl01 {
	position: absolute;
	top: 10px;
	left: 130px;
}
.history .history_section01 .his_sec01_img01 {
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 2;
}
.history .history_section01 .his_sec01_txt01 {
	position: absolute;
	top: 62px;
	left: 130px;
	font-size: 17px;
	line-height: 2.1;
}
.history .history_section01 .his_sec01_txt01 span {
	color: #ff0;
}
.history .history_section01 .his_sec01_img02 {
	position: absolute;
	top: 66px;
	right: 10px;
	animation: fuwafuwa03 6s infinite ease-in-out .8s alternate;
}

.history .history_section02 {
	margin-bottom: 100px;
	position: relative;
	height: 280px;
	z-index: 2;
}
.history .history_section02 .his_sec02_ttl01 {
	position: absolute;
	top: 10px;
	left: 130px;
}
.history .history_section02 .his_sec02_img01 {
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 2;
}
.history .history_section02 .his_sec02_txt01 {
	position: absolute;
	top: 62px;
	left: 130px;
	font-size: 17px;
	line-height: 2.1;
}
.history .history_section02 .his_sec02_txt01 span {
	color: #ff0;
}
.history .history_section02 .his_sec02_img02 {
	position: absolute;
	top: -10px;
	right: 44px;
	animation: fuwafuwa04 5s infinite ease-in-out .8s alternate;
}

.history .history_section03 {
	margin-bottom: 100px;
	position: relative;
	height: 1085px;
	z-index: 2;
}
.history .history_section03 .his_sec03_ttl01 {
	position: absolute;
	top: 10px;
	left: 130px;
}
.history .history_section03 .his_sec03_img01 {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 2;
}
.history .history_section03 .his_sec03_img02 {
	position: absolute;
	top: 0px;
	left: 477px;
/*	transform: rotate(15deg)!important;*/
}
.history .history_section03 .his_sec03_txt01 {
	position: absolute;
	top: 192px;
	left: 130px;
	font-size: 17px;
	line-height: 2.1;
}
.history .history_section03 .his_sec03_txt01 span {
	color: #ff0;
}
.history .history_section03 .his_sec03_img03 {
	position: absolute;
	top: 13px;
	right: 0px;
/*	animation: bk_translatey 5s infinite ease-in-out .8s alternate;*/
}

.history .history_section04 {
	margin-bottom: 30px;
	position: relative;
	height: 290px;
	z-index: 2;
}
.history .history_section04 .his_sec04_ttl01 {
	position: absolute;
	top: 10px;
	left: 130px;
}
.history .history_section04 .his_sec04_img01 {
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 2;
}
.history .history_section04 .his_sec04_txt01 {
	position: absolute;
	top: 152px;
	left: 130px;
	font-size: 17px;
	line-height: 2.1;
}
.history .history_section04 .his_sec04_txt01 span {
	color: #ff0;
}
.history .history_section04 .his_sec04_img02 {
	position: absolute;
	top: 0px;
	right: 13px;
	animation: fuwafuwa03 6s infinite ease-in-out .8s alternate;
}


.feature {
	width: 1080px;
	margin: 0 auto 100px;
}
.feature h1 {
	margin-bottom: 60px;
	text-align: center;
}

.feature_section01 {
	position: relative;
	width: 1080px;
	height: 520px;
	background: url(../img/feature_bg.png) center 34px no-repeat;
}
.feature_section02 {
	margin-top: 80px;
	text-align: center;
}

.feature_section01 .feature_sec01_img01 {
	position: absolute;
	top: 10px;
	left: 120px;
}
.feature_section01 .feature_sec01_txt01 {
	position: absolute;
	top: 42px;
	left: 148px;
	font-size: 17px;
	line-height: 1.8;
}
.feature_section01 .feature_sec01_dotted01 {
	position: absolute;
	top: 80px;
	left: 237px;
}

.feature_section01 .feature_sec01_img02 {
	position: absolute;
	top: 330px;
	left: 10px;
}
.feature_section01 .feature_sec01_txt02 {
	position: absolute;
	top: 362px;
	left: 38px;
	font-size: 17px;
	line-height: 1.8;
}
.feature_section01 .feature_sec01_dotted02 {
	position: absolute;
	top: 245px;
	left: 100px;
}

.feature_section01 .feature_sec01_img03 {
	position: absolute;
	top: 425px;
	left: 428px;
}
.feature_section01 .feature_sec01_txt03 {
	position: absolute;
	top: 457px;
	left: 456px;
	font-size: 17px;
	line-height: 1.8;
}
.feature_section01 .feature_sec01_dotted03 {
	position: absolute;
	top: 357px;
	left: 414px;
}

.feature_section01 .feature_sec01_img04 {
	position: absolute;
	top: 245px;
	left: 616px;
}
.feature_section01 .feature_sec01_txt04 {
	position: absolute;
	top: 279px;
	left: 644px;
	font-size: 17px;
	line-height: 1.8;
}
.feature_section01 .feature_sec01_dotted04 {
	position: absolute;
	top: 170px;
	right: 142px;
}







#color {
/*  background-color: #fff100;*/
  padding: 95px 0 50px
}

#color .header {
  width: 1280px;
  margin: 0 auto;
  padding: 0
}

#color .header h1 {
	margin-bottom: 50px;
	text-align: center;
}

#color .header {
  width: 1280px;
  margin: 0 auto;
  padding: 0
}

#color .header .spec_ttl {
  width: 201px;
  height: 32px;
  margin: 50px auto 30px;
  background-image: url(../img/spec_ttl.png);
  font-size: 0;
  -webkit-animation: purupuru_d 3s infinite;
  -moz-animation: purupuru_d 3s infinite;
  animation: purupuru_d 3s infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both
}

.spec_tbl {
	width: 1080px;
	margin: 50px auto 50px;
	color: #fff;
	overflow-x: auto;
}
.spec_tbl table {
	width: 1080px;
	border: 5px solid #fff;
	overflow-x: auto;
}
.spec_tbl table th {
	width: 25%;
	font-weight: 900;
	font-size: 22px;
	border: 1px solid #fff;
	text-align: center;
	padding: 20px 10px;
	color: #fff;
}
.spec_tbl table td {
	font-weight: 400;
	font-size: 18px;
	border: 1px solid #fff;
	text-align: center;
	padding: 15px 10px;
	color: #fff;
}


#color .view_type {
  width: 606px;
  margin: 25px auto 60px
}

#color .view_type li {
  display: block;
  float: left;
  width: 300px;
  height: 38px;
  font-size: 0;
  cursor: pointer
}

#color .view_type li.normal {
  border-top: 2px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  background-image: url(../img/color_view_01a.png)
}

#color .view_type li.normal.active {
  background-image: url(../img/color_view_01b.png)
}

#color .view_type li.glow {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #fff;
  background-image: url(../img/color_view_02a.png)
}

#color .view_type li.glow.active {
  background-image: url(../img/color_view_02b.png)
}

#color .view_type:after {
  display: block;
  clear: both;
  content: ""
}

#color .inner {
  width: 1280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start
}

#color .inner .item {
  position: relative;
  width: 312px
}

#color .inner .item .color_image {
  width: 312px;
  height: 156px;
  background-color: #fff
}

#color .inner .item .color_image .glow_view {
  position: absolute;
  width: 0;
  height: 156px;
  top: 0;
  left: 0
}

#color .inner .item .name {
  width: 312px;
/*  height: 18px;*/
  margin-top: 10px;
  font-size: 14px;
	font-weight: 900;
	color: #fff;
}
#color .inner .item .name .no {
  font-size: 12px;
	color: #fff;
	background: #000;
	padding: 2px 4px;
}
#color .inner .item .name .en {
  font-size: 12px;
	color: #000;
	background: #fff;
	padding: 2px 10px;
	margin-right: 5px;
	text-align: center;
}



#color .inner .item .body_type {
  position: absolute;
  display: block;
  width: 89px;
  height: 49px;
  top: 102px;
  right: 4px;
  font-size: 0
}

#color .inner .item .body_type.yakou {
  background-image: url(../img/glow.png)
}
#color .inner .item .body_type.sys_yakou {
  background-image: url(../img/sysglow.png)
}

#color .inner .item .body_type.blue {
  background-image: url(../img/bule.png)
}
#color .inner .item .body_type.sys_blue {
  background-image: url(../img/sysbule.png)
}

#color .inner .item .body_type.sp_blue_yakou {
  background-image: url(../img/sbule.png)
}
#color .inner .item .body_type.sys_sp_blue_yakou {
  background-image: url(../img/syssbule.png)
}

#color .inner .item .body_type.kei {
  background-image: url(../img/uv.png)
}
#color .inner .item .body_type.sys_kei {
  background-image: url(../img/sysuv.png)
}

#color .inner .item .body_type.ngreen {
  background-image: url(../img/ngreen.png)
}
#color .inner .item .body_type.sys_ngreen {
  background-image: url(../img/sysngreen.png)
}

#color .inner .item .body_type.nred {
  background-image: url(../img/nred.png)
}
#color .inner .item .body_type.sys_nred {
  background-image: url(../img/sysnred.png)
}


#color .inner .item p {
  margin: 10px 0 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px
}





#color .inner .item:nth-of-type(1) .color_image {
  background-image: url(../img/color_image_01.png)
}
#color .inner .item:nth-of-type(1) .glow_view {
  background-image: url(../img/color_image_g_01.png)
}

#color .inner .item:nth-of-type(2) .color_image {
  background-image: url(../img/color_image_02.png)
}

#color .inner .item:nth-of-type(2) .glow_view {
  background-image: url(../img/color_image_g_02.png)
}

#color .inner .item:nth-of-type(3) .color_image {
  background-image: url(../img/color_image_03.png)
}

#color .inner .item:nth-of-type(3) .glow_view {
  background-image: url(../img/color_image_g_03.png)
}

#color .inner .item:nth-of-type(4) .color_image {
  background-image: url(../img/color_image_04.png)
}

#color .inner .item:nth-of-type(4) .glow_view {
  background-image: url(../img/color_image_g_04.png)
}

#color .inner .item:nth-of-type(5) .color_image {
  background-image: url(../img/color_image_05.png)
}

#color .inner .item:nth-of-type(5) .glow_view {
  background-image: url(../img/color_image_g_05.png)
}

#color .inner .item:nth-of-type(6) .color_image {
  background-image: url(../img/color_image_06.png)
}

#color .inner .item:nth-of-type(6) .glow_view {
  background-image: url(../img/color_image_g_06.png)
}

#color .inner .item:nth-of-type(7) .color_image {
  background-image: url(../img/color_image_07.png)
}

#color .inner .item:nth-of-type(7) .glow_view {
  background-image: url(../img/color_image_g_07.png)
}

#color .inner .item:nth-of-type(8) .color_image {
  background-image: url(../img/color_image_08.png)
}

#color .inner .item:nth-of-type(8) .glow_view {
  background-image: url(../img/color_image_g_08.png)
}

#color .inner .item:nth-of-type(9) .color_image {
  background-image: url(../img/color_image_09.png)
}

#color .inner .item:nth-of-type(9) .glow_view {
  background-image: url(../img/color_image_g_09.png)
}

#color .inner .item:nth-of-type(10) .color_image {
  background-image: url(../img/color_image_10.png)
}

#color .inner .item:nth-of-type(10) .glow_view {
  background-image: url(../img/color_image_g_10.png)
}

#color .inner .item:nth-of-type(11) .color_image {
  background-image: url(../img/color_image_11.png)
}

#color .inner .item:nth-of-type(11) .glow_view {
  background-image: url(../img/color_image_g_11.png)
}

#color .inner .item:nth-of-type(12) .color_image {
  background-image: url(../img/color_image_12.png)
}

#color .inner .item:nth-of-type(12) .glow_view {
  background-image: url(../img/color_image_g_12.png)
}

#color .inner .item:nth-of-type(13) .color_image {
  background-image: url(../img/color_image_13.png)
}

#color .inner .item:nth-of-type(13) .glow_view {
  background-image: url(../img/color_image_g_13.png)
}

#color .inner .item:nth-of-type(14) .color_image {
  background-image: url(../img/color_image_14.png)
}

#color .inner .item:nth-of-type(14) .glow_view {
  background-image: url(../img/color_image_g_14.png)
}

#color .inner .item:nth-of-type(15) .color_image {
  background-image: url(../img/color_image_15.png)
}

#color .inner .item:nth-of-type(15) .glow_view {
  background-image: url(../img/color_image_g_15.png)
}

#color .inner .item:nth-of-type(16) .color_image {
  background-image: url(../img/color_image_16.png)
}

#color .inner .item:nth-of-type(16) .glow_view {
  background-image: url(../img/color_image_g_16.png)
}

#color .inner .item:nth-of-type(17) .color_image {
  background-image: url(../img/color_image_17.png)
}

#color .inner .item:nth-of-type(17) .glow_view {
  background-image: url(../img/color_image_g_17.png)
}

#color .inner .item:nth-of-type(18) .color_image {
  background-image: url(../img/color_image_18.png)
}

#color .inner .item:nth-of-type(18) .glow_view {
  background-image: url(../img/color_image_g_18.png)
}

















.test {
	width: 1280px;
	margin: 100px auto 100px;
	position: relative;
/*	height: 515px;*/
}


.testdata {
	margin-top: 0px;
	position: relative;
	height: 740px;
	background: url(../img/sec01_img03_bg.png?251031) no-repeat center center;
}
.testdata .testdata_pos01 {
	position: absolute;
	top: 354px;
	left: 688px;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}
.testdata .testdata_pos02 {
	position: absolute;
	top: 463px;
	left: 268px;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}
.testdata .testdata_pos03 {
	position: absolute;
	top: 273px;
	left: 35px;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}





.saiyou {
	margin-top: 100px;
	height: 1288px;
	background: url(../img/sec02_bg.png) no-repeat center center;
}
.saiyou .saiyou_inner {
	margin: 0 auto;
  width: 1080px;
	position: relative;
}
.saiyou .saiyou_inner .saiyou_pos01 {
	position: absolute;
	top: 81px;
	left: 53px;
}
.saiyou .saiyou_inner .saiyou_pos02 {
	position: absolute;
	top: 363px;
	left: 453px;
	font-size: 46px;
	font-weight: bold;
	letter-spacing: 10px;
}
.saiyou .saiyou_inner .saiyou_pos02 span,
.saiyou .saiyou_inner .saiyou_pos04 span {
	font-size: 58px;
}
.saiyou .saiyou_inner .saiyou_pos03 {
	position: absolute;
	top: 419px;
	left: 463px;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 1px;
}
.saiyou .saiyou_inner .saiyou_pos03 span,
.saiyou .saiyou_inner .saiyou_pos05 span {
	position: relative;
	top: -5px;
	font-size: 11px;
	display: block;
	margin-top: 10px;
}
.saiyou .saiyou_inner .saiyou_pos04 {
	position: absolute;
	top: 738px;
	left: 646px;
	font-size: 46px;
	font-weight: bold;
	letter-spacing: 5px;
}
.saiyou .saiyou_inner .saiyou_pos05 {
	position: absolute;
	top: 819px;
	left: 656px;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 1px;
}
.saiyou .saiyou_inner .saiyou_pos06 {
	text-align: center;
	position: absolute;
	top: 792px;
	left: 647px;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 1px;
	color: #fff;
	background: #222;
	padding: 2px 10px 4px;
	width: 542px;
}


.movie {
  position: relative;
  width: 100%;
  height: 360px;
  background-color: #000;
  overflow: hidden;
	z-index: 3;
}
.movie .inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/movie_cover.png);
  z-index: 3;
}
.movie .inner .open_modal {
  display: block;
  position: absolute;
  cursor: pointer;
  width: 380px;
  height: 16px;
  padding: 16px 0 18px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 2px solid #fff;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  font-weight: 900;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all 0.25s ease
}
.movie .inner .open_modal:hover {
  background-color: #fff;
  color: #000413;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px)
}
.movie #youtube_movie {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  margin: -540px 0 0 -960px;
  background-color: #999;
  z-index: 1;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px)
}



#modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99
}
#modal .inner {
  position: absolute;
  width: 960px;
  height: 540px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 5px;
  border: 8px solid rgba(255, 255, 255, 0.5);
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden
}
#modal .close {
  display: block;
  position: fixed;
  width: 26px;
  height: 26px;
  top: 30px;
  right: 30px;
  background-image: url(../img/modal_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: .2s ease all;
  -moz-transition: .2s ease all;
  -o-transition: .2s ease all;
  transition: 0.2s ease all
}
#modal .close:hover {
  opacity: 0.5;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px)
}



#lineup {
  width: 1080px;
  margin: 20px auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
	position: relative;
	z-index: 4;
}
#lineup .header {
  width: 100%;
  height: 35px;
  padding: 65px 0
}
#lineup .header h2 {
  width: 300px;
  height: 66px;
  margin: 0 auto;
  border-bottom: 5px solid #e0ba30;
	font-weight: 900;
	font-size: 36px;
	font-family: Roboto;
	text-align: center;
	letter-spacing: 3px;
}
#lineup .header h2 span {
	font-size: 18px;
	font-weight: 500;
}
.lineup_ttl {
	margin-bottom: 30px;
	width: 100%;
	border: 1px solid #222;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
}

#lineup .item {
	margin-bottom: 40px;
  position: relative;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
#lineup .item .img {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain
}
#lineup .item h3 {
	margin-bottom: 8px;
  font-size: 26px;
  font-weight: 900;
  line-height: 30px;
  letter-spacing: 0em
}
#lineup .item p {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px
}
#lineup .item a {
  display: block;
  width: 300px;
  height: 14px;
  padding: 20px 0 21px;
  margin-top: 15px;
  border: 1px solid #222;
  color: #222;
  font-size: 14px;
	font-weight: 900;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all 0.25s ease
}
#lineup .item a:hover {
  background-color: #222;
  color: #fff;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px)
}

#lineup .item.item_01 {
  height: 250px
}
#lineup .item.item_01 .inner {
  padding-top: 50px;
  padding-left: 230px
}
#lineup .item.item_01 h3 {
  font-size: 20px;
  line-height: 16px
}
#lineup .item.item_01 .img {
  width: 205px;
  height: 255px;
  background-image: url(../img/item_lineup_normal.png);
}

#lineup .item.item_02 {
  height: 250px
}
#lineup .item.item_02 .inner {
  padding-top: 50px;
  padding-left: 230px
}
#lineup .item.item_02 h3 {
  font-size: 20px;
  line-height: 16px
}
#lineup .item.item_02 .img {
  width: 205px;
  height: 255px;
  background-image: url(../img/item_lineup_harisu.png);
}

#lineup .item.item_03 {
  height: 250px
}
#lineup .item.item_03 .inner {
  padding-top: 50px;
  padding-left: 230px
}
#lineup .item.item_03 h3 {
  font-size: 20px;
  line-height: 16px
}
#lineup .item.item_03 .img {
  width: 205px;
  height: 255px;
  background-image: url(../img/item_lineup_shock.png);
}

#lineup .item.item_04 {
  height: 250px
}
#lineup .item.item_04 .inner {
  padding-top: 50px;
  padding-left: 230px
}
#lineup .item.item_04 h3 {
  font-size: 20px;
  line-height: 16px
}
#lineup .item.item_04 .img {
  width: 205px;
  height: 255px;
  background-image: url(../img/item_lineup_eging.png);
}

#lineup .item.item_05 {
  height: 250px
}
#lineup .item.item_05 .inner {
  padding-top: 50px;
  padding-left: 230px
}
#lineup .item.item_05 h3 {
  font-size: 20px;
  line-height: 16px
}
#lineup .item.item_05 .img {
  width: 205px;
  height: 255px;
  background-image: url(../img/item_lineup_aging.png);
}

#lineup .item.item_06 {
  height: 250px
}
#lineup .item.item_06 .inner {
  padding-top: 50px;
  padding-left: 230px
}
#lineup .item.item_06 h3 {
  font-size: 20px;
  line-height: 16px
}
#lineup .item.item_06 .img {
  width: 205px;
  height: 255px;
  background-image: url(../img/item_lineup_bass.png);
}

























#footer {
/*	margin-top: 60px;*/
  padding: 30px 0;
  width: 100%;
  background-color: #af000e;
}
#footer .inner {
  margin: 0 auto;
  width: 1080px;
	text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start
}
#footer .inner .footer_logo {
	width: 270px;
}
#footer .inner .footer_logo img {
	width: 270px;
}
#footer .inner .copy {
	margin-left: auto;
	padding-top: 50px;
	color: #fff;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.1em;
}
.footer_logo a img{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.footer_logo a img:hover{
	opacity: 0.5;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}







.sns_area {
	position: fixed;
	text-align: center;
	top: 50%;
	right: -100px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 3;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.2));
}
.sns_area ul li {
	margin-bottom: 30px;
}
.sns_area ul li:last-child {
	margin-bottom: 0;
}
.sns_area ul li a {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.sns_area ul li a:hover {
	opacity: 0.7;
}






#logofix {
	position: fixed;
	width: 110px;
	height: 126px;
	top: 30px;
	left: 30px;
	background-image: url(../img/logofix.png);
	background-size: contain;
	z-index: 99;
	font-size: 0;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#logofix.active {
	opacity: 1;
}
#logofix:hover {
	opacity: 0.5;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}



#pagetop {
	position: fixed;
	width: 80px;
	height: 80px;
	bottom: 30px;
	right: 30px;
	background-image: url(../img/btn_pagetop.png);
	z-index: 99;
	font-size: 0;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-animation: flow_5p 5s ease 0s infinite normal;
	-moz-animation: flow_5p 5s ease 0s infinite normal;
	animation: flow_5p 5s ease 0s infinite normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
}
#pagetop.active {
	opacity: 1;
}
#pagetop:hover {
	opacity: 0.5;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

















#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #e60012;
  z-index: 102;
}
#loading .inner {
  position: absolute;
  width: 423px;
  height: 183px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#loading .inner .progress {
  width: 0%;
  opacity: 0.5;
  height: 183px;
  background-image: url(../img/splash_logo.png);
  background-position: 0 0;
}



.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
	font-size: 0;
}
* html .clearfix {
  height: 1%;
}
.clearfix {display: block;}



.overview01 {opacity: 0;}
.overview02 {opacity: 0;}
.overview03 {opacity: 0;}
.overview04 {opacity: 0;}
.overview05 {opacity: 0;}
.overview06 {opacity: 0;}
.overview07 {opacity: 0;}
.overview08 {opacity: 0;}
.overview09 {opacity: 0;}
.overview10 {opacity: 0;}

.pc_none{display: none;}
.no-js #loading {display: none;}
.f-notoserif {font-family: "Noto Serif JP", "Roboto", serif !important;}





@keyframes floating-x {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(5%);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}


@keyframes fuwafuwa {
  0% {
    transform:translate(20px, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -30px) rotate(0deg);
  }
  100% {
    transform:translate(-20px, 0) rotate(7deg);
  }
}

@keyframes fuwafuwa02 {
  0% {
    transform:translate(-20px, 0) rotate(7deg);
  }
  50% {
    transform:translate(0, -24px) rotate(0deg);
  }
  100% {
    transform:translate(20px, 0) rotate(-7deg);
  }
}

@keyframes fuwafuwa03 {
  0% {
    transform:translate(10px, 0) rotate(-3deg);
  }
  50% {
    transform:translate(0, -30px) rotate(0deg);
  }
  100% {
    transform:translate(-10px, 0) rotate(3deg);
  }
}

@keyframes fuwafuwa04 {
  0% {
    transform:translate(10px, 0) rotate(3deg);
  }
  50% {
    transform:translate(0, -24px) rotate(0deg);
  }
  100% {
    transform:translate(-10px, 0) rotate(-3deg);
  }
}

@-webkit-keyframes bk_scroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -972px 266px;
  }
}

@-moz-keyframes bk_scroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -972px 266px;
  }
}

@keyframes bk_scroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -972px 266px;
  }
}

@-webkit-keyframes bk_scroll02 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2544px 0px;
  }
}

@-moz-keyframes bk_scroll02 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2544px 0px;
  }
}

@keyframes bk_scroll02 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2544px 0px;
  }
}

@-webkit-keyframes bk_wheel {
  0% {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-moz-keyframes bk_wheel {
  0% {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes bk_wheel {
  0% {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes bk_translatey {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@-moz-keyframes bk_translatey {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes bk_translatey {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@-webkit-keyframes bk_zoom {
  0% {
    -webkit-transform: transit(1);
    -moz-transform: transit(1);
    -ms-transform: transit(1);
    -o-transform: transit(1);
    transform: transit(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes bk_zoom {
  0% {
    -webkit-transform: transit(1);
    -moz-transform: transit(1);
    -ms-transform: transit(1);
    -o-transform: transit(1);
    transform: transit(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bk_zoom {
  0% {
    -webkit-transform: transit(1);
    -moz-transform: transit(1);
    -ms-transform: transit(1);
    -o-transform: transit(1);
    transform: transit(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bk_wheel2 {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  60% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-moz-keyframes bk_wheel2 {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  60% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes bk_wheel2 {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  60% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-webkit-keyframes bk_wheel3 {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  60% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-moz-keyframes bk_wheel3 {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  60% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes bk_wheel3 {
  0% {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
  }
  60% {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
  }
}






@-webkit-keyframes flow_5p {
  0% {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  50% {
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@-moz-keyframes flow_5p {
  0% {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  50% {
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@keyframes flow_5p {
  0% {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  50% {
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%);
  }
  100% {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@keyframes history_border {
    0% {
        height: 0px;
    }

    100% {
        height: 2020px;
    }
}

/*# sourceMappingURL=style.css.map */