@charset "UTF-8";

#toushin_ranking .a-btn:before {
  background-image: none;
}
@media screen and (min-width: 48.0625em ) {
  #toushin_ranking .a-btn:hover:before,
  #toushin_ranking .a-btn:active:before {
    background-image: none;
  }
  #toushin_ranking .a-btn_bg-red:hover:before {
    background-image: none;
  }
}


#toushin_ranking .o-grid {
  margin: 0 -10px;
}

#toushin_ranking .a-btn {
  padding: 7px 20px;
}

#toushin_ranking .o-grid-3 > li,
#toushin_ranking .o-grid-3 > div {
  padding-left: 10px;
  padding-right: 10px;
}
#toushin_ranking .o-grid-3 > li,
#toushin_ranking .o-grid-3 > div {
  margin-top: 20px;
}
#toushin_ranking .o-grid-2 > li,
#toushin_ranking .o-grid-2 > div {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.66667%;
      -ms-flex: 0 0 12.66667%;
          flex: 0 0 12.66667%;
  max-width: 12.66667%;
}

#toushin_ranking .a-text-kikan {
  width: 100%;
  text-align: right;
  padding-top: 10px;
}

#toushin_ranking .ranking_1st {
  color: #daa421;
}
#toushin_ranking .ranking_2nd {
  color: #999999;
}
#toushin_ranking .ranking_3rd {
  color: #c47121;
}

#toushin_ranking .m-table-wrap .a-btn {
  padding: 0px 7px;
}



/**/
.selected{
display: none;
}
.selectlist{
margin: 0 -10px;
}
.selectlist:after{
display: block;
content: "";
clear: both;
}
.selectlist li{
float: left;
width: 25%;
padding: 0 10px 20px 10px;
}
.selectlist li label{
border-radius: 5px;
border: solid 1px #d9d9d9;
position: relative;
padding: 10px 0;
display: block;
text-align: center;
}
.selectlist li label.hover{
border: solid 1px #e60000;
color: #e60000;
cursor: pointer;
}
.selectlist li label.checked{
background: #e60000;
color: #fff;
}
.selectlist li input{
position: absolute;
opacity: 0;
}

#length{
margin-top:20px;
text-align: right;
}
#length dt{
display: inline-block;
padding: 5px 0;
}
#length dd{
display: inline-block;
padding: 0 0 0 15px;
}
#length dd label{
border-radius: 5px;
border: solid 1px #d9d9d9;
position: relative;
padding: 5px 0;
display: inline-block;
width: 4.6em;
text-align: center;
}
#length dd label.hover{
border: solid 1px #e60000;
color: #e60000;
cursor: pointer;
}
#length dd label.checked{
background: #e60000;
color: #fff;
}
#length dd label input{
position: absolute;
opacity: 0;
}
#list{
margin-top:20px;
}


@media screen and (max-width: 48em ) {
.selectlist{
display: none;
}
#select{
border-radius: 5px;
border: solid 1px #d9d9d9;
position: relative;
overflow: hidden;
}
.selected{
display: block;
background: #e60000;
color: #fff;
padding: 20px;
font-weight: bold;
position: relative;
}
.selected:after{
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20678%20401%22%20fill%3D%22%23ffffff%22%3E%3Cpolygon%20points%3D%220%2C32.5%2032.2%2C0%20169.5%2C136.1%20306.8%2C0%20339%2C32.5%20169.5%2C200.5%20%22%2F%3E%3C%2Fsvg%3E);
background-size: 30px 16px;
content: "";
display: block;
height: 12px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 15px;
z-index: 0;
}
.selectlist li{
border-top: solid 1px #d9d9d9;
width: 100%;
float: none;
padding: 0;
}
.selectlist li label{
display: block;
padding: 20px;
border-radius: 0;
border: none;
text-align: left;
}
.selectlist li label.checked{
background: none;
color: #333;
}
#length dd{
padding: 0;
}
}



.output1 .a-btn{
padding: 0 7px;
}
.output1 .a-btn:before{
background: none;
}
.output1 .a-label-4{
padding: 4px 8px;
}
.output1 .inetbank1,
.output1 .nisa1,
.output1 .mediation1,
.output1 .loadfree0{
display: inline-block;
padding-right: 5px;
}
.output1 .link_detail0 .fcode,
.output1 .link_detail1 .acode{
display: inline-block;
}
.output1 .inetbank0,
.output1 .nisa0,
.output1 .mediation0,
.output1 .loadfree1,
.output1 .link_detail1 .fcode,
.output1 .link_detail0 .acode{
display: none;
}
.output1 .icn_rank1{
color: #daa421;
background: url(../imgs/icon_ranking_01.svg) no-repeat 0 0;
background-size: auto 13px;
padding-left:20px;
}
.output1 .icn_rank2{
color: #999;
background: url(../imgs/icon_ranking_02.svg) no-repeat 0 0;
background-size: auto 13px;
padding-left:20px;
}
.output1 .icn_rank3{
color: #c47121;
background: url(../imgs/icon_ranking_03.svg) no-repeat 0 0;
background-size: auto 13px;
padding-left:20px;
}
.output1 .icn_ud0{
background: url(../imgs/icon_ranking_even.svg) no-repeat 100% 50%;
background-size: 12px auto;
width:22px;
height:12px;
display: inline-block;
font-size: 0;
}
.output1 .icn_ud1{
background: url(../imgs/icon_ranking_up.svg) no-repeat 100% 50%;
background-size: 12px auto;
width:22px;
height:12px;
display: inline-block;
font-size: 0;
}
.output1 .icn_ud2{
background: url(../imgs/icon_ranking_down.svg) no-repeat 100% 50%;
background-size: 12px auto;
width:22px;
height:12px;
display: inline-block;
font-size: 0;
}
.output1 .rate{
color: #daa421;
}
.output1 .bprate{
color: #008000;
}
.output1 .bprate0{
color: #333;
}
.output1 .bprate1{
color: #e60000;
}
.output1 tr td{
display: none;
}
.output1 tr.dsp2{
display: none;
}
.output1 tr.rank0 td,
.output1 tr.rank1 td,
.output1 tr.rank2 td,
.output1 tr.rank3 td,
.output1 tr.rank4 td{
display: table-cell;
}
.output1 .flg1 a{
display: none;
}
.output1 .mediation-flg1 a{
display: none;
}
.output1 .transaction-flg0 a{
display: none;
}
.output2{
margin-top: 20px;
text-align: right;
}
.output3{
text-align: right;
}
#rank .msg{
display: none;
}
#rank .msg.on{
display: block;
color: #e60000;
text-align: center;
padding: 50px 0;
}