@charset "utf-8";

/* ================================================
 Top
--------------------------------------------------- */
#content.top {
	height: 520px;
	position: relative;
	background-image: url(../images/top/main_ch3.png), url(../images/top/main_bg.jpg);
	background-position: center center, center center;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, cover;
	overflow: hidden;
}
.tb #content.top {
	height: 780px;
	background-image: url(../images/top/main_ch3_tb.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.top .chara1 {
	width: 830px; height: 520px;
	position:  absolute; left: 50%; top: 0;
	margin-left: -40px;
}
.top .chara2 {
	width: 830px; height: 520px;
	position: absolute; left: 50%; top: 0;
	margin-left: -790px;
}
.top .chara1 .box,
.top .chara2 .box {
	width: 830px; height: 520px;
	position: relative;
}
.top .chara1 p,
.top .chara2 p {
	width: 100%; height: 100%;
	position:  absolute; left: 0; top: 0;
	background-size: 100% 100%;
}
.top .chara1 p { background-image: url(../images/top/main_ch1.png);}
.top .chara2 p { background-image: url(../images/top/main_ch2.png);}

.tb .top .chara1 {
	width: 670px; height: 620px;
	left: auto; right: 0; top: 160px;
	margin-left: 0;
}
.tb .top .chara2 {
	width: 650px; height: 620px;
	left: 0; top: 160px;
	margin-left: 0;
}
.tb .top .chara1 .box {
	width: 670px; height: 620px;
}
.tb .top .chara2 .box {
	width: 650px; height: 620px;
}
.tb .top .chara1 p { background-image: url(../images/top/main_ch1_tb.png);}
.tb .top .chara2 p { background-image: url(../images/top/main_ch2_tb.png);}

.top .logo {
	width: 580px; height: 400px;
	position:  absolute; left: 50%; bottom: 20px;
	margin-left: -290px;
}
.top .logo p {
	width: 580px; height: 400px;
	position: relative;
}
.top .logo p img {
	position:  absolute; left: 0; top: 0;
}
.top .arcade {
	width: 260px; height: 90px;
	position:  absolute; left: 50%; bottom: 20px;
	margin-left: -130px;
}
.top .arcade p {
	width: 260px; height: 90px;
	position: relative;
}
.top .arcade img {
	position:  absolute; left: 0; bottom: 0;
}
.tb .top .arcade {
	bottom: 40px;
}

/* .news
------------------------- */
.top .news {
	width: 293px; height: 173px;
	padding: 20px 0 27px 23px; margin-left: -574px;
	position: absolute; left: 50%; bottom: 10px;
	background-image: url(../images/top/news_bg.png);
}
.top .news .block {
	width: 293px; height: 173px;
	overflow: hidden;
}
.top .news ul {
	width: 270px;
}
.top .news li {
	width: 270px;
	display: block;
	font-size: 0;
}
.top .news a {
	width: 270px;
	display: block;
}
.top .news li div {
	display: inline-block; vertical-align: top;
}
.top .news .pic {
	width: 64px; height: 64px; padding-right: 10px;
}
.top .news .pic img{
	width: 64px; height: 64px;
}
.top .news .pic2 {
	width: 64px; height: 52px; padding-right: 10px;
}
.top .news .pic2 img{
	width: 64px; height: 52px;
}
.top .news .box {
	width: 196px;
}
.top .news .box .date {
	font-size: 11px; line-height: 15px; color: #d2b478;
}
.top .news .box .txt {
	font-size: 13px; line-height: 17px; color: #e6d299;
}
.top .news a {
	text-decoration: none;
}
.top .news a .box .date {
	color: #d2b478;
}
.top .news a:link .box .txt,
.top .news a:visited .box .txt{
	color: #fff;
}
.top .news a:hover .box .txt,
.top .news a:active .box .txt{
	color: #ffc;
}
.top .news .border {
	width: 270px; height: 21px;
	display: inline-block;
	background-image: url(../images/top/news_line.gif);
	font-size: 0;
}
/* .news scrollbar */
.jspContainer { overflow:hidden; position:relative; }
.jspPane { position:absolute; }
.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; }
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }
.jspTrack {position:relative; }
.jspDrag {position:relative; top:0; left:0; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }

/* .youtube
------------------------- */
.top .youtube {
	width: 316px; height: 220px;
	position: absolute; left: 50%; bottom: 10px;
	margin-left: 258px;
}
.top .youtube a {
	display: block;
	background-image: url(../images/top/movie/op.png);
}
.top .youtube a:hover {
	background-position: left bottom;
}

/* .mainbnr
------------------------- */
.top .mainbnr {
	width: 316px; height: 220px;
	position: absolute; left: 50%; bottom: 10px;
	margin-left: 258px;
}
.top .mainbnr a {
	display: block;
	/*background-image: url(../images/top/mainbnr/spt_c03_akira.png);*/
	background-image: url(../images/top/mainbnr/ply2019_new.png);
}
.top .mainbnr a:hover {
	background-position: left bottom;
}

/* .infobnr
------------------------- */
.top .infobnr {
	width: 316px; height: 190px;
	position: absolute; left: 50%; bottom: 10px;
	margin-left: 258px;
}
.top .infobnr a {
	display: block;
	background-image: url(../images/top/infobnr/playerssite.png);
}
.top .infobnr a:hover {
	background-position: left bottom;
}

/* ================================================
 About
--------------------------------------------------- */
.about .chara-bg {
	position: relative;
	overflow: hidden;
	background-image: url(../images/about/bg_chara.png);
}
.anime .about .chara-bg{
	background: none;
}
.about .chara-bg:after {
	width: 100%; height: 800px;
	position: absolute; left: 0; top: 0; z-index: -1;
	content: "";
	display: block;
	background-image: url(../images/about/bg_chara.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .about .chara-bg:after {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.about .chara-bg .block {
	position: relative;
	z-index: 1;
}
/*.about .chara-bg2 {
	padding-bottom: 50px;
	background-image: url(../images/about/bg_chara2.png);
	background-position: center top;
	background-repeat: no-repeat;
}*/
.about h2 {
	padding-top: 40px;
}
.about .lead {
	text-align: center;
	padding-bottom: 30px;
}
.about .nesica {
	width: 1000px;
	margin: 0 auto; padding:10px 0 30px 0;
}
.about .nesica .btn {
	width: 420px;
	margin: 0 auto;
}
.about .nesica .btn a {
	display: block;
	background-image: url(../images/about/nesica_btn.png);
}
.about .nesica .btn a:hover {
	background-position: left bottom;
}
.about .players {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.about .players .btn {
	width: 420px;
	position: absolute; left: 340px; bottom: 30px;
}
.about .players .btn a {
	display: block;
	background-image: url(../images/about/players_btn.png);
}
.about .players .btn a:hover {
	background-position: left bottom;
}
/* slideshow
------------------------- */
.about .slide {
	width: 1008px; height: 210px;
	margin: 0 auto; padding-bottom: 20px;
	overflow: hidden;
}
.about .slide ul {
	width: 1008px;
}
.about .slide ul:after {
	display: block; clear: both;
	content: "";
}
.about .slide li {
	width: 1008px;
	float: left;
	font-size: 0;
}
.about .slide li div {
	width: 320px;
	padding: 0 8px;
	display: inline-block; vertical-align: top;
}
.about .slide li a {
	display: block;
}
.about .slide li a:hover {
	background-position: left bottom;
}
.about .slide .slideshow001 a {background-image: url(../images/about/slideshow/001s.png);}
.about .slide .slideshow002 a {background-image: url(../images/about/slideshow/002s.png);}
.about .slide .slideshow003 a {background-image: url(../images/about/slideshow/003s.png);}
.about .slide .slideshow004 a {background-image: url(../images/about/slideshow/004s.png);}
.about .slide .slideshow005 a {background-image: url(../images/about/slideshow/005s.png);}
.about .slide .slideshow006 a {background-image: url(../images/about/slideshow/006s.png);}
.about .slide .slideshow007 a {background-image: url(../images/about/slideshow/007s.png);}
.about .slide .slideshow008 a {background-image: url(../images/about/slideshow/008s.png);}
.about .slide .slideshow009 a {background-image: url(../images/about/slideshow/009s.png);}

.slide .bx-wrapper {
    position: relative;
    *zoom: 1;
}
.slide .bx-wrapper img {
    display: block;
}
/* NEXT / PREV */
.slide .bx-controls-direction a {
    width: 60px; height: 180px;
    position: absolute; top: 0; z-index: 99;
    outline: 0;
    text-indent: -9999px;
	opacity: 0.7;
}
.slide .bx-controls-direction a.disabled {
    display: none;
}
.slide .bx-controls-direction a:hover {
    opacity: 1;
}
.slide .bx-prev {
    left: -60px;
    background-image: url(../images/common/slide_prev.png);
}
.slide .bx-next {
    right: -60px;
    background-image: url(../images/common/slide_next.png);
}

/* ================================================
 Story
--------------------------------------------------- */
.story .chara-bg {
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/story/bg_chara2.png),url(../images/story/bg_chara.png);
}
.anime .story .chara-bg {
	background-image: url(../images/story/bg_chara2.png);
	background-position: center 618px;
	background-repeat: no-repeat;
}
.story .chara-bg:after {
	width: 100%; height: 720px;
	position: absolute; left: 0; top: 0; z-index: -1;
	content: "";
	display: block;
	background-image: url(../images/story/bg_chara.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .story .chara-bg:after {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.story .chara-bg .block {
	position: relative;
	z-index: 1;
}
.story h2 {
	padding-top: 40px; padding-bottom: 20px;
}
.story .lead {
	text-align: center;
}
.story .capt-list {
	width: 100%;
	font-size: 0; text-align: center;
}
.story .capt-list li {
	width: 382px;
	display:  inline-block; vertical-align: top;
}
.story .capt-list li a {
	display: block;
}
.story .capt-list li a:hover {
	background-position: left bottom;
}
.story .capt-list li.capt002,
.story .capt-list li.capt007 {width: 364px;}
.story .capt001 a {background-image: url(../images/story/capt/001s.png);}
.story .capt002 a {background-image: url(../images/story/capt/002s.png);}
.story .capt003 a {background-image: url(../images/story/capt/003s.png);}
.story .capt004 a {background-image: url(../images/story/capt/004s.png);}
.story .capt005 a {background-image: url(../images/story/capt/005s.png);}
.story .capt006 a {background-image: url(../images/story/capt/006s.png);}
.story .capt007 a {background-image: url(../images/story/capt/007s.png);}
.story .capt008 a {background-image: url(../images/story/capt/008s.png);}

/* ================================================
 System
--------------------------------------------------- */
.system .chara-bg {
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/system/bg_chara.png);
}
.anime .system .chara-bg {
	background: none;
}
.system .chara-bg:after {
	width: 100%; height: 760px;
	position: absolute; left: 0; top: 0; z-index: -1;
	content: "";
	display: block;
	background-image: url(../images/system/bg_chara.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .system .chara-bg:after {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.system .chara-bg .block {
	position: relative;
	z-index: 1;
}
.system h2 {
	padding-top: 40px; padding-bottom: 20px;
}
.system h4,
.system div {
	text-align: center;
}
.system .line {
	margin: 10px 0;
}

/* ================================================
 .character
--------------------------------------------------- */
.maab-character h2 {
	width: 440px; height: 98px;
	position: absolute; left: 50%; top: 40px; z-index: 5;
	margin-left: -220px;
	margin-bottom: 100px;
}
.character .chara-bg {
	position: relative;
	overflow: hidden;
}
.character .chara-bg:after {
	width: 100%; height: 700px;
	position: absolute; left: 0; top: 0;
	content: "";
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .character .chara-bg:after {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.maab-playable     .character .chara-bg {background-image: url(../images/chara/bg_flare.png);}
.maab-playable_c01 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c02 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_blue.png);}
.maab-playable_c03 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_pink.png);}
.maab-playable_c04 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c05 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_yellow.png);}
.maab-playable_c06 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c07 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_pink.png);}
.maab-playable_c08 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_blue.png);}
.maab-playable_c09 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_blue.png);}
.maab-playable_c10 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_green.png);}
.maab-playable_c11 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_pink.png);}
.maab-playable_c12 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c13 .character .chara-bg {background-image: url(../images/chara/ply_bg_flare_pink.png)/*, url(../images/chara/spt/bg_chara2.png)*/;}
.anime .character .chara-bg {
	background: none;
}
.anime.maab-support .character .chara-bg {
	background-image: url(../images/chara/spt/bg_chara2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.maab-playable     .character #content-sub:before {background-image: url(../images/chara/bg_flare.png);}
.maab-playable_c01 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c02 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_blue.png);}
.maab-playable_c03 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_pink.png);}
.maab-playable_c04 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c05 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_yellow.png);}
.maab-playable_c06 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c07 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_pink.png);}
.maab-playable_c08 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_blue.png);}
.maab-playable_c09 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_blue.png);}
.maab-playable_c10 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_green.png);}
.maab-playable_c11 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_pink.png);}
.maab-playable_c12 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare.png);}
.maab-playable_c13 .character #content-sub:before {background-image: url(../images/chara/ply_bg_flare_pink.png);}

