@charset "UTF-8";
/*---------------------------------
	layout
---------------------------------*/
#wrapper {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQIW2NkYGDYzMDAcIYBChgZGBjqYRwQjSxgAlKJoQIAnPQEARvsWbgAAAAASUVORK5CYII=) repeat,url(../img/world/bg_world.jpg) no-repeat center top fixed;
	background-size:auto,100%;
}
#contents {
	position:relative;
	margin:0 auto;
/*	padding:300px 0 0 0;*/
	padding: 315px 0 0 0;
	color:#bdb6af;
}
#contents > .btn {
	position:absolute;
	top:6px;
	right:50%;
	min-width:220px;
	margin:0 -620px 0 0;
}
#contents h1 {
	position:absolute;
	top:100px;
	width:100%;
	color:#fff;
	font-size:48px;
	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:8.1em;
	height:1px;
	margin:0 auto;
	background:#fff;
	-webkit-animation:animate_02 1.5s;
	animation:animate_02 1.5s;
}

@keyframes animate_01 {
	0% {
		top:50px;
		opacity:0;
	}
	100% {
		top:100px;
		opacity:1;
	}
}
@keyframes animate_02 {
	0% {
		width:0;
		opacity:0;
	}
	70% {
		width:0;
		opacity:0;
	}
	100% {
		width:8.1em;
		opacity:1;
	}
}
#contents > #post {
	padding:80px 0 50px 0;
	background:rgba(0,0,0,0.6);
}
p.update {
	position:absolute;
	top:185px;
	width:100%;
	color:#a0968c;
	font-size:14px;
	text-align:center;
	-webkit-animation:animate_03 1.5s;
	animation:animate_03 1.5s;
}
p.up_detail {
	position:absolute;
	top:229px;
	width:100%;
	padding: 17px 0;
	background: url(../img/common/line_updetail.png) repeat-y center top;
	color:#fff;
	font-size:14px;
	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 {
	padding: 0 0 0 40px;
	background: url(../img/common/icon_new.png) no-repeat left center;
}
@keyframes animate_03 {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/*---------------------------------
	sideNav
---------------------------------*/
#sideNav {
	position:fixed;
	top:220px;
	position:absolute;
	top:100px;
	right:0;
	z-index:900;
}
#sideNav li {
	position:absolute;
	float:left;
	margin:0 0 20px 0;
	font-size:11px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
#sideNav li a:before {
	display:block;
	content:'';
	width:100%;
	height:2px;
	margin:0 0 10px 0;
	background:#504b47;
	transition:all 0.5s;
}
#sideNav li a {
	display:block;
	color:#504b47;
	transition:all 0.5s;
}
#sideNav li.current a,
#sideNav li:hover a {
	color:#bdb6af;
}
#sideNav li span {
	display:block;
	position:absolute;
	top:0;
	width:0;
	height:2px;
	background:#a0968c;
	transition:all 0.5s;
}
#sideNav li.current span,
#sideNav li:hover span {
	width:100%;
	transition:all 0.5s;
}
/*layout*/
#sideNav li:nth-of-type(1) {
	top:0;
	right:17px;
	width:3.6em;
}
#sideNav li:nth-of-type(2) {
	top:103px;
	right:-25px;
	width:11.4em;
}
#sideNav li:nth-of-type(3) {
	top:221px;
	right:2px;
	width:6.5em;
}
#sideNav li:nth-of-type(4) {
	top:319px;
	right:-6px;
	width:7.7em;
}
#sideNav li:nth-of-type(5) {
	top:417px;
	right:2px;
	width:6.5em
}
#sideNav li:nth-of-type(6) {
	top:527px;
	right:-18px;
	width:10.2em;
}
#sideNav li.fb {
	top:617px;
	right:24px;
	width:25px;
	text-align:center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
#sideNav li.fb a:before {
	margin:0 0 25px 0;
}
#sideNav li.tw {
	top:687px;
	right:24px;
	width:25px;
	margin:0;
	text-align:center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
#sideNav li.tw a:before {
	display:none;
}
/*notclear*/
#sideNav.notClear li:nth-of-type(2) {
	top:45px;
	right:31px;
	width:1em;
}
#sideNav.notClear li:nth-of-type(3) {
	top:105px;
	right:1px;
	width:6.5em;
}
#sideNav.notClear li:nth-of-type(4) {
	top:166px;
	right:31px;
	width:1em;
}
#sideNav.notClear li:nth-of-type(5) {
	top:226px;
	right:2px;
	width:6.5em
}
#sideNav.notClear li:nth-of-type(6) {
	top:286px;
	right:31px;
	width:1em;
}
#sideNav.notClear li.fb {
	top:324px;
	right:22px;
}
#sideNav.notClear li.tw {
	top:394px;
	right:22px;
}
/*---------------------------------
	BASICS
---------------------------------*/
#basics {
	position:relative;
	padding:80px 0;
	background:rgba(0,0,0,0.6);
}
#basics h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#basics h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
	transition:all 0.5s;
}
#basics h2.animation:after {
	width:4em;
	transition:all 0.5s;
}
#basics h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#basics .playData {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
/*family - vr*/
#basics .playData > ul:nth-of-type(1) {
	padding:10px 0;
	border-top:1px solid #3c3732;
}
#basics .playData > ul:nth-of-type(1) li {
	float:left;
	width:50%;
	text-align:center;
	box-sizing:border-box;
}
#basics .playData > ul:nth-of-type(1) h3 {
	margin:0 0 30px 0;
	padding:270px 0 0 0;
	color:#a0968c;
	font-size:22px;
	font-weight:normal;
	text-align:center;
}
#basics .playData > ul:nth-of-type(1) p {
	display:inline-block;
	position:relative;
	padding:0 0 0 45px;
	color:#a0968c;
	font-size:47px;
	font-weight:bold;
	line-height:47px;
}
#basics .playData > ul:nth-of-type(1) p.attention {
	width:470px;
	margin:55px auto 0 auto;
	padding:0;
	color:#555;
	font-size:11px;
	font-weight:normal;
	line-height:1;
}
#basics .playData > ul:nth-of-type(1) p.world {
	margin:0 50px 0 0;
}
#basics .playData > ul:nth-of-type(1) p.you {
	font-size:24px;
	vertical-align:top;
}
#basics .playData > ul:nth-of-type(1) p span.txt {
	display:inline-block;
	position:absolute;
	top:8px;
	left:0;
	width:36px;
	padding:30px 0 0 0;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	line-height:1;
}
#basics .playData > ul:nth-of-type(1) p.world span.txt {
	background:url(../img/world/icon_world.png) no-repeat center top;
	background-size:25px;
}
#basics .playData > ul:nth-of-type(1) p.you span.txt {
	background:url(../img/world/icon_you.png) no-repeat center top;
	background-size:22px;
}
/*family*/
#basics .playData .family h3 {
	background:url(../img/world/pic_family.png) no-repeat center 15px;
}
/*vr*/
#basics .playData .vr {
	border-left:1px solid #3c3732;
}
#basics .playData .vr h3 {
	background:url(../img/world/pic_vr.png) no-repeat center 15px;
}
#basics .playData .vr .comment {
	display:table;
	margin:0 auto;
	padding:20px 0;
	color:#aaa198;
	font-size:18px;
	font-weight:normal;
}
#basics .playData .vr .comment:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:-7px auto 0 auto;
	background:#fff5eb;
}
#basics .playData .vr .comment span {
	color:#fff5eb;
}
/*time - distance*/
#basics .playData > ul:nth-of-type(2) {
	padding:10px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#basics .playData > ul:nth-of-type(2) li.time,
