@charset "UTF-8";

.u-clearfix:after,
.u-clearfix:before {
	content: "";
	display: table;
}

.u-clearfix:after {
	clear: both;
}

.u-mt1 {
	margin-top: 10px;
}

.u-mr1 {
	margin-right: 10px;
}

.u-mb1 {
	margin-bottom: 10px;
}

.u-ml1 {
	margin-left: 10px;
}

.u-mx1 {
	margin-right: 10px;
	margin-left: 10px;
}

.u-my1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.u-m1 {
	margin: 10px;
}

.u-pt1 {
	padding-top: 10px;
}

.u-pr1 {
	padding-right: 10px;
}

.u-pb1 {
	padding-bottom: 10px;
}

.u-pl1 {
	padding-left: 10px;
}

.u-px1 {
	padding-right: 10px;
	padding-left: 10px;
}

.u-py1 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.u-p1 {
	padding: 10px;
}

.u-mt2 {
	margin-top: 20px;
}

.u-mr2 {
	margin-right: 20px;
}

.u-mb2 {
	margin-bottom: 20px;
}

.u-ml2 {
	margin-left: 20px;
}

.u-mx2 {
	margin-right: 20px;
	margin-left: 20px;
}

.u-my2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.u-m2 {
	margin: 20px;
}

.u-pt2 {
	padding-top: 20px;
}

.u-pr2 {
	padding-right: 20px;
}

.u-pb2 {
	padding-bottom: 20px;
}

.u-pl2 {
	padding-left: 20px;
}

.u-px2 {
	padding-right: 20px;
	padding-left: 20px;
}

.u-py2 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.u-p2 {
	padding: 20px;
}

.u-mt3 {
	margin-top: 30px;
}

.u-mr3 {
	margin-right: 30px;
}

.u-mb3 {
	margin-bottom: 30px;
}

.u-ml3 {
	margin-left: 30px;
}

.u-mx3 {
	margin-right: 30px;
	margin-left: 30px;
}

.u-my3 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.u-m3 {
	margin: 30px;
}

.u-pt3 {
	padding-top: 30px;
}

.u-pr3 {
	padding-right: 30px;
}

.u-pb3 {
	padding-bottom: 30px;
}

.u-pl3 {
	padding-left: 30px;
}

.u-px3 {
	padding-right: 30px;
	padding-left: 30px;
}

.u-py3 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.u-p3 {
	padding: 30px;
}

.u-mt4 {
	margin-top: 40px;
}

.u-mr4 {
	margin-right: 40px;
}

.u-mb4 {
	margin-bottom: 40px;
}

.u-ml4 {
	margin-left: 40px;
}

.u-mx4 {
	margin-right: 40px;
	margin-left: 40px;
}

.u-my4 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.u-m4 {
	margin: 40px;
}

.u-pt4 {
	padding-top: 40px;
}

.u-pr4 {
	padding-right: 40px;
}

.u-pb4 {
	padding-bottom: 40px;
}

.u-pl4 {
	padding-left: 40px;
}

.u-px4 {
	padding-right: 40px;
	padding-left: 40px;
}

.u-py4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.u-p4 {
	padding: 40px;
}

.u-mt5 {
	margin-top: 50px;
}

.u-mr5 {
	margin-right: 50px;
}

.u-mb5 {
	margin-bottom: 50px;
}

.u-ml5 {
	margin-left: 50px;
}

.u-mx5 {
	margin-right: 50px;
	margin-left: 50px;
}

.u-my5 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.u-m5 {
	margin: 50px;
}

.u-pt5 {
	padding-top: 50px;
}

.u-pr5 {
	padding-right: 50px;
}

.u-pb5 {
	padding-bottom: 50px;
}

.u-pl5 {
	padding-left: 50px;
}

.u-px5 {
	padding-right: 50px;
	padding-left: 50px;
}

.u-py5 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.u-p5 {
	padding: 50px;
}

.u-mt6 {
	margin-top: 60px;
}

.u-mr6 {
	margin-right: 60px;
}

.u-mb6 {
	margin-bottom: 60px;
}

.u-ml6 {
	margin-left: 60px;
}

.u-mx6 {
	margin-right: 60px;
	margin-left: 60px;
}

.u-my6 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.u-m6 {
	margin: 60px;
}

.u-pt6 {
	padding-top: 60px;
}

.u-pr6 {
	padding-right: 60px;
}

.u-pb6 {
	padding-bottom: 60px;
}

.u-pl6 {
	padding-left: 60px;
}

.u-px6 {
	padding-right: 60px;
	padding-left: 60px;
}

.u-py6 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.u-p6 {
	padding: 60px;
}