.character .chara-bg .block {
	position: relative;
	z-index: 1;
}
.character h3 {
	padding-top: 158px;
}
.character .support h3 {
	padding-top: 0;
}
.character h4, .character h5, .character h6 {
	text-align: center;
}
.character h6 {
	padding-top: 4px;
}
.character .lead {
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}

/* #content-sub bg
------------------------- */
.character #content-sub:after {
	width: 100%; height:1060px;
	position: absolute; left: 0; top:0; z-index: -2;
	content: "";
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .character #content-sub:after {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
#content-sub.playable_c01 {background-image: url(../images/chara/ply_c01/bg.png);}
#content-sub.playable_c02 {background-image: url(../images/chara/ply_c02/bg.png);}
#content-sub.playable_c03 {background-image: url(../images/chara/ply_c03/bg.png);}
#content-sub.playable_c04 {background-image: url(../images/chara/ply_c04/bg.png);}
#content-sub.playable_c05 {background-image: url(../images/chara/ply_c05/bg.png);}
#content-sub.playable_c06 {background-image: url(../images/chara/ply_c06/bg.png);}
#content-sub.playable_c07 {background-image: url(../images/chara/ply_c07/bg.png);}
#content-sub.playable_c08 {background-image: url(../images/chara/ply_c08/bg.png);}
#content-sub.playable_c09 {background-image: url(../images/chara/ply_c09/bg.png);}
#content-sub.playable_c10 {background-image: url(../images/chara/ply_c10/bg.png);}
#content-sub.playable_c11 {background-image: url(../images/chara/ply_c11/bg.png);}
#content-sub.playable_c12 {background-image: url(../images/chara/ply_c12/bg.png);}
#content-sub.playable_c13 {background-image: url(../images/chara/ply_c13/bg.png);}
#content-sub.support      {background-image: url(../images/chara/spt/bg_chara.png);}
.anime #content-sub {
	background: none;
}
.character #content-sub.playable_c01:after {background-image: url(../images/chara/ply_c01/bg.png);}
.character #content-sub.playable_c02:after {background-image: url(../images/chara/ply_c02/bg.png);}
.character #content-sub.playable_c03:after {background-image: url(../images/chara/ply_c03/bg.png);}
.character #content-sub.playable_c04:after {background-image: url(../images/chara/ply_c04/bg.png);}
.character #content-sub.playable_c05:after {background-image: url(../images/chara/ply_c05/bg.png);}
.character #content-sub.playable_c06:after {background-image: url(../images/chara/ply_c06/bg.png);}
.character #content-sub.playable_c07:after {background-image: url(../images/chara/ply_c07/bg.png);}
.character #content-sub.playable_c08:after {background-image: url(../images/chara/ply_c08/bg.png);}
.character #content-sub.playable_c09:after {background-image: url(../images/chara/ply_c09/bg.png);}
.character #content-sub.playable_c10:after {background-image: url(../images/chara/ply_c10/bg.png);}
.character #content-sub.playable_c11:after {background-image: url(../images/chara/ply_c11/bg.png);}
.character #content-sub.playable_c12:after {background-image: url(../images/chara/ply_c12/bg.png);}
.character #content-sub.playable_c13:after {background-image: url(../images/chara/ply_c13/bg.png);}
.character #content-sub.support:after      {background-image: url(../images/chara/spt/bg_chara.png);}

/* .chara
------------------------- */
.character .chara {
	position: absolute; top: 60px; z-index: -1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
.anime .character .chara {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.playable_c01 .chara {left: 50%; margin-left: -590px;}
.playable_c02 .chara {right: 50%; margin-right: -590px;}
.playable_c03 .chara {left: 50%; margin-left: -590px;}
.playable_c04 .chara {right: 50%; margin-right: -590px;}
.playable_c05 .chara {right: 50%; margin-right: -590px;}
.playable_c06 .chara {left: 50%; margin-left: -590px;}
.playable_c07 .chara {right: 50%; margin-right: -590px;}
.playable_c08 .chara {left: 50%; margin-left: -590px;}
.playable_c09 .chara {right: 50%; margin-right: -590px;}
.playable_c10 .chara {left: 50%; margin-left: -590px;}
.playable_c11 .chara {left: 50%; margin-left: -590px;}
.playable_c12 .chara {right: 50%; margin-right: -590px;}
.playable_c13 .chara {left: 50%; margin-left: -590px;}

/* .list-nav
------------------------- */
.character .list-nav {
	width: 528px; height: 70px;
	margin: 0 auto;
	position: relative;
}
.character .list-nav1 {
	padding-top: 158px;
}
.character .list-nav2 {
	padding-bottom: 50px;
}
.character .list-nav li {
	width: 264px; height: 70px;
	position: absolute; z-index: 10;
}
.character .list-nav a {
	display: block;
}
.character .list-nav a:hover {
	background-position: left center;
}
/*.playable */
.character .playable .list-nav1 {
	height: 44px;
}
.character .playable .list-nav1 li:nth-child(1){left: 0; bottom: -26px;}
.character .playable .list-nav1 li:nth-child(2){right: 0; bottom: -26px;}
.character .playable .list-nav2 li:nth-child(1){left: 0; top: 0;}
.character .playable .list-nav2 li:nth-child(2){right: 0; top: 0;}
.character .playable .list-nav1 li:nth-child(1){
	background-image: url(../images/chara/menu_ply1.png);
	background-position: left bottom;
}
.character .playable .list-nav1 li:nth-child(2) a {
	background-image: url(../images/chara/menu_spt1.png);
}
.character .playable .list-nav2 li:nth-child(1){
	background-image: url(../images/chara/menu_ply2.png);
	background-position: left bottom;
}
.character .playable .list-nav2 li:nth-child(2) a {
	background-image: url(../images/chara/menu_spt2.png);
}

/*.support */
.character .support .list-nav1 li:nth-child(1){left: 0; bottom: 0;}
.character .support .list-nav1 li:nth-child(2){right: 0; bottom: 0;}
.character .support .list-nav2 li:nth-child(1){left: 0; top: 0;}
.character .support .list-nav2 li:nth-child(2){right: 0; top: 0;}
.character .support .list-nav1 li:nth-child(1) a{
	background-image: url(../images/chara/menu_ply1.png);
}
.character .support .list-nav1 li:nth-child(2) {
	background-image: url(../images/chara/menu_spt1.png);
	background-position: left bottom;
}
.character .support .list-nav2 li:nth-child(1) a{
	background-image: url(../images/chara/menu_ply2.png);
}
.character .support .list-nav2 li:nth-child(2) {
	background-image: url(../images/chara/menu_spt2.png);
	background-position: left bottom;
}

/* .list-chara
------------------------- */
.character #new-chara {
	margin-top: 10px;
}
.character #new-chara li {
	margin: 0 10px;
}