#basics .playData > ul:nth-of-type(2) li.distance {
	float:left;
	width:50%;
	text-align:center;
	box-sizing:border-box;
}
#basics .playData > ul:nth-of-type(2) h3 {
	margin:0 0 20px 0;
	padding:110px 0 0 0;
	color:#fff5eb;
	font-size:22px;
	text-align:center;
}
#basics .playData > ul:nth-of-type(2) dl.world,
#basics .playData > ul:nth-of-type(2) dl.you {
	display:inline-block;
	position:relative;
	padding:0 0 0 45px;
	color:#a0968c;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	vertical-align:top;
}
#basics .playData > ul:nth-of-type(2) .world dt,
#basics .playData > ul:nth-of-type(2) .you dt {
	display:inline-block;
	position:absolute;
	top:5px;
	left:0;
	width:36px;
	padding:30px 0 0 0;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
#basics .playData > ul:nth-of-type(2) .world dt {
	background:url(../img/world/icon_world.png) no-repeat center top;
	background-size:25px;
}
#basics .playData > ul:nth-of-type(2) .you dt {
	background:url(../img/world/icon_you.png) no-repeat center top;
	background-size:22px;
}
#basics .playData > ul:nth-of-type(2) .world dd,
#basics .playData > ul:nth-of-type(2) .you dd {
	text-align:left;
}
#basics .playData > ul:nth-of-type(2) .world dd .year,
#basics .playData > ul:nth-of-type(2) .you dd .year,
#basics .playData > ul:nth-of-type(2) .world dd .km {
	font-size:30px;
	text-align:center;
}
#basics .playData > ul:nth-of-type(2) .world dd .year span,
#basics .playData > ul:nth-of-type(2) .you dd .year span,
#basics .playData > ul:nth-of-type(2) .world dd .km span,
#basics .playData > ul:nth-of-type(2) .you dd .km span {
	margin:0 0 0 5px;
	font-size:18px;
	font-weight:normal;
}
#basics .playData > ul:nth-of-type(2) .you dd .km {
	font-size:20px;
}
#basics .playData > ul:nth-of-type(2) .world dd .days,
#basics .playData > ul:nth-of-type(2) .you dd .days,
#basics .playData > ul:nth-of-type(2) .world dd .km,
#basics .playData > ul:nth-of-type(2) .you dd .km {
	line-height:40px;
}
#basics .playData > ul:nth-of-type(2) .world dd .year + .days,
#basics .playData > ul:nth-of-type(2) .you dd .year + .days {
	margin:3px 0;
	line-height:1;
	text-align:center;
}
#basics .playData > ul:nth-of-type(2) .world dd .days span,
#basics .playData > ul:nth-of-type(2) .you dd .days span {
	margin:0 5px 0 0;
	font-weight:normal;
}
/*col*/
#basics .playData .col {
	width:91.5%;
	margin:0 auto 20px auto;
	border:1px solid #3c3732;
}
#basics .playData span.or {
	color:#ffa019;
}
#basics .playData span.wh {
	color:#fff5eb;
}
#basics .playData .col h4 {
	margin:30px 0;
	color:#a0968c;
	font-size:20px;
	text-align:center;
}
#basics .playData .col h5 {
	margin:0 20px;
	border-bottom:1px solid #3c3732;
	color:#a0968c;
	font-size:16px;
	line-height:83px;
}
#basics .playData .col h5 span.or {
	font-size:32px;
}
#basics .playData .col .graf {
	position:relative;
	margin:0 20px;
	padding:0 12% 10% 12%;
	background:url(../img/world/bg_graf.png) no-repeat center 57px rgba(119,115,112,0.2);
	background-size:85.66%;
}
#basics .playData .col .goal {
	position:relative;
}
#basics .playData .col .goal li {
	position:absolute;
	top:20px;
	left:-9px;
	width:20px;
	height:29px;
	background:url(../img/world/icon_pin.png) no-repeat center top;
	color:#3c3732;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