.u-mt7 {
	margin-top: 70px;
}

.u-mr7 {
	margin-right: 70px;
}

.u-mb7 {
	margin-bottom: 70px;
}

.u-ml7 {
	margin-left: 70px;
}

.u-mx7 {
	margin-right: 70px;
	margin-left: 70px;
}

.u-my7 {
	margin-top: 70px;
	margin-bottom: 70px;
}

.u-m7 {
	margin: 70px;
}

.u-pt7 {
	padding-top: 70px;
}

.u-pr7 {
	padding-right: 70px;
}

.u-pb7 {
	padding-bottom: 70px;
}

.u-pl7 {
	padding-left: 70px;
}

.u-px7 {
	padding-right: 70px;
	padding-left: 70px;
}

.u-py7 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.u-p7 {
	padding: 70px;
}

.u-mt8 {
	margin-top: 80px;
}

.u-mr8 {
	margin-right: 80px;
}

.u-mb8 {
	margin-bottom: 80px;
}

.u-ml8 {
	margin-left: 80px;
}

.u-mx8 {
	margin-right: 80px;
	margin-left: 80px;
}

.u-my8 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.u-m8 {
	margin: 80px;
}

.u-pt8 {
	padding-top: 80px;
}

.u-pr8 {
	padding-right: 80px;
}

.u-pb8 {
	padding-bottom: 80px;
}

.u-pl8 {
	padding-left: 80px;
}

.u-px8 {
	padding-right: 80px;
	padding-left: 80px;
}

.u-py8 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.u-p8 {
	padding: 80px;
}

.u-mt9 {
	margin-top: 90px;
}

.u-mr9 {
	margin-right: 90px;
}

.u-mb9 {
	margin-bottom: 90px;
}

.u-ml9 {
	margin-left: 90px;
}

.u-mx9 {
	margin-right: 90px;
	margin-left: 90px;
}

.u-my9 {
	margin-top: 90px;
	margin-bottom: 90px;
}

.u-m9 {
	margin: 90px;
}

.u-pt9 {
	padding-top: 90px;
}

.u-pr9 {
	padding-right: 90px;
}

.u-pb9 {
	padding-bottom: 90px;
}

.u-pl9 {
	padding-left: 90px;
}

.u-px9 {
	padding-right: 90px;
	padding-left: 90px;
}

.u-py9 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.u-p9 {
	padding: 90px;
}

.u-mt10 {
	margin-top: 100px;
}

.u-mr10 {
	margin-right: 100px;
}

.u-mb10 {
	margin-bottom: 100px;
}

.u-ml10 {
	margin-left: 100px;
}

.u-mx10 {
	margin-right: 100px;
	margin-left: 100px;
}

.u-my10 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.u-m10 {
	margin: 100px;
}

.u-pt10 {
	padding-top: 100px;
}

.u-pr10 {
	padding-right: 100px;
}

.u-pb10 {
	padding-bottom: 100px;
}

.u-pl10 {
	padding-left: 100px;
}

.u-px10 {
	padding-right: 100px;
	padding-left: 100px;
}

.u-py10 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.u-p10 {
	padding: 100px;
}

