@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/world/bg_world.jpg) center/cover no-repeat;
	background-size:auto,auto 100%;
	z-index:-1;
}
#contents {
	position:relative;
	margin:0 auto;
/*	padding:174px 0 50px 0;*/
	padding: 239px 0 50px 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: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:30px;
		opacity:0;
	}
	100% {
		top:60px;
		opacity:1;
	}
}
@keyframes animate_02 {
	0% {
		width:0;
		opacity:0;
	}
	70% {
		width:0;
		opacity:0;
	}
	100% {
		width:8.1em;
		opacity:1;
	}
}

p.update {
	position:absolute;
	top:105px;
	left:0;
	width:100%;
	color:#a0968c;
	font-size:12px;
	text-align:center;
	-webkit-animation:animate_03 1.5s;
	animation:animate_03 1.5s;
}
p.up_detail {
	position:absolute;
	top:157px;
	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_03 {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.coming {
	padding:32px 0 50px 0;
	text-align:center;
}
h2.coming:after {
	width:0;
	padding:0;
}
.open h2.coming:after {
	width:3em!important;
	transition:all 0.5s;
}
/*---------------------------------
	BASICS
---------------------------------*/
#basics {
	position:relative;
	height:66px;
	border-bottom:1px solid #3c3732;
	background:rgba(21, 19, 15, 0.8);
	overflow:hidden;
	transition:all 0.5s;
}
#basics.open {
	height:auto;
	transition:all 0.5s;
}
#basics h2 {
	position:relative;
	padding:18px 0;
	color:#fff5eb;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#basics h2:before {
	display:block;
	position:absolute;
	top:35px;
	left:92%;
	content:'';
	width:15px;
	height:10px;
	background:url(../img/world/arrow_open.png) no-repeat left top;
	background-size:15px;
	transition:all 0.5s;
}
#basics.open h2:before {
	transform:rotate(180deg);
	transition:all 0.5s;
}
#basics h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#basics.open h2: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:92%;
	margin:0 auto;
}
/*family - vr*/
#basics .playData > ul li {
	border-bottom:1px solid #4f4b47;
	text-align:center;
}
#basics .playData > ul:nth-of-type(1) h3 {
	margin:0 0 20px 0;
	padding:180px 0 0 0;
	color:#9d968c;
	font-size:20px;
	font-weight:normal;
}
#basics .playData > ul:nth-of-type(1) p {
	position:relative;
	margin:0 0 5px 0;
	color:#a0968c;
	font-size:20px;
	font-weight:bold;
	line-height:1
}
#basics .playData > ul:nth-of-type(1) p.attention {
	width:270px;
	margin:0 auto;
	color:#555;
	font-size:11px;
}
#basics .playData > ul:nth-of-type(1) p.you .num {
	font-size:10px;
}
#basics .playData > ul:nth-of-type(1) p span.txt {
	display:inline-block;
	position:absolute;
	top:8px;
	width:30px;
	padding:30px 0 0 0;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
