@charset "UTF-8";
/*---------------------------------
	layout
---------------------------------*/
#wrapper::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQIW2NkYGDYzMDAcIYBChgZGBjqYRwQjSxgAlKJoQIAnPQEARvsWbgAAAAASUVORK5CYII=) repeat,url(../../pc/img/ranking/bg_ranking.jpg) center/cover no-repeat;
	background-size:auto,auto 100%;
	z-index:-1;
}
#contents {
	position:relative;
	margin:0 auto;
/*	padding:174px 0 0 0;*/
	padding: 208px 0 0 0;
	color:#bdb6af;
}
#contents > .btn {
	position:absolute;
	top:6px;
	right:10px;
	min-width:220px;
	margin:0;
}
#contents h1 {
	position:absolute;
	top:60px;
	width:100%;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
	-webkit-animation:animate_01 1s;
	animation:animate_01 1s;
}
#contents h1:after {
	content:'';
	display:block;
	width:5.8em;
	height:1px;
	margin:0 auto;
	background:#fff;
	-webkit-animation:animate_02 1.5s;
	animation:animate_02 1.5s;
}
p.up_detail {
	position:absolute;
	top:127px;
	width:100%;
	padding: 17px 0;
	background: url(../img/common/line_updetail.png) repeat-y center top;
	background-size: 100%;
	color:#fff;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	text-shadow: 0 0 10px #000,0 0 10px #000;
	-webkit-animation:animate_03 1.5s;
	animation:animate_03 1.5s;
}
p.up_detail span {
	display: inline-block;
	padding: 0 0 0 40px;
	background: url(../../pc/img/common/icon_new.png) no-repeat left top;
	text-align: left;
}
@keyframes animate_01 {
	0% {
		top:30px;
		opacity:0;
	}
	100% {
		top:60px;
		opacity:1;
	}
}
@keyframes animate_02 {
	0% {
		width:0;
		opacity:0;
	}
	70% {
		width:0;
		opacity:0;
	}
	100% {
		width:5.8em;
		opacity:1;
	}
}
@keyframes animate_03 {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
#selectArea {
	position:relative;
	margin:0 0 50px 0;
	border-bottom:1px solid #504b47;
}
#selectArea:after {
	display:block;
	content:'';
	position:absolute;
	bottom:-6px;
	width:100%;
	height:6.5px;
	background:url(../img/ranking/arrow_select.png) no-repeat center bottom;
	background-size:12px;
}
#selectArea p.attention {
	padding:5px 0;
	color:#777370;
	font-size:12px;
	text-align:center;
}
.inner {
	padding:0 0 30px 0;
}
/*---------------------------------
	tab
---------------------------------*/
/*tab*/
.slideArea.tab {
	width:100%;
	background:rgba(59,55,50,0.7);
	overflow:hidden;
}

