@charset "utf-8";
#ranking_details{
	background-image:url(../img/sp_ranking_bg.png);
	background-repeat:repeat;
	padding:1em .5em;
	font-size:4vw;
}
#ranking_details .result-set{
	margin:0 auto 1em auto;
	background-color:#FFF;
	border:none;
	box-shadow:0 .2em 0 0 rgba(0,0,0,0.15);
	border-radius:0;
	width:100%;
	position:relative;
	border:1px solid #DDD;
}
#ranking_details .result-set .rank_icon{
	width:1.6em;
	top:.5em;
	left:.2em;
}
#ranking_details .result-set .title{
	background:none;
	background-color:#FFF;
	border:none;
	padding:.65em 0 0 2.2em;
	line-height:1;
}
#ranking_details .result-set .title h3 a{
	color:#00A5E3;
}
#ranking_details .result-set .access-num{
	background-image:url(../img/sp_ranking_access_bg.png);
	background-repeat:repeat;
	position:absolute;
	border:1px solid #DADADA;
	right:1%;
	top:1.2em;
	margin:0;
	font-size:2.8vw;
	line-height:1;
	padding:.4em .1em .3em .1em;
}
#ranking_details .result-set .access-num .text_green{
	color:#51bc22;
}
#ranking_details .result-set .image{
	width:96%;
	float:none;
	margin:auto;
}
#ranking_details .result-set .image img{
	width:100%;
	display:block;
	margin:auto;
}
#ranking_details .result-set .suggest{
	width:96%;
	margin:2% auto;
	color:#0083df;
	font-size:3.5vw;
	padding:.6em .2em .5em .2em;
	font-weight:bold;
	border:2px solid #ff9600;
	background-color:#fff5e1;
	text-align:center;
	height:auto;
	float:none;
	background-image:none;
}
#ranking_details .result-set #table{
	background-color:#FFFFFF;
	margin:auto;
	margin-bottom:.3em;
	width:96%;
}
#ranking_details .result-set #table table{
	width:100%;
	text-align:center;
	font-size:3vw;
	background-color:#FFFFFF;
}
#ranking_details .result-set #table table th{
	font-weight:normal;
	border-bottom:1px dotted #CCC;
	color:#333;
	padding-left:.5em;
	font-size:2.8vw;
	line-height:1.8;
	
}
#ranking_details .result-set #table table td{
	text-align:left;
	font-weight:bold;
	border-bottom:1px dotted #CCC;
	font-size:3vw;
	padding:.1em 0;
	color:#333;
	line-height:1.3;
	
}
#ranking_details .result-set #table .convenience{
	margin:0;
	padding:0;
}
#ranking_details .result-set #table .convenience li{
	float:left;
	height:1.2em;
	margin-right:0.4em;
	line-height:1;
}

#ranking_details .result-set .point_ribbon {
	position: relative;
	height: 1.6em;
	padding: 0 0 0 .8em;
	background-color: #10a900;
	font-size:3.2vw;
	color:#FFF;
	width:37%;
	font-weight:bold;
	z-index:2;
	box-sizing:border-box;
	margin-left:1%;
}
#ranking_details .result-set .point_ribbon::before,
#ranking_details .result-set .point_ribbon::after {
	content: '';
	position: absolute;
}
#ranking_details .result-set .point_ribbon::before {
	top: 100%;
	left: 0;
	border-width: 0 .3em .3em 0;
	border-style: solid;
	border-color: transparent;
	border-right-color: #095100;
}
#ranking_details .result-set .point_ribbon::after {
	content:" ";
	top: 0;
	right: -.55em;
	z-index: 2;
	border-width: .80em .55em;
	border-style: solid;
	border-color:#10a900;
	border-right-color:transparent;
	width:0;
	height:0;
}
#ranking_details .result-set ul.comments{
	font-size:3vw;
	margin-top:-.8em;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	padding-top:1.1em;
	width:96%;
}
#ranking_details .result-set ul.comments li{
	background-image:url(../img/sp_ranking_check.png);
	border:none;
	font-size:2.8vw;
	padding:.3em 0 .3em 2.5em;
	background-size:4% auto;
	border-bottom:1px dashed #a0a0a0;
}
#ranking_details .result-set div.comments_for ul.for{
	background-color:#fff3f3;
	border:1px solid #f74848;
	width:47%;
	float:left;
	margin-left:2%;
	font-size:3vw;
	margin-bottom:2%;
}
#ranking_details .result-set div.comments_for ul.for p{
	background-color:#f74848;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:3.5vw;
	margin-bottom:.2em;
}
#ranking_details .result-set div.comments_for ul.for li{
	background-image:url(../img/arrow15.png);
	background-repeat:no-repeat;
	background-position:3% center;
	background-size:8% auto;
	padding-left:2em;
}
#ranking_details .result-set div.comments_for ul.notfor{
	background-color:#f1f6ff;
	border:1px solid #006cb1;
	width:47%;
	float:right;
	margin-right:2%;
	font-size:3vw;
	margin-bottom:2%;
}
#ranking_details .result-set div.comments_for ul.notfor p{
	background-color:#006cb1;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:3.5vw;
	margin-bottom:.2em;
}
#ranking_details .result-set div.comments_for ul.notfor li{
	background-image:url(../img/arrow16.png);
	background-repeat:no-repeat;
	background-position:3% center;
	background-size:8% auto;
	padding-left:2em;
}

#ranking_details .result-set #timer .inner{
	border:1px solid #41B935;
	background-color:#F1FFEF;
	width:96%;
	margin:0 auto .4em auto;
	line-height:2;
	padding:.3em .4em .2em .4em;
	font-size:3.5vw;
	box-sizing:border-box;
	font-weight:bold;
	vertical-align:middle;
}
#ranking_details .result-set #timer .inner .left{
	float:left;
	padding:0 .3em;
}
#ranking_details .result-set #timer .inner .left span{
	color:#288d00;
}
#ranking_details .result-set #timer .inner .right{
	float:right;
	line-height:1;
	background-color:#454545;
	border:1px solid #000;
	box-shadow:0px 0px 7px 1px #222 inset;
	color:#FFF;
	padding:.4em 1.3em;
	font-size:3vw;
}
#ranking_details .result-set #timer .inner .right span.time{
	color:#f6ff00;
	font-size:4.2vw;
}
#ranking_details .result-set .apply_check{
	position:relative;
	margin: 0 auto 1em 0;
	padding-top:.5em;
}
#ranking_details .result-set .apply_check .title{
	width:70%;
	position:absolute;
	z-index:3;
	margin:auto;
	padding:0;
	background:none;
	left:15%;
	top:0%;
}
#ranking_details .result-set .apply_check .text{
	width:96%;
	background-color:#1d9600;
	border-radius:1em;
	margin:auto;
	position:relative;
	color:#FFF;
	text-align:center;
	font-size:3.5vw;
	padding-top:.3em;
}
#ranking_details .result-set .btn-area .btn-detail a{
	display:block;
	float:left;
	margin-left:2%;
	width:34.1%;
}
#ranking_details .result-set .btn-area .btn-detail a img{
	width:100%;
	height:auto;
}
#ranking_details .result-set .btn-area .btn-apply a{
	display:block;
	float:right;
	width:60.698%;
	margin-right:2%;
}