@charset "shift_jis";
/* CSS Document */
main {
  width: 100% !important;
}
.ranking {
  margin-top: 0;
}
.ranking-wrap h3 {
  margin: 1em 0;padding: .8em 1em;
  background: var(--color-secondary);
  font-size: 16px;color: #fff;font-weight: normal;
}
.ranking-wrap:nth-of-type(even) h3 {
  background: var(--color-primary);
}
@media screen and (min-width:660px){
  .ranking-wrap h3 {font-size: 18px;}
}
@media screen and (max-width:659px){
	.ranking-wrap h3.ranking-ac {
    height: auto;
		margin: 0 auto 1vh;
    position: relative;
  }
	.ranking-wrap h3.ranking-ac:after {
    width: .4em;height: .4em;
		content: '';
		position: absolute;top: 1em;right: 1em;
		transform:rotate(-45deg);
		border-bottom: solid 2px #fff;border-left: solid 2px #fff;
	}
	.ranking-wrap h3.ranking-ac.active:after {
		content: '';
		top: 1.25em;
		transform:rotate(135deg);
	}
	.ranking-wrap .ranking-detail {
		display: none;
		overflow: hidden;
	}
}
.ranking .girls_list {padding:0 0 10vh;}
.ranking .girls_list li .inner{background:#f0f0f0;}
.ranking .girls_list li > p{line-height:1;}

@media screen and (max-width:659px){
  .ranking .girls_list li:first-of-type{
    width:60%;
    margin:0 20%;
  }
  .ranking-wrap > div{display:none;}

	.ranking .girls_list{padding:0 0 1vh;}
	.ranking .girls_list .type_icon li{width:calc(100% / 3);margin: .4%;}
}
@media screen and (min-width:660px){
  .ranking-wrap h3{margin:0;}
  .ranking .girls_list{
    -webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
  }
}

.ranking-wrap .rank {
  width: 30%;
  position: absolute;top: 0;left: 0;
}
/*
.ranking_list li:nth-of-type(n+4) .rank {
  width: 20%;
  position: absolute;top: 2%;left: 3%;
}*/