.slideArea.tab p.leftarrow {
	position:absolute;
	top:0;
	left:0;
	width:43px;
	height:47px;
	background:url(../img/ranking/lightblk_left.png) repeat-y left top;
	background-size:auto 100%;
}
.slideArea.tab p.rightarrow {
	position:absolute;
	top:0;
	right:0;
	width:43px;
	height:47px;
	background:url(../img/ranking/lightblk_right.png) repeat-y right top;
	background-size:auto 100%;
}
/*
.slideArea.tab.right.left {
	background:url(../img/ranking/lightblk_left.png) repeat-y left top,url(../img/ranking/lightblk_right.png) repeat-y right top,rgba(59,55,50,0.7);
	background-size:auto 100%;
}
*/
ul.tab {
	width:2000px;
	margin:0 auto;
}
.tab li {
	display:block;
	float:left;
	margin:0 15px;
	border-bottom:2.5px solid rgba(0,0,0,0);
	letter-spacing:1px;
	box-sizing:border-box;
}
.tab li.current {
	border-bottom:2.5px solid #e9a42d;
}
.tab li a {
	display:block;
	padding:0 20px;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
	line-height:45px;
}
/*---------------------------------
	platform
---------------------------------*/
.search {
	padding:0 2%;
	background:rgba(0,0,0,0.6);
	text-align:center;
}
.search div {
	display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:0 2%;
	border-bottom:1px solid #3c3732;
	background:url(../../pc/img/ranking/icon_open.png) no-repeat 98% center;
	text-align:left;
	cursor:pointer;
	box-sizing:border-box;
}
.search div.open {
	background:url(../../pc/img/ranking/icon_close.png) no-repeat 98% center,rgba(0,0,0,0.4);
}
.search div.time,
.search div.time.open {
	background:none;
	cursor:default;
}
.search div p {
	color:#777370;
	font-size:14px;
	line-height:40px;
}
.search div p img {
	vertical-align:middle;
}
.search div p span {
	display:inline-block;
	padding:0 10px;
	color:#fff5eb;
}
.search div ul {
	display:none;
	position:absolute;
	top:40px;
	left:0;
	width:96%;
	padding:0 2%;
	border:1px solid #3c3732;
	background:rgba(0,0,0,0.8);
	text-align:center;
	z-index:10;
}
.search div ul li {
	color:#fff;
	font-size:16px;
	line-height:44px;
	cursor:pointer;
}
.search div ul li img {
	vertical-align:middle;
}
.search div ul li:hover {
	background:rgba(60,55,50,0.7);
}
/*---------------------------------
	stage
---------------------------------*/
.slideArea.stage {
	width:96%;
	padding:10px 2%;
	background:rgba(0,0,0,0.6);
	overflow:hidden;
}
.stageSelect {
	width:2000px;
	margin:0 auto;
}
.notahero .stageSelect,
.endofzoe .stageSelect,
.night .stageSelect {
	width:255px;
	text-align:center;
}
.stageSelect li {
	position:relative;
	float:left;
	width:123px;;
	margin:0 5px 0 0;
	opacity:0.5;
	transition:opacity 0.5s;
	cursor:pointer;
}
.notahero .stageSelect li,
.endofzoe .stageSelect li,
.night .stageSelect li {
	display:inline-block;
	float:none;
}
.birth .stageSelect li {}
.stageSelect li img {
	width:100%;
	height:auto;
}
.stageSelect li:last-child {
	margin:0;
}
.stageSelect li.current {
	opacity:1;
	transition:opacity 0.5s;
}
.stageSelect li span {
	display:block;
	color:#fff5eb;
	font-size:12px;
	text-align:center;
}
.stageSelect li.noactive {
	cursor:default;
	opacity:1;
}
p.loginTxt {
	width:96%;
	margin:10px auto;
	border:1px solid #3c3732;
	background:#000;
	color:#bdb6af;
	font-size:14px;
	line-height:60px;
	text-align:center;
}
p.loginTxt a {
	color:#ffa019;
	text-decoration:underline;
}
p.loginTxt a:hover {
	text-decoration:none;
}
/*---------------------------------
	timeRank - timeList
---------------------------------*/
#timeRank,
#timeList {
	width:96%;
	margin:0 auto 25px auto;
}
#timeList {
	margin:0 auto 15px auto;
}
#timeRank table,
#timeList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	text-align:center;
}
#timeRank th,
#timeList th {
	background:rgba(60,55,50,0.5);
	font-size:10px;
	line-height:25px;
}
#timeRank td {
	height:40px;
	border-bottom:1px solid #3c3732;
}
#timeList td {
	height:30px;
	border-bottom:1px solid #3c3732;
}
#timeRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#timeList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#timeList .nodata td {
	background:none!important;
}
#timeRank th:nth-of-type(1),
#timeRank td:nth-of-type(1){
	border-left:none;
}
#timeRank th:nth-of-type(4),
#timeRank td:nth-of-type(4){
	border-right:none;
}
/*rank*/
#timeRank th:nth-of-type(1) img,
#timeList th:nth-of-type(1) img {
	vertical-align:middle;
}
#timeList th:nth-of-type(1),
#timeRank td.rank,
#timeList td.rank {
	width:9.9%;
	font-size:11px;
}
/*icon*/
#timeRank th:nth-of-type(2),
#timeList th:nth-of-type(2) {
	width:36.2%;
	padding:0 0 0 4%;
	text-align:left;
}
#timeRank td.icon,
#timeList td.icon {
	width:8.2%;
	border-right:none;
}
#timeRank td.icon img {
	display:none;
}
/*name*/
#timeRank td.name {
	width:27.9%;
	border-left:none;
	font-size:11px;
	text-align:left;
}
#timeList td.name {
	padding:0 5px;
	border-left:none;
	font-size:11px;
	text-align:left;
}
#timeRank td.name a,
#timeList td.name a {
	color:#bdb6af;
}
/*time*/
#timeRank th:nth-of-type(3),
#timeList th:nth-of-type(3) {
	background:rgba(160,150,140,0.3);
}
#timeRank td.time {
	width:36.2%;
	background:rgba(160,150,140,0.1);
	font-size:13px;
}
#timeList th:nth-of-type(3) {
	width:36.2%;
}
#timeList td.time {
	background:rgba(160,150,140,0.1);
	font-size:13px;
}
#timeList tr:nth-of-type(2n) td.time {
	background:rgba(160,150,140,0.2);
}
#timeRank td.time span.mm,
#timeList td.time span.mm {
	font-size:11px;
}
/*region*/
#timeList th:nth-of-type(4),
#timeList td.region {
	width:47px;
}
#timeList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*---------------------------------
	heroRank - heroList
