@charset "utf-8";
/* CSS Document */

/* pagerCount
--------------------------------------------------------- */
.cPagerCount {
  padding: 2.5vw;
}
.cPagerCount .total {
  font-weight: bold;
  color: #c80037;
  background: none;
}

/* cPager
--------------------------------------------------------- */
.cPager {
  margin-bottom: 5vw;
  text-align: center;
}
.cPager li {
  display: inline-block;
  border-radius: .25em;
  border: 1px solid #999;
  overflow: hidden;
  background: #fff;
  margin-right: 5px;
}
.cPager li:last-child {
	margin-right: 0;
}
.cPager li a,
.cPager li span {
  display: block;
  padding: .5em .75em;
}

.cPager li a {
  color: inherit;
}
.cPager li span {
  background-color: #eee;
}
.lady_photo {}
.lady_photo img {
	width: 100%;
}
.mainContents {
	position: relative;
}
.nav {
	display: block;
	position: absolute;
    top: -20.5rem;
    right: 0;
	width: 21%;
}
.nav.is-fixed {
    position: fixed;
	top: 6.5rem;
	right: 0;
	z-index: 5;
}
.btn_orange {
	display: block;
	background: #f9a514;
    width: 100%;
    margin: 10px auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 30px;
    box-shadow: 2px 2px 4px grey;
	color: #fff !important;
	font-size: 4.5vw;
    font-weight: bold;
}

.lady_profArea {
    border: 1px solid #c9c9c9;
    padding: 15px 4%;
	color: #333333;
	margin-top: 10px;
}
.lady_profArea .shop {
    font-size: 4vw;
    font-weight: bold;
    color: #333;
}
.lady_profArea .lady_name {
	font-size: 5vw;
	font-weight: bold;
	color: #ed4e77;
	margin: 5px 0;
	line-height: 1.6;
}
.lady_profArea .lady_name .new {
	font-size: 3.5vw;
	color: #c80237;
	border: 1px solid #c80237;
	border-radius: 2px;
	padding: 2px 4px;
	margin-right: 3px;
}
.lady_profArea .favorite_lady {
    display: block;
    background: #f5f5f5;
    cursor: pointer;
    color: #333;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    font-size: 4.2vw;
    font-weight: bold;
    text-align: center;
    padding: 7px 0;
}
.lady_profArea .favorite_lady img {
    width: 8%;
    vertical-align: middle;
    padding-right: 5px;
}

.lady_genre_icon {
	margin:8px 0;
}
.lady_genre_icon li {
    display: inline-block;
    font-size: 3vw;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 5px;
    margin-right: 1%;
    margin-bottom: 5px;
}
.lady_sch {
    background: #ffe5ec;
    font-size: 4.5vw;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 5px;
}
.lady_sch span {
    padding-right: 5px;
}