#basics .playData .col .number {
	position:relative;
	padding:37.5% 0 0 0;
}
#basics .playData .col .number li {
	position:absolute;
	bottom:-20px;
	left:0;
	width:15.8%;
	font-size:12px;
	text-align:center;
}
#basics .playData .list {
	margin:0 20px;
	text-align:center;
}
#basics .playData .list li {
	position:relative;
	padding:30px 95px 30px 45px;
	border-bottom:1px solid #3c3732;
	color:#a0968c;
	font-size:14px;
	text-align:left;
	line-height:1.3;
}
#basics .playData .list li.t100years {
	background:url(../img/world/pic_100y.png) no-repeat right center;
}
#basics .playData .list li.t500years {
	background:url(../img/world/pic_500y.png) no-repeat right center;
}
#basics .playData .list li.t1000years {
	background:url(../img/world/pic_1000y.png) no-repeat right center;
}
#basics .playData .list li.t2017years {
	background:url(../img/world/pic_2017y.png) no-repeat right center;
}
#basics .playData .list li.diameter {
	background:url(../img/world/pic_diameter.png) no-repeat right center;
}
#basics .playData .list li.round {
	background:url(../img/world/pic_earth1000.png) no-repeat right center;
}
#basics .playData .list li.moon {
	background:url(../img/world/pic_moon.png) no-repeat right center;
}
#basics .playData .list li.sun {
	background:url(../img/world/pic_sun.png) no-repeat right center;
}
#basics .playData .list li span {
	font-weight:bold;
}
#basics .playData .list li span.or {
	font-size:32px;
}
.ja #basics .playData .list li span.wh:nth-of-type(1),
.en #basics .playData .list li span.wh:nth-of-type(2) {
	font-size:24px;
	vertical-align:sub;
}
#basics .playData .list li.flag {
	background:url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.t100years {
	background:url(../img/world/pic_100y.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.t500years {
	background:url(../img/world/pic_500y.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.t1000years {
	background:url(../img/world/pic_1000y.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.diameter {
	background:url(../img/world/pic_diameter.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.round {
	background:url(../img/world/pic_earth1000.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.moon {
	background:url(../img/world/pic_moon.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag.sun {
	background:url(../img/world/pic_sun.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
}
#basics .playData .list li.flag span.wh {
	font-size:14px;
}
#basics .playData .list li:before {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:20px;
	height:20px;
	margin:-10px 0 0 0;
	border-radius:50px;
	background:#fff;
	color:#3c3732;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#basics .playData .list li.flag:before {
	display:none;
}
#basics .playData .list li.t500years:before,
#basics .playData .list li.moon:before {
	content:'1';
}
#basics .playData .list li.t1000years:before,
#basics .playData .list li.round:before {
	content:'2';
}
#basics .playData .list li.t2017years:before,
#basics .playData .list li.sun:before {
	content:'3';
}
#basics .playData .list li:last-child {
	border-bottom:none;
}
/*time*/
#basics .playData .time h3 {
	background:url(../img/world/pic_time.png) no-repeat center 25px;
}
#basics .playData .time dl.world {
	margin:0 8.4% 24px 0;
}
#basics .playData .time dl.you {
	margin:0 0 35px 0;
}
#basics .playData .col .number li.txt {
	left:-17%;
	font-size:14px;
}
#basics .playData .col .number li.num01 {
	left:-7.5%;
}
#basics .playData .col .number li.num02 {
	left:12%;
}
#basics .playData .col .number li.num03 {
	left:33%;
}
#basics .playData .col .number li.num04 {
	left:52%;
}
#basics .playData .col .number li.num05 {
	left:72%;
}
#basics .playData .col .number li.num06 {
	left:92.5%
}
#basics .playData .time .col p.needle {
	position:absolute;
	top:30.8%;
	left:13%;
	width:0;
	background:url(../img/world/bg_progress.png) repeat-x left bottom;
	text-align:right;
	transition:width 1.5s;
}
#basics .playData .time .col p.needle img {
	width:3px;
	height:auto;
}
/*distance*/
#basics .playData .distance {
	border-left:1px solid #3c3732;
}
#basics .playData .distance h3 {
	background:url(../img/world/pic_distance.png) no-repeat center 25px;
}
#basics .playData .distance dl.world {
	margin:0 8.4% 30px 0;
}
#basics .playData .distance dl.you {
	margin:0 0 30px 0;
}
#basics .playData .distance .col p.human {
	position:absolute;
	top:35.9%;
	left:13%;
	width:0;
	padding:0 0 12px 0;
	background:url(../img/world/bg_progress.png) repeat-x left bottom;
	text-align:right;
	transition:width 1.5s;
}
#basics .playData .distance .col p.human span {
	display:inline-block;
	width:58px;
	height:52px;
	background:url(../img/world/ma_sprite.png) no-repeat;
	background-position:0;
	-webkit-animation:maWalk 1.8s steps(4) infinite;
	animation:maWalk 1.8s steps(4) infinite;
	overflow:hidden;
}
@-webkit-keyframes maWalk {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-232px 0;
	}
}
@keyframes maWalk {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-232px 0;
	}
}
#basics .playData .distance .col p.unit {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center;
}
/*---------------------------------
	diff
---------------------------------*/
#diff {
	position:relative;
	padding:80px 0;
	background:rgba(21, 19, 15, 0.8);
}
#diff h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#diff h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
	transition:all 0.5s;
}
#diff h2.animation:after {
	width:13.2em;
	transition:all 0.5s;
}
#diff h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#diff .inner {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#diff .tableArea {
	padding:10px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#diff table {
	width:100%;
}
#diff table th {
	width:305px;
	height:50px;
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	font-weight:normal;
	text-align:center;
}
#diff table th:nth-of-type(1) {
	width:300px;
}
#diff table td {
	height:80px;
	border:1px solid #3c3732;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#diff table tr:nth-of-type(1) td {
	height:45px;
}
#diff table tr:nth-of-type(2) td {
	height:65px;
	text-align:center;
}
#diff table tr td:nth-child(2) {
	padding:0 10px 0 0;
	font-size:12px;
	text-align:right;
}
#diff table tr:nth-of-type(4) td:nth-child(3),
#diff table tr:nth-of-type(4) td:nth-child(4),
#diff table tr:nth-of-type(4) td:nth-child(5),
#diff table tr:nth-of-type(4) td:nth-child(6),
#diff table tr:nth-of-type(4) td:nth-child(7),
#diff table tr:nth-of-type(4) td:nth-child(8) {
	width:150px;
}
#diff table tr:nth-of-type(2) td:nth-of-type(2n+1),
#diff table tr:nth-of-type(3) td:nth-of-type(2n+1) {
	border-right:none;
}
#diff table tr:nth-of-type(2) td:nth-of-type(2),
#diff table tr:nth-of-type(3) td:nth-of-type(2) {
	border-left:1px solid #3c3732;
}
#diff table tr:nth-of-type(2) td,
#diff table tr:nth-of-type(3) td {
	border-left:none;
}
#diff table td span {
	display:block;
	color:#bdb6af;
	font-size:10px;
	font-weight:normal;
}
/*stage*/
#diff table tr:nth-child(4) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(5) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(6) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(7) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(8) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(9) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(10) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(11) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(12) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
#diff table tr:nth-child(13) td:nth-child(2) {
	background:no-repeat left top #000;
	background-size:100% auto;
}
/*side*/
#diff table td.side {
	width:10px;
	padding:0;
	background:none;
}
#diff table td.side:nth-of-type(1) {
	border-left:none;
}
#diff table td.side:nth-of-type(2),
#diff table td.side:nth-of-type(8),
#diff table td.side:nth-of-type(9) {
	border-right:none;
}
#diff table tr.space td {
	height:10px;
	background:rgba(60,55,50,0.5);
}
#diff table tr.space td.side {
	background:none;
}
/*---------------------------------
	enemykills
---------------------------------*/
#enemykills {
	position:relative;
	padding:80px 0;
	background:rgba(0,0,0,0.6);
}
#enemykills h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#enemykills h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
	transition:all 0.5s;
}
#enemykills h2.animation:after {
	width:7em;
	transition:all 0.5s;
}
#enemykills h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#enemykills .kills {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
/*world*/
#enemykills div.world {
	padding:35px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#enemykills .world li {
	display:table;
	position:relative;
	margin:0 auto 20px auto;
	padding:0 0 0 55px;
	font-size:16px;
}
#enemykills .world li:nth-of-type(1) span.txt {
	display:inline-block;
	position:absolute;
	top:5px;
	left:0;
	width:40px;
	padding:40px 0 0 0;
	background:url(../img/world/icon_world.png) no-repeat left top;
	font-size:10px;
	text-align:center;
}
#enemykills .world li:nth-of-type(2) span.txt {
	display:inline-block;
	position:absolute;
	top:5px;
	left:0;
	width:40px;
	padding:40px 0 0 0;
	background:url(../img/world/icon_you.png) no-repeat left top;
	font-size:10px;
	text-align:center;
}
#enemykills .world li span.num {
	color:#bdb6af;
	font-size:36px;
	font-weight:bold;
}
/*col*/
#enemykills .world .col {
	margin:0 10px;
	padding:15px;
	border:1px solid #3c3732;
	box-sizing:border-box;
}
#enemykills .world .col .graf {
	position:relative;
	float:left;
	width:47.1%;
	margin:0 5% 0 0;
	padding:0 6.8% 5% 6.8%;
	background:url(../img/world/bg_graf.png) no-repeat center 57px rgba(119,115,112,0.2);
	background-size:82%;
	box-sizing:border-box;
}
#enemykills .world .col .goal {
	position:relative;
}
#enemykills .world .col .goal li {
	position:absolute;
	top:20px;
	left:-9px;
	width:20px;
	height:29px;
	margin:0;
	padding:0;
	background:url(../img/world/icon_pin.png) no-repeat center top;
	color:#3c3732;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