---------------------------------*/
#heroRank,
#heroList {
	width:96%;
	margin:0 auto 25px auto;
}
#heroList {
	margin:0 auto 15px auto;
}
#heroRank table,
#heroList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	text-align:center;
}
#heroRank th,
#heroList th {
	height:30px;
	border-bottom:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	font-size:10px;
}
#heroRank td {
	height:40px;
	border-bottom:1px solid #3c3732;
}
#heroList td {
	height:30px;
	border-bottom:1px solid #3c3732;
}
#heroRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#heroList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#heroList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*-------table-------*/
/*rank*/
#heroRank th:nth-of-type(1) img,
#heroList th:nth-of-type(1) img {
	vertical-align:middle;
}
#heroRank th:nth-of-type(1),
#heroList th:nth-of-type(1),
#heroRank td.rank,
#heroList td.rank {
	width:35px;
	font-size:11px;
}
/*icon*/
#heroRank th:nth-of-type(2),
#heroList th:nth-of-type(2) {
	width:137px;
}
#heroRank td.icon,
#heroList td.icon {
	width:40px;
	border-right:none;
}
#heroRank td.icon img {
	display:none;
}
/*name*/
#heroRank td.name,
#heroList td.name {
	border-left:none;
	font-size:11px;
	text-align:left;
}
#heroRank td.name a,
#heroList td.name a {
	color:#bdb6af;
}
/*cleartime*/
#heroRank th:nth-of-type(3),
#heroList th:nth-of-type(3) {
	width:74px;
	padding:0 5px;
	background:rgba(160,150,140,0.3);
}
#heroRank td.time,
#heroList td.time {
	width:74px;
	font-size:13px;
	background:rgba(160,150,140,0.1);
}
#heroRank td.time span.mm,
#heroList td.time span.mm {
	font-size:11px;
}
#heroRank td.time img,
#heroList td.time img {
	float:right;
	margin:0 20px;
	border:none;
}
/*region*/
#heroRank th:nth-of-type(4),
#heroList th:nth-of-type(4) {
	width:35px;
}
#heroRank td.region,
#heroList td.region {
	width:35px;
	font-size:11px;
}
/*detail*/
#heroRank th:nth-of-type(5),
#heroList th:nth-of-type(5) {
	width:20px;
}
#heroRank td.detail,
#heroList td.detail {
	width:20px;
	font-size:10px;
}
#heroRank td.detail span,
#heroList td.detail span {
	display:inline-block;
	width:12px;
	height:10px;
	padding:0 0 2px 0;
	border-radius:50px;
	background:#a0968c;
	color:#3c3732;
	font-size:9px;
	font-weight:bold;
	vertical-align:middle;
}
/*---------------------------------
	eozRank - eozList
---------------------------------*/
#eozRank,
#eozList {
	width:96%;
	margin:0 auto 25px auto;
}
#eozList {
	margin:0 auto 15px auto;
}
#eozRank table,
#eozList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	text-align:center;
}
#eozRank th,
#eozList th {
	height:30px;
	border-bottom:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	font-size:10px;
}
#eozRank td {
	height:40px;
	border-bottom:1px solid #3c3732;
}
#eozList td {
	height:30px;
	border-bottom:1px solid #3c3732;
}
#eozRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#eozList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#eozList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*-------table-------*/
/*rank*/
#eozRank th:nth-of-type(1) img,
#eozList th:nth-of-type(1) img {
	vertical-align:middle;
}
#eozRank th:nth-of-type(1),
#eozList th:nth-of-type(1),
#eozRank td.rank,
#eozList td.rank {
	width:35px;
	font-size:11px;
}
/*icon*/
#eozRank th:nth-of-type(2),
#eozList th:nth-of-type(2) {
	width:137px;
}
#eozRank td.icon,
#eozList td.icon {
	width:40px;
	border-right:none;
}
#eozRank td.icon img {
	display:none;
}
/*name*/
#eozRank td.name,
#eozList td.name {
	border-left:none;
	font-size:11px;
	text-align:left;
}
#eozRank td.name a,
#eozList td.name a {
	color:#bdb6af;
}
/*cleartime*/
#eozRank th:nth-of-type(3),
#eozList th:nth-of-type(3) {
	width:74px;
	padding:0 5px;
	background:rgba(160,150,140,0.3);
}
#eozRank td.time,
#eozList td.time {
	width:74px;
	font-size:13px;
	background:rgba(160,150,140,0.1);
}
#eozRank td.time span.mm,
#eozList td.time span.mm {
	font-size:11px;
}
#eozRank td.time img,
#eozList td.time img {
	float:right;
	margin:0 20px;
	border:none;
}
/*region*/
#eozRank th:nth-of-type(4),
#eozList th:nth-of-type(4) {
	width:35px;
}
#eozRank td.region,
#eozList td.region {
	width:35px;
	font-size:11px;
}
/*detail*/
#eozRank th:nth-of-type(5),
#eozList th:nth-of-type(5) {
	width:20px;
}
#eozRank td.detail,
#eozList td.detail {
	width:20px;
	font-size:10px;
}
#eozRank td.detail span,
#eozList td.detail span {
	display:inline-block;
	width:12px;
	height:10px;
	padding:0 0 2px 0;
	border-radius:50px;
	background:#a0968c;
	color:#3c3732;
	font-size:9px;
	font-weight:bold;
	vertical-align:middle;
}




