@charset "utf-8";


*{
	margin:0;
	padding:0;
}

.submenu_head{
	width:100%;
}
.submenu_description{
	background: #f7941d none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    height: 25px;
    line-height: 1.3;
    text-align: center;
}

.submenu_rk_best3{
	background:#f7941d;
	background:#fffae8;
	text-align:center;
}

.view_rank{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.view_rank_row{
	margin:0 auto;
	text-align: center;
}

.view_all{
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	text-align:center;
	height:30px
	line-height:1.9;
}

.box{
	width:90%;
	border: 1px solid #d7d7d7;
	margin:0 auto 10px auto;
	padding:10px;
	text-align:center;
}

.img_area {
    float: left;
    width: 40%;
}

.img_area img{
	max-width:90%;
}

.img_s img{
	max-width:50%;
}

.rank {
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -33px;
    width: 43px;
    z-index: 9999;
}

.info_area {
    float: left;
    width: 60%;
    text-align:center;
}

.girls_name {
    color: red;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.girls_height {
    border-bottom: 2px dotted #d7d7d7;
    font-size: 14px;
    padding: 5px 0;
}

.girls_prof{
	font-size: 14px;
    padding: 5px 0;
    text-align:left;
	text-overflow: ellipsis;
    overflow: hidden;
}

.info_area .girls_3size {
    border-bottom: 2px dotted #d7d7d7;
    font-size: 14px;
    padding: 5px 0;
}

.girls_gyosyu{
	font-size:14px;
	border-bottom:2px dotted #d7d7d7;
	padding: 5px 0;
	color:#f65caf;
}

.shop_name {
	border-bottom: 2px dotted #d7d7d7;

    overflow: hidden;
    padding: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop_name img{
	width:100%;
}
.shop_name a {
    color: #00f;
    font-size: 14px;
}

.button_rank1{
	width:28%;
	background:#d9b300;
	display:inline-block;
	color:#fff;
	height:30px;
	line-height:1.9;
}

.button_rank2{
	width:28%;
	background:#a0a0a0;
	margin-left:4%;
	display:inline-block;
	height:30px;
	line-height: 1.9;
}

.button_rank3{
	width:28%;
	background:#964c04;
	margin-left:5.4%;
	display:inline-block;
	height:30px;
	line-height: 1.9;
}

.button_rank1 a{
	text-decoration:none;
	display:block;
	color:#fff;
}

.button_rank2 a{
	text-decoration:none;
	display:block;
	color:#fff;
}

.button_rank3 a{
	text-decoration:none;
	display:block;
	color:#fff;
}

.button_all{
	width:95%;
	background:#b5264f;
	display:inline-block;
	height:40px;
	line-height: 2.5;
}

.button_all a{
	text-decoration:none;
	display:block;
	color:#fff;
}

.button_city1{
	width:22%;
	background:#f65caf;
	display:inline-block;
	color:#fff;
	height:30px;
	line-height: 1.9;
}

.button_city2,
.button_city3,
.button_city4{
	width:22%;
	background:#f65caf;
	margin-left:0.6%;
	display:inline-block;
	height:30px;
	line-height: 1.9;
}

.button_city1 a,
.button_city2 a,
.button_city3 a,
.button_city4 a{
	text-decoration:none;
	display:block;
	color:#fff;
}

.button_sort1{
	width:45%;
	background:#5869e7;
	display:inline-block;
	color:#fff;
	height:30px;
	line-height: 1.9;
}

.button_sort2{
	width:45%;
	background:#5869e7;
	margin-left:5%;
	display:inline-block;
	height:30px;
	line-height: 1.9;
}

.button_sort1 a,
.button_sort2 a{
	text-decoration:none;
	display:block;
	color:#fff;
}

.now{
	color:#f65caf;
	display:block;
}

.button_reset{
	width:95%;
	background:#f6f6f6;
	border: 1px solid #000;
	box-sizing: border-box;
	display:inline-block;
	height:40px;
	line-height:2.5;
}

.button_reset a
{
	text-decoration:none;
	display:block;
}


.now_1919{
	width:95%;
	background:#6a19e5;
	display:inline-block;
	height:40px;
	line-height: 2.5;
	margin-bottom:10px;
}

.now_1919 a{
	text-align:center;
	text-decoration:none;
	display:block;
	color:#fff;
}

.bottom_link{
	margin:10px auto;
	text-align:center;
}

.now_9696{
	width:95%;
	background:#ff0090;
	display:inline-block;
	height:40px;
	line-height: 2.5;
	margin-bottom:10px;
}

.now_9696 a{
	text-align:center;
	text-decoration:none;
	display:block;
	color:#fff;
}

.gototop {
    background: #f7941d;
	width:100%;
	display:inline-block;
	height:40px;
	line-height: 2.5;
}

.gototop a {
	text-align:center;
	text-decoration:none;
	display:block;
	color:#fff;
}

/** 2106/12/01 gototopに対して追加CSS **/
.btn_orenge  { display: inline-block; width: 80%; height: 44px; text-align: center; text-decoration: none; line-height: 44px; outline: none; background-color: #f7941d; border: 2px solid #f7941d; border-radius: 5px; color: #ffffff; box-shadow: 0 3px 0 #b66505,0 6px 0 rgba(0,0,0,0.2); -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s; transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s; text-shadow: 0px -1px 0px rgba(0,0,0,0.25);}
.btn_orenge::before,
.btn_orenge::after { position: absolute; z-index: -1; display: block; content: ''; }
.btn_orenge::before,
.btn_orenge::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.btn_orenge:hover { background-color: #fff; border-color: #f7941d; color: #f7941d; }
.btn_orenge a:hover { color: #f7941d; text-shadow: 0px 0px 0px rgba(0,0,0,0.255); }



.cl:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cl{display: inline-block;}


.runk_title { width: 98%; height: auto; text-align: left; display: flex; clear: both; padding: 1% 1% 0% 1%; background: #e4143b; color: #FFFFFF; margin-bottom: 8px; }
.runk_title p { text-align: left; width: 9%; top: 0;}
.runk_title p img { margin-right: 8%;}
.runk_title p+p { width: 91%; padding-top: 0%;font-weight: bold; font-size: 16px;}
.runk_title p+p span { margin-right: 8px;}

/* Hides from IE Mac \*/
* html .cl {height: 1%;}
.cl{display:block;}
/* End Hack */
