@charset "UTF-8";

/*----rankingarchive_start----*/

.rankingarchive .pc{
	display:none;
}

body.rankingarchive {
    background: #010b0f url(../../assets/images/ms_tw_bg_archive.jpg) repeat-y center top / 320px auto;
    font-family: Verdana,Arial,Geneva,Tahoma,sans-serif;
    line-height: 2.3rem;
    font-size: 1.4rem;
    text-align: left;
}

.rankingarchive #vis {
    /*background: #fff url(../../assets/images/sp_ms_tw_onlineranking_archive_kv_201612.jpg) no-repeat center top / 640px auto;*/
    height: 278px;
}

.rankingarchive-sub-nav{
	background:rgba(0, 37, 79, 0.95);
    position: fixed;
    z-index: 9999;
    padding: 12px 0 ;
    width: 100%;
	bottom:0;
	left:0;
    text-align: center;
    height:27px;
}

.rankingarchive-sub-nav ul
{
    display:inline-block;
    height:27px;
}
.rankingarchive-sub-nav li 
{
    float:left;
    margin: 0 8px 0 0;
    height:27px;
}
.rankingarchive-sub-nav li a{
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    /*margin: 0 4% 0 0;*/
    background: #fff;
    font-size: 1rem;
	display: block;
    padding: 4px;
    width: 70px;
    height:27px;
	color:#000;
	float:left;
    box-sizing:border-box;
}

.rankingarchive-sub-nav li:last-child{
    margin:0;
}


#rankingarchive-peorid-wrap {
    background: url(../../assets/images/sp_ms_tw_onlineranking_archive_period.png) no-repeat center top / 320px auto;
	position:relative;
    margin: 0 auto;
    height: 174px;
    width: 320px;
}

.rankingarchive-peorid-txt01{
	position:absolute;
    text-align: center;
    font-size: 1.0rem;
    margin: 0 auto;
    width: 230px;
    color: #fff;
	top:21px;
	left:44px;
}

.rankingarchive-peorid-txt02 {
	position:absolute;
    text-align: center;
    font-size: 1.2rem;
    margin: 0 auto;
    width: 275px;
    color: #fff;
	top:53px;
	left:23px;
}

.rankingarchive-wrapper {
    margin: -58px 0 0;
}

.rankingarchive-theme {
    /*background: url(../../assets/images/sp_ms_tw_onlineranking_archive_theme_01.png) no-repeat center top / 320px auto;*/
    text-indent: -9999px;
    margin: 10px auto 0;
    height: 178px;
    width: 320px;
}

.rankingarchive h1 {	
	background: url(../../assets/images/sp_ms_tw_onlineranking_archive_title.png) no-repeat center top / 320px 84px;
    text-align: center;
    padding: 31px 0 0;
    font-size: 1.2rem;
    margin: 0 auto;
    height: 53px;
    width: 320px;
    color: #fff;
}

.rankingarchive h2 {
	margin:0 auto 10px auto;
    text-align: center;
    font-size: 1.1rem;
	padding:0 10px;
	width:267px;
	color:#fff;
}

.rankingarchive-result-box{
	margin:0 auto 15px auto;
	overflow:hidden;
	width:290px;
}

.rankingarchive-result-box ul{
	overflow:hidden;
	clear:both;
}

.rankingarchive-result-box li{
	text-align:center;
	font-size:0.9rem;
	padding:5px;
	float:left;
	width:135px;
}

.rankingarchive-result-box li.white{
	background:#fff;
}

.rankingarchive-result-box li.gray{
	background:#efefef;
}

.rankingarchive-result-box-l{
	vertical-align:middle;
	display:block;
	text-align:center;
	width:56px;
	color:#fff;
    float:left;
}
.rankingarchive-result-box-l::before
{
    content:" ";
    display:inline-block;
    height:100%;
    width:0px;
    vertical-align: middle;
}