#basics .playData > ul:nth-of-type(1) p.world span.txt {
	background:url(../../pc/img/world/icon_world.png) no-repeat center top;
	background-size:25px;
}
#basics .playData > ul:nth-of-type(1) p.you span.txt {
	padding:20px 0 0 0;
	background:url(../../pc/img/world/icon_you.png) no-repeat center top;
	background-size:20px;
}
#basics .playData > ul:nth-of-type(1) p span.num {
	display:inline-block;
	padding:0 0 0 40px;
	font-size:20px;
	line-height:54px;
}
#basics .playData > ul:nth-of-type(1) p.you span.num {
	padding:0 0 0 35px;
}
#basics .playData > ul:nth-of-type(1) p.world span.num {
	font-size:30px;
}
/*family*/
#basics .playData .family {
	padding:0 0 20px 0;
}
#basics .playData .family h3 {
	background:url(../../pc/img/world/pic_family.png) no-repeat center 15px;
	background-size:300px;
}
/*vr*/
#basics .playData .vr {}
#basics .playData .vr h3 {
	background:url(../../pc/img/world/pic_vr.png) no-repeat center 15px;
	background-size:180px;
}
#basics .playData .vr .comment {
	display:table;
	margin:0 auto;
	padding:0 0 40px 0;
	color:#aaa198;
	font-size:16px;
	font-weight:normal;
}
#basics .playData .vr .comment:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#basics .playData .vr .comment span {
	color:#fff5eb;
}
/*time - distance*/
#basics .playData > ul:nth-of-type(2) {}
#basics .playData > ul:nth-of-type(2) h3 {
	margin:0 0 20px 0;
	padding:110px 0 0 0;
	color:#9d968c;
	font-size:20px;
	font-weight:normal;
}
#basics .playData > ul:nth-of-type(2) dl.world,
#basics .playData > ul:nth-of-type(2) dl.you {
	display:table;
	position:relative;
	margin:0 auto;
	padding:0 0 20px 40px;
	color:#a0968c;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	vertical-align:top;
}
#basics .playData > ul:nth-of-type(2) dl.you {
	padding:0 0 20px 35px;
}
#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:30px;
	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(../../pc/img/world/icon_world.png) no-repeat center top;
	background-size:25px;
}
#basics .playData > ul:nth-of-type(2) .you dt {
	padding:25px 0 0 0;
	background:url(../../pc/img/world/icon_you.png) no-repeat center top;
	background-size:20px;
}
#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,
#basics .playData > ul:nth-of-type(2) .you dd .km {
	font-size:20px;
	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:16px;
	font-weight:normal;
}
#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 {
	font-size:12px;
	line-height:40px;
}
#basics .playData > ul:nth-of-type(2) .world dd .km {
	font-size:20px;
}
#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;
}
#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%;*/
	width:345px;
	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:20px 0;
	color:#a0968c;
	font-size:12px;
}
#basics .playData .col h5 {
	margin:0 20px;
	border-bottom:1px solid #3c3732;
	color:#a0968c;
	font-size:12px;
	line-height:60px;
}
#basics .playData .col h5 span.or {
	font-size:26px;
}
#basics .playData .col .graf {
	position:relative;
	margin:0 10px;
	padding:0 10.4% 20% 10.4%;
	background:url(../../pc/img/world/bg_graf.png) no-repeat center 50px rgba(119,115,112,0.2);
	background-size:91.5%;
}
#basics .playData .col .goal {
	position:relative;
}
#basics .playData .col .goal li {
	position:absolute;
	top:20px;
	left:-9px;
	width:15px;
	height:22px;
	border-bottom:none;
	background:url(../../pc/img/world/icon_pin.png) no-repeat center top;
	background-size:15px;
	color:#3c3732;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:14px;
}
#basics .playData .col .goal li img {
	width:100%;
	height:auto;
}
#basics .playData .col .number {
	position:relative;
	padding:41.5% 0 0 0;
}
#basics .playData .col .number li {
	position:absolute;
	bottom:-20px;
	left:0;
	width:14.8%;
	border-bottom:none;
	font-size:7px;
	text-align:center;
}
#basics .playData .list {
	margin:0 20px;
	text-align:center;
}
#basics .playData .list li {
	position:relative;
	padding:15px 65px 15px 30px;
	border-bottom:1px solid #3c3732;
	color:#a0968c;
	font-size:12px;
	text-align:left;
	line-height:1.3;
}
#basics .playData .distance .list li {
	padding:20px 65px 20px 30px;
}
#basics .playData .list li.t100years {
	background:url(../../pc/img/world/pic_100y.png) no-repeat right center;
	background-size:auto 80%;
}
#basics .playData .list li.t500years {
	background:url(../../pc/img/world/pic_500y.png) no-repeat right center;
	background-size:auto 80%;
}
#basics .playData .list li.t1000years {
	background:url(../../pc/img/world/pic_1000y.png) no-repeat right center;
	background-size:auto 80%;
}
#basics .playData .list li.t2017years {
	background:url(../../pc/img/world/pic_2017y.png) no-repeat right center;
	background-size:auto 80%;
}
#basics .playData .list li.diameter {
	background:url(../../pc/img/world/pic_diameter.png) no-repeat right center;
	background-size:auto 70%;
}
#basics .playData .list li.round {
	background:url(../../pc/img/world/pic_earth1000.png) no-repeat right center;
	background-size:auto 70px;
}
#basics .playData .list li.moon {
	background:url(../../pc/img/world/pic_moon.png) no-repeat right center;
	background-size:auto 70px;
}
#basics .playData .list li.sun {
	background:url(../../pc/img/world/pic_sun.png) no-repeat right center;
	background-size:auto 70px;
}
#basics .playData .list li span {
	font-weight:bold;
	vertical-align:middle;
}
#basics .playData .list li span.or {
	font-size:16px;
}
.ja #basics .playData .list li span.wh:nth-of-type(1),
.en #basics .playData .list li span.wh:nth-of-type(2) {
	font-size:16px;
}
#basics .playData .list li.flag {
	background:url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:20px;
}
#basics .playData .list li.flag.t100years {
	background:url(../../pc/img/world/pic_100y.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.t500years {
	background:url(../../pc/img/world/pic_500y.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.t1000years {
	background:url(../../pc/img/world/pic_1000y.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.t2017years {
	background:url(../../pc/img/world/pic_2017y.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.diameter {
	background:url(../../pc/img/world/pic_diameter.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.round {
	background:url(../../pc/img/world/pic_earth1000.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.moon {
	background:url(../../pc/img/world/pic_moon.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#basics .playData .list li.flag.sun {
	background:url(../../pc/img/world/pic_sun.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 70%,20px;
}
#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(../../pc/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:10px;
}
#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:29.5%;
	left:10.3%;
	width:0;
	height:32%;
	background:url(../../pc/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:100%;
}
/*distance*/
#basics .playData .distance {
	margin:0 0 40px 0;
}
#basics .playData .distance h3 {
	background:url(../../pc/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:29%;
	left:10.3%;
	width:0;
	height:23%;
	padding:0 0 5.8% 0;
	background:url(../../pc/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:42px;
	height:100%;
	background:url(../../mb/img/world/ma_sprite.png) no-repeat;
	background-position:0;
	background-size:auto 100%;
	-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:-177.32px 0;
	}
}
@keyframes maWalk {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-177.32px 0;
	}
}
#basics .playData .distance .col p.unit {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center;
}
/*---------------------------------
	diff
---------------------------------*/
#diff {
	position:relative;
	height:66px;
	border-bottom:1px solid #3c3732;
	background:rgba(21, 19, 15, 0.8);
	overflow: hidden;
	transition:all 0.5s;
}
#diff.open {
	height:auto;
	transition:all 0.5s;
}
#diff h2 {
	position:relative;
	padding:18px 0;
	color:#fff5eb;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#diff h2:before {
	display:block;
	position:absolute;
	top:35px;
	left:92%;
	content:'';
	width:15px;
	height:10px;
	background:url(../img/world/arrow_open.png) no-repeat left top;
	background-size:15px;
	transition:all 0.5s;
}
#diff.open h2:before {
	transform:rotate(180deg);
	transition:all 0.5s;
}
#diff h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#diff.open h2:after {
	width:13.5em;
	transition:all 0.5s;
}
#diff h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#diff .inner {
	width:92%;
	margin:0 auto;
}
#diff .tab {
	padding:2px 0;
	background:url(../img/common/tab_line.png) no-repeat center top,url(../img/common/tab_line.png) no-repeat center bottom;
	background-size:100%;
	letter-spacing:-0.4em;
}
#diff .tab li {
	display:inline-block;
	width:33.333%;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	background:rgba(255,255,255,0);
	letter-spacing:1px;
	transition:0.25s ease background-color;
	cursor:pointer;
}
#diff .tab li.current {
	color:#3c3732;
	background:#fff5eb;
	box-shadow:0px 0px 20px 2px #3c3732 inset;
	-moz-box-shadow:0px 0px 20px 2px #3c3732 inset;
	-webkit-box-shadow:0px 0px 20px 2px #3c3732 inset;
}
#diff .tableArea {
	width:100%;
	margin:0 0 40px 0;
	padding:10px 0;
	background:url(../img/common/tab_line.png) no-repeat center bottom;
	background-size:100%;
	box-sizing:border-box;
}
#diff table {
	display:none;
	width:100%;
}
#diff table:nth-of-type(2) {
	display:table;
}
#diff table th {
	width:35%;
	border:1px solid #3c3732;
	border-left:none;
	/*background:rgba(60,55,50,0.5);*/
	background:#000;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