.u-spaceBetween {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.u-container {
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.u-ellipsis {
	overflow: hidden;
	max-width: 100%;
	padding: 2px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.u-imgCenter {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.u-imgCenter img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.u-roundImg img {
	max-width: none;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

[class*="u-lineClamp-"] {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
}

.u-lineClamp-2 {
	-webkit-line-clamp: 2;
}

.u-lineClamp-3 {
	-webkit-line-clamp: 3;
}

.u-lineClamp-4 {
	-webkit-line-clamp: 4;
}

.u-lineClamp-5 {
	-webkit-line-clamp: 5;
}

.u-lineClamp-6 {
	-webkit-line-clamp: 6;
}

.u-lineClamp-7 {
	-webkit-line-clamp: 7;
}

.u-lineClamp-8 {
	-webkit-line-clamp: 8;
}

.mod-contentsTtl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-bottom: 15px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f17074;
	font-size: 30px;
	font-weight: bold;
}

.f-recommendBody {
	padding: 20px 20px 50px;
	background: #fff;
	color: #1c1c1c;
}

.f-recommendBody .mod-contentsTtl {
	margin-bottom: 40px;
}

.f-recommendBody .nomore-text {
	padding-top: 50px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

.f-recommendBody .recommendList {
	margin: auto;
	margin-bottom: 30px;
	width: 520px;
	border-radius: 17px;
	border: 1px solid #dbdbdb;
	overflow: hidden;
}

.f-recommendBody .recommendHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	background: #fff;
}

.f-recommendBody .recommendHead .favorite {
	width: 34px;
}

.f-recommendBody .recommendHead .keepCheckbox + .keepLabel {
	display: block;
	width: 36px;
	height: 36px;
	background-size: 36px;
	cursor: pointer;
}

.f-recommendBody .recommendHead .keepCheckbox:checked + .keepLabel path {
	fill: #fbbe26;
}

.f-recommendBody .girlsDetail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 34px);
}

.f-recommendBody .girlsDetail .detail {
	margin-left: 6px;
	width: calc(100% - 60px);
}

.f-recommendBody .girlsDetail .nameWrap {
	max-width: 235px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.f-recommendBody .girlsDetail .name {
	font-size: 20px;
	font-weight: bold;
}

.f-recommendBody .girlsDetail .age {
	font-size: 13px;
	vertical-align: super;
}

.f-recommendBody .girlsDetail .head-shopname {
	padding-top: 3px;
	color: #767676;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.f-recommendBody .girlsDetail .area {
	color: #767676;
	font-size: 11px;
}

.f-recommendBody .detailHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 2px;
	width: 100%;
}

.f-recommendBody .girlsState {
	display: none;
	margin-left: 6px;
	padding: 6px 10px;
	border-radius: 14px;
	line-height: 1;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.f-recommendBody .girlsState.girl-status-working {
	display: inline-block;
	background-color: #f06065;
}

.f-recommendBody .girlsState.girl-status-working::before {
	content: "出勤中";
}

.f-recommendBody .girlsState.girl-status-today {
	display: inline-block;
	background-color: #f4c085;
}

.f-recommendBody .girlsState.girl-status-today::before {
	content: "本日出勤";
}

.f-recommendBody .detailThum {
	width: 54px;
	border-radius: 50%;
}

.f-recommendBody .detailThum.u-imgCenter {
	padding-top: 54px;
}

.f-recommendBody .postDate {
	font-size: 12px;
	color: #c3c3c3;
	padding-left: 8px;
}

.f-recommendBody .girlsThum {
	display: block;
}

.f-recommendBody .girlsThum img {
	position: relative;
	width: 100%;
}

.f-recommendBody .recommendDetail {
	padding: 25px;
	background: #fff;
}

.f-recommendBody .goodCounter {
	margin-bottom: 1.5rem;
	line-height: 26px;
	font-size: 10px;
	color: #656565;
}

.f-recommendBody .goodCounter .goodLabel {
	margin-right: 5px;
	cursor: pointer;
}

.f-recommendBody .goodCounter .goodLabel svg {
	width: 25px;
	height: 25px;
}

.f-recommendBody .goodCounter .goodCheckbox:checked + .goodLabel path {
	fill: #fe2c55;
}

.f-recommendBody .goodCounter .counter {
	font-size: 13px;
	color: #1c1c1c;
}

.f-recommendBody .girlsTxt {
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 14px;
	color: #656565;
}

.f-recommendBody .girlsTxt .ttl {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #1c1c1c;
}

.f-recommendBody .girlsTxt .body-wrap {
	max-height: 134px;
	overflow: hidden;
	min-height: 30px;
}

.f-recommendBody .girlsTxt .body-wrap.full-text {
	max-height: none;
}

.f-recommendBody .girlsTxt .body-wrap .body {
	display: block;
	padding: 0;
	overflow: hidden;
}

.f-recommendBody .girlsTxt .next {
	cursor: pointer;
	display: none;
}

.f-recommendBody .girlsTxt .next.is-show {
	display: inline-block;
	margin-top: 10px;
}

.f-recommendBody .girlsTxt .next.is-show::before {
	content: "";
	position: absolute;
	width: 468px;
	height: 40px;
	margin-top: -50px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), to(white));
	background: linear-gradient(#ffffff00, white);
}

.f-recommendBody .recommendBtm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.f-recommendBody .tagList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	margin-top: 5px;
	width: calc(100% - 172px);
}

.f-recommendBody .tagList .listItem {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 8px 12px;
	border-radius: 16px;
	border: 1px solid #ededed;
	font-size: 12px;
	font-weight: bold;
}

.f-recommendBody .tagList .listItem.selected {
	background: #f06065;
	color: #fff;
}

.f-recommendBody .tagList .listItem.selected span:before {
	color: #fff;
}

.f-recommendBody .tagList a,
    .f-recommendBody .tagList span {
	display: block;
	position: relative;
}

.f-recommendBody .tagList a:before,
      .f-recommendBody .tagList span:before {
	content: "#";
	display: inline-block;
	margin-right: 0.2rem;
	color: #f7b6b8;
}

.f-recommendBody .otherBt {
	display: block;
	width: 172px;
	margin: 0 0 0 auto;
	background: #f06065;
	border-radius: 28px;
	text-align: center;
	line-height: 49px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
}

.mod-alertBox {
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 13;
}

.mod-alertBoxMessage {
	opacity: 0;
	-webkit-transition: .1s;
	transition: .1s;
	margin-top: 0;
	padding: 12px 24px;
	border-radius: 36px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px black;
	box-shadow: 0 0 5px black;
}

.mod-alertBoxMessage.show {
	opacity: 1;
	margin-top: 12px;
}

.mod-alertBoxMessage .alert-message {
	white-space: nowrap;
	font-size: 16px;
	color: #4a4a4a;
}

.mod-alertBoxMessage .alert-message::before {
	content: "i";
	height: 16px;
	width: 16px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: bottom;
	border-radius: 50%;
	background-color: #1890ff;
	line-height: 1.3;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.open-diaryList-popup .l-header {
	z-index: 0;
}

.open-diaryList-popup::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	z-index: 3;
}

.open-diaryList-popup #shop_nav_fixed,
.open-diaryList-popup #left,
.open-diaryList-popup .page-top,
.open-diaryList-popup .prevNext-wrap {
	z-index: -1;
}

.open-diaryList-popup .diaryList-popup {
	display: block;
}

.open-diaryList-popup .diaryList-popup .diaryList-body.zoomIn {
	-webkit-animation: zoomIn 0.5s;
	animation: zoomIn 0.5s;
}

.diaryList-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	overflow-y: auto;
	width: 100%;
	height: 100%;
}

