@charset "UTF-8";

.ranking_box_width{width:100%;max-width:1200px;}
.ranking_box{width:100%;height:auto;padding:15px 0px;margin:10px auto;background:#f3f3f3;box-shadow: 0 0 0 1px #c8c8c8 inset,0 0 0 5px #ffffff inset;}
.ranking{width:calc(100% - 40px);height:auto;}

/*======*/
.ranking_box h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:15px;}
.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:#ff518f;color:#ffffff;font-size:13px;}
p.rank{width:calc(100% - 20px);height:auto;text-align:left;font-size:11px;color:#ffffff;}
	@media all and (max-width: 1024px) {
		p.rank span{display:none;}
	}
/*======*/
.tab_content_ranking{width:100%;height:auto;margin:0px auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.tab_content_ranking .top_ranking{margin:0px;}
.tab_content_ranking .top_ranking:nth-of-type(1){width:39.5%;}
.tab_content_ranking .top_ranking:nth-of-type(2) , 
.tab_content_ranking .top_ranking:nth-of-type(3) , 
.tab_content_ranking .top_ranking:nth-of-type(4) , 
.tab_content_ranking .top_ranking:nth-of-type(5) 
	{width:14.4%;}
	@media all and (max-width: 1024px) {
		.tab_content_ranking .top_ranking:nth-of-type(1){width:100%;margin-bottom:8px;}
		.tab_content_ranking .top_ranking:nth-of-type(2) , 
		.tab_content_ranking .top_ranking:nth-of-type(3) , 
		.tab_content_ranking .top_ranking:nth-of-type(4) , 
		.tab_content_ranking .top_ranking:nth-of-type(5) 
			{width:48%;}
		.tab_content_ranking .top_ranking:nth-of-type(2) , 
		.tab_content_ranking .top_ranking:nth-of-type(3) 
			{width:48.5%;margin-bottom:8px;}
	}

/*===ランキング1位～===*/
.top_ranking.one .girl{padding:6px 0px;margin:0px 0% 0px 0%;background:#ff84b0;}
.top_ranking.one .girl_in{width:calc(100% - 12px);
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.top_ranking.one .girl div.img{width:50%;position:relative;margin-left:0px;}
.top_ranking.one .girl div.img p.img{width:100%;background:#ffffff;overflow:hidden;}
.top_ranking.one .girl div.img p.realtime{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(255,80,142,0.6);color:#ffffff;padding:4px 0px 2px 0px;}
.top_ranking.one .girl div.img p.realtime span.now_time{display:inline-block;width:100%;height:auto;}
.top_ranking.one .girl div.img span.movie_icon{width:23px;position:absolute;top:7px;left:7px;}
.top_ranking.one .girl p.today{width:calc(100% - 10px);background:rgb(255,80,142,0.3);color:#bd114e;padding:5px 0px 2px 0px;}
.top_ranking.one .girl p.today span.today{display:inline-block;width:auto;height:auto;background:url(../img/common/time.png) no-repeat;background-size:13px 15px;background-position:top left;padding-left:18px;}
.top_ranking.one .girl p.today span.sch_area{display:block;width:100%;height:auto;line-height:150%;}
.top_ranking.one .girl div.name{width:47%;padding-top:4px;marin-left:3%;}
.top_ranking.one .girl div.name h4{width:100%;font-size:12px;padding-top:3px;color:#ffffff;}
.top_ranking.one .girl div.name p.size{width:100%;padding-bottom:5px;font-size:11px;color:#ffffff;}
.top_ranking.one .girl div.name h4 span , 
.top_ranking.one .girl div.name p.size span
	{font-size:10px;color:rgb(255,255,255,0.6);vertical-align: baseline;}
.top_ranking.one .girl div.name ul.type{width:100%;padding-bottom:6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.top_ranking.one .girl div.name ul.type li{width:48%;color:#ff84b0;background:#ffffff;}
.top_ranking.one .girl div.name ul.type li:nth-of-type(1){margin-left:0px;}
.top_ranking.one .girl div.name ul.type li:nth-of-type(2){margin-right:0px;}
.top_ranking.one .girl div.name ul.type li p{width:calc(100% - 10px);line-height:1;font-size:11px;padding:5px 0px;}
.top_ranking.one .girl div.name p.voice{width:100%;color:#29b7d3;background:#ffffff;padding:2px 0px 0px 0px;}
.top_ranking.one .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;}
.top_ranking.one .girl div.name p.comment{width:100%;padding:2px 0px 5px 0px;font-size:11px;text-align:left;line-height:140%;color:#ffffff;text-align:left;}
.top_ranking .ranking_icon{display:inline-block;width:40px;height:40px;position:absolute;top:-18px;right:3px;}
	@media all and (min-width: 1025px) {
		.top_ranking.one .girl div.img p.img img{transition: transform .6s ease;}
		.top_ranking.one .girl div.img p.img img:hover{transform: scale(1.1);}
		.top_ranking.one .ranking_icon{width:55px;height:55px;}
	}
	@media all and (max-width: 1024px) {
	}
	@media all and (max-width: 820px) {
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}

/*===ランキング2位～===*/
.top_ranking.etc .girl{border:1px solid #c8c8c8;padding:6px 0px;margin:0px 0% 0px 0%;}
.top_ranking.etc .girl div.img{width:calc(100% - 10px);position:relative;}
.top_ranking.etc .girl div.img p.img{width:100%;background:#ffffff;overflow:hidden;}
.top_ranking.etc .girl div.img p.realtime{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(255,80,142,0.6);color:#ffffff;padding:4px 0px 2px 0px;}
.top_ranking.etc .girl div.img p.realtime span.now_time{display:inline-block;width:100%;height:auto;}
.top_ranking.etc .girl div.img span.movie_icon{width:23px;position:absolute;top:7px;left:7px;}
.top_ranking.etc .girl p.today{width:calc(100% - 10px);background:rgb(255,80,142,0.3);color:#bd114e;padding:5px 0px 2px 0px;}
.top_ranking.etc .girl p.today span.today{display:inline-block;width:auto;height:auto;background:url(../img/common/time.png) no-repeat;background-size:13px 15px;background-position:top left;padding-left:18px;}
.top_ranking.etc .girl p.today span.sch_area{display:block;width:100%;height:auto;line-height:150%;}
.top_ranking.etc .girl div.name{width:calc(100% - 10px);padding-top:4px;}
.top_ranking.etc .girl div.name h4{width:100%;font-size:12px;padding-top:0px;}
.top_ranking.etc .girl div.name p.size{width:100%;padding-bottom:2px;font-size:11px;line-height:130%;padding-bottom:4px;}
.top_ranking.etc .girl div.name h4 span , 
.top_ranking.etc .girl div.name p.size span
	{font-size:10px;color:#51b6da;vertical-align: baseline;}
.top_ranking.etc .girl div.name ul.type{width:100%;padding-bottom:6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.top_ranking.etc .girl div.name ul.type li{width:48%;color:#ffffff;background:rgb(255,80,142,0.7)}
.top_ranking.etc .girl div.name ul.type li:nth-of-type(1){margin-left:0px;}
.top_ranking.etc .girl div.name ul.type li:nth-of-type(2){margin-right:0px;}
.top_ranking.etc .girl div.name ul.type li p{width:calc(100% - 10px);line-height:1;font-size:11px;padding:5px 0px;}
.top_ranking.etc .girl div.name p.voice{width:100%;color:#29b7d3;}
.top_ranking.etc .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;}
.top_ranking.etc .girl div.name p.comment{width:100%;padding-top:2px;font-size:11px;text-align:left;line-height:140%;}
.top_ranking .ranking_icon{display:inline-block;width:40px;height:40px;position:absolute;top:-13px;right:3px;}
	@media all and (min-width: 1025px) {
		.top_ranking.etc .girl div.img p.img img{transition: transform .6s ease;}
		.top_ranking.etc .girl div.img p.img img:hover{transform: scale(1.1);}
	}
	@media all and (max-width: 1024px) {
	}
	@media all and (max-width: 820px) {
	}
	@media all and (max-width: 776px) {
	}
	@media all and (max-width: 667px) {
	}
	@media all and (max-width: 480px) {
	}