#diff table tr:nth-of-type(1) th,
#diff table tr:nth-of-type(1) td {
	background:rgba(59,55,50,0.3);
}
#diff table th img {
	width:100%;
	max-width:200px;
	height:auto;
}
#diff table th span {
	display:block;
	margin:8px 0;
}
#diff table td {
	width:32.5%;
	border:1px solid #3c3732;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#diff table tr:nth-of-type(1) td {
	padding:5px 0;
}
#diff table td img {
	width:24px;
	height:auto;
}
#diff table tr:nth-of-type(1) {
	height:38px;
	margin:5px 0;
}
#diff table tr:nth-of-type(1) td img {
	width:24px;
	height:auto;
}
#diff table tr:nth-of-type(1) span {
	display:block;
	font-size:10px;
	font-weight:normal;
}
#diff table td:nth-of-type(2) {
	border-right:none;
}
#diff tr.bottom,
#diff tr.bottom th,
#diff tr.bottom td {
	height:6px;
	padding:0;	
}
/*---------------------------------
	enemykills
---------------------------------*/
#enemykills {
	position:relative;
	height:66px;
	border-bottom:1px solid #3c3732;
	background:rgba(21, 19, 15, 0.8);
	overflow:hidden;
	transition:all 0.5s;
}
#enemykills.open {
	height:auto;
	transition:all 0.5s;
}
#enemykills h2 {
	position:relative;
	padding:18px 0;
	color:#fff5eb;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#enemykills h2:before {
	display:block;
	position:absolute;
	top:35px;
	left:92%;
	content:'';
	width:15px;
	height:10px;
	background:url(../img/world/arrow_open.png) no-repeat left top;
	background-size:15px;
	transition:all 0.5s;
}
#enemykills.open h2:before {
	transform:rotate(180deg);
	transition:all 0.5s;
}
#enemykills h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#enemykills.open h2: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:100%;
}
/*world*/
#enemykills div.world {
	margin:0 4%;
	padding:10px 0;
	border-bottom:1px solid #3c3732;
}
#enemykills .world li {
	display:table;
	position:relative;
	margin:0 auto;
	padding:0 0 30px 40px;
	font-size:16px;
}
#enemykills .world li:nth-of-type(1) span.txt {
	display:inline-block;
	position:absolute;
	top:-5px;
	left:0;
	width:30px;
	padding:30px 0 0 0;
	background:url(../../pc/img/world/icon_world.png) no-repeat center top;
	background-size:25px;
	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:30px;
	padding:30px 0 0 0;
	background:url(../../pc/img/world/icon_you.png) no-repeat center top;
	background-size:25px;
	font-size:10px;
	text-align:center;
}
#enemykills .world li span.num {
	display:inline-block;
	color:#bdb6af;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
#enemykills .world　li:last-child .num {
	font-size:12px;
}
#enemykills .world p {
	/*
	padding:10px 0 0 3.2%;
	background:url(../../pc/img/world/pic_country.png) no-repeat 95% 0;
	background-size:95px;
	font-size:12px;
	line-height:20px;
	letter-spacing:1.8px;
	*/
}
#enemykills .world p .num {
	font-size:32px;
	font-weight:bold;
}
#enemykills .world p .percent {
	font-size:20px;
}
#enemykills .world p .country {
	font-weight:bold;
}
/*col*/
#enemykills .world .col {
	width:345px;
	margin:0 auto;
	padding:10px 0;
	border:1px solid #3c3732;
}
#enemykills .world span.or {
	color:#ffa019;
}
#enemykills .world span.wh {
	color:#fff5eb;
}
#enemykills .world .col .graf {
	position:relative;
	margin:0 10px;
	padding:0 10.4% 20% 10.4%;
	background:url(../../pc/img/world/bg_graf.png) no-repeat center 50px rgba(119,115,112,0.2);
	background-size:91.5%;
}
#enemykills .world .col .goal {
	position:relative;
}
#enemykills .world .col .goal li {
	position:absolute;
	top:20px;
	left:-9px;
	width:15px;
	height:22px;
	margin:0;
	padding:0;
	border-bottom:none;
	background:url(../../pc/img/world/icon_pin.png) no-repeat center top;
	background-size:15px;
	color:#3c3732;
	font-size:8px;
	font-weight:bold;
	text-align:center;
	line-height:14px;
}
#enemykills .world .col .goal li img {
	width:100%;
	height:auto;
}
#enemykills .world .col .number {
	position:relative;
	padding:42% 0 0 0;
}
#enemykills .world .col .number li {
	position:absolute;
	bottom:-20px;
	left:0;
	width:14.8%;
	margin:0;
	padding:0;
	margin-bottom:none;
	font-size:7px;
	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:29.4%;
	left:10.5%;
	width:0;
	height:31%;
	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;
	background-size:87% auto;
}
#enemykills .world .col .per20 p.human {
	background:url(../img/world/enemy_02.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per30 p.human {
	background:url(../img/world/enemy_03.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per40 p.human {
	background:url(../img/world/enemy_04.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per50 p.human {
	background:url(../img/world/enemy_05.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per60 p.human {
	background:url(../img/world/enemy_06.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per70 p.human {
	background:url(../img/world/enemy_07.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per80 p.human {
	background:url(../img/world/enemy_08.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per90 p.human {
	background:url(../img/world/enemy_09.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col .per100 p.human {
	background:url(../img/world/enemy_10.png) no-repeat left bottom;
	background-size:87% auto;
}
#enemykills .world .col p.human span {
	display:inline-block;
	width:53px;
	height:100%;
	margin:0 0 -1.3% 0;
	background:url(../../mb/img/world/et_sprite.png) no-repeat;
	background-position:0;
	background-size:auto 100%;
	-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:-217.44px 0;
	}
}
@keyframes etWalk {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-217.44px 0;
	}
}
#enemykills .world .col p.unit {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	text-align:center;
}
/*list*/
#enemykills .world .list {
	margin:0 10px;
	text-align:center;
}
#enemykills .world .list li {
	position:relative;
	width:100%;
	padding:15px 70px 15px 30px;
	border-bottom:1px solid #3c3732;
	box-sizing:border-box;
	color:#a0968c;
	font-size:12px;
	text-align:left;
	line-height:1.3;
}
#enemykills .world .list li span {
	font-weight:bold;
}
#enemykills .world .list li span.or {
	font-size:16px;
}
#enemykills .world .list li span.wh:nth-of-type(2){
	font-size:16px;
}
#enemykills .world .list li.flag span.wh {
	font-size:14px;
}
#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.japan {
	background:url(../../pc/img/world/pic_country.png) no-repeat right center;
	background-size:auto 60px;
}
#enemykills .world .list li.world {
	background:url(../../pc/img/world/pic_world.png?t=20170117194000) no-repeat right center;
	background-size:auto 60px;
}
#enemykills .world .list li.flag {
	background:url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:20px;
}
#enemykills .world .list li.flag.japan {
	background:url(../../pc/img/world/pic_country.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 60px,20px;
}
#enemykills .world .list li.flag.world {
	background:url(../../pc/img/world/pic_world.png) no-repeat right center,url(../../pc/img/world/icon_goal.png) no-repeat left center;
	background-size:auto 60px,20px;
}
#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;
	vertical-align:middle;
}
#enemykills .world .list li span.or {
	color:#ffa019;
	font-size:32px;
}
#enemykills .world .list li span.wh {
	color:#fff5eb;
}
/*destroy*/
#enemykills .destroy {
	padding:15px 0;
}
#enemykills .destroy h3 {
	width:92%;
	margin:0 auto 25PX auto;
	padding:15px 0 5px 0;
	border:1px solid #504b47;
	color:#fff5eb;
	font-size:12px;
	text-align:center;
}
#enemykills .destroy h3 span.title {
	display:block;
	color:#fff5eb;
	font-size:20px;
}
#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 {
	display:inline-block;
	padding:10px 0 10px 35px;
	background:url(../../pc/img/world/icon_destroy.png) no-repeat left center;
	background-size:25px;
	color:#a0968c;
	font-size:12px;
	text-align:left;
}
/*body*/
#enemykills .destroy .body {
	position:relative;
	width:92%;
	height:500px;
	margin:0 auto;
	padding:0 4%;
	background:url(../img/world/pic_parts.png) no-repeat 30% top;
	background-size:auto 100%;
}
#enemykills .destroy .body dl {
	position:relative;
	min-width:100px;
	margin:0 0 23px 0;
}
#enemykills .destroy .body dt {
	display:table;
	margin:0 0 8px 0;
	padding:5px 10px;
	border:1px solid #4f4b47;
	color:#bdb6af;
	font-size:12px;
}
#enemykills .destroy .body dt p {
	position:absolute;
	top:0;
	left:80px;
	font-size:17px;
}
#enemykills .destroy .body dt p span {
	font-size:15px;
}
#enemykills .destroy .body dd li {
	position:relative;
	margin:0 0 15px 0;
	padding:0 0 0 10xp;
	font-size:12px;
	font-weight:bold;
}
#enemykills .destroy .body dd li.world {
	padding:3px 0 3px 30px;
	background:url(../../pc/img/world/icon_world.png) no-repeat 6px center;
	background-size:16px;
}
#enemykills .destroy .body dd li.you {
	padding:3px 0 3px 30px;
	background:url(../../pc/img/world/icon_you.png) no-repeat 6px center;
	background-size:16px;
}
#enemykills .destroy .body dd li.percent {
	padding:3px 0 3px 30px;
	background:url(../../pc/img/world/icon_destroy.png) no-repeat 6px center;
	background-size:16px;
	font-weight:normal;
}
#enemykills .destroy .body dd li span.world,
#enemykills .destroy .body dd li span.you {
	position:absolute;
	top:20px;
	left:0;
	width:28px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