.character .list-chara {
	width: 1180px;
	margin: -40px auto 0 auto;
	padding-bottom: 40px;
	position: relative;
	font-size: 0; text-align: center;
}
.character .list-chara li {
	height: 514px;
	display: inline-block; vertical-align: top;
	position: relative;
}
.character .list-chara li img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	transform: scale(0.6);
}
.anime .character .list-chara li img {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.character .list-chara li a {
	width: 100%; height: 100%;
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
}
.character .list-chara li:hover a {
	background-position: left bottom;
}
.character .list-chara .c1 {width: 220px;}
.character .list-chara .c2 {width: 200px;}
.character .list-chara .c3 {width: 240px;}
.character .list-chara .c4 {width: 240px;}
.character .list-chara .c5 {width: 280px;}
.character .list-chara .c6 {width: 180px;}
.character .list-chara .c7 {width: 300px;}
.character .list-chara .c8 {width: 260px;}
.character .list-chara .c9 {width: 240px;}
.character .list-chara .c10 {width: 200px;}
.character .list-chara .c11 {width: 260px;}
.character .list-chara .c12 {width: 260px;}
.character .list-chara .c13 {width: 260px;}

.character .list-chara .c1 a {background-image: url(../images/chara/ply/c01_flare.png);}
.character .list-chara .c2 a {background-image: url(../images/chara/ply/c02_flare.png);}
.character .list-chara .c3 a {background-image: url(../images/chara/ply/c03_flare.png);}
.character .list-chara .c4 a {background-image: url(../images/chara/ply/c04_flare.png);}
.character .list-chara .c5 a {background-image: url(../images/chara/ply/c05_flare.png);}
.character .list-chara .c6 a {background-image: url(../images/chara/ply/c06_flare.png);}
.character .list-chara .c7 a {background-image: url(../images/chara/ply/c07_flare.png);}
.character .list-chara .c8 a {background-image: url(../images/chara/ply/c08_flare.png);}
.character .list-chara .c9 a {background-image: url(../images/chara/ply/c09_flare.png);}
.character .list-chara .c10 a {background-image: url(../images/chara/ply/c10_flare.png);}
.character .list-chara .c11 a {background-image: url(../images/chara/ply/c11_flare.png);}
.character .list-chara .c12 a {background-image: url(../images/chara/ply/c12_flare.png);}
.character .list-chara .c13 a {background-image: url(../images/chara/ply/c13_flare.png);}

.character .list-chara li p {
	width: 100%; height: 100%; 
	position: absolute; left: 0; top: 0;
	content: "";
	display: block;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.character .list-chara li:hover p {
	opacity: 0.6;
}
.character .list-chara .c1 p {background-image: url(../images/chara/ply/c01_flare.gif);}
.character .list-chara .c2 p {background-image: url(../images/chara/ply/c02_flare.gif);}
.character .list-chara .c3 p {background-image: url(../images/chara/ply/c03_flare.gif);}
.character .list-chara .c4 p {background-image: url(../images/chara/ply/c04_flare.gif);}
.character .list-chara .c5 p {background-image: url(../images/chara/ply/c05_flare.gif);}
.character .list-chara .c6 p {background-image: url(../images/chara/ply/c06_flare.gif);}
.character .list-chara .c7 p {background-image: url(../images/chara/ply/c07_flare.gif);}
.character .list-chara .c8 p {background-image: url(../images/chara/ply/c08_flare.gif);}
.character .list-chara .c9 p {background-image: url(../images/chara/ply/c09_flare.gif);}
.character .list-chara .c10 p {background-image: url(../images/chara/ply/c10_flare.gif);}
.character .list-chara .c11 p {background-image: url(../images/chara/ply/c11_flare.gif);}
.character .list-chara .c12 p {background-image: url(../images/chara/ply/c12_flare.gif);}
.character .list-chara .c13 p {background-image: url(../images/chara/ply/c13_flare.gif);}

/* .list-thum
------------------------- */
.character .list-thum {
	width: 1180px;
	margin: 0 auto; padding-bottom: 16px;
	font-size: 0; text-align: center;
}
.character .list-thum li {
	width: 320px;
	margin: 0 8px;
	display: inline-block; vertical-align: top;
}
.character .list-thum li a {
	display: block;
}
.character .list-thum li a:hover {
	background-position: left bottom;
}

.playable_c01 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c01/thum01.png);}
.playable_c01 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c01/thum02.png);}
.playable_c01 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c01/thum03.png);}
.playable_c01 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c01/thum04.png);}
.playable_c01 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c01/thum05.png);}

.playable_c02 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c02/thum01.png);}
.playable_c02 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c02/thum02.png);}
.playable_c02 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c02/thum03.png);}
.playable_c02 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c02/thum04.png);}
.playable_c02 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c02/thum05.png);}

.playable_c03 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c03/thum01.png);}
.playable_c03 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c03/thum02.png);}
.playable_c03 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c03/thum03.png);}
.playable_c03 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c03/thum04.png);}
.playable_c03 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c03/thum05.png);}

.playable_c04 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c04/thum01.png);}
.playable_c04 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c04/thum02.png);}
.playable_c04 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c04/thum03.png);}
.playable_c04 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c04/thum04.png);}
.playable_c04 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c04/thum05.png);}

.playable_c05 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c05/thum01.png);}
.playable_c05 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c05/thum02.png);}
.playable_c05 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c05/thum03.png);}
.playable_c05 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c05/thum04.png);}
.playable_c05 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c05/thum05.png);}

.playable_c05 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c05/thum01.png);}
.playable_c05 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c05/thum02.png);}
.playable_c05 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c05/thum03.png);}
.playable_c05 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c05/thum04.png);}
.playable_c05 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c05/thum05.png);}

.playable_c06 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c06/thum01.png);}
.playable_c06 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c06/thum02.png);}
.playable_c06 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c06/thum03.png);}
.playable_c06 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c06/thum04.png);}
.playable_c06 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c06/thum05.png);}

.playable_c07 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c07/thum01.png);}
.playable_c07 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c07/thum02.png);}
.playable_c07 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c07/thum03.png);}
.playable_c07 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c07/thum04.png);}
.playable_c07 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c07/thum05.png);}

.playable_c08 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c08/thum01.png);}
.playable_c08 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c08/thum02.png);}
.playable_c08 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c08/thum03.png);}
.playable_c08 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c08/thum04.png);}
.playable_c08 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c08/thum05.png);}

.playable_c09 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c09/thum01.png);}
.playable_c09 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c09/thum02.png);}
.playable_c09 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c09/thum03.png);}
.playable_c09 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c09/thum04.png);}
.playable_c09 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c09/thum05.png);}

.playable_c10 .list-thum.youtube li:nth-child(1) a {background-image: url(../images/chara/ply_c10/thum01.png);}
.playable_c10 .list-thum.youtube li:nth-child(2) a {background-image: url(../images/chara/ply_c10/thum02.png);}
.playable_c10 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c10/thum03.png);}
.playable_c10 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c10/thum04.png);}
.playable_c10 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c10/thum05.png);}

.playable_c11 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c11/thum01.png);}
.playable_c11 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c11/thum02.png);}
.playable_c11 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c11/thum03.png);}

.playable_c12 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c12/thum01.png);}
.playable_c12 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c12/thum02.png);}
.playable_c12 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c12/thum03.png);}

.playable_c13 .list-thum.winbox  li:nth-child(1) a {background-image: url(../images/chara/ply_c13/thum01.png);}
.playable_c13 .list-thum.winbox  li:nth-child(2) a {background-image: url(../images/chara/ply_c13/thum02.png);}
.playable_c13 .list-thum.winbox  li:nth-child(3) a {background-image: url(../images/chara/ply_c13/thum03.png);}

/* .list-command
------------------------- */
.character .list-command {
	width: 1180px;
	margin: 0 auto; padding-bottom: 20px;
	font-size: 0; text-align: center;
}
.character .list-command li {
	display: inline-block; vertical-align: top;
}

/* .btn_ply
------------------------- */
.character .btn_ply {
	width: 420px; height: 66px;
	margin: 0 auto; padding-bottom: 40px;
}
.character .btn_ply a {
	display: block;
	background-image: url(../images/chara/ply_btn_back.png);
}
.character .btn_ply a:hover {
	background-position: left bottom;
}

/* #chara-side-nav
------------------------- */
#chara-side-nav {
	width: 32px; /*height: 310px;*/height: 425px;
	position: fixed; right: -32px; top: 198px; z-index: 10;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.chara-side-tab #chara-side-nav {
	right: 0;
}
#chara-side-nav .block {
	width: 152px; /*height: 310px;*/height: 425px;
	position: absolute; left: 0; top: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.chara-side-open #chara-side-nav .block {
	left: -120px;
}
#chara-side-nav .tab {
	width: 32px; height: 70px;
	position: absolute; left: 0; top: 0;
	background-image: url(../images/chara/ply_menu/tab.png);
	opacity: 0.85;
	cursor: pointer;
}
.chara-side-open #chara-side-nav .tab {
	background-image: url(../images/chara/ply_menu/tab_close.png);
}
#chara-side-nav .tab:hover {
	opacity: 1;
}
#chara-side-nav ul {
	width: 120px; /*height: 310px;*/height: 425px;
	position: absolute; left: 32px; top: 0;
}
#chara-side-nav li {
	width: 60px;
	float: left;
}
#chara-side-nav li a {
	display: block;
	opacity: 0.85;
}
#chara-side-nav li a:hover {
	opacity: 1;
}
.maab-playable_c01 #chara-side-nav li:nth-child(1),
.maab-playable_c02 #chara-side-nav li:nth-child(2),
.maab-playable_c03 #chara-side-nav li:nth-child(3),
.maab-playable_c04 #chara-side-nav li:nth-child(4),
.maab-playable_c05 #chara-side-nav li:nth-child(5),
.maab-playable_c06 #chara-side-nav li:nth-child(6),
.maab-playable_c07 #chara-side-nav li:nth-child(7),
.maab-playable_c08 #chara-side-nav li:nth-child(8),
.maab-playable_c09 #chara-side-nav li:nth-child(9),
.maab-playable_c10 #chara-side-nav li:nth-child(10),
.maab-playable_c11 #chara-side-nav li:nth-child(11),
.maab-playable_c12 #chara-side-nav li:nth-child(12),
.maab-playable_c13 #chara-side-nav li:nth-child(13) {
	pointer-events: none;
	opacity: 0.6;
}

/* .support-chara
------------------------- */
.character .support-chara {
	width: 1180px;
	margin: 0 auto;
	font-size: 0; text-align: center;
}
.character .support-chara li {
	padding-bottom: 40px;
	display: inline-block; vertical-align: top;
	background-repeat: no-repeat;
}
.character .support-chara .youtube {
	width: 288px;
	margin: 0 auto;
}
.character .support-chara .youtube a {
	display: block;
}
.character .support-chara .youtube a:hover {
	background-position: center bottom;
}
.character .support-chara .s1 {width: 360px;}
.character .support-chara .s2 {width: 408px;}
.character .support-chara .s3 {width: 360px;}
.character .support-chara .s3_akira {width: 360px;}
.character .support-chara .s4 {width: 314px;}
.character .support-chara .s5 {width: 520px;}
.character .support-chara .s6 {width: 314px;}

.character .support-chara .s1 .youtube a {background-image: url(../images/chara/spt/c01_thum.jpg);}
.character .support-chara .s2 .youtube a {background-image: url(../images/chara/spt/c02_thum.jpg);}
.character .support-chara .s3 .youtube a {background-image: url(../images/chara/spt/c03_thum.jpg);}
.character .support-chara .s3_akira .youtube a {background-image: url(../images/chara/spt/c03_akira_thum.jpg);}
.character .support-chara .s4 .youtube a {background-image: url(../images/chara/spt/c04_thum.jpg);}
.character .support-chara .s5 .youtube a {background-image: url(../images/chara/spt/c05_thum.jpg);}
.character .support-chara .s6 .youtube a {background-image: url(../images/chara/spt/c06_thum.jpg);}

