body {
	font-size: 16px;
	line-height: 2;
	background-color: #000;
	color: #e3e4ff;
}
#container {
	overflow-x: hidden;
	position: relative;
	width: 100%;
	min-width: 980px;
}
#container .fix {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

/* header
=========================================*/
header {
	position: relative;
	width: 100%;
	height: 1060px;
	margin: 0 auto;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/background.webp) no-repeat 50% 0;
	text-indent: -100000px;
}
header h1 {
	position: absolute;
	top: 40px;
	left: 0;
	width: 165px;
	height: 60px;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/10_FlyHigh/logo_icarus.webp) no-repeat center;
	z-index: 1;
}
header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
header #gnb {
	position: absolute;
	top: 450px;
	left: 450px;
	width: 340px;
}
header #gnb .btn_twitter,
header #gnb .btn_icaranger {
	position: absolute;
	top: 470px;
	width: 230px;
	height: 120px;
	background-repeat: no-repeat;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/gnb2_151117.webp);
}
header #gnb .btn_twitter {
	left: -60px;
	background-position: 0 0;
}
header #gnb .btn_icaranger {
	left: 170px;
	background-position: -230px 0;
}
header #gnb .btn_twitter a,
header #gnb .btn_icaranger a {
	display: block;
	width: 100%;
	height: 100%;
}
header #gnb ul {
	position: relative;
	width: 100%;
	margin-top: 30px;
}
header #gnb ul li {
	position: relative;
	width: 100%;
	height: 130px;
	margin-top: -20px;
	background-repeat: no-repeat;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/gnb.webp);
	cursor: pointer;
}
header #gnb ul li.menu1 {
	background-position: 0 0;
}
header #gnb ul li.menu1:hover {
	background-position: 0 100%;
}
header #gnb ul li.menu2 {
	background-position: -340px 0;
}
header #gnb ul li.menu2:hover {
	background-position: -340px 100%;
}
header #gnb ul li.menu3 {
	background-position: -680px 0;
}
header #gnb ul li.menu3:hover {
	background-position: -680px 100%;
}
header #gnb ul li.menu4 {
	background-position: -1020px 0;
}
header #gnb ul li.menu4:hover {
	background-position: -1020px 100%;
}

/* content
=========================================*/
.content {
	position: relative;
	width: 100%;
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.content h3 {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.content .inner {
	padding-left: 60px;
}
.content .gallery {
	position: relative;
	width: 100%;
}
.content .gallery .img,
.content .gallery .nav {
	position: relative;
	width: 932px;
	margin: 30px auto;
}
.content .gallery .img {
	height: 658px;
}
.content .gallery .img li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content .gallery .img li.on {
	display: block;
}
.content .gallery .nav {
	height: 102px;
}
.content .gallery .nav:after {
	content: '';
	display: block;
	clear: both;
}
.content .gallery .nav li {
	float: left;
	width: 146px;
	height: 100%;
	margin-right: 11px;
	cursor: pointer;
	opacity: 0.5;
}
.content .gallery .nav li.on {
	opacity: 1;
}
.content .gallery .nav li:last-child {
	margin-right: 0;
}

/* about
=========================================*/
#about {
	height: 1100px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/about/background.webp);
}
#about .item {
	position: relative;
	width: 100%;
}
#about .item > li {
	position: absolute;
	font-size: 12px;
	z-index: 1;
}
#about .item > li:after {
	content: '';
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
}
#about .item > li h4 {
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
}
#about .item > li .img {
	position: absolute;
}
#about .item > li .features {
	position: relative;
}
#about .item > li .features li {
	list-style: disc;
	margin-left: 20px;
}
#about .item > li:nth-child(1) {
	top: 50px;
	left: 650px;
	width: 380px;
	height: 450px;
}
#about .item > li:nth-child(1):after {
	top: -10px;
	left: -95px;
	width: 108px;
	height: 321px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/about/equip1_line.webp);
}
#about .item > li:nth-child(1) .img {
	top: -70px;
	left: 160px;
	width: 171px;
	height: 540px;
}
#about .item > li:nth-child(1) .features {
	width: 200px;
}
#about .item > li:nth-child(2) {
	top: 50px;
	left: 10px;
	width: 330px;
	height: 300px;
}
#about .item > li:nth-child(2):after {
	top: -7px;
	left: 115px;
	width: 293px;
	height: 252px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/about/equip2_line.webp);
}
#about .item > li:nth-child(2) .img {
	top: 70px;
	left: 0;
	width: 108px;
	height: 235px;
}
#about .item > li:nth-child(2) .features {
	width: 220px;
	margin-left: 110px;
}
#about .item > li:nth-child(3) {
	top: 420px;
	left: 290px;
	width: 440px;
	height: 350px;
}
#about .item > li:nth-child(3):after {
	top: -260px;
	left: -17px;
	width: 274px;
	height: 276px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/about/equip3_line.webp);
}
#about .item > li:nth-child(3) .img {
	top: 240px;
	left: 0;
	width: 373px;
	height: 117px;
}
#about .item > li:nth-child(3) .features {
	width: 100%;
}