#enemykills .destroy .body dd li.percent span {
	margin:0 5px 0 0;
}
#enemykills .destroy .body .head {
	position:absolute;
	top:0;
	left:5%;
}
#enemykills .destroy .body .head p {
	left:70px;
}
#enemykills .destroy .body .head.crown p {
	padding:0 0 0 30px;
	background:url(../../pc/img/common/icon_rank.png) no-repeat left center;
}
#enemykills .destroy .body .lArm {
	position:absolute;
	top:15%;
	right:5%;
}
#enemykills .destroy .body .lArm.crown p {
	padding:0 0 0 30px;
	background:url(../../pc/img/common/icon_rank.png) no-repeat left center;
}
#enemykills .destroy .body .rArm {
	position:absolute;
	top:35%;
	left:5%;
}
#enemykills .destroy .body .rArm p {
	left:90px;
}
#enemykills .destroy .body .rArm.crown p {
	padding:0 0 0 30px;
	background:url(../../pc/img/common/icon_rank.png) no-repeat left center;
}
#enemykills .destroy .body .lLeg {
	position:absolute;
	top:55%;
	right:5%;
}
#enemykills .destroy .body .lLeg.crown p {
	padding:0 0 0 30px;
	background:url(../../pc/img/common/icon_rank.png) no-repeat left center;
}
#enemykills .destroy .body .rLeg {
	position:absolute;
	top:70%;
	left:5%;
}
#enemykills .destroy .body .rLeg dt {
	min-width:55px;
}
#enemykills .destroy .body .rLeg p {
	left:88px;
}
#enemykills .destroy .body .rLeg.crown p {
	padding:0 0 0 30px;
	background:url(../../pc/img/common/icon_rank.png) no-repeat left center;
}
#enemykills .destroy .btmTxt {
	height:60px;
	background:url(../img/world/bg_btmtxt.png) no-repeat center center;
	background-size:auto 100%;
	color:#a0968c;
	font-size:20px;
	text-align: center;
	line-height:60px;
}
/*---------------------------------
	totals
---------------------------------*/
#totals {
	position:relative;
	height:66px;
	border-bottom:1px solid #3c3732;
	background:rgba(21, 19, 15, 0.8);
	overflow:hidden;
	transition:all 0.5s;
}
#totals h2 {
	position:relative;
	padding:18px 0;
	color:#fff5eb;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#totals.open {
	height:auto;
	transition:all 0.5s;
}
#totals h2:before {
	display:block;
	position:absolute;
	top:35px;
	left:92%;
	content:'';
	width:15px;
	height:10px;
	background:url(../img/world/arrow_open.png) no-repeat left top;
	background-size:15px;
	transition:all 0.5s;
}
#totals.open h2:before {
	transform:rotate(180deg);
	transition:all 0.5s;
}
#totals h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#totals.open h2:after {
	width:7.2em;
	transition:all 0.5s;
}
#totals h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#totals .inner {
	width:92%;
	margin:0 auto;
}
/*common*/
#totals div dl {
	width:50%;
}
#totals dt {
	width:80%;
	margin:0 auto;
	border:1px solid #3c3732;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
	line-height:32px;
}
#totals .status {
	padding:110px 0 0 0;
}
#totals .status p {
	display:table;
	position:relative;
	margin:0 auto 10px auto;
	padding:0 0 0 40px;
	color:#a0968c;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
}
#totals .status p:nth-of-type(2) {
	margin:0 auto;
}
#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(../../pc/img/world/icon_world.png) no-repeat center top;
	background-size:25px;
}
#totals .status  p.you .txt {
	background:url(../../pc/img/world/icon_you.png) no-repeat center top;
	background-size:25px;
}
#totals .comparison {
	color:#a0968c;
	font-size:12px;
	text-align:center;
}
#totals .comparison span {
	margin:0 5px;
	color:#fcf5eb;
	font-size:12px;
	font-weight:bold;
}
/*door*/
#totals div.door {
	position:relative;
	padding:35px 0;
	border-bottom:1px solid #3c3732;
	background:url(../img/world/pic_door.png) no-repeat center 70px;
}
#totals div.door .opened {
	float:left;
	background:url(../img/world/jack_door.png) no-repeat center 40px;
	background-size:100px;
	text-align:center;
}
#totals div.door .closed {
	float:right;
	background:url(../img/world/jack_door_close.png) no-repeat center 40px;
	background-size:100px;
	text-align:center;
}
#totals .door .comparison {
	position:absolute;
	top:38%;
	left:0;
	width:100%;
}
#totals .door .comparison:after {
	display:block;
	content:'';
	width:10em;
	height:1px;
	margin:0 auto;
	background:#fff5eb;
}
.ja #totals .door .comparison:after {
	width:7.5em
}
/*car*/
#totals div.car {
	position:relative;
	padding:35px 0;
	border-bottom:1px solid #3c3732;
}
#totals div.car .carhits {
	float:left;
	margin:0 0 40px 0;
	background:url(../img/world/car_hit.png) no-repeat center 40px;
	background-size:100px;
	text-align:center;
}
#totals div.car .hitsbycar {
	float:right;
	margin:0 0 40px 0;
	background:url(../img/world/hit-by-car.png) no-repeat center 40px;
	background-size:100px;
	text-align:center;
}
#totals .car .comparison {
	position:absolute;
	top:78px;
	color:#fff5eb;
	font-size:12px;
}
#totals .car .comparison span {
	color:#fcf5eb;
	font-size:22px;
}
#totals .car .mater {
	clear:both;
	position:relative;
	width:200px;
	height:150px;
	margin:0 auto 40px auto;
	background:url(../../pc/img/world/bg_mater.png) no-repeat center top;
	background-size:100%;
}
#totals .car .mater li.txt {
	position:absolute;
	left:-30px;
	bottom:-30px;
	color:#fff5eb;
	font-size:12px;
}
#totals .car .mater li.txt:nth-of-type(3) {
	left:auto;
	right:-20px;
}
#totals .car .mater li.needle {
	position:absolute;
	bottom:-22%;
	left:51%;
	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 .car .mater .comparison {
	left:-60px;
}
#totals .car .mater .comparison:last-child {
	left:auto;
	right:-60px;
}
/*threeItems*/
#totals .threeItems,
#totals .twoItems {}
#totals .threeItems dl,
#totals .twoItems dl {
	position:relative;
	width:50%;
	padding:35px 0 60px 50%;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#totals .threeItems dl.birthed,