.character .support-chara .s2 {background-image: url(../images/chara/spt/c02_bg.png);}
.character .support-chara .s5 {background-image: url(../images/chara/spt/c05_bg.png);}

.character .support-foot{
	padding-bottom: 50px;
	text-align: center;
}
.character .support-foot .support_sub {
	padding-bottom: 40px;
}
.character .support-foot .players_btn {
	width: 420px;
	margin: 0 auto;
}
.character .support-foot .players_btn a {
	display: block;
	background-image: url(../images/chara/spt/players_btn.png);
}
.character .support-foot .players_btn a:hover {
	background-position: left bottom;
}

/* ================================================
 Guide
--------------------------------------------------- */
.guide .chara-bg {
	position: relative;
	overflow: hidden;
	background-image: url(../images/guide/bg_chara.png);
}
.anime .guide .chara-bg {
	background: none;
}
.guide .chara-bg:after {
	width: 100%; height: 730px;
	position: absolute; left: 0; top: 0; z-index: -1;
	content: "";
	display: block;
	background-image: url(../images/guide/bg_chara.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .guide .chara-bg:after {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.guide .chara-bg .block {
	position: relative;
	z-index: 1;
}
.guide h2 {
	padding-top: 40px;
}
.guide .lead {
	text-align: center;
}
.guide .box1,
.guide .box2,
.guide .box3 {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}
.guide .box1 {
	margin-top: -30px;
}
.guide .box4 {
	margin-top: -10px;
	text-align: center;
}
.guide .box1 .btn {
	width: 420px; height: 66px;
	position: absolute; left: 300px; bottom: 78px;
	display: block;
	overflow: hidden;
}
.guide .box1 .btn:hover {
	background-image: url(../images/guide/step1_btn.png);
	background-position: left bottom;
}
.guide .box1 .btn:hover img{
	display: none;
}
.guide .box2 .btn1 {
	width: 420px; height: 66px;
	position: absolute; left: 90px; bottom: 42px;
	display: block;
	overflow: hidden;
}
.guide .box2 .btn1:hover {
	background-image: url(../images/guide/step2_btn1.png);
	background-position: left bottom;
}
.guide .box2 .btn2 {
	width: 420px; height: 66px;
	position: absolute; right: 90px; bottom: 42px;
	display: block;
	overflow: hidden;
}
.guide .box2 .btn2:hover {
	background-image: url(../images/guide/step2_btn2.png);
	background-position: left bottom;
}
.guide .box1 .btn:hover img,
.guide .box2 .btn1:hover img,
.guide .box2 .btn2:hover img{
	display: none;
}

.special .list li {
	width: 320px;
	margin: 0 8px 10px 8px;
	display: inline-block; vertical-align: top;
}
.special .list a {
	width: 310px; height: 210px;
	padding: 5px;
	display: block;
	background-repeat: no-repeat;
}
.special .list a:hover img {
	opacity: 0.85;
}
.special .list .maablive a {background-image: url(../images/special/maablive_bg.png);}
.special .list .goziline100 a {background-image: url(../images/special/goziline100_bg.png);}
.special .list .goziline100 a {height: 230px;}
.special .list .beginner a {background-image: url(../images/special/beginner_bg.png);}


.guide .box5 {
	width: 1080px;
	margin: -30px auto 0 auto;
	position: relative;
	font-size: 0;
}

.guide .box5 .btn {
	width: 320px;
	margin: 0 8px 10px 8px;
	position: absolute; left: 380px; top: 174px;
	display: inline-block; vertical-align: top;
	background-image: url(../images/special/beginner_bg.png);
}
.guide .box5 .btn a {
	width: 310px; height: 210px;
	padding: 5px;
	display: block;
	background-repeat: no-repeat;
}
.guide .box5 .btn a:hover {
	opacity: 0.85;
}

/* ================================================
 Information
--------------------------------------------------- */
.maab-information h2 {
	width: 608px; height: 98px;
	position: absolute; left: 50%; top: 40px; z-index: 5;
	margin-left: -304px;
}
.information {
	-webkit-font-smoothing: subpixel-antialiased;
}
.information #content-sub2 {
	padding-top: 148px;
}
.information .chara-bg {
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/info/bg_chara.png);
}
.anime .information .chara-bg {
	background: none;
}
.information .chara-bg:after {
	width: 100%; height: 740px;
	position: absolute; left: 0; top: 0; z-index: -1;
	content: "";
	display: block;
	background-image: url(../images/info/bg_chara.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .information .chara-bg:after {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.information .chara-bg .block {
	position: relative;
	z-index: 1;
}
.information .box820_0,
.information .box820_1,
.information .box820_2,
.information .box820_3 {
	width: 820px;
	margin: 0 auto;
	position: relative;
}
.information .second {
	margin-top: -10px;
}
.information .box820_1 .btn {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 144px;
	background-image: url(../images/info/boab2018_btn.png);
}
.information .box820_1 .btn:hover {
	background-position: left bottom;
}
.information .box820_1 .btn2 {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 210px;
	background-image: url(../images/info/boab2018_btn_preliminary.png);
}
.information .box820_1 .btn2:hover {
	background-position: left bottom;
}
.information .box820_1 .btn3 {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 276px;
	background-image: url(../images/info/boab2018_btn_result.png);
}
.information .box820_1 .btn3:hover {
	background-position: left bottom;
}
.information .box820_1 .btn4 {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 342px;
	background-image: url(../images/info/boab2018_btn_final.png);
}
.information .box820_1 .btn4:hover {
	background-position: left bottom;
}
.information .box820_2 .btn {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 120px;
	background-image: url(../images/info/btn_more.png);
}
.information .box820_2 .btn:hover {
	background-position: left bottom;
}
.information .box820_3 .btn {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 144px;
	background-image: url(../images/info/boab2018_btn.png);
}
.information .box820_3 .btn:hover {
	background-position: left bottom;
}
.information .box820_3 .btn2 {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 210px;
	/*background-image: url(../images/info/ufabcup2018_btn_preliminary.png);*/
	background-image: url(../images/info/ufabcup2018_btn_result.png);
}
.information .box820_3 .btn2:hover {
	background-position: left bottom;
}
.information .box820_3 .btn3 {
	width: 420px; height: 66px;
	position: absolute; left: 200px; top: 276px;
	background-image: url(../images/info/ufabcup2018_btn_final.png);
}
.information .box820_3 .btn3:hover {
	background-position: left bottom;
}


/* info_version etc... */
.information .block-info {
	width: 1100px;
	margin: 0 auto; padding-bottom: 10px;
	position: relative;
	font-size: 15px; line-height: 21px; color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", arial, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	text-shadow: 0 0 5px #cc001e;
}
.information .box-info {
	width: 980px;
	padding: 0 60px;
	background-image: url(../images/info/sec_bg_tile.png);
}
.information .block-info .btn-info {
	width: 420px; height: 66px;
	margin: 0 auto;
}
.information .block-info .btn-info a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/sec_btn.png);
}
.information .block-info .btn-info a:hover {
	background-position: left bottom;
}

.information .block-info .btn-outline {
	width: 420px; height: 66px;
	/*margin: 24px auto 0 auto;*/
	margin: auto 0 auto;
}
.information .block-info .btn-outline a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/boab2018_btn.png);
}
.information .block-info .btn-outline a:hover {
	background-position: left bottom;
}

.information .block-info .btn-preliminary,
.information .block-info .btn-preliminary_ufabcup2018 {
	width: 420px; height: 66px;
	/*margin: 24px auto 0 auto;*/
	margin: auto 0 auto;
}
.information .block-info .btn-preliminary a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/boab2018_btn_preliminary.png);
}
.information .block-info .btn-preliminary_ufabcup2018 a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/ufabcup2018_btn_preliminary.png);
}
.information .block-info .btn-preliminary a:hover,
.information .block-info .btn-preliminary_ufabcup2018 a:hover {
	background-position: left bottom;
}

.information .block-info .btn-result,
.information .block-info .btn-result_ufabcup2018 {
	width: 420px; height: 66px;
	margin: 0 auto;
}
.information .block-info .btn-result a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/boab2018_btn_result.png);
}
.information .block-info .btn-result_ufabcup2018 a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/ufabcup2018_btn_result.png);
}
.information .block-info .btn-result a:hover,
.information .block-info .btn-result_ufabcup2018 a:hover {
	background-position: left bottom;
}

.information .block-info .btn-omt {
	width: 420px; height: 66px;
	/*margin: 24px auto 0 auto;*/
	margin: auto 0 auto;
}
.information .block-info .btn-omt a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/boab2018_btn_omt.png);
}
.information .block-info .btn-omt a:hover {
	background-position: left bottom;
}

.information .block-info .btn-final,
.information .block-info .btn-final_ufabcup2018 {
	width: 420px; height: 66px;
	margin: auto 0 auto;
}
.information .block-info .btn-final a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/boab2018_btn_final.png);
}

.information .block-info .btn-final_ufabcup2018 a {
	width: 420px; height: 66px;
	display: block;
	background-image: url(../images/info/ufabcup2018_btn_final.png);
}
.information .block-info .btn-final a:hover,
.information .block-info .btn-final_ufabcup2018 a:hover {
	background-position: left bottom;
}

.information .block-info .btn-links,
.information .block-info .btn-links2 {
	width: 980px;
	margin: 24px auto 0 auto;
	font-size: 0; text-align: center;
}
.information .block-info .btn-links2 {
	margin: -8px auto 0 auto;
}
.information .block-info .btn-links li,
.information .block-info .btn-links2 li {
	margin: 0 auto;
	display: inline-block;
}

/* text link */
.information .block-info a {
	color: #ffe600;
}
.information .block-info a:link,
.information .block-info a:visited {
	color: #ffe600;
}
.information .block-info a:hover,
.information .block-info a:active {
	color: #ff0;
}
.information .block-info a#wh {
	color: #fff;
}
.information .block-info a#wh:link,
.information .block-info a#wh:visited {
	color: #fff;
}
.information .block-info a#wh:hover,
.information .block-info a#wh:active {
	color: #ff9;
}

