@charset "utf-8";
/* CSS Document */



/*
body{
	font-family: "Meiryo","verdana";
}*/

.index__ranking__container{
	font-family: "Meiryo","verdana";
    width:100%;
    margin:0 0 36px;
}
.index__ranking__tabContainer {
    overflow-x: auto;
}
.index__ranking__tabContainer::-webkit-scrollbar {
    height: 5px;
}
.index__ranking__tabContainer::-webkit-scrollbar-track {
    background: #666;
}
.index__ranking__tabContainer::-webkit-scrollbar-thumb {
    background: #666;
}
.index__ranking__tabContainer__tab{
    display: table;
}
.index__ranking__tabContainer__tab__button{
    display: table-cell;
    text-align: center;
	color: #666;
    background-color: #eee;
    vertical-align: middle;
    border: 2px solid #fff;
    border-bottom-width: 4px;
    min-width: 160px;
    color: #666;
}
.index__ranking__tabContainer__tab__button.active{
    border-bottom: #666;
    background-color: #666;
    color: #ff6;
}
.index__ranking__tabContainer__tab__button a{
    color: #666;
    display: block;
    text-decoration: none;
	line-height:32px;
}
.index__ranking__tabContainer__tab__button.active a{
	background-color: #666;
	color: #fff;
}


.index__ranking__contents__content{
	width:100%;
	width:100vw;
}

.index__ranking__contents__content a:first-child,
.index__ranking__contents__content a:nth-child(2){
	display:block;
	width:47%;
	margin:3vw 1vw 0vw;
	height:calc(50vw + 60px);
}
.index__ranking__contents__content a:nth-child(3),
.index__ranking__contents__content a:nth-child(4),
.index__ranking__contents__content a:nth-child(5){
	display:block;
	width:29%;
	margin:0vw 2vw 0vw;
	height:calc(33vw + 60px);
}

.index__ranking__contents__content a:nth-child(6){
	display:block;
	width:60vw;
	height:32px;
	line-height:32px;
	margin:5vw 20vw;
	border:1px solid #0099FF;
	color:#0099FF;
	text-align:center;
}
.index__ranking__contents__content a:first-child,
.index__ranking__contents__content a:nth-child(3),
.index__ranking__contents__content a:nth-child(4){
	float:left;
}
.index__ranking__contents__content a:nth-child(2),
.index__ranking__contents__content a:nth-child(5),
.index__ranking__contents__content a:nth-child(6){
	float:right;
}
.index__ranking__contents__content a:nth-child(6):after{
	display: block;
	clear: both;
	content: "";
}
.index__ranking__contents__content a > span{
	display:block;
	width:100%;
	height:24px;
	line-height:24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;
}
.index__ranking__contents__content a b{
	display:block;
	width:calc(100% - 18px);
	margin:0;
	height:16px;
	line-height:16px;
	float:right;
	text-align:left;
	color:#0099FF;
}
.index__ranking__contents__content a b:after{
	display: block;
	clear: both;
	content: "";
}
.index__ranking__contents__content a > span:last-child{
	text-align:center;	
	color:#fc5997;
	font-size:0.9em;
	height:20px;
	line-height:20px;
}