/* skill
=========================================*/
#skill {
	height: 2050px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/skill/background.webp);
}
#skill h4 {
	margin: 70px 0 20px 0;
	text-align: center;
}
#skill .type {
	position: relative;
	width: 100%;
	height: 80px;
	text-align: center;
}
#skill .type li {
	position: relative;
	display: inline-block;
	width: 320px;
	height: 100%;
	margin: 0 15px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/skill/bg_arrow.webp);
	font-size: 20px;
	font-weight: bold;
}
#skill .type li img {
	position: absolute;
	top: 6px;
	width: 66px;
	height: 66px;
	margin-right: 10px;
}
#skill .type li:nth-child(1) {
	background-position: 0 0;
}
#skill .type li:nth-child(1) img {
	left: -100px;
}
#skill .type li:nth-child(2) {
	background-position: 0 100%;
	color: #000;
}
#skill .type li:nth-child(2) img {
	right: -100px;
}
#skill .spec {
	position: relative;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
#skill .spec:after {
	content: '';
	display: block;
	clear: both;
}
#skill .spec.pvp li {
	float: right;
}
#skill .spec li {
	float: left;
	position: relative;
	width: 327px;
	height: 587px;
	margin-right: -1px;
	padding: 15px 25px;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/skill/bg_frame.webp) no-repeat center;
	text-align: left;
	font-size: 11px;
}
#skill .spec li h5 {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	padding: 30px 0 0 70px;
	font-size: 15px;
}
#skill .spec li h5 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 66px;
	max-width: none;
	max-height: none;
}
#skill .spec li table {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	text-align: left;
}
#skill .spec li table caption {
	display: none;
}
#skill .spec li h6 {
	font-size: 12px;
	margin-top: 10px;
}
#skill .spec li h6.tcpr {
	color: #8c97cb;
}
#skill .spec li h6.tcor {
	color: #d1c0a5;
}
#skill .spec li .tcor2 {
	color: #f39700;
}
#skill .spec li .tccy {
	color: #84ccc9;
}

/* equip
=========================================*/
#equip {
	height: 1180px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/equip/background.webp);
}
#equip:before {
	content: '';
	display: block;
	position: absolute;
	top: -95px;
	left: 50%;
	width: 195px;
	height: 95px;
	margin-left: 70px;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/equip/bg_equip.webp) no-repeat center;
}

/* screenshot
=========================================*/
#screenshot {
	height: 1060px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/screenshot/background.webp);
}

/* button top
=========================================*/
.btn_top {
	position: absolute;
	top: 1100px;
	left: 50%;
	width: 120px;
	height: 170px;
	margin-left: 500px;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/11_Ranger/btn_top.webp) no-repeat 0 0;
	text-indent: -1000000px;
	cursor: pointer;
}
.btn_top:hover {
	background-position: 100% 0;
}
.btn_top a {
	display: inline;
	width: 0px;
	height: 0px;
}

/* footer
==================================================*/
footer {
	position: relative;
	width: 100%;
	padding: 40px 0;
	background-color: #000;
	text-align: center;
	font-size: 12px;
	color: #a0a0a0;
}
footer ul {
	position: relative;
	width: 100%;
}
footer ul li {
	display: inline-block;
	margin: 0 5px;
}