/*---------------------------------
	nightRank - nightList
---------------------------------*/
#nightRank,
#nightList {
	width:96%;
	margin:0 auto 25px auto;
}
#nightList {
	margin:0 auto 15px auto;
}
#nightRank table,
#nightList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	text-align:center;
}
#nightRank th,
#nightList th {
	height:30px;
	border-bottom:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	font-size:10px;
}
#nightRank td {
	height:40px;
	border-bottom:1px solid #3c3732;
}
#nightList td {
	height:30px;
	border-bottom:1px solid #3c3732;
}
#nightRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#nightList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
/*-------table-------*/
/*rank*/
#nightRank th:nth-of-type(1) img,
#nightList th:nth-of-type(1) img {
	vertical-align:middle;
}
#nightRank th:nth-of-type(1),
#nightList th:nth-of-type(1),
#nightRank td.rank,
#nightList td.rank {
	width:35px;
	font-size:11px;
}
/*icon*/
#nightRank th:nth-of-type(2),
#nightList th:nth-of-type(2) {
	width:137px;
}
#nightRank td.icon,
#nightList td.icon {
	width:40px;
	border-right:none;
}
#nightRank td.icon img {
	display:none;
}
/*name*/
#nightRank td.name,
#nightList td.name {
	border-left:none;
	font-size:11px;
	text-align:left;
}
#nightRank td.name a,
#nightList td.name a {
	color:#bdb6af;
}
/*high*/
#nightRank .high th:nth-of-type(3),
#nightList .high th:nth-of-type(3) {
	width:74px;
	background:rgba(160,150,140,0.3);
}
#nightRank .high td.high,
#nightList .high td.high {
	width:74px;
	font-size:11px;
	background:rgba(160,150,140,0.1);
}
#nightList .high tr:nth-of-type(2n) td.high {
	background:rgba(160,150,140,0.2);
}
/*region*/
#nightRank .high th:nth-of-type(4),
#nightList .high th:nth-of-type(4) {
	width:35px;
}
#nightRank td.region,
#nightList td.region {
	width:35px;
	font-size:11px;
}
/*detail*/
#nightRank .high th:nth-of-type(5),
#nightList .high th:nth-of-type(5) {
	width:20px;
}
#nightRank td.detail,
#nightList td.detail {
	width:20px;
	font-size:10px;
}
#nightRank td.detail span,
#nightList td.detail span {
	display:inline-block;
	width:12px;
	height:10px;
	padding:0 0 2px 0;
	border-radius:50px;
	background:#a0968c;
	color:#3c3732;
	font-size:9px;
	font-weight:bold;
	vertical-align:middle;
}
/*---------------------------------
	birthRank - birthList
---------------------------------*/
#birthRank,
#birthList {
	width:96%;
	margin:0 auto 25px auto;
}
#birthList {
	margin:0 auto 15px auto;
}
#birthRank table,
#birthList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	text-align:center;
}
#birthRank th,
#birthList th {
	height:30px;
	border-bottom:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	font-size:10px;
}
#birthRank td {
	height:40px;
	border-bottom:1px solid #3c3732;
}
#birthList td {
	height:30px;
	border-bottom:1px solid #3c3732;
}
#birthRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#birthList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#birthList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*-------table-------*/
/*rank*/
#birthRank th:nth-of-type(1) img,
#birthList th:nth-of-type(1) img {
	vertical-align:middle;
}
#birthRank th:nth-of-type(1),
#birthList th:nth-of-type(1),
#birthRank td.rank,
#birthList td.rank {
	width:35px;
	font-size:11px;
}
/*icon*/
#birthRank th:nth-of-type(2),
#birthList th:nth-of-type(2) {
	width:137px;
}
#birthRank td.icon,
#birthList td.icon {
	width:40px;
	border-right:none;
}
#birthRank td.icon img {
	display:none;
}
/*name*/
#birthRank td.name,
#birthList td.name {
	border-left:none;
	font-size:11px;
	text-align:left;
}
#birthRank td.name a,
#birthList td.name a {
	color:#bdb6af;
}
/*cleartime*/
#birthRank th:nth-of-type(3),
#birthList th:nth-of-type(3) {
	width:74px;
	background:rgba(160,150,140,0.3);
}
#birthRank td.time,
#birthList td.time {
	font-size:13px;
	background:rgba(160,150,140,0.1);
}
#birthRank td.time span.mm,
#birthList td.time span.mm {
	font-size:11px;
}
/*region*/
#birthRank th:nth-of-type(4),
#birthList th:nth-of-type(4) {
	width:35px;
}
#birthRank td.region,
#birthList td.region {
	width:35px;
	font-size:11px;
}
/*detail*/
#birthRank th:nth-of-type(5),
#birthList th:nth-of-type(5) {
	width:20px;
}
#birthRank td.detail,
#birthList td.detail {
	width:20px;
	font-size:10px;
}
#birthRank td.detail span,
#birthList td.detail span {
	display:inline-block;
	width:12px;
	height:10px;
	padding:0 0 2px 0;
	border-radius:50px;
	background:#a0968c;
	color:#3c3732;
	font-size:9px;
	font-weight:bold;
	vertical-align:middle;
}
/*---------------------------------
	ethanRank - ethanList
---------------------------------*/
#ethanRank,
#ethanList {
	width:96%;
	margin:0 auto 25px auto;
}
#ethanList {
	margin:0 auto 15px auto;
}
#ethanRank table,
#ethanList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	text-align:center;
}
#ethanRank th,
#ethanList th {
	height:30px;
	border-bottom:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	font-size:10px;
}
#ethanRank td {
	height:40px;
	border-bottom:1px solid #3c3732;
}
#ethanList td {
	height:30px;
	border-bottom:1px solid #3c3732;
}
#ethanRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#ethanList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#ethanList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*-------table-------*/
/*rank*/
#ethanRank th:nth-of-type(1) img,
#ethanList th:nth-of-type(1) img {
	vertical-align:middle;
}
#ethanRank th:nth-of-type(1),
#ethanList th:nth-of-type(1),
#ethanRank td.rank,
#ethanList td.rank {
	width:35px;
	font-size:11px;
}
/*icon*/
#ethanRank th:nth-of-type(2),
#ethanList th:nth-of-type(2) {
	width:137px;
}
#ethanRank td.icon,
#ethanList td.icon {
	width:40px;
	border-right:none;
}
#ethanRank td.icon img {
	display:none;
}
/*name*/
#ethanRank td.name,
#ethanList td.name {
	border-left:none;
	font-size:11px;
	text-align:left;
}
#ethanRank td.name a,
#ethanList td.name a {
	color:#bdb6af;
}
/*cleartime*/
#ethanRank th:nth-of-type(3),
#ethanList th:nth-of-type(3) {
	width:74px;
	padding:0 5px;
	background:rgba(160,150,140,0.3);
}
#ethanRank td.time,
#ethanList td.time {
	width:74px;
	font-size:13px;
	background:rgba(160,150,140,0.1);
}
#ethanRank td.time span.mm,
#ethanList td.time span.mm {
	font-size:11px;
}
#ethanRank td.time img,
#ethanList td.time img {
	float:right;
	margin:0 20px;
	border:none;
}
/*region*/
#ethanRank th:nth-of-type(4),
#ethanList th:nth-of-type(4) {
	width:35px;
}
#ethanRank td.region,
#ethanList td.region {
	width:35px;
	font-size:11px;
}
/*detail*/
#ethanRank th:nth-of-type(5),
#ethanList th:nth-of-type(5) {
	width:20px;
}
#ethanRank td.detail,
#ethanList td.detail {
	width:20px;
	font-size:10px;
}
#ethanRank td.detail span,
#ethanList td.detail span {
	display:inline-block;
	width:12px;
	height:10px;
	padding:0 0 2px 0;
	border-radius:50px;
	background:#a0968c;
	color:#3c3732;
	font-size:9px;
	font-weight:bold;
	vertical-align:middle;
}
/*---------------------------------
	notLogin
---------------------------------*/
#contents .notLoginBox {
	display:none;
	text-align:center;
}
#contents .notLoginBox h3 {
	margin:0 0 20px 0;
	color:#9d968c;
	font-size:12px;
}
#contents .notLoginBox h3 a {
	color:#ffa019;
	text-decoration:underline;
}
#contents .notLoginBox .btn_cross a {
	display:block;
	width:250px;
	margin:0 auto;
	border:1px solid #fff5eb;
	color:#fff;
	font-size:15px;
	line-height:45px;
}
/*---------------------------------
	listUi
---------------------------------*/
#listUi .update {
	float:left;
	margin:0 0 0 1%;
	color:#a0968c;
	font-size:11px;
}
/*---------------------------------
	popUp
---------------------------------*/
.mdl.detail {
	border-left:1px solid #3b3732;
	border-right:1px solid #3b3732;
}
.mdl.detail table {
	width:100%;
	margin:0 0 40px 0;
}
.mdl.detail th {
	padding:10px;
	border-bottom:1px solid #3b3732;
	color:#a0968c;
	font-size:12px;
	text-align:left;
}
.mdl.detail .reward th {
	border-bottom: none;
}
.mdl.detail td {
	padding:10px;
	border-bottom:1px solid #3b3732;
	color:#bbb6af;
	font-size:13px;
	text-align:center;
}
.mdl.detail tr.rewardList td {
	padding: 10px 0;
}
.mdl.detail tr.rewardList td ul {
	display: flex;
}
.mdl.detail tr.rewardList td li {
	width: 25%;
}
.mdl.detail td.time span.mm {
	font-size:11px;
}
.mdl.detail td.time img {
	margin:0 0 0 10px;
}
.mdl.detail td.pref_01 img,
.mdl.detail td.pref_02 img,
.mdl.detail td.pref_03 img {
	margin:0 10px 0 0;
}
/*night*/
.mdl.detail td.fav span {
	display:block;
	color:#9d968c;
	font-size:12px;
}
/*ethan*/
.mdl.detail td.fav_01,
.mdl.detail td.fav_02 {
	border-bottom:none;
}
.mdl.detail td.fav_01 span,
.mdl.detail td.fav_02 span,
.mdl.detail td.fav_03 span {
	display:block;
	color:#9d968c;
	font-size:12px;
}

/*---------------------------------
	layout -minSize-
---------------------------------*/
@media screen  and (min-width:640px){
	#globalHeader .inner,
	#header .inner,
	.search div,
	#timeRank, #timeList,
	#heroRank, #heroList,
	#eozRank, #eozList,
	#nightRank, #nightList,
	#ethanRank, #ethanList,
	#birthRank, #birthList {
		width:640px;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	.slideArea.tab.right,
	.slideArea.tab.left,
	.slideArea.tab.right.left {
		background:rgba(59,55,50,0.7);
	}
	.stageSelect {
		display:table;
		width:auto;
	}
}