#enemykills .world .col .number {
	position:relative;
	padding:37.5% 0 0 0;
}
#enemykills .world .col .number li {
	position:absolute;
	left:0;
	border:-20px;
	width:15.8%;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:center;
}
#enemykills .world .col .number li.txt {
	left:-17%;
	font-size:14px;
}
#enemykills .world .col .number li.num01 {
	left:-7.5%;
}
#enemykills .world .col .number li.num02 {
	left:12%;
}
#enemykills .world .col .number li.num03 {
	left:33%;
}
#enemykills .world .col .number li.num04 {
	left:52%;
}
#enemykills .world .col .number li.num05 {
	left:72%;
}
#enemykills .world .col .number li.num06 {
	left:92.5%;
}
#enemykills .world .col p.human {
	position:absolute;
	top:37.7%;
	left:14.5%;
	width:0;
	padding:0;
	text-align:right;
	transition:width 1.5s;
}
#enemykills .world .col .per10 p.human {
	background:url(../img/world/enemy_01.png) no-repeat left bottom;
}
#enemykills .world .col .per20 p.human {
	background:url(../img/world/enemy_02.png) no-repeat left bottom;
}
#enemykills .world .col .per30 p.human {
	background:url(../img/world/enemy_03.png) no-repeat left bottom;
}
#enemykills .world .col .per40 p.human {
	background:url(../img/world/enemy_04.png) no-repeat left bottom;
}
#enemykills .world .col .per50 p.human {
	background:url(../img/world/enemy_05.png) no-repeat left bottom;
}
#enemykills .world .col .per60 p.human {
	background:url(../img/world/enemy_06.png) no-repeat left bottom;
}
#enemykills .world .col .per70 p.human {
	background:url(../img/world/enemy_07.png) no-repeat left bottom;
}
#enemykills .world .col .per80 p.human {
	background:url(../img/world/enemy_08.png) no-repeat left bottom;
}
#enemykills .world .col .per90 p.human {
	background:url(../img/world/enemy_09.png) no-repeat left bottom;
}
#enemykills .world .col .per100 p.human {
	background:url(../img/world/enemy_10.png) no-repeat left bottom;
}
#enemykills .world .col p.human span {
	display:inline-block;
	width:68px;
	height:68px;
	margin:0 -13px -7px 0;
	background:url(../img/world/et_sprite.png) no-repeat;
	background-position:0;
	-webkit-animation:etWalk 1.8s steps(4) infinite;
	animation:etWalk 1.8s steps(4) infinite;
	overflow:hidden;
}
@-webkit-keyframes etWalk {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-272px 0;
	}
}
@keyframes etWalk {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-272px 0;
	}
}
#enemykills .world .col .unit {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center;
}
/*list*/
#enemykills .world .list {
	float:left;
	width:46.3%;
}
#enemykills .world .list li {
	position:relative;
	width:100%;
	margin:0;
	padding:18px 0 18px 45px;
	border-bottom:1px solid #3c3732;
	box-sizing:border-box;
	color:#a0968c;
	font-size:14px;
	text-align:left;
	line-height:1.3;
}
#enemykills .world .list li.japan {
	background:url(../img/world/pic_country.png) no-repeat right center;
	background-size:auto 70%;
}
#enemykills .world .list li.world {
	background:url(../img/world/pic_world.png?t=20170117194000) no-repeat right center;
	background-size:auto 70%;
}
#enemykills .world .list li.flag {
	background:url(../img/world/icon_goal.png) no-repeat left center;
}
#enemykills .world .list li.flag.japan {
	margin:8% 0 0 0;
	background:url(../img/world/pic_country.png) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,auto;
}
#enemykills .world .list li.flag.world {
	background:url(../img/world/pic_world.png?t=20170117194000) no-repeat right center,url(../img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,auto;
}
#enemykills .world .list li:before {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:20px;
	height:20px;
	margin:-10px 0 0 0;
	border-radius:50px;
	background:#fff;
	color:#3c3732;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#enemykills .world .list li.flag:before {
	display:none;
}
#enemykills .world .list li.japan:before {
	content:'1';
}
#enemykills .world .list li.world:before {
	content:'2';
}
#enemykills .world .list li:last-child {
	border-bottom:none;
}
#enemykills .world .list li span {
	font-weight:bold;
}
#enemykills .world .list li span.or {
	color:#ffa019;
	font-size:32px;
}
#enemykills .world .list li span.wh {
	color:#fff5eb;
}
/*destroy*/
#enemykills .destroy {
	padding:40px 0;
	border-bottom:1px solid #3c3732;
}
#enemykills .destroy h3 {
	width:605px;
	margin:0 auto 67px auto;
	padding:15px 0;
	border:1px solid #504b47;
	color:#fff5eb;
	font-size:30px;
	text-align:center;
}
#enemykills .destroy h3 span.title {
	display:block;
	color:#fff5eb;
	font-size:30px;
}
#enemykills .destroy h3 span.title:after {
	display:block;
	content:'';
	width:7.5em;
	height:1px;
	margin:10px auto 0 auto;
	background:#504b47;
}
#enemykills .destroy h3 span.icon {
	padding:7px 0 7px 40px;
	background:url(../img/world/icon_destroy.png) no-repeat left center;
	color:#a0968c;
	font-size:16px;
}
/*body*/
#enemykills .destroy .body {
	position:relative;
	width:790px;
	height:733px;
	margin:0 auto;
	background:url(../img/world/pic_parts.png) no-repeat center top;
}
#enemykills .destroy .body dl {
	position:absolute;
}
#enemykills .destroy .body dt {
	position:absolute;
	top:0;
	left:0;
	color:#bdb6af;
	font-size:24px;
}
#enemykills .destroy .body dl:nth-of-type(2n) dt {
	left:32%;
	text-align:right;
}
#enemykills .destroy .body dl.crown:nth-of-type(2n) dt {
	left:41%;
}
#enemykills .destroy .body dt span {
	padding:0 0 0 25px;
	font-size:30px;
}
#enemykills .destroy .body .crown dt span {
	background:url(../img/common/icon_rank.png) no-repeat left 15px;
}
#enemykills .destroy .body dd {
	min-width:170px;
	padding:45px 0 0 84px;
}
#enemykills .destroy .body dl:nth-of-type(2n) dd {
	padding:45px 94px 0 0;
}
#enemykills .destroy .body dd li {
	padding:0 0 0 46xp;
	font-size:24px;
	font-weight:bold;
}
#enemykills .destroy .body dd li.world {
	padding:0 0 0 40px;
	background:url(../img/world/icon_world.png) no-repeat left center;
	background-size:26px;
}
#enemykills .destroy .body dd li.you {
	padding:0 0 0 40px;
	background:url(../img/world/icon_you.png) no-repeat left center;
	background-size:26px;
}
#enemykills .destroy .body dd li.percent {
	padding:0 0 0 40px;
	background:url(../img/world/icon_destroy.png) no-repeat left center;
	background-size:26px;
	font-size:16px;
	font-weight:normal;
}
#enemykills .destroy .body dd li.percent span {
	margin:0 5px 0 0;
	font-size:24px;
	font-weight:bold;
}
#enemykills .destroy .head {
	position:absolute;
	top:-0.8%;
	left:-9%;
}
#enemykills .destroy .lArm {
	position:absolute;
	top:16.5%;
	left:84%;
}
#enemykills .destroy .rArm {
	position:absolute;
	top:34.5%;
	left:-9.7%;
}
#enemykills .destroy .lLeg {
	position:absolute;
	top:51.5%;
	left:84%;
}
#enemykills .destroy .rLeg {
	position:absolute;
	top:69.5%;
	left:-10.8%;
}
#enemykills .destroy .btmTxt {
	height:94px;
	background:url(../img/world/bg_btmtxt.png) no-repeat center top;
	color:#a0968c;
	font-size:26px;
	text-align:center;
	line-height:66px;
}
/*---------------------------------
	totals
---------------------------------*/
#totals {
	position:relative;
	padding:80px 0;
	background:rgba(0,0,0,0.6);
}
#totals h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#totals h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
	transition:all 0.5s;
}
#totals h2.animation:after {
	width:7.1em;
	transition:all 0.5s;
}
#totals h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#totals .inner {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
/*common*/
#totals div dl {
	width:34.5%;
}
#totals dt {
	width:47%;
	margin:0 auto 45px auto;
	border:1px solid #3c3732;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
	line-height:32px;
}
#totals .status p {
	display:table;
	position:relative;
	margin:0 auto 10px auto;
	padding:0 0 0 45px;
	color:#a0968c;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
}
#totals .status p .txt {
	display:inline-block;
	position:absolute;
	top:5px;
	left:0;
	width:36px;
	padding:30px 0 0 0;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	line-height:1;
}
#totals .status  p.world .txt {
	background:url(../img/world/icon_world.png) no-repeat center top;
	background-size:25px;
}
#totals .status  p.you .txt {
	background:url(../img/world/icon_you.png) no-repeat center 3px;
	background-size:22px;
}
#totals .status  p.you .num {
	font-size:18px;
}
#totals .comparison {
	color:#a0968c;
	font-size:16px;
	text-align:center;
}
#totals .comparison span {
	margin:0 5px;
	font-size:24px;
	font-weight:bold;
}
/*door*/
#totals div.door {
	position:relative;
	padding:30px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#totals div.door .opened {
	float:left;
	width:25%;
	height:280px;
	padding:0 15% 0 0;
	background:url(../img/world/jack_door.png) no-repeat right center;
	background-size:42% auto;
	text-align:center;
}
#totals div.door .closed {
	float:right;
	width:25%;
	height:280px;
	padding:0 15% 0 0;
	background:url(../img/world/jack_door_close.png) no-repeat right center;
	background-size:42% auto;
	text-align:center;
}
#totals .door .comparison {
	position:absolute;
	top:140px;
	left:50%;
	margin:0 0 0 -80px;
	color:#a0968c;
	font-size:16px;
}
.ja #totals .door .comparison {
	margin:0 0 0 -58px;
}
#totals .door .comparison span {
	color:#fff5eb;
	font-size:24px;
}
#totals .door .comparison:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:0 auto;
	background:#fff5eb;
}
/*car*/
#totals div.car {
	padding:40px 0;
	border-bottom:1px solid #3c3732;
}
#totals div.car .carhits {
	float:left;
	background:url(../img/world/car_hit.png) no-repeat center 95px;
	text-align:center;
}
#totals .car dt {
	margin:0 auto 380px auto;
}
#totals .car .mater {
	position:relative;
	float:left;
	width:20.9%;
	margin:130px 0 0 5.8%;
	padding-top:15.7%;
	background:url(../img/world/bg_mater.png) no-repeat center top;
	background-size:100%;
}
#totals .car .mater li {
	position:absolute;
	left:0;
	bottom:-30px;
	color:#fff5eb;
	font-size:14px;
}
#totals .car .mater li:last-child {
	left:auto;
	right:-20px;
}
#totals .car .mater li.needle {
	bottom:-22%;
	left:50%;
	width:6.7%;
	margin:0 0 0 -8px;
	/*-117deg - 118def*/
	transform:rotate(-118deg);
	transition:all 1.5s;
}
#totals .car .mater li.needle img {
	width:100%;
}
#totals div.car .hitsbycar {
	float:right;
	background:url(../img/world/hit-by-car.png) no-repeat center 95px;
	text-align:center;
}
#totals .car .comparison {
	position:absolute;
	top:0;
	left:-20px;
	margin:45px 0 0 0;
	color:#a0968c;
	font-size:32px;
}
#totals .car .comparison span {
	color:#fff5eb;
	font-size:80px;
}
/*threeItems*/
#totals .threeItems {
	padding:10px 0;
	border-bottom:1px solid #3c3732;
}
#totals .threeItems dl {
	float:left;
	width:60%;
	padding:35px 0;
	box-sizing:border-box;
	text-align:center;
}
#totals .threeItems dt {
	margin:0 auto 20px auto;
}
#totals .threeItems .comparison {
	font-size:14px;
}
#totals .threeItems .bras .comparison {
	margin:15px 0 0 0;
}
#totals .threeItems .comparison p {
	display:table;
	margin:0 auto;
}
#totals .threeItems .comparison p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#totals .threeItems .comparison span {
	color:#fff5eb;
}
#totals .threeItems dl.bras {
	float:right;
	width:40%;
	height:630px;
	border-left:1px solid #3c3732;
	background:url(../img/world/bra.png) no-repeat center 310px;
	background-size:88% auto;
}
#totals .threeItems dl.birthed {
	width:59.1%;
	min-height:296px;
	margin:0;
	border-bottom:1px solid #3c3732;
	background:url(../img/world/insects.png) no-repeat right center;
	background-size:40% auto;
}
#totals .threeItems dl.traps {
	min-height:316px;
	background:url(../img/world/trap.png) no-repeat 92% center;
	background-size:54% auto;
}
#totals .threeItems dl.birthed dt,
#totals .threeItems dl.birthed dd {
	width:240px;
	min-width:210px;
	margin:0 0 20px 15px;
}
#totals .threeItems dl.traps dt,
#totals .threeItems dl.traps dd {
	width:240px;
	min-width:210px;
	margin:0 0 20px 35px;
}
/*twoItems*/
#totals .twoItems {
	padding:10px;
	border-bottom:1px solid #3c3732;
}
#totals .twoItems dl {
	float:left;
	width:50%;
	padding:40px 0 10px 0;
	border-right:1px solid #3c3732;
	box-sizing:border-box;
	text-align:center;
}
#totals .twoItems dl:last-child {
	border:none;
}
#totals .twoItems .comparison p {
	font-size:14px;
}
#totals .twoItems .comparison p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:0 auto;
	background:#fff5eb;
}
#totals .twoItems .comparison span {
	color:#fff5eb;
}
#totals .twoItems dl.harbs {
	min-height:296px;
	background:url(../img/world/harb.png) no-repeat 90% center;
	background-size:50% auto;
}
#totals .twoItems dl.balls {
	min-height:296px;
	background:url(../img/world/hustler.png?t=20170215203000) no-repeat 90% center;
	background-size:43% auto;
}
#totals .twoItems dl.harbs dt,
#totals .twoItems dl.harbs dd {
	width:240px;
	min-width:210px;
	margin:0 0 20px 15px;
}
#totals .twoItems dl.balls dt,
#totals .twoItems dl.balls dd {
	width:210px;
	min-width:210px;
	margin:0 0 20px 35px;
}
#totals .twoItems .harbs .comparison p,
#totals .twoItems .balls .comparison p {
	display:table;
	margin:0 auto;
}
/*must die*/
#totals .mustdie {
	position:relative;
	min-height:450px;
	padding:40px 0;
	border-bottom:1px solid #3c3732;
	background:url(../img/world/emd.png) no-repeat center 20px;
}
#totals .mustdie dl {
	margin:110px 0 0 -30px;
}
#totals .mustdie dl:nth-of-type(2) {
	margin:110px -30px 0 0;
}
#totals .mustdie dt {
	margin:0 auto 20px auto;
}
#totals .mustdie .survive {
	float:left;
	text-align:center;
}
#totals .mustdie .die {
	float:right;
	text-align:center;
}
#totals .mustdie .comparison {
	position:absolute;
	top:82%;
	left:0;
	width:100%;
	color:#a0968c;
	font-size:16px;
	text-align:center;
}
#totals .mustdie .comparison p {
	display:table;
	margin:0 auto;
}
#totals .mustdie .comparison span {
	color:#fff5eb;
	font-size:24px;
}
#totals .mustdie .comparison p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
/*end of zoe*/
#totals .endofzoe {
	position:relative;
	padding:60px 30px 20px 30px;
	border-bottom:1px solid #3c3732;
	background:url(../img/world/eoz.png) no-repeat center 20px;
}
#totals .endofzoe h3 {
	position: absolute;
	top: 120px;
	left: 50%;
	color: #fff5eb;
	font-size: 24px;
	font-weight: normal;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#totals .endofzoe h3:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#totals .endofzoe dl.insect,
