@charset "shift_jis";
/*** 全体 ***/
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	word-break:break-all;
}
html, body {
	background-color:#000;
	font-size:16px;
	line-height:1.25;
	color:#CCC;
}
/*hr {
	margin:1rem auto;
	height:2px;
	border:none;
	background-color:#999;
}*/
.iPhoneBody {
	background-color:#000;
}
.panel {
	display:none;
	position:absolute;
	width:100%;
}
.active {
	display:block;
}
/*** リード ***/
.lead {
	margin:10px;
	/*padding:10px;*/
	font-size:14px;
	text-align:left;
	color:#a9a9a9;
	background-color:#000;
}
.lead p {
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
/*** プロフィールボタン ***/
.prof_btn {
	margin:10px;
	/*padding:10px;*/
	text-align:center;
}
.prof_btn a {
	display:block;
}
/*** コーナータイトル ***/
.menuBox {
	text-align:center;
}
/*** ミッションボタン ***/
.missionBox {
	text-align:center;
}
.missionBox > a {
	display:block;
	background-color:#282828;
	background-image:url(img/mission_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center bottom;
}
.missionBox > .text {
	padding:5px;
	font-size:14px;
	text-align:left;
}
.missionBox > .link {
	padding-right:1.5%;
	font-size:small;
	text-align:right;
	color:#F00;
}
/*** ミッションページ ***/
.attackBox {
	text-align:center;
}
.attackBox li {
	padding:5px 5px 0 5px;
	background-color:#002b46;
	background-image:url(img/attack_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center bottom;
}
.attackBox li.now {
	background-color:#3c0000;
	background-image:url(img/attack_bg_now.jpg);
}
.attackBox li > div {
	padding:5px 5px 0 5px;
	display:table;
	width:100%;
	font-size:0;
}
.attackBox li div > p {
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
.attackBox li div > p.turn,
.attackBox li div > p.name {
	width:50%;
}
.attackBox li div > p.img {
	width:40%;
	min-height:100px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.attackBox li div > p.img img {
	width:140%;
	height:auto;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
}
.attackBox li div > p.img img[src*="status_"] {
	width:100%;
	height:auto;
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}
.attackBox li div > p.link {
	padding-left:10px;
	width:60%;
	font-size:16px;
}
.attackBox li div > p.link a {
	margin:10px auto;
	padding:8px 0;
	display:block;
	text-decoration:none;
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3),0 0 5px #FFF inset;
}
.attackBox li div > p.link a.twitter {
	background-color:#0068b7;
}
.attackBox li div > p.link a.moment {
	background-color:#e4007f;
}
.attackBox li div > p.link a.report {
	background-color:#eb6100;
}
.attackBox li div > p.link span {
	margin:10px auto;
	padding:8px 0;
	display:block;
	border-radius:5px;
	color:#999;
	background-color:#666;
	opacity:0.9;
}
/*** TotalResult＆まとめて読むボタン ***/
.totalresult_btn,
.matometeyomu_btn {
	margin:0 10px;
	text-align:center;
}
.totalresult_btn img,
.matometeyomu_btn img {
	width:100%;
	border-radius:10px;
}
.totalresult_btn img {
	border:outset 2px #9E37EB;
}
.matometeyomu_btn img {
	border:outset 2px #E4007F;
}
.totalresult_btn a,
.matometeyomu_btn a {
	display:block;
	border-radius:10px;
}
/*** プロフィールページ ***/
.profBox {
	text-align:center;
}
.profBox li {
	/*padding:5px 5px 0 5px;*/
	background-color:#000;
}
.profBox li > div {
	/*padding:5px 5px 0 5px;*/
	display:table;
	width:100%;
	font-size:0;
}
.profBox li div > div {
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
.profBox li div > div.img {
	width:45%;
	min-height:100px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.profBox li div > div.img img {
	width:150%;
	height:auto;
	position:absolute;
	top:0;
	left:55%;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
}
.profBox li div > div.img .twitter-follow-button {
	position:absolute !important;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index:999;
}
.profBox li div > div.chart {
	width:60%;
}
.profBox li div > div.chart img {
	margin:20px auto;
}
.profBox li div > p {
	padding:10px;
	width:100%;
	font-size:14px;
	text-align:left;
	color:#FFF;
}
.profBox li.heminik  {
	background:-moz-linear-gradient(top, rgba(0,159,232,1) 0%, rgba(0,0,0,0) 25%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,159,232,1)), color-stop(25%,rgba(0,0,0,0)));
	background:linear-gradient(to bottom, rgba(0,159,232,1) 0%, rgba(0,0,0,0) 25%);
}
.profBox li.heminik div > p  {
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,159,232,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,159,232,1)));
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,159,232,1) 100%);
}
.profBox li.taira  {
	background:-moz-linear-gradient(top, rgba(255,102,71,1) 0%, rgba(0,0,0,0) 25%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,102,71,1)), color-stop(25%,rgba(0,0,0,0)));
	background:linear-gradient(to bottom, rgba(255,102,71,1) 0%, rgba(0,0,0,0) 25%);
}
.profBox li.taira div > p  {
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,102,71,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(255,102,71,1)));
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(255,102,71,1) 100%);
}
.profBox li.navi  {
	background:-moz-linear-gradient(top, rgba(34,174,17,1) 0%, rgba(0,0,0,0) 25%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,174,17,1)), color-stop(25%,rgba(0,0,0,0)));
	background:linear-gradient(to bottom, rgba(34,174,17,1) 0%, rgba(0,0,0,0) 25%);
}
.profBox li.navi div > p  {
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(34,174,17,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(34,174,17,1)));
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(34,174,17,1) 100%);
}
.profBox li.kadoya  {
	background:-moz-linear-gradient(top, rgba(134,84,255,1) 0%, rgba(0,0,0,0) 25%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,84,255,1)), color-stop(25%,rgba(0,0,0,0)));
	background:linear-gradient(to bottom, rgba(134,84,255,1) 0%, rgba(0,0,0,0) 25%);
}
.profBox li.kadoya div > p  {
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(134,84,255,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(134,84,255,1)));
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(134,84,255,1) 100%);
}
.profBox li.ganchan  {
	background:-moz-linear-gradient(top, rgba(212,166,0,1) 0%, rgba(0,0,0,0) 25%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,166,0,1)), color-stop(25%,rgba(0,0,0,0)));
	background:linear-gradient(to bottom, rgba(212,166,0,1) 0%, rgba(0,0,0,0) 25%);
}
.profBox li.ganchan div > p  {
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(212,166,0,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(212,166,0,1)));
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(212,166,0,1) 100%);
}
/*** キャプション ***/
.caption {
	padding:10px;
	font-size:14px;
	text-align:left;
	color:#a9a9a9;
	background-color:#222;
}
.caption p {
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
/*** Total Resultページ ***/
.totalBox {
	margin:0 10px;
	text-align:left;
}
table.table {
	width:100%;
}
/*** コピーライト ***/
.crtext {
	padding:10px 2px;
	color:#999;
}