/*============================================================================*/
/* 共通                                                                       */
/*============================================================================*/
/* 背景 */
body
{
	background-color:#f8f8f8;
}

.file {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 5px;
  background-color: tranparent;
  color: white;
  width:112px;
  fon-family: Meiryo UI;
}


input[type="checkbox"]
{
	background:white;
}

/* ログインフィールド */
.loginfield
{
	width:50%;
	margin:0 25%;
}

/* 戻るフィールド */
.backfield
{
	text-align:right;
	margin:5px 15px 10px 0;
}

/* panel-default(背景色変更) */
.panel-default
{
	-webkit-box-shadow:1px 1px 2px #999999;
	box-shadow:1px 1px 2px #999999;
}

.panel-default>.panel-heading
{
	background: -ms-linear-gradient(
		top,
		#E8E8E8 50%,
		#F8F8F8);
	background: -moz-linear-gradient(
		top,
		#E8E8E8 50%,
		#F8F8F8);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#E8E8E8),
		to(#F8F8F8));
}

.panel-default .panel-title
{
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.8);
}

/* イメージ */
img
{
	max-width:100%;
}

/* メインコンテナフィールド */
.maincontainer
{
	float:left;
	margin-left:50px;
	background-color:#f8f8f8;
}

@media (max-width:768px) {

	.maincontainer
	{
		margin-left:0px;
	}
}

/* モバイルのみ表示 */
.mobile
{
	display:none;
}

footer
{
	padding:25px 0;
}

.navbar-default
{
	border-bottom:1px solid #DDDDDD;
}

@media (max-width:768px) {

	h2
	{
		font-size:20px;
	}

	/* ログインフィールド */
	.loginfield
	{
		width:80%;
		margin:0 10%;
	}

	.mobile
	{
		display:block;
	}

	.navbar-fixed-top,.navbar-fixed-bottom
	{
		position:static;
	}

	.maincontainer
	{
		padding-top:10px;
	}

	.row
	{
		margin-top:-10px;
		margin-left:-25px;
		margin-right:-25px;
	}

	.panel
	{
		margin-bottom:10px;
	}

	.panel-body
	{
		padding:5px;
	}
	
	.navbar-default
	{
		margin:0px;
	}
}

@media (min-width:420px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
		float:left;
	}

	.col-sm-12 {
		width:100%;
	}

	.col-sm-11 {
		width:91.66666667%;
	}

	.col-sm-10 {
		width:83.33333333%;
	}

	.col-sm-9 {
		width:75%;
	}

	.col-sm-8 {
		width:66.66666667%;
	}

	.col-sm-7 {
		width:58.33333333%;
	}

	.col-sm-6 {
		width:50%;
	}

	.col-sm-5 {
		width:41.66666667%;
	}

	.col-sm-4 {
		width:33.33333333%;
	}

	.col-sm-3 {
		width:25%;
	}

	.col-sm-2 {
		width:16.66666667%;
	}

	.col-sm-1 {
		width:8.33333333%;
	}
}

.syukinbadgefield
{
	margin:0 3px;
	padding-right:8px;
}

.syukintimefield
{
	padding:2px 5px;
	margin:3px;
}

.syukinbadge
{
	cursor:pointer;
	font-weight:normal;
	border:1px solid #888888;
	border-radius:5px;
	padding:0 5px;
	background:#dddddd;
	-webkit-box-shadow:2px 2px 1px #888888;
	box-shadow:2px 2px 1px #888888;
}

.syukinbadge_on
{
	margin:2px 0 0 2px;
	cursor:pointer;
	font-weight:normal;
	border:1px solid #888888;
	border-radius:5px;
	padding:0 5px;
	background:#FFFAAD;
	-webkit-box-shadow:0px 0px 1px #888888;
	box-shadow:0px 0px 1px #888888;
}

/*============================================================================*/
/* トップページ                                                               */
/*============================================================================*/
/* enterボタン */
button.enter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 8px 80px;
	background: -ms-linear-gradient(
		top,
		#f0f0f0 0%,
		#b8b8b8 25%,
		#6b6b6b 75%,
		#424242);
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#b8b8b8 25%,
		#6b6b6b 75%,
		#424242);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f0f0f0),
		color-stop(0.25, #b8b8b8),
		color-stop(0.75, #6b6b6b),
		to(#424242));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #171717;
	-ms-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


/* アダルト説明 */
.adultexplain
{
	border-radius:0;
	font-size:large;
	margin:10px 5%;
	padding:10px 5px;
	text-align:center;
	color:white;
	background-color: rgba(0,0,0,0.3);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 1px 0px rgba(000,000,000,1);
}

/* 退出テキスト */
.reavetext
{
	display:inline-block;
	margin:10px;
	color:blue;
	text-decoration:underline;
}

/* アダルト注釈 */
.adultexplain2
{
	margin:10px 15%;
	padding:10px 5px;
	text-align:center;
	font-size:small;
	-webkit-box-shadow:1px 2px 3px rgba(000,000,000,0.7);
	box-shadow:1px 2px 3px rgba(000,000,000,0.7);
}

@media (max-width:768px) {

	.adultexplain
	{
		margin:10px 2%;
		font-size:small;
	}

	.adultexplain2
	{
		margin:10px 2%;
	}

}

/* インフォメーション */
.well
{
	margin:10px 0;
	padding:5px 10px;
}

.infotext
{
	margin:5px 5px 15px 5px;
}



/*============================================================================*/
/* ヘッダ                                                                     */
/*============================================================================*/
/* ヘッダカスタマイズ */
.navbar-header-c
{
	width:100%;
	height:72px;
	background: -ms-linear-gradient(
		top,
		#DDDDDD 50%,
		#EEEEEE);
	background: -moz-linear-gradient(
		top,
		#DDDDDD 50%,
		#EEEEEE);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#DDDDDD),
		to(#EEEEEE));
}

/* ヘッダインフォ */
.headerinfofield
{
	width:250px;
	padding:8px;
	border:3px solid #FF89D2;
	border-radius:10px;
	background:#eeeeee;
	-webkit-box-shadow:
		2px 2px 3px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		2px 2px 3px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(255,255,255,1);
}

.headerinfofield table tr td
{
	padding:3px;
	text-shadow:
		0px -1px 1px rgba(255,255,255,0.4),
		1px 1px 0px rgba(000,000,000,0.3);
}

.headerinfofield table tr td.teltext
{
	padding:3px 0 3px 8px;
	font-size:20px;
	font-weight:bold;
}

.headerinfofield table tr td.timetext
{
	padding:3px 0 3px 8px;
	font-size:14px;
	line-height:1.1;
	font-weight:bold;
}

/* 電話マーク */
.telmark {
	font-size: 18px;
	color: #ffffff;
	padding: 2px 6px;
	background: -ms-linear-gradient(
		top,
		#63b7f7 0%,
		#314366);
	background: -moz-linear-gradient(
		top,
		#63b7f7 0%,
		#314366);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#63b7f7),
		to(#314366));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	border: 1px solid #4488aa;
	-ms-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

/* 時計マーク */
.timemark {
	font-size: 18px;
	color: #383838;
	padding: 2px 6px;
	background: -ms-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	border: 1px solid #4488aa;
	-ms-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

@media (max-width:768px) {

	.headerinfofield
	{
		display:none;
	}

}

/* ナビ */
.navbar-default
{
	background: -ms-linear-gradient(
		top,
		#000000 50%,
		#555555);
	background: -moz-linear-gradient(
		top,
		#000000 50%,
		#555555);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#000000),
		to(#555555));
}

.nav-c
{
	border:3px solid transparent;
	background:transparent;
}

.nav-c>li
{
	width:133px;
	text-align:center;
	font-size:16px;
}

.nav-c>li:last-child
{
	border-right:1px solid #eeeeee;
}

.nav-c>li>a:link
{
	text-shadow: 2px 2px 2px #cccccc;
}

.nav-c>li>a:hover
{
	color:#222222;
	background: -ms-linear-gradient(
		top,
		#FDEFEC 50%,
		#EDCFCC);
	background: -moz-linear-gradient(
		top,
		#FDEFEC 50%,
		#EDCFCC);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FDEFEC),
		to(#EDCFCC));
}

.nav-c>li.selected>a {
	color:#B94A48;
	background: -ms-linear-gradient(
		top,
		#F8EEEE 50%,
		#D2BEBE);
	background: -moz-linear-gradient(
		top,
		#F8EEEE 50%,
		#D2BEBE);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#F8EEEE),
		to(#D2BEBE));
}


/*============================================================================*/
/* ホーム                                                                     */
/*============================================================================*/
/* キャスト表示 */
.castfield
{
	margin:0px;
	oveflow: hidden;
}

.cast
{
	width:136px;
	float:left;
	margin:5px 5px;
	border:1px solid #ED9DB5;
	-webkit-box-shadow:1px 1px 1px #ED9DB5;
	box-shadow:1px 1px 1px #ED9DB5;
}

.castImg
{
	position:relative;
	width:124px;
	margin:5px 5px 0 5px;
	border:1px solid #88ff88;
}

.castImg img
{
	width:122px;
	height:160px;
	margin:0px;
	border:0;
}

.castText
{
	width:124px;
	margin:0 5px 5px 5px;
	padding:2px;
	background:#EEFFEE;
	text-align:center;
}

.castText > span
{
	font-size:11px;
}

.castSyukin
{
	position:absolute;
	right:-9px;
	bottom:-3px;
	border-radius:5px 0 0 5px;
	padding:3px 8px 5px 8px;
	color:white;
	text-shadow:
		0px -1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	background: -ms-linear-gradient(
		top,
		#D89F34 50%,
		#C87624);
	background: -moz-linear-gradient(
		top,
		#D89F34 50%,
		#C87624);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#D89F34),
		to(#C87624));
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 2px rgba(255,255,255,1);
}

.castSyukin_L
{
	font-size:20px;
	right:-5px;
	bottom:-5px;
	padding:3px 10px;
}

.castNew
{
	position:absolute;
	left:-20px;
	top:-10px;
	border-radius:30px;
	padding:8px 3px;
	color:white;
	text-shadow:
		0px -1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	background: -ms-linear-gradient(
		top,
		#FF4444 50%,
		#FF6666);
	background: -moz-linear-gradient(
		top,
		#FF4444 50%,
		#FF6666);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FF4444),
		to(#FF6666));
	-ms-transform-origin:0 0;
	-ms-transform:rotate(-20deg);
	-webkit-transform-origin:0 0;
	-webkit-transform:rotate(-20deg);
	transform-origin:0 0;
	transform:rotate(-20deg);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 2px rgba(255,255,255,1);
}

.castNew_L
{
	font-size:20px;
	left:-30px;
	top:-5px;
	padding:13px 5px;
}

/*============================================================================*/
/* 場所                                                                       */
/*============================================================================*/
/* テーブルレイアウト１ */
table.clist
{
	border-collapse:collapse;
	width:100%;
}

table.clist tr td
{
	border:1px solid #cccccc;
	padding:5px 10px;
}

table.clist tr td:first-child
{
	background-color: #ED95AD;
	color:white;
	text-shadow:
		0px -1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

/*============================================================================*/
/* コース                                                                     */
/*============================================================================*/
/* テーブルレイアウト２ */
table.clist2
{
	border-collapse:collapse;
}

table.clist2 tr th
{
	border:1px solid #AAAAAA;
	background-color:#ED95AD;
	color:white;
	padding:5px 10px;
	font-weight:normal;
	text-shadow:
		0px -1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

table.clist2 tr td
{
	border:1px solid #AAAAAA;
	padding:5px 10px;
}

table.clist2 tr:nth-child(odd) td
{
	background-color: #F2E8E8;
}

table.clist50per
{
	width:50%;
}

table.clist80per
{
	width:80%;
}

@media (max-width:768px) {

	table.clist50per
	{
		width:100%;
	}

	table.clist80per
	{
		width:100%;
	}
}


/*============================================================================*/
/* プロフィール                                                               */
/*============================================================================*/
/* テーブルレイアウト３ */
table.clist3
{
	border-collapse:collapse;
	width:100%;
}

table.clist3 tr td
{
	border:1px solid #cccccc;
	padding:5px 10px;
}

table.clist3 tr td:first-child
{
	background-color: #ED95AD;
	color:white;
	text-shadow:
		0px -1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

table.clist3 tr:nth-child(even) td:last-child
{
	background-color: #F2E8E8;
}

/* テーブルレイアウト４ */
table.clist4
{
	border-collapse:collapse;
}

table.clist4 tr td
{
	border:1px solid #cccccc;
	padding:5px 10px;
}

table.clist4 tr td:nth-child(even)
{
	text-align:center;
}

table.clist4 tr td:nth-child(odd)
{
	background-color: #ED95AD;
	color:white;
	text-shadow:
		0px -1px 2px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

table.clist4 tr:nth-child(even) td:nth-child(even)
{
	background-color: #F2E8E8;
}


/*============================================================================*/
/* おっぱいから選ぶ                                                           */
/*============================================================================*/
/* おっぱい表示 */
.oppaifield
{
	margin:0px;
	oveflow: hidden;
}

.oppai
{
	width:272px;
	float:left;
	margin:5px 10px;
	border:1px solid #ED9DB5;
	-webkit-box-shadow:1px 1px 1px #ED9DB5;
	box-shadow:1px 1px 1px #ED9DB5;
}

.oppaiImg
{
	position:relative;
	width:260px;
	margin:5px 5px 0 5px;
	border:1px solid #88ff88;
}

.oppaiImg img
{
	width:258px;
	height:140px;
	margin:0px;
	border:0;
}

.oppaiText
{
	width:260px;
	margin:0 5px 5px 5px;
	padding:2px;
	background:#EEFFEE;
	text-align:center;
}

.oppaiText>span
{
	font-size:13px;
}

.cuptext
{
	position:absolute;
	bottom:-56px;
	left:8px;
	color: #FF4FAB;
	font-size:18px;
}

.cuptext>span
{
	font-size:42px;
	font-family:"Bevan";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: #FF7FCB;
}

.table>thead>tr
{
	background: -ms-linear-gradient(
		top,
		#DDDDFF 50%,
		#F8F8FF);
	background: -moz-linear-gradient(
		top,
		#DDDDFF 50%,
		#F8F8FF);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#DDDDFF),
		to(#F8F8FF));
}

.expiredate
{
	float:right;
	margin-right:-10px;
	margin-top:-50px;
	font-weight:normal;
	border:1px solid #888888;
	border-radius:5px;
	padding:0 5px;
	background:#eeeecc;
	-webkit-box-shadow:2px 2px 1px #888888;
	box-shadow:2px 2px 1px #888888;
}

@media (min-width:768px) {
	.expiredate
	{
		margin-top:-60px;
	}
}

.primeadd
{
	float:left	;
	margin-right:-10px;
	margin-top:-50px;
	font-weight:normal;
	padding:0 5px;
}


.header-pickup {
	padding: 0px;
}
.header-pickup > div {
	padding: 0px;
	float: left;
}
.header-pickup > div > div {
	padding: 2px;
}
.header-pickup > div > div > a > img {
	border: 1px solid #cccccc;
	height: 200px;
}
@media (max-width:428px) {
	.header-pickup > div > div > a > img {
		width: 100%;
		height: auto;
	}
}

@media (max-width:592px) {
	.header-pickup > div + div {
		display:none;
	}
}