@charset "UTF-8";
#main {
	margin:0 0 20px 0;
	padding:0 2% 20px 2%;
	border-top:1px solid #1a3a3a;
	border-bottom:1px solid #1a3a3a;
	background:url(../img/common/bg_main.png) repeat left top;
}
/* ========================================
	loader
======================================== */
.loader {
	position:fixed;
	top:50%;
	left:50%;
	margin:-2.5em 0 0 -2.5em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	font-size: 10px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	z-index:15000;
}
.loader,
.loader:after {
	width: 5em;
	height: 5em;
	border-radius: 50%;
}
@-webkit-keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
/* ========================================
	mdl
======================================== */
#mdlbg,
#mdl_advice {
	display:none;
}
#mdl_advice {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:60000;
	overflow:hidden;
}
#mdl_advice img {
	position:fixed;
	margin:auto;
}
@media screen and (min-width: 800px) {
	#mdl_advice img {
		left:50%;
		margin:0 0 0 -400px;
	}
}
/*#mdl_advice.mdl_top {
	position:absolute;
	top:0;
	left:2%;
	width:96%;
	background:url(../img/common/bg_mdl.png) repeat center top;
	z-index:600;
}
#mdl_advice .mdl_btm {
	padding:5px;
	background:url(../img/common/mdl_corner_lt.png) no-repeat left top,url(../img/common/mdl_corner_lb.png) no-repeat left bottom,url(../img/common/mdl_corner_rt.png) no-repeat right top,url(../img/common/mdl_corner_rb.png) no-repeat right bottom;
	background-size:10px,10px,10px,10px;
}
#mdl_advice .mdl_mid {
	padding:10px;
	border:1px solid #535353;
	background:rgba(0,0,0,0.4);
}
#mdl_advice .mdl_contents p.txt {
	padding:10px 0;
	color:#fff;
	text-align:center;
}
#mdl_advice .mdl_contents p.close {
	width:153px;
	margin:0 auto;
	border:1px solid #959595;
	background:rgba(255,255,255,0.2);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:38px;
	cursor:pointer;
}*/
/* ========================================
	List
======================================== */
.bg_advice {
	width:104%;
	margin:0 0 10px -2%;
	background:rgba(0,17,17,0.7);
}
.bg_advice .image {
	margin:0 0 10px 0;
	border-bottom:1px solid #535353;
}
.bg_advice .image img {
	width:100%;
	height:auto;
}
.socialBtn {
	float:right;
	margin:0 2% 10px 0;
}
.socialBtn li {
	float:left;
	margin:0 0 0 10px;
	width: 110px;
	border-radius:4px;
	line-height:20px;
	text-align:center;
}
.socialBtn li a {
	display:block;
}
.socialBtn li.tw {
	background:#0099e2;
	box-shadow:0px 3px 0 -1px #0274aa;
	-moz-box-shadow:0px 3px 0 -1px #0274aa;
	-webkit-box-shadow:0px 3px 0 -1px #0274aa;
}
.socialBtn li.fb {
	background:#1e6cb4;
	box-shadow:0px 3px 0 -1px #165187;
	-moz-box-shadow:0px 3px 0 -1px #165187;
	-webkit-box-shadow:0px 3px 0 -1px #165187;
}
.socialBtn li a span {
	padding:2px 0 2px 20px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.socialBtn li.tw a span {
	background:url(../img/advice/icon_xw.png) no-repeat left center;
	background-size:14px;
}
.socialBtn li.fb a span {
	padding:2px 0 2px 10px;
	background:url(../img/advice/icon_fb.png) no-repeat left center;
	background-size:6px;
}
/*.adviceTitle {
	margin:0 0 10px 0;
	padding:1px;
	border:1px solid #535353;
	background:url(../img/common/corner_lt.png) no-repeat left top,url(../img/common/corner_rt.png) no-repeat right top,url(../img/common/corner_lb.png) no-repeat left bottom,url(../img/common/corner_rb.png) no-repeat right bottom,rgba(0,0,0,0.7);
	background-size:7px,7px,7px,7px;
	text-align:center;
}
.adviceTitle span.bg {
	display:block;
	border:1px solid #ff0000;
	background:url(../img/advice/bg_title.png) repeat left top;
	box-shadow:rgba(197, 0, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(197, 0, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(197, 0, 0, 0.85098) 0px 0px 24px 0px inset;
	line-height:42px;
}
.adviceTitle span.icon {
	padding:5px 0 2px 30px;
	background:url(../img/advice/icon_title.png) no-repeat left top;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}*/
.adviceLead {
	clear:both;
	padding:0 2% 20px 2%;
	color:#b5b5b5;
	font-size:12px;
	line-height:1.8;
}
.adviceLead span {
	color:#f29905;
}
p.new {
	position:absolute;
	top:7px;
	left:2px;
	padding:0 8px;
	background:url(../img/advice/bg_new_right.png) no-repeat right top,url(../img/advice/bg_new_left.png) no-repeat left top;
	background-size:auto 16px;
}
p.new span {
	display:block;
	padding:1px 5px;
	border:none;
	background:url(../img/advice/bg_new_mid.png) repeat-x left top;
	background-size:auto 16px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}
.adviceList {
	width:100%;
	margin:0 0 10px -2%;
	padding:10px 2%;
	background:rgba(0,17,17,0.7);
}
.adviceList h3 {
	height:35px;
	margin:10px 0 20px 0;
	padding:8px 0 0 10px;
	border-left:4px solid #f29905;
	background:rgba(0,17,17,0.6);
	font-size:18px;
	line-height:0.8;
}
.en .adviceList h3 {
	line-height:1.5;
}
.adviceList h3 span {
	font-size:9px;
}
.adviceList .bnr {
	position:relative;
	margin:25px 0 40px 0;
}
.adviceList .bnr a {
	display:block;
	text-align:center;
}
.adviceList .bnr img {
	width:100%;
	height:auto;
	margin:0 0 5px 0;
}
.adviceList .bnr .ref {
	float:none;
	position:absolute;
	right:2%;
}
.adviceList .listFeature li {
	position:relative;
	float:left;
	width:47%;
	margin:0 4% 25px 1%;
}
.adviceList .listFeature li:nth-of-type(2n) {
	margin:0 0 25px 0;
}
.adviceList .listFeature li img {
	margin:0 0 5px 0;
	border:1px solid #4a8989;
}
.adviceList .listFeature li .date {
	float:left;
	color:#408685;
	font-size:12px;
	font-weight:bold;
}
.adviceList .bnr .ref,
.adviceList .listFeature li .ref {
	float:right;
	padding:0 0 0 10px;
	background:url(../img/advice/icon_ref_col.png) no-repeat left center;
	background-size:10px;
	color:#e24d3b;
	font-size:12px;
	font-weight:bold;
}
.adviceList .listFeature li .txt {
	clear:both;
	color:#fff;
	font-size:12px;
}
.adviceList .listFeature p.new {
	top:-8px;
	left:5px;
}
/*tab*/
.adviceList .tab {
	margin:0 0 10px 0;
}
.adviceList .tab li.current {
	padding:0 0 6px 0;
	background:url(../img/advice/arrow_advicetab.png) no-repeat center bottom;
	background-size:13px;
}
.adviceList .tab li {
	position:relative;
	float:left;
	width:49%;
	margin:0 2% 0 0;
	text-align:center;
}
.adviceList .tab li p.new {
	position:absolute;
	top:-11px;
	left:4px;
}
.adviceList .tab li:last-child {
	margin:0;
}
.adviceList .tab li a {
	display:block;
	padding:8px 0;
	border:1px solid rgba(0,17,17,0.6);
	border-bottom:4px solid #4a8989;
	background:rgba(0,17,17,0.6);
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:0.8;
}
.adviceList .tab li.current a {
	border:1px solid #4a8989;
	border-bottom:4px solid #4a8989;
	background:rgba(19,46,46,0.6);
}
.adviceList .tab li span {
	font-size:8px;
}
.adviceList .listWeapons {
	display:none;
}
.adviceList .listSystem li,
.adviceList .listWeapons li {
	position:relative;
	margin:0 0 5px 0;
	padding:10px 2%;
	border:1px solid #535353;
	background:url(../img/common/corner_lt.png) no-repeat left top,url(../img/common/corner_rt.png) no-repeat right top,url(../img/common/corner_lb.png) no-repeat left bottom,url(../img/common/corner_rb.png) no-repeat right bottom,rgba(0,0,0,0.7);
	background-size:7px,7px,7px,7px;
}
.adviceList .listSystem li .img,
.adviceList .listWeapons li .img {
	float:left;
	width:105px;
	margin:0 10px 0 0;
}
.adviceList .listSystem li dd.cat,
.adviceList .listWeapons li dd.cat {
	display:inline;
	min-width:60px;
	padding:3px 10px;
	border-radius:4px;
	border:1px solid #898989;
	color:#898989;
	font-size:9px;
	font-weight:bold;
	text-align:center;
}
.adviceList .listSystem li dt,
.adviceList .listWeapons li dt {
	height:40px;
	margin:5px 0 0 0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	overflow:hidden;
}
.adviceList .listSystem li dd.data .ref,
.adviceList .listWeapons li dd.data .ref {
	float:left;
	padding:0 0 0 10px;
	background:url(../img/advice/icon_ref_col.png) no-repeat left center;
	background-size:10px;
	color:#e24d3b;
	font-size:11px;
	font-weight:bold;
}
.adviceList .listSystem li dd.data .date,
.adviceList .listWeapons li dd.data .date {
	float:right;
	color:#408685;
	font-size:11px;
	font-weight:bold;
}

/* ========================================
	detaile
======================================== */
.adviceDetail {
	width:100%;
	margin:20px 0 10px 0;
	padding:10px 2% 20px 2%;
	border:1px solid #535353;
	background:url(../img/common/corner_lt.png) no-repeat left top,url(../img/common/corner_rt.png) no-repeat right top,url(../img/common/corner_lb.png) no-repeat left bottom,url(../img/common/corner_rb.png) no-repeat right bottom,rgba(0,0,0,0.7);
	background-size:7px,7px,7px,7px;
	box-sizing:border-box;
}
.adviceDetail p.date {
	float:left;
	margin:2px 0;
	color:#408685;
	font-size:11px;
	font-weight:bold;
}
.adviceDetail .category {
	float:right;
	padding:2px 10px;
	border-radius:4px;
	border:1px solid #898989;
	color:#898989;
	font-size:9px;
	font-weight:bold;
	text-align:center;
}
.adviceDetail h3 {
	clear:both;
	margin:20px 0 10px 0;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}
.adviceDetail div.textArea {
	margin:0 0 30px 0;
	padding:20px 0;
	border-top:1px solid #535353;
	border-bottom:1px solid #535353;
}
.adviceDetail div.textArea h3 {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:2px solid #235958;
	color:#b5b5b5;
	font-size:16px;
}
.adviceDetail div.textArea p {
	color:#a0a0a0;
	font-size:14px;
}
.adviceDetail div.textArea p span {
	color:#f4a252;
}
.adviceDetail div.textArea h4 {
	margin:0 0 5px 0;
	color:#f4a252;
	font-size:14px;
}
/*.adviceDetail div.textArea#map h3.type_02{
	margin:40px 0 24px 0;
	color:#b5b5b5;
	border-bottom:2px solid #235958;
}

.adviceDetail div.textArea#map span.type_west{
	margin:0 0 24px 0;
	color:#26a7e2;
	font-size:16px;
	font-weight:bold;
}

.adviceDetail div.textArea#map span.type_east{
	margin:0 0 24px 0;
	color:#cc0000;
	font-size:16px;
	font-weight:bold;
}
*/
/*textType-staet*/
.gray {
	color:#b5b5b5!important;
}
.red {
	color:#cc0000!important;
}
.blue {
	color:#26a7e2!important;
}
.orange {
	color:#f4a252!important;
}
.bold {
	font-weight:bold!important;
}
/*textType-end*/
.adviceDetail div.textArea hr {
	border-top:1px dotted #535353;
}
.adviceDetail div.textArea .anchor {
	width:100%;
	background:rgba(27,66,65,0.5);
}
.adviceDetail div.textArea .anchor li {
	float:left;
	width:50%;
	padding:10px 2%;
	border:1px solid #183f3e;
	background:url(../img/top/arrow_mapright.png) no-repeat 98% center;
	background-size:13px;
	font-weight:bold;
	line-height:1;
	box-sizing:border-box;
}
.adviceDetail div.textArea .typeTxt {
	position:relative;
	padding:0 0 0 30px;
}
.adviceDetail div.textArea .typeTxt span {
	display:block;
	position:absolute;
	top:2px;
	left:0;
	width:20px;
	height:21px;
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.adviceDetail div.textArea .typeTxt span.icon_gr {
	background:#038c32;
}
.adviceDetail div.textArea .typeTxt span.icon_grL {
	background:#62dbb0;
}
.adviceDetail div.textArea .typeTxt span.icon_red {
	background:#ff4800;
}
.adviceDetail div.textArea .typeTxt span.icon_redL {
	background:#cc0000;
}
.adviceDetail div.textArea .typeTxt span.icon_redD {
	background:#950303;
}
.adviceDetail div.textArea .typeTxt span.icon_blue {
	background:#08698c;
}
.adviceDetail div.textArea .typeTxt span.double {
	top:23px;
}
.adviceDetail div.textArea img {
	display:block;
	width:100%;
	height:auto;
	margin:10px 0;
}
.adviceDetail div.textArea span.pop {
	display:block;
	position:relative;
}
@media screen and (min-width: 480px) {
	.img480 {
		width:480px;
	}
}
.adviceDetail div.textArea img.popIcon {
	position:absolute;
	top:5px;
	right:5px;
	width:20px;
	height:20px;
	margin:0;
}
.adviceDetail div.textArea a {
	color:#408685;
}
.adviceDetail div.textArea dt {
	margin:0 0 0 1em;
	color:#a0a0a0;
	font-size:12px;
	font-weight:bold;
	line-height:27px;
}
.adviceDetail div.textArea dd {
	margin:0 0 0 2em;
	color:#a0a0a0;
	line-height:27px;
}
.adviceDetail .linkList {
	margin:20px 0 0 0;
}
.adviceDetail .linkList li a {
	display:block;
	position:relative;
	margin:0 0 5px 0;
	padding:10px 2%;
	border:1px solid #535353;
	background:url(../img/common/corner_lt.png) no-repeat left top,url(../img/common/corner_rt.png) no-repeat right top,url(../img/common/corner_lb.png) no-repeat left bottom,url(../img/common/corner_rb.png) no-repeat right bottom,rgba(0,0,0,0.7);
	background-size:7px,7px,7px,7px;
}
.adviceDetail .linkList li img {
	float:left;
	width:105px;
	margin:0 10px 0 0;
}
.adviceDetail .linkList li a span.txt {
	display:block;
	height:40px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
.adviceDetail .linkList li a span.date {
	display:block;
	color:#408685;
	font-size:12px;
	text-align:right;
}
.adviceDetail div.textArea br.pc {
	display:none;
}
.adviceDetail .socialArea {
	padding:10px 2%;
	border:1px solid #535353;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.adviceDetail .socialArea p {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #535353;
	text-align:center;
}
.adviceDetail .socialArea p a {
	display:block;
	margin:10px 0 0 0;
	border-radius:4px;
	background:#e24d3b;
	box-shadow:0px 3px 0 -1px #c33827;
	-moz-box-shadow:0px 3px 0 -1px #c33827;
	-webkit-box-shadow:0px 3px 0 -1px #c33827;
	text-align:center;
	transition:background 0.5s,box-shadow 0.5s;
}
/*.adviceDetail .socialArea p a:hover {
	background:#b84031;
	box-shadow:0px 1px 0 -1px #c33827;
	-moz-box-shadow:0px 1px 0 -1px #c33827;
	-webkit-box-shadow:0px 1px 0 -1px #c33827;
	transition:background 0.5s,box-shadow 0.5s;
}*/
.adviceDetail .socialArea p a span {
	padding:3px 0 3px 25px;
	background:url(../img/advice/icon_ref.png) no-repeat left center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
}
.adviceDetail .socialArea dl {
	width:100%;
}
.adviceDetail .socialArea dt {
	padding:0 0 10px 0;
	text-align:center;
}
.adviceDetail .socialArea dd li {
	margin:0 0 15px 0;
	border-radius:4px;
	line-height:38px;
	text-align:center;
}
.adviceDetail .socialArea dd li a {
	display:block;
}
.adviceDetail .socialArea dd li.tw {
	background:#0099e2;
	box-shadow:0px 3px 0 -1px #0274aa;
	-moz-box-shadow:0px 3px 0 -1px #0274aa;
	-webkit-box-shadow:0px 3px 0 -1px #0274aa;
}
.adviceDetail .socialArea dd li.fb {
	background:#1e6cb4;
	box-shadow:0px 3px 0 -1px #165187;
	-moz-box-shadow:0px 3px 0 -1px #165187;
	-webkit-box-shadow:0px 3px 0 -1px #165187;
}
.adviceDetail .socialArea dd li a span {
	padding:2px 0 2px 25px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.adviceDetail .socialArea dd li.tw a span {
	margin:0 0 0 -25px;
	background:url(../img/advice/icon_xw.png) no-repeat left center;
}
.adviceDetail .socialArea dd li.fb a span {
	padding:2px 0 2px 20px;
	background:url(../img/advice/icon_fb.png) no-repeat left center;
}
.btn a {
	display:block;
	margin:20px auto 0 auto;
	border-radius:4px;
	border:1px solid #535353;
	background:rgba(0,0,0,0.3);
	color:#85a7a5;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
}
.btn a span {
	padding:0 0 0 20px;
	background:url(../img/ranking/arrow_backbtn.png) no-repeat left center;
	background-size:16px;
}

@media screen and (max-width: 600px) {

}