#totals .endofzoe dl.punch {
	float: left;
	/*width: 370px;*/
	width: 31.8%;
	min-height: 428px;
	padding: 63px 0 0 0;
}
#totals .endofzoe dl.punch {
	float: right;
}
#totals .endofzoe dl.insect dt,
#totals .endofzoe dl.punch dt {
	margin: 0 auto;
}
#totals .endofzoe dl.insect dd {
	padding: 270px 0 20px 0;
	background: url(../img/world/eoz_insect.png) no-repeat center 60px;
	background-size: 80%;
}
#totals .endofzoe dl.punch dd {
	padding: 270px 0 0 0;
	background: url(../img/world/eoz_punch.png) no-repeat center -10px;
	background-size: 100%;
}
#totals .endofzoe .resultNum {
	position: absolute;
	top: 255px;
	left: 50%;
	/*width: 440px;*/
	width: 36%;
	padding: 0 0 256px 0;
	background: url(../img/world/line_arrow.png) no-repeat center bottom;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#totals .endofzoe .resultNum dl:nth-of-type(1) {
	position: absolute;
	width: 50%;
	left: -10px;
}
#totals .endofzoe .resultNum dl:nth-of-type(2) {
	position: absolute;
	width: 50%;
	right: -10px;
}
#totals .endofzoe .resultNum dt {
	width: 100%;
	margin: 0 0 26px 0;
	border: none;
	color: #fff5eb;
	font-size: 14px;
	line-height: 1;
}
#totals .endofzoe .resultNum dd {
	color: #a0968c;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#totals .endofzoe .resultNum dd span {
	margin: 0 5px 0 0;
	color: #fff5eb;
	font-size: 19px;
}
#totals .endofzoe .resultNum dd p {
	display: inline-block;
}
#totals .endofzoe .resultNum dd p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#totals .endofzoe .resultCol {
	padding: 15px 2.5%;
}
#totals .endofzoe .resultCol:after {
	display: block;
	content: '';
	clear: both;
}
#totals .endofzoe .resultCol .result {
	position: relative;
	float: left;
	/*width: 530px;*/
	width: 48%;
	margin: 0;
	padding: 0 2.5% 0 0;
	border-right: 1px solid #3c3732;
}
.mdl.eoz .result {
	position: relative;
	width: 720px;
	padding: 40px 80px 30px 80px;
	box-sizing: border-box;
}
#totals .endofzoe .resultCol .result dt,
.mdl.eoz .result dt {
	position: absolute;
	top:10px;
	left: 50%;
	width: auto;
	margin: 0;
	border: none;
	color: #a0968c;
	font-size: 14px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.mdl.eoz .result dt {
	top: 30px;
}
#totals .endofzoe .resultCol .result dt span,
.mdl.eoz .result dt span {
	margin: 0 0 0 10px;
	color: #fff5eb;
	font-size: 24px;
	font-weight: bold;
}
#totals .endofzoe .resultCol .result dt:after,
.mdl.eoz .result dt:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
.mdl.eoz .result dd:not(.close) {
	display: none;
}
.mdl.eoz .result dd.reach {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.mdl.eoz .result dd.reach span {
	color:#fff5eb;
	font-size:24px;
	font-weight:bold;
}
#totals .endofzoe .resultCol .result dd.img,
.mdl.eoz .result dd.img {
	padding: 70px 0 20px 0;
	min-height: 320px;
	color: #fff5eb;
	font-size: 14px;
	text-align: center;
}
.mdl.eoz .result dd.img {
	margin: 0;
}
#totals .endofzoe .resultCol .result dd.img img,
.mdl.eoz .result dd.img img {
	width: auto;
	height: 320px;
	margin: 0 0 20px 0;
}
#totals .endofzoe .resultCol .result dd.share,
.mdl.eoz .result dd.share {
	padding: 20px 15px;
	border-radius: 4px;
	border: 1px solid #3c3732;
	background: rgba(255,245,235,0.1);
}
#totals .endofzoe .resultCol .result dd.share p,
.mdl.eoz .result dd.share p {
	margin: 0 0 15px 0;
	color: #fff5eb;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#totals .endofzoe .resultCol .result dd.share,
.mdl.eoz .result dd.share{
	text-align: center;
}
#totals .endofzoe .resultCol .result dd.share li,
.mdl.eoz .result dd.share li {
	display: inline-block;
	width: 132px;
	margin: 0 2px;
	border-radius: 4px;
	background: #fff5eb;
	line-height: 45px; 
}
#totals .endofzoe .resultCol .result dd.share li a,
.mdl.eoz .result dd.share li a {
	display: block;
}
#totals .endofzoe .resultCol .result dd.share li img,
.mdl.eoz .result dd.share li img {
	vertical-align: middle;
}
#totals .endofzoe .resultCol .weightTable {
	float: right;
	width: 48%;
	padding: 40px 0 20px 2%;
	box-sizing: border-box;
}
#totals .endofzoe .resultCol .weightTable dl {
	width: 100%;
}
#totals .endofzoe .resultCol .weightTable dt {
	width: 100%;
	margin: 0 0 15px 0;
	border: none;
	color: #a0968c;
	font-size: 20px;
	font-weight: bold;
	line-height: auto;
}
#totals .endofzoe .resultCol .weightTable dd.graf {
	position:relative;
	margin:0;
	padding:0 13% 10% 13%;
	background:url(../img/world/bg_graf.png) no-repeat center 53px rgba(119,115,112,0.2);
	background-size:85.66%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal {
	position:relative;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li {
	position:absolute;
	top:20px;
	left:17.5%;
	width:20px;
	height:29px;
	background:url(../img/world/icon_pin.png) no-repeat center top;
	color:#3c3732;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point01 {
	left: 33%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point02 {
	left: 48.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point03 {
	left: 64.6%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point05 {
	left: 57%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point06 {
	left: 70%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point1-4 {
	left: 23.5%;
	width: 49px;
	height: 30px;
	background:url(../img/world/icon_pin_long.png) no-repeat center top;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point1-6 {
	left: 66%;
	width: 49px;
	height: 30px;
	background:url(../img/world/icon_pin_long.png) no-repeat center top;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point1-7 {
	left: 52.8%;
	width: 49px;
	height: 30px;
	background:url(../img/world/icon_pin_long.png) no-repeat center top;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag {
	left:97.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_200 {
	left: 33%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_400 {
	left: 48.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_600 {
	left: 64.6%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_5000 {
	left: 57%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number {
	position:relative;
	padding:37.5% 0 0 0;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li {
	position:absolute;
	bottom:-20px;
	left:0;
	width:15.8%;
	font-size:12px;
	text-align:center;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.txt {
	left:-17%;
	font-size:14px;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.num01 {
	left:-7.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.num02 {
	left:13.1%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.num03 {
	left:33%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.num04 {
	left:52%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.num05 {
	left:72%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.num06 {
	left:92.5%
}
#totals .endofzoe .resultCol .weightTable dd.graf p.needle {
	position:absolute;
	top:29.6%;
	left:27.8%;
	width:0;
	background:url(../img/world/bg_progress.png) repeat-x left bottom;
	text-align:right;
	transition:width 1.5s;
}
#totals .endofzoe .resultCol .weightTable dd.graf p.needle img {
	width:3px;
	height:auto;
}
#totals .endofzoe .resultCol .weightTable dd.graf p.needle:before {
	display: block;
	content: '';
	position: absolute;
	top: -6%;
	left: 0;
	width: 1px;
	height: 105%;
	background: #fff;
}
#totals .endofzoe .resultCol .weightTable dd.list p {
	margin: 15px 0 30px 0;
	color: #a0968c;
	font-size: 14px;
	text-align: center
}
#totals .endofzoe .resultCol .weightTable dd.list p br {
	display: none;
}
#totals .endofzoe .resultCol .weightTable dd.list p span {
	padding: 2px 0 2px 30px;
	background: url(../img/world/icon_glass.png) no-repeat left center;
}
#totals .endofzoe .resultCol .weightTable dd.list li {
	position: relative;
	float: left;
	width: 46%;
	margin: 0 8% 15px 0;
	padding: 0 0 5px 40px;
	box-sizing: border-box;
	border-bottom: 2px solid #3c3732;
	line-height: 40px;
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(2n) {
	margin: 0 0 15px 0;
}
#totals .endofzoe .resultCol .weightTable dd.list li span.glass {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(../img/world/btn_glass.png) no-repeat;
	cursor: pointer;
}
#totals .endofzoe .resultCol .weightTable dd.list li:before {
	display: block;
	content: '0';
	position: absolute;
	top: 10px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	background: #fff;
	color: #3c3732;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(2):before {
	content: '1';
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(3):before {
	content: '2';
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(4):before {
	content: '3';
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(5):before {
	content: '4';
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(6):before {
	content: '5';
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(7):before {
	content: '6';
}
#totals .endofzoe .resultCol .weightTable dd.list li:nth-of-type(8):before {
	content: '7';
}
#totals .endofzoe .resultCol {
	clear: both;
	border: 1px solid #3c3732;
}
/*---------------------------------
	gameover
---------------------------------*/
#gameover {
	position:relative;
	padding:80px 0;
	background:rgba(21, 19, 15, 0.8);
}
#gameover h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#gameover h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
	transition:all 0.5s;
}
#gameover h2.animation:after {
	width:8.5em;
	transition:all 0.5s;
}
#gameover h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#gameover .inner {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#gameover ul {
	padding:40px 0 0 2.5%;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#gameover li {
	position:relative;
	float:left;
	width:220px;
	margin:0 15px 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #3c3732;
}
#gameover li .rank {
	position:absolute;
	top:3px;
	left:3px;
	width:36px;
	height:36px;
	padding:2px 0 0 2px;
	background:url(../img/world/bg_rank02.png) no-repeat left top;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#gameover li:nth-of-type(1) .rank {
	background:url(../img/world/bg_rank01.png) no-repeat left top;
	background-size:100%;
}
#gameover li .img {
	border:1px solid #3c3732;
	vertical-align:middle;
}
#gameover li .name {
	padding:7px 0;
	color:#a0968c;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#gameover li dl {
	float:left;
	width:110px;
}
#gameover li dl.you:nth-of-type(1) {
	padding:0 0 0 30px;
	background:url(../img/world/icon_you.png) no-repeat left bottom;
	background-size:20px;
}
#gameover li dt {
	margin:0 0 3px 0;
	font-size:10px;
	text-align:center;
}
#gameover li dd {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#gameover li dl.world dd span {
	padding:2px 0 2px 30px;
	background:url(../img/world/icon_world.png) no-repeat left center;
	background-size:20px;
}
#gameover li dl.you dd span {
	padding:2px 0 2px 30px;
	background:url(../img/world/icon_you.png) no-repeat left center;
	background-size:20px;
}

/*---------------------------------
	saved
---------------------------------*/
#saved {
	position:relative;
	padding:80px 0;
	background:rgba(21, 19, 15, 0.8);
}
#saved h2 {
	position:relative;
	margin:0 0 80px 0;
	color:#fff5eb;
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#saved h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
	transition:all 0.5s;
}
#saved h2.animation:after {
	width:11.4em;
	transition:all 0.5s;
}
#saved h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#saved .kills {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
/*selected*/
#saved .selected {
	width:1192px;
	margin:0 auto 57px auto;
	padding:99px 0 65px 0;
	background:url(../img/world/bg_saved.png) no-repeat center top;
	background-size:100%;
}
#saved .selected .tapeArea {
	position:relative;
	width:500px;
	height:291px;
	margin:0 auto 5.8% auto;
	background:url(../img/world/bg_cassette.png) no-repeat center top;
	background-size:100%;
}
.tapeArea ul.moveRight li {
	animation:rotateRight 3s linear infinite;
}
.tapeArea ul.moveLeft li {
	animation:rotateLeft 3s linear infinite;
}
@keyframes rotateRight {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes rotateLeft {
	0%{transform:rotate(360deg);}
	100%{transform:rotate(0deg);}
}
#saved .selected .tapeArea .hubLeft {
	position:absolute;
	top:90px;
	left:90px;
}
#saved .selected .tapeArea .hubRight {
	position:absolute;
	top:90px;
	left:340px;
}
#saved .selected .result {
	position:relative;
	width:83.9%;
	margin:0 auto;
}
#saved .selected .result dt {
	width:353px;
	margin:0 auto;
	color:#fff5eb;
	font-size:28px;
	text-align:center;
}
#saved .selected .result dt.leftWin {
	background:url(../img/world/arrow_left.png) no-repeat left 10px;
}
#saved .selected .result dt.rightWin {
	background:url(../img/world/arrow_right.png) no-repeat right 10px;
}
#saved .selected .result dt:after {
	display:block;
	content:'';
	width:5.2em;
	height:1px;
	margin:0 auto;
	background:#fff;	
}
#saved .selected .result dd {
	font-size:48px;
	font-weight:bold;
	line-height:1;
}
#saved .selected .result dd.left {
	position:absolute;
	top:0;
	left:0;
	width:220px;
	text-align:center;
}
#saved .selected .result dd.right {
	position:absolute;
	top:0;
	right:0;
	width:220px;
	text-align:center;
}
/*ratio*/
#saved .ratios h3 {
	margin:0 0 37px 0;
	background:url(../img/world/bg_title.png) no-repeat center top;
	color:#fff5eb;
	font-size:24px;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:center;
	line-height:50px;
}
#saved .ratios .world {
	position:relative;
	width:1057px;
	height:496px;
	margin:0 auto;
	background:url(../img/world/bg_world.png) no-repeat center top;
}
#saved .ratios .world canvas {
	background:url(../img/world/bg_ratiograf.png) no-repeat center center;
}
#saved .ratios .world #graf1 {
	position:absolute;
	top:145px;
	left:170px;
}
#saved .ratios .world #graf2 {
	position:absolute;
	top:230px;
	left:220px;
}
#saved .ratios .world #graf3 {
	position:absolute;
	top:320px;
	left:310px;
}
#saved .ratios .world #graf4 {
	position:absolute;
	top:90px;
	left:445px;
}
#saved .ratios .world #graf5 {
	position:absolute;
	top:150px;
	left:485px;
}
#saved .ratios .world #graf6 {
	position:absolute;
	top:130px;
	left:545px;
}
#saved .ratios .world #graf7 {
	position:absolute;
	top:100px;
	left:675px;
}
#saved .ratios .world #graf8 {
	position:absolute;
	top:185px;
	left:880px;
}
#saved .ratios .world #graf9 {
	position:absolute;
	top:154px;
	left:770px;
}
#saved .ratios .world #graf10 {
	position:absolute;
	top:210px;
	left:730px;
}
#saved .ratios .world #graf11 {
	position:absolute;
	top:185px;
	left:620px;
}
#saved .ratios .world #graf12 {
	position:absolute;
	top:350px;
	left:860px;
}
#saved .ratios .world #graf13 {
	position:absolute;
	top:265px;
	left:530px;
}
#saved .ratios .world ul {
	position:absolute;
	bottom:30px;
	left:70px;
	width:89px;
	height:39px;
	border-radius:50px;
	border:1px solid #bdb6af;
}
#saved .ratios .world li:first-child {
	position:absolute;
	top:-27px;
	left:10px;
	width:30px;
	padding:0 0 36px 0;
	background:url(../img/world/bg_left.png) no-repeat center bottom;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
}
#saved .ratios .world li:last-child {
	position:absolute;
	top:-27px;
	right:10px;
	width:30px;
	padding:0 0 36px 0;
	background:url(../img/world/bg_right.png) no-repeat center bottom;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
}
/*---------------------------------
	notLogin
---------------------------------*/
#contents .notLoginBox {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#contents .notLoginBox .inner {
	padding:120px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	background:none;
	color:#a0968c;
	font-size:18px;
	text-align:center;
}
#contents .notLoginBox h3 {
	margin:0 0 20px 0;
	font-size:18px;
	font-weight:normal;
}
#contents .notLoginBox h3 a {
	color:#ffa019;
	text-decoration:underline;
}
#contents .notLoginBox h3 a:hover {
	text-decoration:none;
}
#contents .notLoginBox .btn_cross {
	display:inline-block;
}
#contents .notLoginBox .btn_cross a {
	position:relative;
	display:block;
	width:302px;
	height:62px;
	margin:0 auto;
	color:#fff5eb;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:62px;
	transition:0.25s ease all;
}
#contents .notLoginBox .btn_cross span {
	position:absolute;
	background:#bdb6af;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