/* .info_version */
.info_version h3 {
	padding: 48px 0 24px 0;
	font-size: 26px; line-height: 30px; color: #ffe666; text-align: center;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
	background-image: url(../images/info/sec_bg_head.png);
}
.info_version .lead,
.info_version .lead2 {
	padding: 0 0 4px 0;
	font-size: 17px; line-height: 23px; color: #fff; text-align: center;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.info_version .box-info .title {
	padding: 8px 0 20px 0;
	font-size: 22px; line-height: 30px; color: #ffe666; text-align: center;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
}
.info_version .lead2 {
	padding-bottom: 32px;
}
.info_version .lead span,
.info_version .lead2 span {
	color: #ffe666;
}
.info_version h4 {
	padding-left: 20px;
	font-size: 17px; line-height: 23px; color: #ffe666; font-weight: normal; vertical-align: text-bottom;
	background-image: url(../images/info/sec_icon_head.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}
.info_version .partitionline {
	 margin-left: -38px;
}
.info_version .box-text1 {
	padding-top: 20px;
}
.info_version table {
	width: 100%;
	margin-top: 16px;
	border-collapse: collapse;
	font-size: 14px; line-height: 20px;
}
.info_version th,
.info_version td {
	padding: 8px;
	border: 1px solid #825900;
}
.info_version th  {
	width: 264px;
	background-color: #300;
	font-weight: normal; color: #ffe666;
}
.info_version tr:first-child th,
.info_version tr:first-child td {
	background-color: #600;
	color: #ffe666; text-align: center;
}
.info_version .arealink {
	padding-top: 12px;
	font-size: 13px; line-height: 17px; color: #ccc; text-align: center; font-weight: normal;
	text-shadow: 0 0 5px #cc001e;
}
.info_version .arealink a {
	color: #ffe600;
	text-decoration: none;
}
.info_version .arealink a:link,
.info_version .arealink a:visited {
	color: #ffe600;
}
.info_version .arealink a:hover,
.info_version .arealink a:active {
	color: #ff0;
}
.info_version .arealink2 {
	padding-top: 12px;
	font-size: 12px; line-height: 16px; color: #ccc; text-align: center; font-weight: normal;
	text-shadow: 0 0 5px #cc001e;
}
.info_version .arealink2 a {
	color: #ffe600;
	text-decoration: none;
}
.info_version .arealink2 a:link,
.info_version .arealink2 a:visited {
	color: #ffe600;
}
.info_version .arealink2 a:hover,
.info_version .arealink2 a:active {
	color: #ff0;
}
.info_version table.type2 th  {
	width: 330px;
}
.info_version p span.note {
	font-size: 14px; line-height: 20px; color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", arial, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	text-shadow: 0 0 5px #cc001e;
}


/* .info_boab2018 / .info_tournament */
.info_boab2018 .title-info,
.info_tournament .title-info {
	background-image: url(../images/info/sec_bg_head.png);
}
.info_boab2018 h3 {
	padding-top: 48px;
	font-size: 24px; line-height: 34px; color: #ffe666; text-align: center;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
	background-image:url(../images/info/boab2018_logo.png);
	background-position: 908px 32px;
	background-repeat: no-repeat;
	background-size: 152px 106px;
}
.info_tournament h3 {
	padding-top: 60px;
	font-size: 24px; line-height: 34px; color: #ffe666; text-align: center;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
	background-image:url(../images/info/ufabcup2018_logo.png);
	background-position: 900px 32px;
	background-repeat: no-repeat;
	background-size: 163px 114px;
}
.info_boab2018 h3 .text1 {
	font-size: 36px; line-height: 42px; letter-spacing: 0.1em;
}
.info_tournament h3 .text1 {
	font-size: 37px; line-height: 43px; letter-spacing: 0.04em;
}
.info_boab2018 h3 .text2 {
	font-size: 19px; line-height: 29px; letter-spacing: 0.12em;
}
.info_tournament h3 .text2 {
	font-size: 18px; line-height: 28px;
}

.info_boab2018 h4,
.info_tournament h4 {
	padding-bottom: 24px;
	font-size: 26px; line-height: 30px; font-weight: normal; color: #ffe666; text-align: center; letter-spacing: 0.4em;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
}
.info_boab2018 .title,
.info_tournament .title {
	padding-bottom: 20px;
	font-size: 26px; line-height: 30px; color: #ffe666; text-align: center;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
}
.info_boab2018 .title2,
.info_tournament .title2 {
	padding-bottom: 20px;
	font-size: 26px; line-height: 30px; color: #ffe666; text-align: center; letter-spacing: 0.2em;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
}
.info_boab2018 .lead,
.info_tournament .lead {
	padding-bottom: 24px;
	font-size: 17px; line-height: 23px; color: #fff; text-align: center; font-weight: normal;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 5px #cc001e;
}
.info_boab2018 .lead2,
.info_tournament .lead2 {
	padding-bottom: 24px;
	margin-top: -8px;
	font-size: 13px; line-height: 17px; color: #fff; text-align: center;
	text-shadow: 0 0 5px #cc001e;
}
.info_boab2018 .lead span,
.info_boab2018 .lead2 span,
.info_tournament .lead span,
.info_tournament .lead2 span {
	color: #ffe666;
}
.info_boab2018 h5,
.info_tournament h5 {
	padding-left: 20px;
	font-size: 17px; line-height: 23px; color: #ffe666; font-weight: normal; vertical-align: text-bottom;
	background-image: url(../images/info/sec_icon_head.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}
.info_boab2018 h5 span,
.info_tournament h5 span {
	font-size: 16px;
}
.info_boab2018 .note,
.info_boab2018 .note_title,
.info_tournament .note,
.info_tournament .note_title {
	font-size: 14px; line-height: 20px; color: #fff; text-align: center; font-weight: normal;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 5px #cc001e;
}
.info_boab2018 .note_title,
.info_tournament .note_title {
	font-size: 15px; line-height: 31px;
}
.info_boab2018 .note span,
.info_tournament .note span {
	color: #fff;
}
.info_boab2018 table,
.info_tournament table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px; line-height: 20px;
}
.info_boab2018 th,
.info_boab2018 td,
.info_tournament th,
.info_tournament td {
	padding: 8px;
	border: 1px solid #825900;
}
.info_boab2018 th,
.info_tournament th {
	width: 264px;
	background-color: #300;
	font-weight: normal; color: #ffe666;
}
.info_boab2018 td span,
.info_tournament td span {
	color: #ffe666;
}
.info_boab2018 td span.que,
.info_tournament td span.que {
	color: #f99;
}
.info_boab2018 td span.ans,
.info_tournament td span.ans {
	color: #99e6ff;
}
.info_boab2018 td p,
.info_tournament td p {
	padding-left:1em; text-indent:-1em;
}
.info_boab2018 td p.type2,
.info_tournament td p.type2 {
	padding-left:2em; text-indent:-2em;
}

/* .info_boab2018 .preliminary / .info_tournament .preliminary */
.info_boab2018 .preliminary .arealink,
.info_tournament .preliminary .arealink {
	padding-bottom: 24px;
	font-size: 13px; line-height: 17px; color: #ccc; text-align: center; font-weight: normal;
	text-shadow: 0 0 5px #cc001e;
}
.info_boab2018 .preliminary .arealink a,
.info_tournament .preliminary .arealink a {
	color: #ffe600;
	text-decoration: none;
}
.info_boab2018 .preliminary .arealink a:link,
.info_boab2018 .preliminary .arealink a:visited,
.info_tournament .preliminary .arealink a:link,
.info_tournament .preliminary .arealink a:visited {
	color: #ffe600;
}
.info_boab2018 .preliminary .arealink a:hover,
.info_boab2018 .preliminary .arealink a:active,
.info_tournament .preliminary .arealink a:hover,
.info_tournament .preliminary .arealink a:active {
	color: #ff0;
}
.info_boab2018 .preliminary table,
.info_tournament .preliminary table {
	width: 100%;
	margin-top: 16px;
	border-collapse: collapse;
	font-size: 14px; line-height: 20px;
	text-align: center;
}
.info_boab2018 .preliminary .area,
.info_tournament .preliminary .area {
	padding: 8px;
	border: 1px solid #825900;
	text-align: center; letter-spacing: 0.1em;
	color: #ffe666;
	font-size: 18px; line-height: 24px;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	margin-bottom: -17px;
}
.info_boab2018 .preliminary table th {
	width: 70px;
}
.info_tournament .preliminary table th {
	width: 60px;
}
.info_boab2018 .preliminary table th,
.info_boab2018 .preliminary table td,
.info_tournament .preliminary table th,
.info_tournament .preliminary table td {
	padding: 8px;
	border: 1px solid #825900;
}
.info_boab2018 .preliminary table tr:first-child th,
.info_boab2018 .preliminary table tr:first-child td,
.info_tournament .preliminary table tr:first-child th,
.info_tournament .preliminary table tr:first-child td,
.info_tournament .preliminary table tr td.head {
	font-size: 12px; line-height: 16px;
	color: #dccc50;
}
.info_tournament .preliminary table tr td.head {
	width: 120px;
}
.info_boab2018 .preliminary table td.name {
	/*width: 320px;*//*ver1*/
	width: 280px;/*ver2*/
	text-align: left;
}
.info_tournament .preliminary table td.name {
	text-align: left;
}
.info_boab2018 .preliminary table td.day,
.info_tournament .preliminary table td.day {
	/*width: 160px;*//*ver1*/
	width: 136px;/*ver2*/
}
.info_boab2018 .preliminary table td.preblock,
.info_tournament .preliminary table td.preblock {
	width: 54px;
}
.info_boab2018 .preliminary table td.start,
.info_tournament .preliminary table td.start {
	/*width: 80px;*//*ver1*/
	width: 164px;/*ver2*/
}
/* 都道府県 個別指定 */
.info_tournament .preliminary table td.prefecture {
	width: 70px;
}

.info_boab2018 .preliminary #hkd .area,
.info_tournament .preliminary #hkd .area {
	background-color: #8c0000;
	margin-top: 24px;
}
.info_boab2018 .preliminary #hkd,
.info_tournament .preliminary #hkd {
	margin-top: -16px;
}

.info_boab2018 .preliminary #hkd table th,
.info_tournament .preliminary #hkd table th {
	background-color: #8c0000;
}
.info_boab2018 .preliminary #hkd table tr:first-child th,
.info_boab2018 .preliminary #hkd table tr:first-child td,
.info_tournament .preliminary #hkd table tr:first-child th,
.info_tournament .preliminary #hkd table tr:first-child td {
	background-color: #700;
	text-align: center;
}