.diaryList-popup::before {
	content: "";
	position: fixed;
	top: 26px;
	left: 32px;
	cursor: pointer;
	background-image: url(../../../../../../../systemfiles.ranking-deli.jp/assets/img/user/tiktak/btn-close.svg);
	background-size: 100% auto;
	width: 56px;
	height: 56px;
}

.diaryList-popup .diaryList-wrap {
	color: #1c1c1c;
	width: 444px;
	margin: 0 auto;
	padding: 40px 0 18px;
}

.diaryList-popup .diaryList-body {
	margin: auto;
	margin-bottom: 22px;
	width: 100%;
	overflow: hidden;
}

.f-recommendBody {
	background: none;
}

.f-recommendBody input[type="checkbox"],
  .f-recommendBody input[type="radio"] {
	display: none;
}

.f-recommendBody .nomore-text {
	color: #959595;
}

.f-recommendBody .next-page-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.f-recommendBody .next-page-btn {
	display: inline-block;
	border-radius: 30px;
	font-size: 18px;
	text-align: center;
	background-color: #f06065;
	color: #FFF;
	width: 225px;
	height: 45px;
	padding-top: 15px;
}

.f-recommendBody .recommendList {
	margin-bottom: 22px;
	background: #fff;
	width: 100%;
	border: none;
}

.f-recommendBody .recommendHead {
	position: relative;
}

.f-recommendBody .recommendHead .favorite {
	position: absolute;
	top: 19px;
	right: 20px;
	width: 26px;
}

.f-recommendBody .recommendHead .keepCheckbox + .keepLabel {
	width: 26px;
	height: 26px;
}

.f-recommendBody .girlsDetail .name {
	font-size: 15px;
}

.f-recommendBody .girlsDetail .age {
	font-size: 12px;
	color: #696969;
}

.f-recommendBody .girlsState {
	margin-left: 8px;
	padding: 4px 10px;
}

.f-recommendBody .detailThum {
	width: 40px;
}

.f-recommendBody .detailThum.u-imgCenter {
	padding-top: 40px;
}

.f-recommendBody .recommendDetail {
	padding: 20px;
}

.f-recommendBody .goodCounter {
	margin-bottom: 15px;
	line-height: 19px;
}

.f-recommendBody .goodCounter .goodLabel svg {
	width: 26px;
	height: 26px;
	vertical-align: middle;
}

.f-recommendBody .girlsTxt .ttl {
	font-size: 13px;
}

.f-recommendBody .girlsTxt .body {
	border: none;
	background-color: #fff;
}

.f-recommendBody .girlsTxt .body-wrap {
	max-height: 114px;
	min-height: 30px;
}

.f-recommendBody .girlsTxt .next {
	font-size: 10px;
}

.f-recommendBody .girlsTxt .next.is-show::before {
	width: 364px;
}

.f-recommendBody .tagList {
	width: calc(100% - 140px);
}

.f-recommendBody .tagList .listItem {
	padding: 7px 12px;
	font-size: 10px;
}

.f-recommendBody .otherBt {
	width: 130px;
	line-height: 36px;
	font-size: 12px;
}