@charset "UTF-8";

body {
	background: #1c1c1c;
	color: #fff;
}
a {
	color: #fff;
	text-decoration: none;
}

#lang {
	width: 100%;
	height: 31px;
	background: #1a1a1a;
	text-align: center;
}
#lang li {
	display: inline-block;
	height: 31px;
}
#lang li a,
#lang li p {
	background-position: 0 -31px;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#lang li.ja {
	width: 66px;
}
#lang li.ja a,
#lang li.ja p {
	background-image: url(../img/lang_ja.png);
	background-size: 66px 62px;
}
#lang li.en {
	width: 75px;
}
#lang li.en a,
#lang li.en p {
	background-image: url(../img/lang_en.png);
	background-size: 75px 62px;
}
#lang li.active a,
#lang li.active p {
	background-position: 0 0;
}

#top {
	padding: 25px 0 15px;
	text-align: center;
}

.vote-banner {
  background: #1c1c1c;
  padding: 0 10px 15px 10px;
}
.vote-banner img {
  width: 100%;
}

#list ul:after {
	content: "";
	display: block;
	clear: both;
}
#list h2 {
	background: #464646;
	color: #fff;
	font-size: 13px;
	line-height: 1em;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0 auto 10px auto;
	text-align: center;
}
#list ul {
  display: flex;
  flex-wrap: wrap;
	justify-content: stretch;
}
#list li {
	width: 44%;
	margin: 0 3% 30px 3%;
}
#list li a {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#list li .jacket {
	margin-bottom: 10px;
}
#list li .jacket img {
	width: 100%;
}
#list li .lead {
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 1.6em;
	height: 1%;
	flex-grow: 1;
}
#list li .lead.comingsoon {
	text-align: center;
}
#list li .link {
	background-image: url(../img/link_arrow.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 21px 25px;
	padding: 0 21px 0 0;
	text-align: center;
}
#list li .link.link1 { background-color: #4a2025; }
#list li .link.link2 { background-color: #27425e; }
#list li .link.link3 { background-color: #000; }
#list li .link.link4 { background-color: #73633e; }
#list li .link.link5 { background-color: #6c6b6c; }
#list li .link.link6 { background-color: #146075; }
#list li .link.link7 { background-color: #323c4d; }
#list li .link.link8 { background-color: #2b2e33; }
#list li .link.link10 { background-color: #422d4e; }
#list li .link.link11 { background-color: #52592b; }
#list li .link.link12 { background-color: #766c76; }
#list li .link.link13 { background-color: #204037; }
#list li .link.link14 { background-color: #a77c44; }
#list li .link.link15 { background-color: #51181c; }
#list li .link.link16 { background-color: #193740; }
#list li .link.link17 { background-color: #34345e; }
#list li .link.link18 { background-color: #556285; }
#list li .link.link19 { background-color: #146075; }
#list li .link.link20 { background-color: #6f3838; }
#list li .link.link21 { background-color: #2c2d33; }
#list li .link.link22 { background-color: #39445d; }
#list li .link.link23 { background-color: #6a2424; }
#list li .link.link24 { background-color: #7a810c; }
#list li .link.link25 { background-color: #2e355a; }
#list li .link.link25 { background-color: #2c2e37; }
#list li .link.link27 { background-color: #544e76; }
#list li .link.link28 { background-color: #452b3b; }
#list li .link.link29 { background-color: #627788; }
#list li .link.link30 { background-color: #4cacd4; }
#list li .link.link31 { background-color: #6c1a1f; }
#list li .link.link32 { background-color: #7a7e8b; }
#list li .link.link33 { background-color: #55484c; }
#list li .link.link34 { background-color: #1c3b53; }
#list li .link.link35 { background-color: #39a2dc; }
#list li .link.link36 { background-color: #4b3727; }
#list li .link.link37 { background-color: #4297a1; }
#list li .link.link38 { background-color: #46436d; }
#list li .link.link39 { background-color: #4b414c; }
#list li .link.link40 { background-color: #5a616c; }
#list li .link.link41 { background-color: #4f383e; }
#list li .link.link42 { background-color: #7b7449; }
#list li .link.link43 { background-color: #1a7e95; }
#list li .link.link44 { background-color: #a47548; }
#list li .link.link45 { background-color: #122d44; }
#list li .link.link46 { background-color: #b38746; }
#list li .link.link47 { background-color: #8f6b27; }
#list li .link.link48 { background-color: #f20504; }
#list li .link.link49 { background-color: #f20504; }
#list li .link.link50 { background-color: #39a2dc; }
#list li .link.link51 { background-color: #f20504; }
#list li .link.link52 { background-color: #f20504; }
#list li .link.link53 { background-color: #f20504; }
#list li .link.link54 { background-color: #6000e0; }
#list li .link.link55 { background-color: #f20504; }
#list li .link.link56 { background-color: #f20504; }
#list li .link.link57 { background-color: #f20504; }
#list li .link.link58 { background-color: #442426; }
#list li .link.link59 { background-color: #2d6d6e; }
#list li .link.link60 { background-color: #18334a; }
#list li .link.link61 { background-color: #b73bbb; }
#list li .link.link62 { background-color: #7f7516; }
#list li .link.link63 { background-color: #1b8e81; }
#list li .link.link64 { background-color: #626667; }
#list li .link.link65 { background-color: #32273f; }
#list li .link.link66 { background-color: #3f8faf; }
#list li .link.link67 { background-color: #6c5755; }
#list li .link.link68 { background-color: #20447d; }
#list li .link.link69 { background-color: #f20504; }


#links {
	padding: 30px 0 20px 0;
}
#links .official a {
	border: #777777 1px solid;
	background-image: url(../img/link_arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 21px 25px;
	background-color: #000;
	margin: 0 3% 5px 3%;
	padding: 12px 21px 12px 15px;
	font-size: 12px;
	line-height: 1em;
	display: block;
}
#links .primals {
  margin: 0 3% 25px 3%;
  text-align: center;
} 
#links .primals a {
  color: #fff;
  text-decoration: none;
}
#links .primals img {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
#links .primals img .label {
  font-size: 11px;
  display: block;
}