.info_boab2018 .preliminary #thk .area,
.info_tournament .preliminary #thk .area {
	background-color: #b45a00;
	margin-top: 24px;
}
.info_boab2018 .preliminary #thk table th,
.info_tournament .preliminary #thk table th {
	background-color: #b45a00;
}
.info_boab2018 .preliminary #thk table th.second,
.info_tournament .preliminary #thk table th.second {
	background-color: #993c00;
}
.info_boab2018 .preliminary #thk table tr:first-child th,
.info_boab2018 .preliminary #thk table tr:first-child td,
.info_tournament .preliminary #thk table tr:first-child th,
.info_tournament .preliminary #thk table tr:first-child td {
	background-color: #993c00;
	text-align: center;
}

.info_boab2018 .preliminary #knt .area,
.info_tournament .preliminary #knt .area {
	background-color: #337800;
	margin-top: 24px;
}
.info_boab2018 .preliminary #knt table th,
.info_tournament .preliminary #knt table th {
	background-color: #337800;
}
.info_boab2018 .preliminary #knt table th.second,
.info_tournament .preliminary #knt table th.second {
	background-color: #1e5a0a;
}
.info_boab2018 .preliminary #knt table tr:first-child th,
.info_boab2018 .preliminary #knt table tr:first-child td,
.info_tournament .preliminary #knt table tr:first-child th,
.info_tournament .preliminary #knt table tr:first-child td {
	background-color: #1e5a0a;
	text-align: center;
}
.info_boab2018 .preliminary #knt table .stm,
.info_tournament .preliminary #knt table .stm {
	background-color: #507800;
}
.info_boab2018 .preliminary #knt table .cba,
.info_tournament .preliminary #knt table .cba {
	background-color: #33500a;
}
.info_boab2018 .preliminary #knt table .kng,
.info_tournament .preliminary #knt table .kng {
	background-color: #3c6e00;
}
.info_boab2018 .preliminary #knt table .tko,
.info_tournament .preliminary #knt table .tko {
	background-color: #00786e;
}
.info_boab2018 .preliminary #knt table .ymn,
.info_tournament .preliminary #knt table .ymn {
	background-color: #46500a;
}

.info_boab2018 .preliminary #tko .area,
.info_tournament .preliminary #tko .area {
	background-color: #00786e;
	margin-top: 24px;
}
.info_boab2018 .preliminary #tko table th,
.info_tournament .preliminary #tko table th {
	background-color: #00786e;
}
.info_boab2018 .preliminary #tko table th.second,
.info_tournament .preliminary #tko table th.second {
	background-color: #0a5a55;
}
.info_boab2018 .preliminary #tko table tr:first-child th,
.info_boab2018 .preliminary #tko table tr:first-child td,
.info_tournament .preliminary #tko table tr:first-child th,
.info_tournament .preliminary #tko table tr:first-child td {
	background-color: #0a5a55;
	text-align: center;
}
.info_boab2018 .preliminary table td.final,
.info_tournament .preliminary table td.final {
	background-color: #800;
}

.info_boab2018 .preliminary #tyb .area,
.info_tournament .preliminary #tyb .area {
	background-color: #3366b4;
	margin-top: 24px;
}
.info_boab2018 .preliminary #tyb table th,
.info_tournament .preliminary #tyb table th {
	background-color: #3366b4;
}
.info_boab2018 .preliminary #tyb table th.second,
.info_tournament .preliminary #tyb table th.second {
	background-color: #335099;
}
.info_boab2018 .preliminary #tyb table tr:first-child th,
.info_boab2018 .preliminary #tyb table tr:first-child td,
.info_tournament .preliminary #tyb table tr:first-child th,
.info_tournament .preliminary #tyb table tr:first-child td {
	background-color: #335099;
	text-align: center;
}
.info_boab2018 .preliminary #tyb table .gfu,
.info_tournament .preliminary #tyb table .gfu {
	background-color: #504678;
}
.info_boab2018 .preliminary #tyb table .ngt,
.info_tournament .preliminary #tyb table .ngt {
	background-color: #145082;
}
.info_boab2018 .preliminary #tyb table .ngn,
.info_tournament .preliminary #tyb table .ngn {
	background-color: #2878aa;
}
.info_boab2018 .preliminary #tyb table .tym,
.info_tournament .preliminary #tyb table .tym {
	background-color: #505099;
}

.info_boab2018 .preliminary #kns .area,
.info_tournament .preliminary #kns .area {
	background-color: #334699;
	margin-top: 24px;
}
.info_boab2018 .preliminary #kns table th,
.info_tournament .preliminary #kns table th {
	background-color: #334699;
}
.info_boab2018 .preliminary #kns table th.second,
.info_tournament .preliminary #kns table th.second {
	background-color: #232d78;
}
.info_boab2018 .preliminary #kns table tr:first-child th,
.info_boab2018 .preliminary #kns table tr:first-child td,
.info_tournament .preliminary #kns table tr:first-child th,
.info_tournament .preliminary #kns table tr:first-child td {
	background-color: #232d78;
	text-align: center;
}
.info_boab2018 .preliminary #kns table .wky,
.info_tournament .preliminary #kns table .wky {
	background-color: #1e5a99;
}
.info_boab2018 .preliminary #kns table .sga,
.info_tournament .preliminary #kns table .sga {
	background-color: #143c78;
}
.info_boab2018 .preliminary #kns table .hyg,
.info_tournament .preliminary #kns table .hyg {
	background-color: #464699;
}
.info_boab2018 .preliminary #kns table .kyt,
.info_tournament .preliminary #kns table .kyt {
	background-color: #332878;
}

.info_boab2018 .preliminary #cgk .area,
.info_tournament .preliminary #cgk .area {
	background-color: #503c99;
	margin-top: 24px;
}
.info_boab2018 .preliminary #cgk table th,
.info_tournament .preliminary #cgk table th {
	background-color: #503c99;
}
.info_boab2018 .preliminary #cgk table th.second,
.info_tournament .preliminary #cgk table th.second {
	background-color: #332878;
}
.info_boab2018 .preliminary #cgk table tr:first-child th,
.info_boab2018 .preliminary #cgk table tr:first-child td,
.info_tournament .preliminary #cgk table tr:first-child th,
.info_tournament .preliminary #cgk table tr:first-child td {
	background-color: #332878;
	text-align: center;
}
.info_boab2018 .preliminary #cgk table .kgw,
.info_tournament .preliminary #cgk table .kgw {
	background-color: #663c99;
}
.info_boab2018 .preliminary #cgk table .oky,
.info_tournament .preliminary #cgk table .oky {
	background-color: #462878;
}
.info_boab2018 .preliminary #cgk table .ymg,
.info_tournament .preliminary #cgk table .ymg {
	background-color: #464699;
}

.info_boab2018 .preliminary #ksy .area,
.info_tournament .preliminary #ksy .area {
	background-color: #6e3c99;
	margin-top: 24px;
}
.info_boab2018 .preliminary #ksy table th,
.info_tournament .preliminary #ksy table th {
	background-color: #6e3c99;
}
.info_boab2018 .preliminary #ksy table th.second,
.info_tournament .preliminary #ksy table th.second {
	background-color: #5a2878;
}
.info_boab2018 .preliminary #ksy table tr:first-child th,
.info_boab2018 .preliminary #ksy table tr:first-child td,
.info_tournament .preliminary #ksy table tr:first-child th,
.info_tournament .preliminary #ksy table tr:first-child td {
	background-color: #5a2878;
	text-align: center;
}
.info_boab2018 .preliminary #ksy table .ngs,
.info_tournament .preliminary #ksy table .ngs {
	background-color: #661466;
}
.info_boab2018 .preliminary #ksy table .okn,
.info_tournament .preliminary #ksy table .okn {
	background-color: #781e50;
}
/*.info_tournament .preliminary div.mg_minus {
	 margin-top: -8px;
}*/

/* .info_boab2018 .preliminary RESULT / info_tournament */
.info_boab2018 .preliminary table td.state,
.info_tournament .preliminary table td.state {
	width: 80px;
}
.info_boab2018 .preliminary table td.player,
.info_tournament .preliminary table td.player {
	width: 210px;
}
.info_boab2018 .preliminary table td.chara,
.info_tournament .preliminary table td.chara {
	width: 210px;
}
.info_boab2018 .preliminary table td.photo,
.info_tournament .preliminary table td.photo {
	width: 120px;
}
/* 2名用写真 */
.info_tournament .preliminary table td.photo2 {
	width: 276px;
}
.info_boab2018 .preliminary div.final_hkd,
.info_tournament .preliminary div.final_hkd {
	margin-top: 8px;
}
.info_boab2018 .preliminary div.final,
.info_tournament .preliminary div.final {
	margin-top: -16px;
}
.info_boab2018 .preliminary table td.left,
.info_tournament .preliminary table td.left {
	text-align: left;
}
.info_boab2018 .preliminary table td.second,
.info_tournament .preliminary table td.second {
	background-color: #1e1e1e;
}

/* .info_boab2018 fainal / .info_tournament fainal */
.info_boab2018 .crown {
	margin-top: -12px;
}
.info_boab2018 .crown,
.info_boab2018 .characters {
	width: 100%;
	/*margin-top: 4px;*/
	font-size: 0; text-align: center;
}
.info_boab2018 .crown li,
.info_boab2018 .characters li {
	width: 61px;
	display: inline-block; vertical-align: top;
}
.info_boab2018 .characters li.p01 {background-image: url(../images/info/boab2018_final/playable01.png);}
.info_boab2018 .characters li.p02 {background-image: url(../images/info/boab2018_final/playable02.png);}
.info_boab2018 .characters li.p03 {background-image: url(../images/info/boab2018_final/playable03.png);}
.info_boab2018 .characters li.p04 {background-image: url(../images/info/boab2018_final/playable04.png);}
.info_boab2018 .characters li.p05 {background-image: url(../images/info/boab2018_final/playable05.png);}
.info_boab2018 .characters li.p06 {background-image: url(../images/info/boab2018_final/playable06.png);}
.info_boab2018 .characters li.p07 {background-image: url(../images/info/boab2018_final/playable07.png);}
.info_boab2018 .characters li.p08 {background-image: url(../images/info/boab2018_final/playable08.png);}
.info_boab2018 .characters li.p09 {background-image: url(../images/info/boab2018_final/playable09.png);}
.info_boab2018 .characters li.p10 {background-image: url(../images/info/boab2018_final/playable10.png);}
.info_boab2018 .characters li.unkn {background-image: url(../images/info/boab2018_final/playable_non.png);}

.info_boab2018 .characters li {opacity: 0.7;}
.info_boab2018 .characters li:nth-child(2) {opacity: 1;}
.info_boab2018 .characters li:nth-child(6) {opacity: 1;}
.info_boab2018 .characters li:nth-child(9) {opacity: 1;}
.info_boab2018 .characters li:nth-child(15) {opacity: 1;}

