@charset "UTF-8";


#filter {
	width:100%;
	height:100%;
	display:none;
	left:0;
	top:0;
	z-index:1;
	position:fixed;
	background-color:rgba(0,0,0,0.80);
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
}

.open {display:block !important;}

/* ie用 */
* html #filter {
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

.popup {
	width:200px;
	margin:0 auto;
	color:#FFF;
	text-align:center;
	border:2px solid #FFF;
	left:50%;
	top:50%;
	z-index:9999;
	position:absolute;
	transform:translateY(-50%) translateX(-50%);
	background-color:#1A1A1A;
}

.popup input {
	width:38px;
	height:38px;
	font-size:200%;
	font-weight:bold;
	letter-spacing:normal !important;
	border:1px solid #A5A5A5;
	right:-2px;
	top:-41px;
	z-index:9999;
	position:absolute;
	cursor:pointer !important;
	background-color:#EBEBEB;
}

#popup_profile {background-color:#000;}

.popup_name {
	height:14px;
	padding-top:4px;
	font-size:117%;
	line-height:14px;
}

.popup_size {
	margin-top:4px;
	padding-bottom:4px;
	height:12px;
	line-height:12px;
}

.popup_text {
	padding:4px;
	background-color:#A70014;
}

.popup_count_title {
	padding-top:4px;
	height:12px;
	line-height:12px;
}

.popup_count {
	height:15px;
	padding:8px 0 4px;
	color:#F00;
	font-size:125%;
	font-weight:bold;
	line-height:15px;
}

.popup_phone_number {background-color:#A70014;}

.popup_phone_number a {
	height:40px;
	font-size:117%;
	font-weight:bold;
	line-height:40px;
}

.tokuhime {
	width:100%;
	color:#FFF;
	text-align:center;
	border:2px solid #FFF;
	right:0;
	bottom:0;
	z-index:99999;
	position:fixed;
	background-color:#000;
	box-sizing:border-box;
}

.tokuhime input {
	width:38px;
	height:38px;
	font-size:200%;
	font-weight:bold;
	letter-spacing:normal !important;
	border:0;
	right:0;
	top:0;
	bottom:unset;
	position:absolute;
	cursor:pointer !important;
	background-color:#EBEBEB;
}

.tokuhime_girl {display:flex;}

.tokuhime_image {
	width:30%;
	max-width:30%;
}

.tokuhime_image a {
	width:100%;
	height:105px;
	color:#000;
	position:relative;
	overflow:hidden;
}

.tokuhime_image a span.tokuhime_name_sp,
.tokuhime_image a span.tokuhime_size_sp {
	width:100%;
	text-align:left;
	display:block;
	left:0;
	z-index:99990;
	position:absolute;
	background-color:rgba(255,255,255,0.8);
}

.tokuhime_image a span.tokuhime_name_sp {
	height:10px;
	padding-top:4px;
	font-size:84%;
	font-weight:bold;
	line-height:10px;
	bottom:14px;
}

.tokuhime_image a span.tokuhime_size_sp {
	height:8px;
	padding:2px 0 4px;
	font-size:84%;
	line-height:8px;
	bottom:0;
}

.tokuhime_image a span.tokuhime_size_sp span {
	transform:scale(0.8);
	transform-origin:left center;
	display:block;
}

#tokuhime_profile {
	width:70%;
	text-align:left;
}

.tokuhime_name_pc,
.tokuhime_size_pc {display:none;}

.tokuhime_text {
	width:100%;
	height:65px;
	padding:16px;
	font-size:117%;
	overflow:hidden;
	background-color:#A70014;
	box-sizing:border-box;
}

.tokuhime_count_title {
	padding:4px 8px 0;
	height:12px;
	line-height:12px;
}

.tokuhime_count {
	height:15px;
	padding:8px 8px 4px;
	color:#F00;
	font-size:125%;
	font-weight:bold;
	line-height:15px;
}

.tokuhime_count_title,
.tokuhime_count {display:none !important;}

.tokuhime_phone_number {
	text-align:center;
	background-color:#A70014;
}

.tokuhime_phone_number a {
	height:40px;
	font-size:117%;
	font-weight:bold;
	line-height:40px;
}


@media screen and (min-width:768px) {
	.popup {width:240px;}

	.popup input {
		font-size:185%;
		border:0 !important;
	}

	.popup_name {
		padding-top:8px;
		font-size:108%;
	}

	.popup_size {
		padding:4px 0 8px;
		height:13px;
		line-height:13px;
	}

	.popup_count_title {
		padding-top:8px;
		height:13px;
		line-height:13px;
	}

	.popup_count {
		padding:8px 0;
		font-size:116%;
	}

	.popup_phone_number {display:none;}

	.tokuhime {
		width:200px;
		border:0;
		text-align:right;
		right:12px;
		bottom:12px;
		background-color:transparent;
	}

	.tokuhime input {
		font-size:185%;
		position:static;
	}

	.tokuhime_girl {
		border:2px solid #FFF;
		display:block;
	}

	.tokuhime_image {
		width:100%;
		max-width:100%;
	}

	.tokuhime_image a {
		width:100%;
		height:auto;
		position:static;
	}

	.tokuhime_image a span.tokuhime_name_sp,
	.tokuhime_image a span.tokuhime_size_sp {display:none;}

	#tokuhime_profile {
		width:100%;
		text-align:center;
		background-color:#000;
	}

	.tokuhime_name_pc,
	.tokuhime_size_pc {display:block;}

	.tokuhime_name_pc {padding-top:8px;}

	.tokuhime_size_pc {
		padding:4px 0 8px;
		height:13px;
		font-size:93%;
		line-height:13px;
	}

	.tokuhime_text {
		height:auto;
		padding:4px;
		font-size:100%;
		line-height:normal;
	}

	.tokuhime_count_title {
		padding:8px 0 0;
		height:13px;
		line-height:13px;
	}

	.tokuhime_count {
		padding:8px 0;
		font-size:116%;
	}

	.tokuhime_phone_number {display:none;}
}

