@charset "utf-8";

#girls .list_ranking{bottom:1%;}

/*
====================================================
■ lists
====================================================
*/
#lists {
  margin: 0 auto;
}

#lists ul {margin:0 auto 20px;max-width:98%;font-size: 0;text-align: left;}


#lists ul li{
  width:33.133%;
  margin:0% 0.1% 1%;
  overflow:hidden;
  display:inline-block;
  vertical-align: top;
}
#lists ul li .ph{
	position:relative;
  width:100%;
  overflow:hidden;
	padding-top:133.33%;
}
#lists ul li .ph > img{
	position:absolute;
  top:0;
	left:0;
}
#lists ul li a {
  display: block;
  position: relative;
}


/*#girls #lists li .caption_bg{
    height: 10vh;
}*/

#lists li article{
    bottom: 0px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding:5px 8px;
    z-index:5;
    text-align: left;
    /*font-weight:bold;*/
    color:#fff;
    background: rgba(1,1,1,0.5);
    text-shadow: 0 1px 0 rgb(1, 1, 1);
}




#lists li article h3{/*名前*/
   font-size:2.6rem;
   line-height:1.2;
   font-weight:bold;
  /*text-shadow: 0 1px 0 rgba(255, 255, 255, 1);*/

}
#lists li article h3 span{/*年齢*/
   font-size:1.6rem;
   }

#lists li article .bodysize{/*サイズ*/
   font-size:1.4rem;
   line-height:1.5;
   /*color:#000;*/
}


#lists li .waittime{/*待ち時間*/
font-size:1.5rem;
   padding:2%;
   text-align:center;
   color:#000;
   font-weight: bold;
   font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
#lists li .w_soon{
background:linear-gradient(135deg, rgba(255,50,147, 0.5) 0%, rgba(255,157,189,0.5) 100%) ;
}
#lists li .w_time{
background:linear-gradient(135deg, rgba(115,220,255,0.5) 0%, rgba(179,153,255,0.5) 100%);
}
#lists li .w_end{
background:linear-gradient(135deg, rgba(170,170,170,0.5) 0%, rgba(198,198,198,0.5) 100%);
}

#lists .slick-dots li {
    width: auto;
    float:none;
     margin: 0 5px;
}
/*#lists li .moreBtn a:hover {
    background:#fff;
    color:#000;
}*/


@media screen and (max-width: 480px) {

  #lists li article h3{/*名前*/
     font-size:1.8rem;}
     #lists li article .bodysize{/*サイズ*/
        font-size:1.05rem;
     }

}

@media screen and (max-width: 480px) {

  #lists ul li{
  width:48.8%;
  }
  #lists li article .waittime span{
     font-size:2.4rem;
  }
  #lists li article .types p{/*タイプ*/
     font-size: 1rem;
  }

}