.info_tournament .list_playable {
	margin-top: -8px;
}

/* .tree */

.info_boab2018 .tree {
	width: 980px; height: 504px;
	margin-top: 32px;
	background-image: url(../images/info/boab2018_final/tree_bg.png);
	background-repeat: no-repeat;
	display: table;
}
.info_tournament .tree {
	width: 980px; height: 568px;
	margin-top: 24px;
	background-image: url(../images/info/ufabcup2018_final/tree_bg.png);
	background-repeat: no-repeat;
	display: table;
}

.info_boab2018 .tree .tree_line {
	width: 500px;
	display: table-cell; vertical-align: top;
	background-image: url(../images/info/boab2018_final/tree_line_bg.png);
	background-repeat: no-repeat;
}
.info_tournament .tree .tree_line {
	width: 396px;
	display: table-cell; vertical-align: top;
	background-image: url(../images/info/ufabcup2018_final/tree_line_bg.png);
	background-repeat: no-repeat;
}
.info_boab2018 .tree ul {
	width: 240px;
	display: table-cell; vertical-align: top;
}
.info_tournament .tree ul {
	width: 292px;
	display: table-cell; vertical-align: top;
}
.info_boab2018 .tree li {
	width: 236px;
	margin-top: 8px;
	display: table;
	background-color: #300;
	border: #825900 2px solid;
}
.info_tournament .tree li {
	width: 288px;
	margin-top: 8px;
	display: table;
	background-color: #300;
	border: #825900 2px solid;
}
.info_boab2018 .tree li:first-child,
.info_tournament .tree li:first-child {
	margin-top: 0;
}
.info_boab2018 .tree .name,
.info_tournament .tree .name {
	display: table-cell; vertical-align: middle;
	text-align: center;
}
.info_boab2018 .tree .name p:nth-child(1),
.info_tournament .tree .name p:nth-child(1) {
	font-size: 12px; line-height: 18px; color: #ffe666;
}
.info_boab2018 .tree .name p:nth-child(2),
.info_tournament .tree .name p:nth-child(2) {
	font-size: 14px; line-height: 20px; color: #fff;
}
.info_boab2018 .tree .name p:nth-child(2) span,
.info_tournament .tree .name p:nth-child(2) span {
	font-size: 11px;
}
.info_boab2018 .tree .name p:nth-child(2) span.bold,
.info_tournament .tree .name p:nth-child(2) span.bold {
	font-weight: bold;
	font-size: 14px; line-height: 20px; color: #fff;
}
.info_boab2018 .tree .ply,
.info_tournament .tree .ply {
	width: 52px; height: 52px;
	display: table-cell; vertical-align: middle;
}
.info_boab2018 .tree .tree_left .ply,
.info_tournament .tree .tree_left .ply {
	border-left: #825900 2px solid;
}
.info_boab2018 .tree .tree_right .ply,
.info_tournament .tree .tree_right .ply {
	border-right: #825900 2px solid;
}

.info_boab2018 .tree li.winner,
.info_tournament .tree li.winner {
	background-color: #b40000;
	border: #ffb400 2px solid;
}
.info_boab2018 .tree li.winner .name p:nth-child(2),
.info_tournament .tree li.winner .name p:nth-child(2) {
	font-size: 16px;
}
.info_boab2018 .tree .tree_left .winner .ply,
.info_tournament .tree .tree_left .winner .ply {
	border-left: #ffb400 2px solid;
}
.info_boab2018 .tree .tree_right .winner .ply,
.info_tournament .tree .tree_right .winner .ply {
	border-right: #ffb400 2px solid;
}
.info_tournament .tree li#youtube {
	width: 292px;
	margin-top: 16px;
	background-color: #fff;
	border: 0;
}
.info_tournament .tree li .youtube a {
	width: 292px;
	margin: 0;
	display: block;
	opacity: 1;
}
.info_tournament .tree li .youtube a:hover {
	opacity: 0.9;
}

/* .best4 */
.info_boab2018 .best4,
.info_tournament .best4 {
	width: 100%;
	margin-top: 16px;
	font-size: 0;
}
.info_boab2018 .best4 li,
.info_tournament .best4 li {
	width: 446px; height: 144px;
	padding: 16px;
	display: inline-block; vertical-align: top;
	position: relative;
	border: #825900 1px solid;
}
.info_boab2018 .best4 li:nth-child(1),
.info_tournament .best4 li:nth-child(1) {
	border: #ffb400 1px solid;
	margin-bottom: 20px; margin-right: 20px;
}
.info_boab2018 .best4 li:nth-child(2),
.info_tournament .best4 li:nth-child(2) {
	border: #787d82 1px solid;
	margin-bottom: 20px;
}
.info_boab2018 .best4 li:nth-child(3),
.info_tournament .best4 li:nth-child(3) {
	margin-right: 20px;
}
.info_boab2018 .best4 li:before,
.info_tournament .best4 li:before {
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0;
	display: block;
	content: '';
	opacity: 1.0;
}
.info_boab2018 .best4 li:nth-child(1):before {background-image: url(../images/info/boab2018_final/best4_bg01.jpg); background-repeat: no-repeat;}
.info_boab2018 .best4 li:nth-child(2):before {background-image: url(../images/info/boab2018_final/best4_bg02.jpg); background-repeat: no-repeat;}
.info_boab2018 .best4 li:nth-child(3):before {background-image: url(../images/info/boab2018_final/best4_bg03_1.jpg); background-repeat: no-repeat;}
.info_boab2018 .best4 li:nth-child(4):before {background-image: url(../images/info/boab2018_final/best4_bg03_2.jpg); background-repeat: no-repeat;}
.info_tournament .best4 li:nth-child(1):before {background-image: url(../images/info/ufabcup2018_final/best4_bg01.jpg); background-repeat: no-repeat;}
.info_tournament .best4 li:nth-child(2):before {background-image: url(../images/info/ufabcup2018_final/best4_bg02.jpg); background-repeat: no-repeat;}
.info_tournament .best4 li:nth-child(3):before {background-image: url(../images/info/ufabcup2018_final/best4_bg03_1.jpg); background-repeat: no-repeat;}
.info_tournament .best4 li:nth-child(4):before {background-image: url(../images/info/ufabcup2018_final/best4_bg03_2.jpg); background-repeat: no-repeat;}