/*.rankingarchive-result-box-l p:nth-child(1) img{
	width:35px;
}
*/
.rankingarchive-result-box-l p{
	font-size:1.2rem;
}
.rankingarchive-result-box.gold .rankingarchive-result-box-l p ,
.rankingarchive-result-box.silver .rankingarchive-result-box-l p ,
.rankingarchive-result-box.copper .rankingarchive-result-box-l p
{
    font-size:1.2rem;
    /*margin: 7px 0 0 0;*/
}
.rankingarchive-result-box.gold .rankingarchive-result-box-l::before
{
    content:" ";
    display:inline-block;
    background-image:url(./../images/ms_tw_onlineranking_archive_icon01.png );
    background-size:36px 32.4px ;
    background-repeat:no-repeat;
    width:36px;
    height:32.4px;
}
.rankingarchive-result-box.silver .rankingarchive-result-box-l::before
{
    content:" ";
    display:inline-block;
    background-image:url(./../images/ms_tw_onlineranking_archive_icon02.png );
    background-size:36px 32.4px ;
    background-repeat:no-repeat;
    width:36px;
    height:32.4px;
}

.rankingarchive-result-box.copper .rankingarchive-result-box-l::before
{
    content:" ";
    display:inline-block;
    background-image:url(./../images/ms_tw_onlineranking_archive_icon03.png );
    background-size:36px 32.4px ;
    background-repeat:no-repeat;
    width:36px;
    height:32.4px;
}


.rankingarchive-result-box-r{
	vertical-align:middle;
	display:block;
	padding:10px;
	width:209px;
	color:#fff;
    float:right;
}

.rankingarchive-result-box-r p:nth-child(1){
	font-size:1.2rem;
	font-weight:bold;
}

.rankingarchive-result-box-r p:nth-child(2){
	display:inline-block;
	font-size:1.0rem;
}

.rankingarchive-result-box-r p:nth-child(3){
	display:inline-block;
	background:#f3e235;
	border-radius:12px;
	font-size:1.0rem;
	padding:0 10px;
	color:#000;
}

.rankingarchive-result-box.gold .rankingarchive-result-box-r {
  background: -moz-linear-gradient( -90deg, rgb(218,189,42) 0%, rgb(204,177,38) 100%);
  background: -webkit-linear-gradient( -90deg, rgb(218,189,42) 0%, rgb(204,177,38) 100%);
  background: -ms-linear-gradient( -90deg, rgb(218,189,42) 0%, rgb(204,177,38) 100%);
}

.rankingarchive-result-box.silver .rankingarchive-result-box-r{
  background: -moz-linear-gradient( -90deg, rgb(86,140,180) 0%, rgb(77,124,159) 100%);
  background: -webkit-linear-gradient( -90deg, rgb(86,140,180) 0%, rgb(77,124,159) 100%);
  background: -ms-linear-gradient( -90deg, rgb(86,140,180) 0%, rgb(77,124,159) 100%);
}

.rankingarchive-result-box.copper .rankingarchive-result-box-r {
  background: -moz-linear-gradient( -90deg, rgb(195,88,40) 0%, rgb(173,78,35) 100%);
  background: -webkit-linear-gradient( -90deg, rgb(195,88,40) 0%, rgb(173,78,35) 100%);
  background: -ms-linear-gradient( -90deg, rgb(195,88,40) 0%, rgb(173,78,35) 100%);
}

.rankingarchive-result-box .rankingarchive-result-box-r ,
.rankingarchive-result-box.standard .rankingarchive-result-box-r {
  background: -moz-linear-gradient( -90deg, rgb(39,99,152) 0%, rgb(30,75,115) 100%);
  background: -webkit-linear-gradient( -90deg, rgb(39,99,152) 0%, rgb(30,75,115) 100%);
  background: -ms-linear-gradient( -90deg, rgb(39,99,152) 0%, rgb(30,75,115) 100%);
}

.rankingarchive-result-tab ul{
	background:#efefef;
	overflow:hidden;
	margin:0 auto;
	padding:10px;
	width:267px;
}

.rankingarchive-result-tab li {
	border-top:solid 3px #acacac;
    text-align: center;
    background: #fff;
    font-size: 1rem;
    width: 45.8%;
    float: left;
    padding: 2%;
}