#totals .threeItems dl.bras,
#totals .twoItems dl.balls {
	padding:35px 50% 60px 0;
}
#totals .threeItems dl.traps {
	background:url(../img/world/trap.png) no-repeat left center;
	background-size:200px;
}
#totals .threeItems dl.birthed {
	background:url(../img/world/insects.png) no-repeat right center;
	background-size:160px;
}
#totals .threeItems dl.bras {
	background:url(../img/world/bra.png) no-repeat right center;
	background-size:180px;
}
#totals .twoItems dl.harbs {
	background:url(../img/world/harb.png) no-repeat left center;
	background-size:200px;
}
#totals .twoItems dl.balls {
	background:url(../img/world/hustler.png?t=20170215203000) no-repeat right center;
	background-size:180px;
}
#totals .threeItems dt,
#totals .twoItems dt {
	width:90%;
	margin:0 auto 25px auto;
	padding:7px 10px;
	box-sizing: border-box;
	line-height:1.2!important;
}
#totals .threeItems .status,
#totals .twoItems .status {
	padding:0;
}
#totals .threeItems .comparison,
#totals .twoItems .comparison {
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
}
#totals .threeItems .comparison .block,
#totals .twoItems .comparison .block {
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
#totals .threeItems .comparison br,
#totals .twoItems .comparison br {
	display:none;
}
#totals .threeItems .comparison p,
#totals .twoItems .comparison p {
	display:table;
	margin:0 auto;
}
#totals .threeItems .comparison p:after,
#totals .twoItems .comparison p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:0 auto;
	background:#fff5eb;
}
#totals .threeItems .traps .comparison:after {
	width:24em;
}
#totals .threeItems .bras .comparison:after {
	width:16.5em;
}
#totals .twoItems .harbs .comparison:after {
	width:19em;
}
#totals .twoItems .balls .comparison:after {
	width:14em;
}
/*mustdie*/
#totals div.mustdie {
	position:relative;
	padding:35px 0 84vw 0;
	border-bottom: 1px solid #3c3732;
}
#totals div.mustdie .survive {
	float:left;
	text-align:center;
}
#totals div.mustdie .die {
	float:right;
	text-align:center;
}
#totals .mustdie dt {
	padding:7px 10px;
	line-height:1.2!important;
}
#totals .mustdie .status {
	padding:20px 0 0 0;
}
#totals .mustdie .comparison {
	position:absolute;
	bottom:8%;
	left:0;
	width:100%;
	padding-top:calc(90vw * 0.727);
	background:url(../../pc/img/world/emd.png) no-repeat center 0;
	background-size:90vw;
}
#totals .mustdie .comparison p {
	display:table;
	margin:20px auto 0 auto;
}
#totals .mustdie .comparison p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:0 auto;
	background:#fff5eb;
}
/*endofzoe*/
#totals .endofzoe {
	position:relative;
	padding:35px 0 20px 0;
}
#totals .endofzoe .insect {
	float:left;
	text-align:center;
}
#totals .endofzoe .punch {
	float:right;
	text-align:center;
}
#totals .endofzoe dt {
	padding:7px 10px;
	line-height:1.2!important;
}
#totals .endofzoe .status {
	padding: calc(100vw * 0.37) 0 0 0;
}
#totals .endofzoe .insect dd {
	background: url(../../pc/img/world/eoz_insect.png) no-repeat center 20px;
	background-size: calc(100vw * 0.4)
}
#totals .endofzoe .punch dd {
	background: url(../../pc/img/world/eoz_punch.png) no-repeat center 20px;
	background-size: calc(100vw * 0.4)
}
#totals .endofzoe .resultNum {
	clear: both;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	padding: 50px 0 0 0;
	/*
	padding: 50px 0 calc(46vw * 0.715) 0;
	background: url(../../pc/img/world/line_arrow.png) no-repeat center bottom;
	background-size: 50%;*/
}
#totals .endofzoe .resultNum:after {
	display: block;
	content: '';
	width: 50vw;
	height: calc(50vw *0.74);
	margin: -0.7vw auto 0 auto;
	background: url(../../pc/img/world/line_arrow.png) no-repeat;
	background-size: 100%;
}
#totals .endofzoe .resultNum dl:nth-of-type(1) {
	width: 50%;
}
#totals .endofzoe .resultNum dl:nth-of-type(2) {
	width: 50%;
}
#totals .endofzoe .resultNum dt {
	width: 100%;
	height: 32px;
	margin: 0 0 10px 0;
	padding: 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: 20px 2% 0 2%;
	border: 1px solid #3b3732;
}
#totals .endofzoe .resultCol:after {
	display: block;
	content: '';
	clear: both;
}
#totals .endofzoe .resultCol .result {
	position: relative;
	width: 100%;
}
#totals .endofzoe .resultCol .result dt {
	position: absolute;
	top:0;
	left: 50%;
	width: 17em;
	padding: 0;
	border: none;
	color: #a0968c;
	font-size: 14px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#totals .endofzoe .resultCol .result dt span {
	margin: 0 0 0 10px;
	color: #fff5eb;
	font-size: 24px;
	font-weight: bold;
}
#totals .endofzoe .resultCol .result dt:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
#totals .endofzoe .resultCol .result dd.img {
	max-width: 400px;
	margin: 0 auto;
	padding: 90px 0 20px 0;
	color: #fff5eb;
	font-size: 14px;
	text-align: center;
}
#totals .endofzoe .resultCol .result dd.img img {
	width: 96%;
	height: auto;
	margin: 0 2% 10px 2%;
}
#totals .endofzoe .resultCol .result dd.share {
	width: 85%;
	margin: 0 auto 30px auto;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #3c3732;
	background: rgba(255,245,235,0.1);
}
#totals .endofzoe .resultCol .result dd.share p {
	margin: 0 0 10px 0;
	color: #fff5eb;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#totals .endofzoe .resultCol .result dd.share {
	text-align: center;
}
#totals .endofzoe .resultCol .result dd.share li {
	display: inline-block;
	width: 40%;
	max-width: 170px;
	margin: 0 2px;
	border-radius: 4px;
	background: #fff5eb;
	line-height: 55px; 
}
#totals .endofzoe .resultCol .result dd.share li a {
	display: block;
}
#totals .endofzoe .resultCol .result dd.share li img {
	vertical-align: middle;
}
#totals .endofzoe .resultCol .weightTable {
	padding: 0 0 0 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: 14px;
	font-weight: normal;
	line-height: auto;
}
#totals .endofzoe .resultCol .weightTable dd.graf {
	position:relative;
	padding:0 10.4% 20% 10.4%;
	background:url(../../pc/img/world/bg_graf.png) no-repeat center 53px rgba(119,115,112,0.2);
	background-size:91.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal {
	position:relative;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li {
	position:absolute;
	top:20px;
	left:16%;
	width:20px;
	height:29px;
	background:url(../../pc/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: 31.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point02 {
	left: 47%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point03 {
	left: 63.7%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point05 {
	left: 55%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point06 {
	left: 68.3%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point1-4 {
	left: 22%;
	width: 49px;
	height: 30px;
	background:url(../../pc/img/world/icon_pin_long.png) no-repeat center top;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point1-6 {
	left: 62.7%;
	width: 49px;
	height: 30px;
	background:url(../../pc/img/world/icon_pin_long.png) no-repeat center top;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point1-7 {
	left: 49%;
	width: 49px;
	height: 30px;
	background:url(../../pc/img/world/icon_pin_long.png) no-repeat center top;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag {
	left:96%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_200 {
	left: 31.5%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_400 {
	left: 47%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_600 {
	left: 63.7%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .goal li.point_flag_5000 {
	left: 55%;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number {
	position:relative;
	padding:43% 0 0 0;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li {
	position:absolute;
	bottom:-20px;
	left:0;
	width:14.8%;
	font-size:10px;
	text-align:center;
}
#totals .endofzoe .resultCol .weightTable dd.graf .number li.txt {
	left:-17%;
}
#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:30.5%;
	left:26%;
	width:0;
	height: 32.2%;
	background:url(../../pc/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:100%;
}
#totals .endofzoe .resultCol .weightTable dd.graf p.needle:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #fff;
}
#totals .endofzoe .resultCol .weightTable dd.list p {
	margin: 15px 0;
	color: #a0968c;
	font-size: 14px;
	text-align: center
}
#totals .endofzoe .resultCol .weightTable dd.list p span {
	padding: 2px 0 2px 30px;
	background: url(../../pc/img/world/icon_glass.png) no-repeat left center;
	background-size: 1em;
}
#totals .endofzoe .resultCol .weightTable dd.list li {
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 5px 40px;
	box-sizing: border-box;
	border-bottom: 2px solid #3c3732;
	line-height: 25px;
}
#totals .endofzoe .resultCol .weightTable dd.list li:last-of-type {
	margin: 0;
	border: none;
}
#totals .endofzoe .resultCol .weightTable dd.list li span.glass {
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(../../pc/img/world/btn_glass.png) no-repeat;
	background-size: 18px;
	cursor: pointer;
}
#totals .endofzoe .resultCol .weightTable dd.list li:before {
	display: block;
	content: '0';
	position: absolute;
	top: 2px;
	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;
	max-width: 329px;
	margin: 0 auto;
	border: 1px solid #3c3732;
}
/*
#totals .endofzoe .status {
	padding:20px 0 0 0;
}
#totals .endofzoe .comparison {
	position:absolute;
	bottom:8%;
	left:0;
	width:100%;
	padding-top:calc(90vw * 0.727);
	background:url(../../pc/img/world/eoz.png) no-repeat center 0;
	background-size:90vw;
}
#totals .endofzoe .insectComparison,
#totals .endofzoe .punchComparison {
	bottom:8%;
	left:0;
}
#totals .endofzoe .comparison p,
#totals .endofzoe .insectComparison p,
#totals .endofzoe .punchComparison p{
	display:table;
	margin:20px auto 0 auto;
}
#totals .endofzoe .comparison p:after,
#totals .endofzoe .insectComparison p:after,
#totals .endofzoe .punchComparison p:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:0 auto;
	background:#fff5eb;
}*/
/*---------------------------------
	gameover
---------------------------------*/
#gameover {
	position:relative;
	height:66px;
	border-bottom:1px solid #3c3732;
	background:rgba(21, 19, 15, 0.8);
	overflow:hidden;
	transition:all 0.5s;
}
#gameover h2 {
	position:relative;
	padding:18px 0;
	color:#fff5eb;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#gameover.open {
	height:auto;
	transition:all 0.5s;
}
#gameover h2:before {
	display:block;
	position:absolute;
	top:35px;
	left:92%;
	content:'';
	width:15px;
	height:10px;
	background:url(../img/world/arrow_open.png) no-repeat left top;
	background-size:15px;
	transition:all 0.5s;
}
#gameover.open h2:before {
	transform:rotate(180deg);
	transition:all 0.5s;
}
#gameover h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#gameover.open h2:after {
	width:8.6em;
	transition:all 0.5s;
}
#gameover h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#gameover .inner {
	width:92%;
	margin:0 auto;
	padding:0 4%;
}
#gameover ul {
	padding:20px 0;
}
#gameover li {
	position:relative;
	float:left;
	width:30.5%;
	margin:0 4% 8px 0;
}
#gameover li:nth-of-type(7),
#gameover li:nth-of-type(10),
#gameover li:nth-of-type(13),
#gameover li:nth-of-type(16),
#gameover li:nth-of-type(19) {
	margin:0 0 8px 0;
}
#gameover li:nth-child(1),
#gameover li:nth-child(3){
	width:48%;
	margin:0 4% 8px 0;
}
#gameover li:nth-child(2),
#gameover li:nth-child(4) {
	width:48%;
	margin:0 0 8px 0;
}
#gameover li .rank {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	padding:2px 0 0 2px;
	background:url(../../pc/img/world/bg_rank02.png) no-repeat left top;
	background-size:30px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}
