@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
	font-size: 6.25%;
	-webkit-text-size-adjust: none;
}
body, th, td, input, textarea {
	font-family:"Lucida Grande","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ,Osaka, sans-serif;
	font-size:12rem;
	line-height:1.5;
	color:#ffffff;
}

a, a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
}

img {
	vertical-align:bottom;
	border:0px;
	width:100%;
	height:auto;
}

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

.clearfix {
	display:inline-block;
}

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

/*---------------------------------------------------------------------------*/

body {
	background:#000000;
}

.second{
	position:relative;
	margin:3% 0 5%;
}
.second #pagetop{
	position: absolute;
	left:0;
	top:-43px;
}

/* header */
header {
	position: relative;
	padding-top: 43px;
}
header .header_logo {
	left:0;
	padding: 0 2%;
	position: absolute;
	top: 23%;
	width: 50%;
}

	#shop_data {
		padding:3% 0;
		position: relative;
		background: url(/share/shop/sp/images/common/header_shopinfo_bg.png) repeat;
		position: absolute;
		bottom:0;
		left:0;
		width:100%;
	}
	#shop_data .items_left {
		float: left;
		width: 50%;
	}
	#shop_data .items_right {
		float: right;
		width: 45%;
		padding-right:3%;
	}
	#shop_data .text_left {
		float: left;
		font-size: 11rem;
		text-align: left;
		width: 42%;
		margin:2% 0 0 2%;
	}
	#shop_data .text_right {
		float: right;
		font-size: 10rem;
		text-align: right;
		width: 54%;
		margin:2% 2% 0 0;
	
	}
	#shop_data .icon {
		background:url(/share/shop/sp/images/common/icon_01.png) no-repeat left center ;
		background-size:14px auto;
		display: inline-block;
		padding-left:16px;
		vertical-align: middle;
	}
	#shop_data .h_img {
		left: 42%;
		position: absolute;
		top: 0;
		width: 12%;
	}

.header_portal{
	margin: 3% 0;
}
.header_banner{
	margin: 3% 0;
}

/* h_nav */
#h_nav{
	position:fixed;
	left:0;
	right:0;
	top:0;
	margin:0 auto;
	z-index:2100;
	height:43px;
}
#h_nav .wrap{
	position:relative;
}
#h_nav ul{
	background: url(/share/shop/sp/images/common/shop-header_nav_bg.png);
	background-size: auto 43px;
}
#h_nav li{
	display: inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: top;
}
#h_nav li img{
	width: auto;
	height:43px;
}
#h_nav li.nav_top{
	background: none;
	padding-left: 0px;
}
#h_nav #h_nav_ligin{
	position:absolute;
	top: 0;
	right: 90px;
}

#h_nav #h_nav_menu,
#h_nav #h_nav_menu_close{
	position:absolute;
	top: 0;
	right: 0;
	cursor:pointer;
}
#h_nav #h_nav_menu_close{
	display:none;
}
#h_nav #h_nav_menu:hover img{
	opacity: 0.80;
	filter: alpha(opacity=80);
}

/* h_menu */
#h_menu{
	display: none;
	position: absolute;
	width:100%;
	top: 0;
	left: 0;
	right: 0;
	z-index:2100;
}

#h_menu .h_menu_in{
	background:
		url("/share/shop/sp/images/common/line_img_01.png") center top no-repeat;
	background-size:
		100%,
		100%;
	padding-bottom:2px;
	position:fixed;
	margin: auto;
	left:0;
	right:0;
	top: 43px;
}
#h_menu .h_menu_in .wrap{
	position:relative;
}
#h_menu .h_menu_in ul{
	width:100%;
	text-align:center;
}
#h_menu .h_menu_in ul li{
	display: inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: top;
	width: 50%;
	text-align: left;
}
#h_menu .h_menu_in ul li a{
	display:block;
	padding:0;
}
#h_menu .h_menu_in ul li img{
	width:100%;
}
#h_menu .h_menu_in ul li span{
	display:block;
}