.rankingarchive-result-tab li a{
	font-weight:bold;
    display: block;
	color:#000;	
}

.rankingarchive-result-tab li:nth-child(odd) {
	border-right:solid 1px #cecece;
}

.rankingarchive-result-tab li.select {
    background: -moz-linear-gradient( 90deg, rgb(183,222,253) 0%, rgb(237,247,255) 100%);
    background: -webkit-linear-gradient( 90deg, rgb(183,222,253) 0%, rgb(237,247,255) 100%);
    background: -ms-linear-gradient( 90deg, rgb(183,222,253) 0%, rgb(237,247,255) 100%);
	border-top:solid 3px #204c72;
}

.rankingarchive-compensation-head-l{
    background-image: -moz-linear-gradient( -90deg, rgb(39,99,152) 0%, rgb(30,75,115) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(39,99,152) 0%, rgb(30,75,115) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(39,99,152) 0%, rgb(30,75,115) 100%);
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-size: 1.1rem;
    padding: 7px;
    width: 230px;
    color: #fff;
}

.rankingarchive-compensation-head-r {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    padding: 7px 4px;
    width: 36px;
}

.rankingarchive-compensation-head-r img.open{
	width:13px;
}

.rankingarchive-compensation-head-r img.close{
	width:8px;
}

.rankingarchive-compensation-wrap {
	margin:0 auto;
	width:288px;
}

.rankingarchive-compensation-wrap dt {
	border-bottom:solid 1px #cecece;
	background:#183f62;
	overflow: hidden;
}

.rankingarchive-compensation-wrap dt:nth-of-type(3) {
	border:none;
}

.rankingarchive-compensation-wrap dd {
	background:#fff;
	padding:8px;
}

.rankingarchive-compensation-wrap dl.accordion dt {
	background:url(../../assets/images/sp_ms_tw_onlineranking_archive_compensation_icn_close.png) no-repeat 94.2% center #183f62;
	background-size:7px auto;
}

.rankingarchive-compensation-wrap dl.accordion dt.opened {
	background:url(../../assets/images/sp_ms_tw_onlineranking_archive_compensation_icn_open.png) no-repeat 94.4% center #183f62;
	background-size:13px auto;
}

.rankingarchive-compensation-wrap tr:nth-child(odd) {
	background:#f2f2f2;
}

.rankingarchive-compensation-wrap td {
	border:solid 1px #cecece;
	text-align:center;
	font-size:1.0rem;
	text-align:left;
	padding:2%;
}

.rankingarchive-compensation-wrap table {
    border: 1px solid #cecece;
    background: #fff;
}

.rankingarchive-compensation-wrap #menu li{
	border-bottom: 1px solid #dfdfdf;
}

.rankingarchive-compensation-wrap #menu li:last-child{
	border:none;
}

.hide {
	display:none;
}

#menu .main_menu {
    background: #183f62;
}

#menu .sub_menu li {
    background: #ececec;
    padding: 4%;
}

#menu .sub_menu li a{
	color:#9e9478;
	display:block;
}

.main_menu img.rotate {
	transform: rotate(90deg);
}

.rankingarchive-compensation-attention ul {
    padding: 0 10px;
    margin: 0 auto;
    width: 270px;
}

.rankingarchive-compensation-attention li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 0.9rem;
    color: #fff;
}

.rankingarchive-compensation-attention li span {
    color: #cc0000;
}

.rankingarchive-compensation-txt01 {
	text-align: center !important;
	font-weight:bold;
}

.rankingarchive-compensation-cl01 {
	text-align: center !important;
    background: #1e4b73;
	color:#fff;
}

.rankingarchive-compensation-cl02 {
	text-align: center !important;
    background: #276398;
	color:#fff;
}

.rankingarchive-compensation-sub{
	margin:20px 0;
}

.rankingarchive-trial-wrap dl{
	border-bottom:solid 1px #fff;
	border-top:solid 1px #fff;
	margin:0 auto;
	padding:10px;
	width:260px;
	color:#fff;
}

.rankingarchive-trial-wrap dt{
	font-weight:bold;
	font-size:1.1rem;

    clear: both;
    float: left;
}