#contents .notLoginBox .btn_cross span.bg {
	background:rgba(255,245,235,0);
	width:292px;
	height:52px;
	top:5px;
	left:5px;
}	
#contents .notLoginBox .btn_cross span.bdT{width: 100%; height:1px; top:0; left:0;}
#contents .notLoginBox .btn_cross span.bdB{width: 100%; height:1px; bottom:0; right:0;}
#contents .notLoginBox .btn_cross span.bdR{height:100%; width :1px; right:0; top:0;}
#contents .notLoginBox .btn_cross span.bdL{height:100%; width :1px; left:0; bottom:0;}
#contents .notLoginBox .btn_cross a span{-webkit-transition:all 0.2s;transition:all 0.2s;}

#contents .notLoginBox .btn_cross a:hover span.bg{background:rgba(255,245,235,0.2);}
#contents .notLoginBox .btn_cross a:hover span.bdT{-webkit-transform: translate(0,5px); transform: translate(0,5px);}
#contents .notLoginBox .btn_cross a:hover span.bdB{-webkit-transform: translate(0,-5px); transform: translate(0,-5px);}
#contents .notLoginBox .btn_cross a:hover span.bdR{-webkit-transform: translate(-5px,0); transform: translate(-5px,0);}
#contents .notLoginBox .btn_cross a:hover span.bdL{-webkit-transform: translate(5px,0); transform: translate(5px,0);}
/*---------------------------------
	layout -minSize-
---------------------------------*/
@media screen  and (min-width:1000px) and (max-width: 1200px) {
	#wrapper {
		min-width:100%;
	}
	#globalHeader .inner,
	#header .inner,
	#basics .playData,
	#diff .inner,
	#enemykills .kills,
	#totals .inner,
	#gameover .inner,
	#saved .selected,
	#contents .notLoginBox {
		width:96%;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#contents > .btn {
		right:3%;
		margin:0;
	}
	#basics .playData .col .number {
		padding:42.5% 0 0 0;
	}
	#basics .playData .time .col p.needle {
		top:36%;
	}
	#basics .playData .time .col p.needle img {
		height:62px;
	}
	#basics .playData .distance .col p.human {
		top:31.8%;
	}
	#basics .playData .distance .col p.human img {
		width:20px;
		height:auto;
	}
	#enemykills .world .col .number {
		padding:42.5% 0 0 0;
	}
	#enemykills .world .col p.human {
		top:32.7%;
	}
	#enemykills .world .col p.human img {
		width:20px;
		height:auto;
	}
	#totals .mustdie {
		background:url(../img/world/emd.png) no-repeat center 50px;
		background-size: 480px auto;
	}
	#totals .endofzoe {
		background:url(../img/world/eoz.png) no-repeat center 50px;
		background-size: 480px auto;
	}
	#totals .endofzoe .resultCol .weightTable dd.graf p.needle {
		top:36%;
	}
	#totals .endofzoe .resultCol .weightTable dd.graf p.needle img {
		height:64px;
	}
}
/*最低幅固定*/
@media screen  and (max-width:1000px){
	#wrapper {
		min-width:960px;
	}
	#globalHeader .inner,
	#header .inner,
	#basics .playData,
	#diff .inner,
	#enemykills .kills,
	#totals .inner,
	#gameover .inner,
	#saved .selected,
	#contents .notLoginBox {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#basics .playData .col .number {
		padding:42.5% 0 0 0;
	}
	#basics .playData .time .col p.needle {
		top:35%;
	}
	#basics .playData .time .col p.needle img {
		height:62px;
	}
	#basics .playData .distance .col p.human {
		top:30.8%;
	}
	#basics .playData .distance .col p.human img {
		width:20px;
		height:auto;
	}
	#enemykills .world .col .number {
		padding:42.5% 0 0 0;
	}
	#enemykills .world .col p.human {
		top:32.7%;
	}
	#enemykills .world .col p.human img {
		width:20px;
		height:auto;
	}
	#totals .mustdie {
		background:url(../img/world/emd.png) no-repeat center 70px;
		background-size:50%;
	}
	#totals .endofzoe {
		background:url(../img/world/eoz.png) no-repeat center 70px;
		background-size:50%;
	}
	#totals .endofzoe .resultCol .weightTable dd.graf .number {
		padding:42.5% 0 0 0;
	}
	#totals .endofzoe .resultCol .weightTable dd.graf p.needle {
		top:35%;
	}
	#totals .endofzoe .resultCol .weightTable dd.graf p.needle img {
		height:62px;
	}
}