@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:25%;
  margin:0% 0% 1%;
  overflow:hidden;
  display:inline-block;
  vertical-align: top;
}
#lists ul li .ph{
	position:relative;
  width:100%;
  overflow:hidden;
}
#lists ul li a {
  display: block;
  position: relative;
}


#girls #lists li .caption_bg{
    height: 80px;
}

#lists li article{
    bottom: 0px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding:5px 8px;
    z-index:5;
    text-align: left;
    font-weight:normal;
    /*color:#fff;*/
}




#lists li article h3{/*名前*/
   font-size:3rem;
   line-height:1.2;
   font-weight:bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
  text-align: center;
}
#lists li article h3 span{/*年齢*/
   font-size:1.6rem;
   }

#lists li article .bodysize{/*サイズ*/
   font-size:1.4rem;
   line-height:1.5;
   text-align: center;
   font-weight:bold;
}


#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: 1200px) {
  #lists ul li{
  width:33.333%;
  }
  #lists li article h3{/*名前*/
     font-size:2.2rem;}
     #lists li article .bodysize{/*サイズ*/
        font-size:1.2rem;
     }

}

@media screen and (max-width: 1024px) {
  #lists ul li{
  width:50%;
  }
}
@media screen and (max-width: 600px) {
  #lists ul li{
  width:100%;
  }
  #lists li article .waittime span{
     font-size:2.4rem;
  }
  #lists li article .types p{/*タイプ*/
     font-size: 1rem;
  }

}