@charset "UTF-8";

.ranking_box_width{width:100%;max-width:1200px;}
.ranking_box{width:100%;height:auto;background:rgb(62,62,62,0.05);padding:25px 0px;margin-bottom:25px;}
.ranking{width:calc(100% - 40px);height:auto;}

/*======*/
.ranking_box h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:25px;}
.ranking_box h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 40px 4px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#95816f;color:#ffffff;font-size:13px;}
p.rank{width:calc(100% - 20px);height:auto;text-align:left;font-size:11px;}
	@media all and (max-width: 1024px) {
		p.rank span{display:none;}
	}

/*======*/
.cast{
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	 -webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.cast .girl{margin:0px 1% 15px 1%;background:#222222;}
.cast .girl div.img{width:100%;position:relative;}
.cast .girl div.img p.img{width:100%;background:#ffffff;}
/*===ランキング-アイコン部分のみ===*/
.cast .ranking_icon{display:inline-block;width:60px;height:60px;position:absolute;top:-18px;right:3px;}
.cast .girl div.img p.today{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(168,0,119,0.6);color:#ffffff;padding:3px 0px;}
.cast .girl div.img p.today span.today{display:inline-block;width:auto;height:auto;background:url(../img/common/time.png) no-repeat;background-size:14px 16px;background-position:top left;padding-left:20px;}
.cast .girl div.name{width:calc(100% - 20px);}
.cast .girl div.name .name_en{font-size:14px;padding-top:5px;color:#ffffff;}
.cast .girl div.name h4{width:100%;color:#ffffff;font-size:12px;padding-top:6px;}
.cast .girl div.name p.size{width:100%;color:#ffffff;padding-bottom:5px;}
.cast .girl div.name h4 span , 
.cast .girl div.name p.size span
	{font-size:11px;}
.cast .girl div.name ul.type{width:100%;padding-bottom:6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.cast .girl div.name ul.type li{width:48%;border:1px solid #666666;color:#ffffff;}
.cast .girl div.name ul.type li:nth-of-type(1){margin-left:0px;}
.cast .girl div.name ul.type li:nth-of-type(2){margin-right:0px;}
.cast .girl div.name ul.type li p{width:calc(100% - 10px);line-height:180%;font-size:11px;}
.cast .girl div.name p.voice{width:100%;color:#29b7d3;padding:6px 0px;}
.cast .girl div.name p.voice a span{display:inline-block;width:auto;height:auto;background:url(../img/common/voice.png) no-repeat;background-size:21px 16px;background-position:top left;padding-left:26px;}
.cast .girl .marquee_box_in {width:100%;height:22px;background:#ffffff;}
/*===入店日===*/
.cast .girl div.name p.in{width:100%;padding-top:6px;}
.cast .girl div.name p.in span{display:block;width:100%;border:1px solid #666666;color:#e410a6;line-height:170%;}
/*======*/
.marquee_box {width: 100%;height: auto;}
.marquee_box_in {width: calc(100% - 10px);height: auto;background:#ffffff;overflow: hidden;white-space: nowrap;position: relative;padding: 0px;}
.marquee {display: inline-block;padding-left: 100%;white-space: nowrap;animation: marquee 10s linear infinite;}
.marquee p {color: #000000;line-height: 22px;}

	@media all and (max-width: 1024px) {
		  .marquee p {
		  	font-size:10px;
		    line-height:20px;
		  }
	}
	@keyframes marquee {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
 	}
/*======*/
@keyframes marquee {
	from {
	transform: translateX(0);
	}
	to {
	transform: translateX(-100%);
 	}
}

	@media all and (min-width: 1025px) {
		.cast .girl{width:18.4%;}
		.cast .girl:nth-child(5n+1){margin:0px 1% 0px 0%;}
		.cast .girl:nth-child(2) , 
		.cast .girl:nth-child(3) , 
		.cast .girl:nth-child(4) 
			{margin:0px 1% 0px 0%;}
		.cast .girl:nth-child(5n){margin:0px 0% 0px 1%;}
	}
	@media all and (max-width: 1024px) {
	}
	@media all and (max-width: 820px) {
		.cast .girl{width:23%;}
	}
	@media all and (max-width: 776px) {
		.cast .girl{width:30%;}
		.cast .girl div.name .name_en{padding-top:8px;}
	}
	@media all and (max-width: 667px) {
		.cast .girl.girl_one{width:68%;}
		.cast .girl{width:48%;margin:0px 1% 25px 1%;}
		.cast .girl:nth-of-type(4) ,
		.cast .girl:nth-of-type(5)
			{margin:0px 1% 0px 1%;}
	}
	@media all and (max-width: 480px) {
	}