/* footer */
footer ul.f_link {
	text-align:left;
	padding:0px 5px;
	margin-bottom:5%;
}
footer ul.f_link li {
	display:inline-block;
	vertical-align:top;
	width:20%;
	padding:1%;
	text-align:center;
}
footer ul.f_link li span {
	display:block;
	padding-top:2px;
	font-size:10rem;
}
footer .footer_link {
	margin-bottom:2%;
}
footer .device {
	background:-moz-linear-gradient(top, #bea12f, #4a3302);
	background:-webkit-gradient(linear, left top, left bottom, from(#bea12f), to(#4a3302));
	border:1px solid #b79b2c;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:90%;
	margin:5% auto;
	padding:5px;
	text-align:center;
}
footer .device span {
	display:inline-block;
	vertical-align:top;
	background:url("/share/shop/sp/images/common/icon_02.png") left center no-repeat;
	background-size:8px 10px;
	padding-left:11px;
}
footer .device .pc_link a {
	text-decoration:underline;
}
footer .copyright {
	background: #666666;
	padding: 2% 0px;
	text-align: center;
}
footer .footer_line {
	padding:0px 5px;
	margin:5% 0px;
}
footer .footer_caution {
	font-size:10rem;
	color:#999999;
	padding:10px;
}

/*---------------------------------------------------------------------------*/
.contents_title {
	margin-bottom:3%;
}
.contents_title_bg {
	background:url("../images/contents_title_bg.png") left top no-repeat;
	background-size:100% 100%;
	margin:0px 0px 3%;
	min-height:27px;
	padding:5px 0 5px 25px;
	font-size:18rem;
}

.contents_list li {
	background:	url("/share/shop/sp/images/common/line_img_01.png") center top no-repeat,
							url("/share/shop/sp/images/common/line_img_01.png") center bottom no-repeat,
							-webkit-gradient(linear, left top, left bottom, from(#473001), to(#bfa22f));
	background:	url("/share/shop/sp/images/common/line_img_01.png") center top no-repeat,
							url("/share/shop/sp/images/common/line_img_01.png") center bottom no-repeat,
							-moz-linear-gradient(top, #473001, #bfa22f);
	background-size: 100%,
		100%;
	margin-bottom: 2%;
	padding: 2%;
}


.meter_irama,
.meter_play {
	background:url("/share/shop/sp/images/common/icon_01.png") left center no-repeat;
	margin:0 0 0 0;
	padding-left:3%;
	text-align:right;
	background-size:14px auto;
	clear:both;
}
.meter_play {}
.meter_irama span,
.meter_play span {
	display: block;
}


/*---------------------------------------------------------------------------*/


.allow_btn {
	margin-top: 5%;
	padding: 3% 0;
	text-align: center;
}
.allow_btn .btn_prev {
	float: left;
	height: 10%;
	margin-left: 5%;
	width: 10%;
}
.allow_btn .btn_next {
	float: right;
	height: 10%;
	margin-right: 5%;
	width: 10%;
}
.allow_btn .pagers span {
	background: -moz-linear-gradient(center top , #2D2D2D, #1D1D1D) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#1d1d1d));
	border-color: #525252 #999999 #0C0C0C;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	padding: 2%;
	vertical-align: top;
	width: 8%;
}
.allow_btn .pagers span.left, .allow_btn .pagers span:first-child {
	border-left: medium none;
	border-radius: 8px 0 0 8px;
}
.allow_btn .pagers span.right, .allow_btn .pagers span:last-child {
	border-radius: 0 8px 8px 0;
	border-right: medium none;
}
.allow_btn .pagers span.active, .allow_btn .pagers span.current {
	background: -moz-linear-gradient(center top , #B1B1B1, #FEFEFE) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#B1B1B1), to(#FEFEFE));
	border-top: 1px solid #7E7E7E;
	color: #333333;
}

.outer {
	background-color: rgba(0, 0, 0, 0.6);
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
	display:none;
}
/*---------------------------------------------------------------------------*/

.girlimg {
	margin-bottom:2%;
	position:relative;
}
.shopname {
	color:#ffffff;
	margin-bottom:2%;
}
.girlname {
	color:#ffffff;
	margin-bottom:2%;
}
.girlname span {
	font-weight:bold;
}
.girlname span.icon {
	background:url("/share/shop/sp/images/common/icon_01.png") left top no-repeat;
	background-size:14px 100%;
	padding-left:18px;
	min-height:15px;
	font-weight:normal;
}

.girlname span.icon_soku {
	background: url("/share/shop/sp/images/girl_list/icon_soku.png") no-repeat right top;
	background-size: 60px 100%;
	min-height: 15px;
	font-weight: normal;
	padding-right: 65px;
}
.girlname span.icon_ukesyu {
	background:url("/share/shop/sp/images/common/icon_ukesyu.png") right top no-repeat;
	background-size: 60px 100%;
	min-height: 15px;
	font-weight: normal;
	padding-right: 65px;
}

.girlstyle{
	margin-bottom: 2%;
	font-size: 10rem;
	color:#C00;
}
.girlwork {
	margin-bottom:2%;
}
.girlwork span {
	display:inline-block;
	vertical-align:middle;
	margin-right:2px;
}
.girlindate {
	background: #6e1415;
	padding: 0px 2%;
	color: #ffffff;
}
.girlworkicon {
	width:30%;
}
.worktime {
	color:#ffffff;
	background:url("/share/shop/sp/images/girl_list/icon_work_time.png") left top no-repeat;
	background-size:61px auto;
	padding-left:65px;
	margin-bottom:2%;
}

.worktype {
	margin:3px auto;
}
.worktype span {
	width:60px;
	height:17px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin:0px 2px;
}
.worktype span.in_today {}
.worktype span.in_tomorrow {}
.now_show span {
	display:block;
	width:112px;
	height:26px;
	margin:0px auto;
}
.now_show span.ok {
	background:url("/share/shop/sp/images/girl_list/icon_soku_base.png") left top no-repeat;
	position:relative;
}
.now_show span.ok span {
	position:absolute;
	top:0px;
	left:0px;
}

.new {
	position:absolute;
	bottom:0px;
	left:0px;
	width:38px;
	height:auto;
}
.shop01 {
	position:absolute;
	bottom:3px;
	right:3px;
	width:34px;
	height:18px;
}

/* 背景が白のとき */

.bg_why{ color:#333;}
.bg_why .shopname{	color: #5f5f5f;}
.bg_why .girlstyle{	color: #5f5f5f;}
.bg_why .girlname{ color:#333;}
.bg_why .girlname a{ color:#333;}
.bg_why .worktime{color:#333;}

/*---------------------------------------------------------------------------*
error-message
*---------------------------------------------------------------------------*/
.error-message {
	color:#ff0000;
	padding:5px 0px;
}


/*---------------------------------------------------------------------------*/

.mar-l5p {
	margin-left:5%;
}
.mar-b1p {

}
.mar-b3p {
	margin-bottom:3%;
}
.mar-b5p {
	margin-bottom:5%;
}
.mar-b10p {
	margin-bottom:10%;
}

.mar-b6 {
	margin-bottom:6px !important;
}
.mar-b7 {
	margin-bottom:7px !important;
}
.mar-b15 {
	margin-bottom:15px !important;
}
.mar-b25 {
	margin-bottom:25px !important;
}
.mar-b35 {
	margin-bottom:35px !important;
}

.fl_l {
	float:left !important;
}
.fl_r {
	float:right !important;
}
.fl_n {
	float:none !important;
}

.f_c_red {
	color:#ff0101 !important;
}
.f_c_red_2 {
	color:#e60012 !important;
}
.f_c_yellow {
	color:#ffff00 !important;
}
.f_c_blue {
	color:#3366ff !important;
}
.f_c_gray {
	color:#cccccc !important;
}
.f_c_gray_2 {
	color:#999999 !important;
}

.t_align_l {
	text-align:left !important;
}
.t_align_c {
	text-align:center !important;
}
.t_align_r {
	text-align:right !important;
}

.f_weight_bold {
	font-weight:bold !important;
}
.f_weight_normal {
	font-weight:normal !important;
}

/*---------------------------------------------------------------------------*/

#sample {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/*---------------------------------------------------------------------------*/

img.loading {
	width:40px;
	height:40px;
	margin:40px 20px 20px 20px;
}