.rankingarchive-trial-wrap dd
{
    font-size:0.9rem;
}
.rankingarchive-trial-wrap dd.date{
    margin-left:100px;
}
.rankingarchive-trial-wrap dd.place{
    margin-left:55px;
}


.rankingarchive-trial-wrap dl::after{
    content:" ";
    display:block;
    width:0px;
    height:0px;
    clear:both;
}


.rankingarchive-trial-txt01{
	margin:0 auto 10px auto;
    text-align: center;
    font-size: 0.9rem;
	padding:0 10px;
	width:267px;
	color:#fff;
}

.rankingarchive-trial-txt01 span{
	color:#cc0000;
}

.rankingarchive-trial-banner01{
    /*background: url(../../assets/images/sp_ms_tw_onlineranking_archive_trial01.jpg) no-repeat center top / 280px 75px;*/
    margin: 0 auto 15px auto;
    text-indent: -9999px;
    display: block;
    height: 75px;
    width: 280px;
}

.rankingarchive-limited p.reward-img {
   /* background: url(../../assets/images/sp_ms_tw_onlineranking_archive_illust01.png) no-repeat center top / 290px 293px;
    width: 290px;
    height: 293px;*/

    margin: 0 auto 15px auto;
    text-indent: -9999px;
   
	color:#fff;
}
/*
.rankingarchive-limited p:nth-child(2) {
    background: url(../../assets/images/sp_ms_tw_onlineranking_archive_illust02.png) no-repeat center top / 290px 313px;
    margin: 0 auto 15px auto;
    text-indent: -9999px;
    height: 313px;
    width: 290px;
	color:#fff;
}*/

.rankingarchive-limited ul {
	padding:0 10px;
	margin:0 auto;
	width:270px;
}

.rankingarchive-limited li {
	padding-left: 1em;
    text-indent: -1em;
	font-size:0.9rem;
	color:#fff;
}

.rankingarchive-limited li::before {
	color:#cc0000;
    content:"※";
}

.rankingarchive-attention {
	background: url(../../assets/images/sp_ms_tw_onlineranking_archive_attention_01.png) no-repeat center top / 290px 8px,url(../../assets/images/sp_ms_tw_onlineranking_archive_attention_02.png) no-repeat center bottom / 290px 8px;
    margin: 0 auto;
	padding:8px 0;
    width: 287px;
}

.rankingarchive-attention li{
    padding-left: 1em;
    text-indent: -1em;
    font-size:0.9rem;
	background:#fff;
	padding:0 20px;
}
.rankingarchive-attention li:first-child
{
    margin:-2px 0 0 0;
}
.rankingarchive-attention li:last-child
{
    margin:0 0 -2px 0;
}


.rankingarchive-attention li span{
    color:#cc0000;
}

.rankingarchive-share li:nth-child(1) a {
    background: url(../../assets/images/sp_ms_tw_onlineranking_archive_sns01.png) no-repeat center top / 280px 51px;
    margin: 0 auto 15px auto;
    text-indent: -9999px;
    display: block;
    height: 51px;
    width: 280px;
	color:#fff;
}
.rankingarchive-share li:nth-child(2) a {
    background: url(../../assets/images/sp_ms_tw_onlineranking_archive_sns02.png) no-repeat center top / 280px 51px;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
    height: 51px;
    width: 280px;
	color:#fff;
}

.rankingarchive-info li:nth-child(1) a {
    background: url(../../assets/images/sp_ms_tw_onlineranking_archive_button01.png) no-repeat center top / 290px 65px;
    margin: 0 auto 15px auto;
    text-indent: -9999px;
    display: block;
    height: 65px;
    width: 290px;
	color:#fff;
}

.rankingarchive-info li:nth-child(2) a {
    background: url(../../assets/images/sp_ms_tw_onlineranking_archive_button02.png) no-repeat center top / 290px 60px;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
    height: 60px;
    width: 290px;
	color:#fff;
}

.rankingarchive-info{
	margin:0 0 20px 0;
}

/*----rankingarchive_end----*/