h3.ttl_review {
	font-size: 1.23rem;
	font-weight: bold;
	padding-bottom: 10px;
}
/* icon★ */
@font-face {
  font-family: 'fontello';
  src: url('/font/mypage/fontello.eot?45259564');
  src: url('/font/mypage/fontello.eot?45259564#iefix') format('embedded-opentype'),
       url('/font/mypage/fontello.woff?45259564') format('woff'),
       url('/font/mypage/fontello.ttf?45259564') format('truetype'),
       url('/font/mypage/fontello.svg?45259564#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.star_area {
	margin-bottom: 7px;
}
.star_icon {
	position: relative;
	width: 6.5em;
	white-space: nowrap;
	text-indent: 100%;
	vertical-align: middle;
	font-size: 15px;
}
.star_icon {
	color:#000;
	white-space: nowrap;
	text-indent: 100%;
	font-size: 15px;
	font-weight: bold;
}
.star_icon::before {
	content: "\e80b\e809\e809\e809\e809";
	position: absolute;
	top: 0;
	left: 0;
	color: #fec002;
	font-family: 'fontello';
	letter-spacing: .2em;
	text-indent: 0;
}
.star_icon.star05::before {	content: "\e80b\e809\e809\e809\e809"; }/*0.5*/
.star_icon.star10::before {	content: "\e808\e809\e809\e809\e809"; }/*1.0*/
.star_icon.star15::before {	content: "\e808\e80b\e809\e809\e809"; }/*1.5*/
.star_icon.star20::before {	content: "\e808\e808\e809\e809\e809"; }/*2.0*/
.star_icon.star25::before {	content: "\e808\e808\e80b\e809\e809"; }/*2.5*/
.star_icon.star30::before {	content: "\e808\e808\e808\e809\e809"; }/*3.0*/
.star_icon.star35::before {	content: "\e808\e808\e808\e80b\e809"; }/*3.5*/
.star_icon.star40::before {	content: "\e808\e808\e808\e808\e809"; }/*4.0*/
.star_icon.star45::before {	content: "\e808\e808\e808\e808\e80b"; }/*4.5*/
.star_icon.star50::before {	content: "\e808\e808\e808\e808\e808"; }/*5.0*/
span.point {
    margin-left: 6.2rem;
	color: #000;
	font-weight: bold;
}
/* select_menu */
.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 0.6em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	/*top: 0.8em;
	right: 0.9em;*/
	top: 50%;
	right: 3%;
	transform: translate(-3%, -50%);
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
ul.item_list li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
ul.item_list li .flex_review {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.flex_review figure {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
	margin-right: 10px;
}

.flex_review .info_right {
	flex:1;
}
.flex_review .info_right a {
	color: #c90e37;
	font-weight: bold;
}
.flex_inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}
.flex_inner > .gb {
	margin: 0.4rem 0 0 0;
	color: #333;
}
.flex_inner > .gb span {
	margin-right: 8px;
	font-weight: bold;
}
.flex_inner > .gb span:last-child {
	margin-right: 0;
}
.flex_inner > .gb span img {
	padding-right: 3px;
}
.flex_inner > .info {
	font-size: 3.1vw;
	color: #333;
	font-weight: normal;
}
.flex_inner > .info span {
	width: 100%;
	display: block;
	text-align: right;
}
.ttl_review {
	font-weight: bold;
	padding: 0.2rem 0 0.1rem 0;
	color: #333;
}
.txt_review {
	font-size: 3.1vw;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
	color: #333;
    word-break: break-all;
}
.link_continue {
	display: block;
	font-size: 2.9vw;
	text-align: right;
}
/* ログインbox
-------------------------*/
.bubble {
	position: fixed;
	/*bottom: -14.3rem;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	background: #fff;
	padding: 10px;
	z-index: 5;
}
/*.bubble::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
}*/
.bubble::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.bubble>* {
  position: relative;
  z-index: 3;
}
.bubble,
.bubble::after {
  border-radius: 5px; /* 角の丸め方 */
}
.bubble,
.bubble::before {
  box-shadow: 0 0 10px 0 rgba(163,163,163,0.50); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */
}
.bubble,
.bubble::before,
.bubble::after {
  background: #fff; /* 背景色 */
}
/* 吹き出し・上辺右側 */
.bubble--top_right::before {
  top: -10px; right: 20vw; /* 位置 */
  transform: rotate(45deg) skew(20deg,20deg); /* 傾斜角(skew) */
}
.login_box li label {
	display: block;
}
.login_box li label.inline {
	display: inline-block;
}
.login_box li input[type="text"],
.login_box li input[type="password"] {
	border: 1px solid #ccc;
	width: 95%;
	padding: 5px 5px;
}
.login_box li input[type="checkbox"] {
	appearance: checkbox !important;
	-webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
}
.btn_area {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 5px auto;
}
.btn_area p {
	width: 49%;
	background: #efefef;
    text-align: center;
	padding: 5px 0;
	display: flex;
    align-items: center;
}
.btn_area p a {
	color: #000;
	align-items: center;
	margin: 0 auto;
}
.btn_area p input[type="submit"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: none;
    background-color: transparent;
	margin: 0 auto;
}
.closebtn {
	text-align: center;
	margin-top: 5px;
}
.no_data {
	padding: 10px 0;
    /*margin: 10px 0;*/
    border: 3px double #c80037;
    color: #c80037;
    text-align: center;
}

.grad-wrap > input[type="checkbox"], .grad-wrap > .grad-btn {
    display: none;
}
.review_reply {
    color: #333;
    margin-top: 10px;
}
.replay_ttl {
    font-weight: bold;
    margin-bottom: 5px;
}
.replay_ttl::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(https://img.undernavi.com/front/pc/area/pref/review/icon_reply.png) center top / contain no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
.grad-item {
    font-size: 3.1vw;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btn_area p #webreserveBtn {
	color: #000;
	font-size: 15px;
}

.btn_orange a {
	color: #fff;
}