#gameover li:nth-of-type(1) .rank {
	background:url(../../pc/img/world/bg_rank01.png) no-repeat left top;
	background-size:30px;
}
#gameover li .img {
	border:1px solid #3c3732;
	vertical-align:middle;
}
#gameover li .img img {
	width:100%;
	height:auto;
}
/*---------------------------------
	saved
---------------------------------*/
#saved {
	position:relative;
	height:66px;
	border-bottom:1px solid #3c3732;
	background:rgba(21, 19, 15, 0.8);
	overflow:hidden;
	transition:all 0.5s;
}
#saved h2 {
	position:relative;
	padding:18px 0;
	color:#fff5eb;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
}
#saved.open {
	height:auto;
	transition:all 0.5s;
}
#saved h2:before {
	display:block;
	position:absolute;
	top:35px;
	left:92%;
	content:'';
	width:15px;
	height:10px;
	background:url(../img/world/arrow_open.png) no-repeat left top;
	background-size:15px;
	transition:all 0.5s;
}
#saved.open h2:before {
	transform:rotate(180deg);
	transition:all 0.5s;
}
#saved h2:after {
	content:'';
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#ffa019;
}
#saved.open h2:after {
	width:11.6em;
	transition:all 0.5s;
}
#saved h2 span {
	display:block;
	position:absolute;
	top:60px;
	width:100%;
	font-size:18px;
	text-align:center;
}
#saved .kills {
	padding:0 10px;
}
/*selected*/
#saved .selected {
	margin:0 auto 35px auto;
	padding:110px 0 15px 0;
	background:url(../img/world/bg_saved.png) no-repeat center top;
	background-size:auto 88%;
}
#saved .selected .tapeArea {
	position:relative;
	width:206px;
	height:120px;
	margin:0 auto 40px auto;
	background:url(../../pc/img/world/bg_cassette.png) no-repeat center top;
	background-size:100%;
}
.tapeArea ul.moveRight li {
	animation:rotateRight 5s linear infinite;
}
.tapeArea ul.moveLeft li {
	animation:rotateLeft 5s 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:37px;
	left:37px;
}
#saved .selected .tapeArea .hubRight {
	position:absolute;
	top:37px;
	left:140px;
}
#saved .selected .result {
	position:relative;
	width:83.9%;
	margin:0 auto;
}
#saved .selected .result dt {
	width:100%;
	margin:0 auto;
	padding:20px 0 0 0;
	color:#fff5eb;
	font-size:14px;
	text-align:center;
}
#saved .selected .result dt.leftWin {
	background:url(../../pc/img/world/arrow_left.png) no-repeat center top;
	background-size:24px;
}
#saved .selected .result dt.rightWin {
	background:url(../../pc/img/world/arrow_right.png) no-repeat center top;
	background-size:24px;
}
#saved .selected .result dt:after {
	display:block;
	content:'';
	width:5.2em;
	height:1px;
	margin:0 auto;
	background:#fff;	
}
#saved .selected .result dd {
	font-size:16px;
	font-weight:bold;
	line-height:1;
}
#saved .selected .result dd.left {
	position:absolute;
	top:30px;
	left:-10px;
	text-align:left;
}
#saved .selected .result dd.right {
	position:absolute;
	top:30px;
	right:-10px;
	text-align:right;
}
/*ratio*/
#saved .ratios h3 {
	margin:0 0 20px 0;
	background:url(../img/world/bg_title.png) no-repeat center top;
	background-size:auto 25px;
	color:#fff5eb;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	line-height:25px;
}
#saved .ratios .world {
	position:relative;
	width:300px;
	height:140px;
	margin:0 auto 20px auto;
	background:url(../../pc/img/world/bg_world.png) no-repeat center top;
	background-size:100%;
}
#saved .ratios .world canvas {
	width:15px;
	height:15px;
	background:url(../../pc/img/world/bg_ratiograf.png) no-repeat center center;
	background-size:100%;
}
#saved .ratios .world #graf1 {
	position:absolute;
	top:29%;
	left:15%;
}
#saved .ratios .world #graf2 {
	position:absolute;
	top:44%;
	left:21%;
}
#saved .ratios .world #graf3 {
	position:absolute;
	top:64%;
	left:29%;
}
#saved .ratios .world #graf4 {
	position:absolute;
	top:20%;
	left:42%;
}
#saved .ratios .world #graf5 {
	position:absolute;
	top:29%;
	left:45%;
}
#saved .ratios .world #graf6 {
	position:absolute;
	top:26%;
	left:51%;
}
#saved .ratios .world #graf7 {
	position:absolute;
	top:21%;
	left:64%;
}
#saved .ratios .world #graf8 {
	position:absolute;
	top:35%;
	left:82%;
}
#saved .ratios .world #graf9 {
	position:absolute;
	top:30%;
	left:73%;
}
#saved .ratios .world #graf10 {
	position:absolute;
	top:42%;
	left:70%;
}
#saved .ratios .world #graf11 {
	position:absolute;
	top:37%;
	left:58%;
}
#saved .ratios .world #graf12 {
	position:absolute;
	top:70%;
	left:81%;
}
#saved .ratios .world #graf13 {
	position:absolute;
	top:52%;
	left:50%;
}
#saved .ratios .world ul {
	position:absolute;
	bottom:0;
	left:0;
	width:46px;
	height:18px;
	border-radius:50px;
	border:1px solid #bdb6af;
}
#saved .ratios .world li:first-child {
	position:absolute;
	top:-1.5em;
	left:5px;
	width:16px;
	padding:0 0 14px 0;
	background:url(../../pc/img/world/bg_left.png) no-repeat center bottom;
	background-size:10px;
	color:#fff5eb;
	font-size:8px;
	text-align:center;
}
#saved .ratios .world li:last-child {
	position:absolute;
	top:-1.5em;
	right:5px;
	width:16px;
	padding:0 0 14px 0;
	background:url(../../pc/img/world/bg_right.png) no-repeat center bottom;
	background-size:10px;
	color:#fff5eb;
	font-size:8px;
	text-align:center;
}
/*---------------------------------
	social
---------------------------------*/
#social ul {
	padding:25px 0 0 0;
	text-align:center;
}
#social li {
	display:inline-block;
	margin:0 10px;
}
/*---------------------------------
	notLogin
---------------------------------*/
#contents .notLoginBox {
	margin:20px 0 40px 0;
	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;
}
/*---------------------------------
	mdl
---------------------------------*/
.mdl {
	border-right:1px solid #3b3732;
	border-left:1px solid #3b3732;
}
.mdl dl {
	padding:35px 15px;
	
}
.mdl dd.img {
	position:relative;
}
.mdl dd.img img {
	width:100%;
	height:auto;
	border:1px solid #504b47;
}
.mdl dd.img .rank {
	position:absolute;
	top:1px;
	left:1px;
	width:25px;
	height:30px;
	padding:0 0 0 5px;
	background:url(../../pc/img/world/bg_rank02.png) no-repeat left top;
	background-size:30px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
}
.mdl dd.img .rank.first {
	background:url(../../pc/img/world/bg_rank01.png) no-repeat left top;
	background-size:30px;
}
.mdl dt.name {
	color:#9d968c;
	font-size:14px;
	font-weight:bold;
}
.mdl .data {
	margin:0 0 25px 0;
}
.mdl .data .ratio {
	display:inline-block;
	margin:0 40px 0 0;
	color:#9d968c;
	font-size:8px;
}
.mdl .data .deaths {
	display:inline-block;
	color:#9d968c;
	font-size:8px;	
}
.mdl .data .ratio span {
	display:block;
	padding:5px 0 0 30px;
	background:url(../../pc/img/world/icon_world.png) no-repeat left center;
	background-size:25px;
	color:#bbb6af;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}
.mdl .data .deaths span {
	display:block;
	padding:5px 0 0 30px;
	background:url(../../pc/img/world/icon_you.png) no-repeat left center;
	background-size:25px;
	color:#bbb6af;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}
.mdl.eoz dl.result {
	padding: 20px 15px;
}
.mdl.eoz dl.result dt {
	width: 17em;
	padding: 0;
	margin: 0 auto;
	border: none;
	color: #a0968c;
	font-size: 14px;
}
.mdl.eoz dl.result dt span {
	margin: 0 0 0 10px;
	color: #fff5eb;
	font-size: 24px;
	font-weight: bold;
}
.mdl.eoz dl.result dt:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	margin:5px auto 0 auto;
	background:#fff5eb;
}
.mdl.eoz dl.result dd.reach {
	margin: 10px 0 15px 0;
	font-size: 14px;
	text-align: center;
}
.mdl.eoz dl.result dd.reach span {
	color:#fff5eb;
	font-size:24px;
	font-weight:bold;
}
.mdl.eoz dl.result dd.img {
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 0;
	color: #fff5eb;
	font-size: 13px;
	text-align: center;
}
.mdl.eoz dl.result dd.img img {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	border: none;
}
.mdl.eoz dl.result dd.share {
	margin: 0 auto 20px auto;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #3c3732;
	background: rgba(255,245,235,0.1);
}
.mdl.eoz dl.result dd.share p {
	margin: 0 0 10px 0;
	color: #fff5eb;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.mdl.eoz dl.result dd.share {
	text-align: center;
}
.mdl.eoz dl.result dd.share li {
	display: inline-block;
	width: 40%;
	max-width: 170px;
	margin: 0 2px;
	border-radius: 4px;
	background: #fff5eb;
	line-height: 40px; 
}
.mdl.eoz dl.result dd.share li a {
	display: block;
}
.mdl.eoz dl.result dd.share li img {
	width: 22px;
	vertical-align: middle;
}
.mdl.eoz dl.result dd.share li.fb img {
	width: 10px;
} 
/*---------------------------------
	layout -minSize-
---------------------------------*/
@media screen  and (min-width:640px){
	#globalHeader .inner,
	#header .inner,
	#basics .playData,
	#diff .inner,
	#enemykills .kills,
	#gameover .inner,
	#totals .inner,
	#saved .selected,
	#saved .ratios {
		width:640px;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#totals .endofzoe .resultNum:after {
		width: 325px;
		height: 240px;
		margin: -4px auto 0 auto;
	}
	#totals .endofzoe .status {
		padding: 220px 0 0 0;
	}
	#totals .endofzoe .insect dd,
	#totals .endofzoe .punch dd {
		background-size: 80%;
	}
	/*
	#basics .playData .col .number {
		padding:33.5% 0 0 0;
	}
	#basics .playData .time .col p.needle {
		top:31%;
	}
	#basics .playData .distance .col p.human {
		top:35.9%;
	}
	#enemykills .world .col .number {
		padding:33.2% 0 0 0;
	}
	#enemykills .world .col p.human {
		top:35.2%;
	}
	*/
	#totals div.mustdie {
		padding:35px 0 500px 0;
	}
	#totals .mustdie .comparison {
		padding-top:370px;
		background:url(../../pc/img/world/emd.png) no-repeat center 0;
		background-size:500px;
	}
	#totals div.endofzoe {
		padding:35px 0;
	}
	#totals .endofzoe .comparison {
		padding-top:370px;
		background:url(../../pc/img/world/eoz.png) no-repeat center 0;
		background-size:500px;
	}
}
@media screen  and (max-width:320px){
	#basics .playData .col,
	#enemykills .world .col {
		width:290px;
	}
	#basics .playData .col .number {
		padding:46.5% 0 0 0;
	}
	#basics .playData .time .col p.needle {
		top:33%;
		height:29%;
	}
	#basics .playData .distance .col p.human span {
		-webkit-animation:maWalk320 1.8s steps(4) infinite;
		animation:maWalk320 1.8s steps(4) infinite;
	}
	#enemykills .world .col .number {
		padding:47% 0 0 0;
	}
	#enemykills .world .col p.human {
		top:33.2%;
		height:29%;
	}
	#enemykills .world .col p.human span {
		-webkit-animation:etWalk320 1.8s steps(4) infinite;
		animation:etWalk320 1.8s steps(4) infinite;
	}
	
}
@-webkit-keyframes maWalk320 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-157.3px 0;
	}
}
@keyframes maWalk320 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-157.3px 0;
	}
}
@-webkit-keyframes etWalk320 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-181.56px 0;
	}
}
@keyframes etWalk320 {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-181.56px 0;
	}
}
	
	
	
	
	
}