.info_boab2018 .best4 li p,
.info_tournament .best4 li p {
	float: left;
	position: relative; z-index: 1;
	font-size: 12px; line-height: 16px; color: #ffe666;
}
.info_boab2018 .best4 li p:nth-child(1),
.info_tournament .best4 li p:nth-child(1) {
	width: 100%;
	padding-bottom: 16px;
	font-size: 18px; line-height: 18px;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; font-weight: normal;
	margin-left: 32px;
}
.info_boab2018 .best4 li p:nth-child(1).no2,
.info_tournament .best4 li p:nth-child(1).no2 {
	letter-spacing: 2px;
	margin-left: 36px;
}
.info_boab2018 .best4 li p:nth-child(1).no1,
.info_tournament .best4 li p:nth-child(1).no1 {
	font-size: 20px; line-height: 18px;
	letter-spacing: 1px;
	margin-left: 36px;
}
.info_boab2018 .best4 li p:nth-child(2),
.info_tournament .best4 li p:nth-child(2) {
	width: 104px; height: 110px;
	padding-right: 16px;
}
.info_boab2018 .best4 li p:nth-child(3),
.info_tournament .best4 li p:nth-child(3) {
	margin-top: -2px; 
}
.info_boab2018 .best4 li p:nth-child(3),
.info_boab2018 .best4 li p:nth-child(4),
.info_boab2018 .best4 li p:nth-child(5){
	width: 320px;
	padding-bottom: 16px;
	background-image: url(../images/info/boab2018_final/best4_line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.info_tournament .best4 li p:nth-child(3),
.info_tournament .best4 li p:nth-child(4),
.info_tournament .best4 li p:nth-child(5){
	width: 320px;
	padding-bottom: 16px;
	background-image: url(../images/info/ufabcup2018_final/best4_line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.info_boab2018 .best4 li.winner p:nth-child(3),
.info_boab2018 .best4 li.winner p:nth-child(4),
.info_boab2018 .best4 li.winner p:nth-child(5){
	background-image: url(../images/info/boab2018_final/best4_line_winner.png);
}
.info_tournament .best4 li.winner p:nth-child(3),
.info_tournament .best4 li.winner p:nth-child(4),
.info_tournament .best4 li.winner p:nth-child(5){
	background-image: url(../images/info/ufabcup2018_final/best4_line_winner.png);
}
.info_boab2018 .best4 li p:nth-child(6),
.info_tournament .best4 li p:nth-child(6){
	width: 320px;
}
.info_boab2018 .best4 li p:nth-child(3) span,
.info_tournament .best4 li p:nth-child(3) span {
	font-size: 15px; line-height: 16px; color: #fff;
}
.info_boab2018 .best4 li p:nth-child(3) span.s,
.info_tournament .best4 li p:nth-child(4) span.s,
.info_tournament .best4 li p:nth-child(5) span.s,
.info_tournament .best4 li p:nth-child(6) span.s {
	font-size: 12px;
}
.info_boab2018 .best4 li p:nth-child(4) span,
.info_boab2018 .best4 li p:nth-child(5) span,
.info_tournament .best4 li p:nth-child(4) span,
.info_tournament .best4 li p:nth-child(5) span {
	font-size: 14px; line-height: 16px; color: #fff;
}
.info_boab2018 .best4 li p:nth-child(6) span,
.info_tournament .best4 li p:nth-child(6) span {
	font-size: 13px; line-height: 16px; color: #fff;
}

/* .players */
.info_boab2018 .players,
.info_tournament .players {
	width: 100%;
	margin-top: 16px;
	font-size: 0;
}
.info_boab2018 .players li,
.info_tournament .players li {
	width: 302px; height: 68px;
	margin: 0 10px 10px 0; padding: 8px;
	display: inline-block; vertical-align: top;
	border: #825900 1px solid;
	background-color: #300;
}
.info_boab2018 .players li:nth-child(3n),
.info_tournament .players li:nth-child(3n) {
	margin-right: 0;
}
.info_boab2018 .players li:last-child,
.info_tournament .players li:last-child {
	margin-bottom: 0;
}
.info_boab2018 .players li p,
.info_tournament .players li p {
	width: 226px;
	float: left;
	font-size: 11px; line-height: 17px; color: #fff;
}
.info_boab2018 .players li p:nth-child(1),
.info_tournament .players li p:nth-child(1) {
	width: 68px;
	padding-right: 8px;
}
.info_boab2018 .players li p:nth-child(2),
.info_tournament .players li p:nth-child(2) {
	font-size: 12px; line-height: 18px; color: #ffe666;
}
.info_boab2018 .players li p:nth-child(3),
.info_tournament .players li p:nth-child(3) {
	font-size: 13px; line-height: 19px;
}
.info_boab2018 .players li p:nth-child(3) span {
	font-size: 11px;
}
.info_tournament .players li p:nth-child(3) span {
	font-size: 11px; color: #ffe666;
}


/* .info_playerssite */
.info_playerssite  h3 {
	padding: 64px 0 32px 0;
	font-size: 26px; line-height: 30px; color: #ffe666; text-align: center; font-weight: 600;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
	background-image: url(../images/info/sec_bg_head.png);
}
.info_playerssite .box-info {
	font-size: 17px; line-height: 31px; color: #fff; text-align: center; font-weight: 400;
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 0 0 10px #cc001e;
}
.info_playerssite .box-info .lead2 {
	padding-top: 20px;
}
.info_playerssite .box-info .note {
	font-size: 15px; line-height: 23px; font-weight: 200; text-align: left;
	text-indent: -1em;
	padding-left: 2em;
	margin-top: 8px;
}
.info_playerssite .box-info .note2 {
	width: 650px;
	font-size: 15px; line-height: 23px; font-weight: 200;
	margin: -4px auto 16px auto;
}
.info_playerssite .box-info .line-solid {
	border-bottom: solid;
	border-color: #b49900;
	border-width: 1px;
}
.info_playerssite .box-info .line-dotted {
	border-bottom: dotted;
	border-color: #c00;
	border-width: 2px;
}
.info_playerssite .box-info .line-dashed {
	border-bottom: dashed;
	border-color: #b49900;
	border-width: 1px;
}
.info_playerssite .box-info .line-double {
	border-bottom: double;
	border-color: #b49900;
	border-width: 3px;
}
.info_playerssite .box-info .line-marker {
	background: linear-gradient(transparent 50%, #900 50%);
}
.info_playerssite table {
	margin: 16px auto;
	border-collapse: collapse;
}
.info_playerssite th,
.info_playerssite td {
	padding: 12px;
	border: 1px solid #825900; font-weight: 500;
}
.info_playerssite th.type1,
.info_playerssite th.type2 {
	width: 340px;
	background-color: #300;
	color: #ffe666;
	font-size: 18px; line-height: 32px;
}
.info_playerssite td.type1,
.info_playerssite td.type2 {
	width: 260px;
	color: #fff;
	font-size: 20px; line-height: 32px;
}
.info_playerssite th.type2 {
	font-size: 17px; line-height: 26px;
}
.info_playerssite td.type2 {
	font-size: 18px; line-height: 26px;
}
.info_playerssite .box1 {
	width: 650px;
	padding: 0;
    margin: 40px auto 36px auto;
    border: solid 1px #825900;
	background-color: #2c0000;
}
.info_playerssite .box1 p {
	padding: 20px;
	font-size: 16px; line-height: 30px; color: #fff; text-align: center; font-weight: 400;
}
.info_playerssite .box1 p span {
	color: #ffe666;
}


/* ================================================
 Special
--------------------------------------------------- */
.special .chara-bg {
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/special/bg_flare.png);
}
.anime .special .chara-bg {
	background: none;
}
.special .chara-bg:after {
	width: 100%; height: 700px;
	position: absolute; left: 0; top: 0; z-index: -1;
	content: "";
	display: block;
	background-image: url(../images/chara/bg_flare.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform-origin: center top;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}
.anime .special .chara-bg:after {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.special .chara-bg .block {
	position: relative;
	z-index: 1;
}
.special h2 {
	padding-top: 40px; padding-bottom: 20px;
}
.special .list {
	width: 1008px;
	margin: 0 auto;
	font-size: 0;
}
.special .list li {
	width: 320px;
	margin: 0 8px 10px 8px;
	display: inline-block; vertical-align: top;
}
.special .list a {
	width: 310px; height: 210px;
	padding: 5px;
	display: block;
	background-repeat: no-repeat;
}
.special .list a:hover img {
	opacity: 0.85;
}
.special .list .maablive a {background-image: url(../images/special/maablive_bg.png);}
.special .list .goziline100 a {background-image: url(../images/special/goziline100_bg.png);}
.special .list .goziline100 a {height: 230px;}
.special .list .beginner a {background-image: url(../images/special/beginner_bg.png);}

/* ================================================
 space
--------------------------------------------------- */
.mg4 {
	 margin-top: 4px;
}
.mg8 {
	 margin-top: 8px;
}
.mg12 {
	 margin-top: 12px;
}
.mg16 {
	 margin-top: 16px;
}
.mg {
	 margin-top: 24px;
}
.mg32 {
	 margin-top: 32px;
}
.mg40 {
	 margin-top: 40px;
}
.pd4 {
	 padding-top: 4px;
}
.pd8 {
	 padding-top: 8px;
}
.pd12 {
	 padding-top: 12px;
}
.pd16 {
	 padding-top: 16px;
}
.pd {
	 padding-top: 24px;
}
.pd32 {
	 padding-top: 32px;
}
.pd40 {
	 padding-top: 40px;
}
.pgB4 {
	 padding-bottom: 4px;
}
.pgB8 {
	 padding-bottom: 8px;
}
.pgB12 {
	 padding-bottom: 12px;
}
.pgB16 {
	 padding-bottom: 16px;
}
.pgB20 {
	 padding-bottom: 20px;
}
.pgB {
	 padding-bottom: 24px;
}
.pgB32 {
	 padding-bottom: 32px;
}
.pgB40 {
	 padding-bottom: 40px;
}

/* ================================================
 .particle
--------------------------------------------------- */
#particle {
	width: 100%; height: 100%;
	position: fixed; left: 0; top: 0; z-index: -10;
	animation-fill-mode: both;
}
#particle p {
	width: 10px; height: 10px;
	position: absolute;
	display: block;
	pointer-events: none;
}
#particle p:nth-child(9n+1),
#particle p:nth-child(9n+2),
#particle p:nth-child(9n+3),
#particle p:nth-child(9n+4),
#particle p:nth-child(9n+5) {background-image: url(../images/common/ball/ball_S.png);}
#particle p:nth-child(9n+6) {background-image: url(../images/common/ball/ball_M.png);}
#particle p:nth-child(9n+7),
#particle p:nth-child(9n+8),
#particle p:nth-child(9n)   {background-image: url(../images/common/ball/ball_L.png);}

@keyframes particle1 {
	0%  {top: 100%; left: 0%;}
	100%{top:-20px; left: 50%;}
}
@keyframes particle2 {
	0%  {top: 100%; left: 10%;}
	100%{top:-20px; left: 65%;}
}
@keyframes particle3 {
	0%  {top: 100%; left: 20%;}
	100%{top:-20px; left: 80%;}
}
@keyframes particle4 {
	0%  {top: 100%; left: 30%;}
	100%{top:-20px; left: 95%;}
}
@keyframes particle5 {
	0%  {top: 100%; left: 40%;}
	100%{top:-20px; left: 110%;}
}
@keyframes particle6 {
	0%  {top: 100%; left: 50%;}
	100%{top:-20px; left: 125%;}
}
@keyframes particle7 {
	0%  {top: 100%; left: 60%;}
	100%{top:-20px; left: 140%;}
}
@keyframes particle8 {
	0%  {top: 100%; left: 50%;}
	100%{top:-20px; left: 75%;}
}
@keyframes particle9 {
	0%  {top: 100%; left: 10%;}
	100%{top:-20px; left: 30%;}
}
@keyframes particle10 {
	0%  {top: 100%; left: 40%;}
	100%{top:-20px; left: 70%;}
}
@-webkit-keyframes particle1 {
	0%  {top: 100%; left: 0%;}
	100%{top:-20px; left: 50%;}
}
@-webkit-keyframes particle2 {
	0%  {top: 100%; left: 10%;}
	100%{top:-20px; left: 65%;}
}
@-webkit-keyframes particle3 {
	0%  {top: 100%; left: 20%;}
	100%{top:-20px; left: 80%;}
}
@-webkit-keyframes particle4 {
	0%  {top: 100%; left: 30%;}
	100%{top:-20px; left: 95%;}
}
@-webkit-keyframes particle5 {
	0%  {top: 100%; left: 40%;}
	100%{top:-20px; left: 110%;}
}
@-webkit-keyframes particle6 {
	0%  {top: 100%; left: 50%;}
	100%{top:-20px; left: 125%;}
}
@-webkit-keyframes particle7 {
	0%  {top: 100%; left: 60%;}
	100%{top:-20px; left: 140%;}
}
@-webkit-keyframes particle8 {
	0%  {top: 100%; left: 50%;}
	100%{top:-20px; left: 75%;}
}
@-webkit-keyframes particle9 {
	0%  {top: 100%; left: 10%;}
	100%{top:-20px; left: 30%;}
}
@-webkit-keyframes particle10 {
	0%  {top: 100%; left: 40%;}
	100%{top:-20px; left: 70%;}
}

@keyframes particleS1 {
	0%  {margin-left: 0px;}
	100%{margin-left: 20px;}
}
@keyframes particleS2 {
	0%  {margin-left: 0px;}
	100%{margin-left: 60px;}
}
@keyframes particleS3 {
	0%  {margin-left: 0px;}
	100%{margin-left: 80px;}
}
@keyframes particleS4 {
	0%  {margin-left: -50px;}
	100%{margin-left: 10px;}
}
@keyframes particleS5 {
	0%  {margin-left: -50px;}
	100%{margin-left: 30px;}
}
@keyframes particleS6 {
	0%  {margin-left: -50px;}
	100%{margin-left: 50px;}
}

@-webkit-keyframes particleS1 {
	0%  {margin-left: 0px;}
	100%{margin-left: 20px;}
}
@-webkit-keyframes particleS2 {
	0%  {margin-left: 0px;}
	100%{margin-left: 60px;}
}
@-webkit-keyframes particleS3 {
	0%  {margin-left: 0px;}
	100%{margin-left: 80px;}
}
@-webkit-keyframes particleS4 {
	0%  {margin-left: -50px;}
	100%{margin-left: 10px;}
}
@-webkit-keyframes particleS5 {
	0%  {margin-left: -50px;}
	100%{margin-left: 30px;}
}
@-webkit-keyframes particleS6 {
	0%  {margin-left: -50px;}
	100%{margin-left: 50px;}
}