@charset "utf-8";
/*
shop.css内で設定している項目
======================================
・ベースカラー
・aタグ基本カラー(ホバー色)
・各ページコンテナ背景色設定
・トップページ背景色設定
・グラデーション(.shopGradient)
・グラデーション2(.shopGradient2)⇒現在は年齢認証のLeaveボタンのみ
・aj系タイトルバー
・グローバルナビ
・コンテンツメニュー(Topページ：一覧系、出勤情報、各ページ：h2タイトル)
・ボックスタイトル(小見出し、写メ日記、イベントのタイトル等)
・ページトップボタン
・フッターカラー(レイアウトはcontents.css)
・フォームの各項目
・女の子ボックスの色設定(Topページ、女の子一覧、出勤情報)
・出勤情報、本日の色設定
======================================

*/
/* ==========================================================================
  shopBaseColor
========================================================================== */
.shopBaseBgCol1 { background-color:#242323; } /* 濃い色*/
/*.shopBaseBgCol2 { background-color:#9C9A9A; } /* 薄い色*/
/*.shopBaseBgCol3 { background-color:#FFF; } /*
.shopBaseBgCol4 { background-color:#F5F5F5; } 
.shopBaseCol1   { color:#242323; } /* 濃い色*/
.shopBaseCol2   { color:#9C9A9A; } /* 薄い色*/
.shopBorderCol1 { border-color:#555555; } /* type color */
.cmnBorderCol1 { border-color:#000; } /* ボタン揃いborder色 */

/* ==========================================================================
  setting
========================================================================== */

/*body {
  background: #37342F url("../img/design/back.png");
}*/
body {
    background: url("../img/design/back.png") no-repeat center top;
}

body#pageIndex {
	background: url("../img/index/back_image.png") repeat left 0px;
	background-size:cover;
}
@media screen and (max-width: 767px) {
	body#pageIndex {
		background: url("../img/index/back_image_sp.png") no-repeat center top;
  background-size: cover;
	}
}
a,
a:visited { 
	color: #F1DB96;
}
a:hover {
	color: #FFB004;
}

#wrapper{
  color:#EEE;
}

/*
#wrapper.backImage{
  background: url("../img/index/back_image.png") no-repeat fixed center 0px;
}
*/
.decorate {
	color:#FFF59D;
	text-shadow: 1px 1px 1px #333;
}
.pointCol {
	color:#242323;
}
.doubleLineCol {
	border-bottom: solid 4px #242323;
	box-shadow: 0 2px #CECCCC;
	-moz-box-shadow: 0 2px #CECCCC;
	-webkit-box-shadow: 0 2px #CECCCC;
	-o-box-shadow: 0 2px #CECCCC;
	-ms-box-shadow: 0 2px #CECCCC;
}
.lineTitle {
	color:#242323;
	border-left-color:#242323;
	border-bottom-color:#242323;
}

/* ### pageTop ### */
#topControl .pageTop {
	color:#FFF;
	border: solid 1px #FFF;
}
/* ### articleTitle ### */
.articleTitle {
	color:#FFD701;
	padding: 0px;
}
/* ### Common header background layer ### */
.headBackWrapper{
}
#header .headerLogo {
  display:inline-block;
}
#header .headerLogo img {
  max-height:80px;
}
@media screen and (max-width: 767px) {
  #header {
    height:106px;
    background-image:none;
    margin-bottom: 0;
    padding: 3px 0;
    border-bottom: solid 2px #FFF;
  }
  #header h1 {
    font-size: 11px;
    padding: 5px 2%;
    text-align: left;
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 96%;
  }
  #header .headerMenu{
    display:none;
  }
  #header .headerLogo {
    margin-right: 93px;
  }
  #header .headerLogo img {
    max-width: 93%;
    margin-top: 11px;
    max-height:66px;
  }
}
/* ####################################### */

@media screen and (max-width: 767px) {
.articleTitle {
	color:#FFD701;
}
}
.commonBtn a:hover,
.commonBtn .sendBtn:hover {
	color:#FFC;
}

.noDataBody {
	color: #888;
  padding: 8px;
  font-size: 13px;
  text-align: center;
  line-height: 80px;
  font-size: 14px;
}

/* ==========================================================================
  color unity
========================================================================== */
#topDiaryBody #diaryList li .title,
#topStaffDiaryBody #sdiaryList li .title
{
	color:#242323;
}
@media screen and (max-width: 767px) {
	#topDiaryBody #diaryList li .title,
	#topStaffDiaryBody #sdiaryList li .title,
	.diaryInnerWrap dl dt a,
	.staffDiaryWrap .diaryInnerWrap dl .decorate {
	}
}

/* ==========================================================================
  index
========================================================================== */
.textContents {
	background-color:rgba(255,255,255,0.75);
	border-color: #DE0000;
	border:none;
		margin-top: 70px;
}
#pageIndex .entryBtn {
	border: solid 1px #CCC;
}

.title .caution p{
	color:#FFF;
}

@media screen and (max-width: 767px) {
	.title .caution p{
		color: #e66;
	}
}
/* ==========================================================================
  Containers BackGround-color
========================================================================== */
/*diary-detail*/
.detailContainer{
	background-color: rgba(0,0,0,0.2);
}
.detailContainer1 {
  background-color: rgba(0,0,0,0.2);
  border-left: solid 2px #565656;
  border-right: solid 2px #565656;
  border-bottom: solid 2px #565656;
}
@media screen and (max-width: 767px) {
.detailContainer {
  background-color: rgba(0,0,0,0.2);
  border: solid 2px #565656;
}
}

/*
 entry-result
 entry
 err-access
 event
 leave-confirm
 leave-result
 link
 privacy
 recruit
 recruitstaff
 rule
 signup-result
 sitemap
 system
*/
.freeContainer{
border: solid 1px #565656;	background-color: rgba(0,0,0,0.2);

}
/*contact*/
.formContainer{
	border: solid 2px #505050;
}
/*
 girl
 shift
*/
.boxListContainer{
}
/*
 diary
 girl
 news
 sdiary
 shift
*/
.listContainer {
}
/*pager*/
.pager {
	background-color: rgba(198, 198, 198, 0.2);
	margin-bottom: 10px;
}
/* breadCrumbList */
#breadCrumbList {
}
#breadCrumbList a {
	color:#666;
}
#breadCrumbList a:hover {
	color:#999;
}

/* ==========================================================================
  shopGradient
========================================================================== */
.shopGradient, .ui-dialog-titlebar {
}

.shopGradient2{
	background-color: rgba(0, 0, 0, 0.1);
	border:solid 1px #FFF;
}

.shopGradientBorderBtm {
	border-bottom:dotted 1px #cfa13f;
}

@media screen and (max-width: 767px) {
	.diaryInnerWrap dl dt.shopGradient {
		background:none;
		filter:none;
	}
}


#systemContents .shopGradient{
	font-size: 18px;
	border-bottom: solid 1px #848484;
	background: none;
	border:none;
	border-bottom: solid 1px #848484;
	margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
#systemContents .shopGradient {
  font-size: 18px;
  border-bottom: solid 1px #848484;
  background: none;
  border: none;
  border-bottom: solid 1px #848484;
  margin-bottom: 2px;
}
}
.enter{
	font-weight:bold;
	border:solid 1px #FFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image : -webkit-gradient(linear, left top, left bottom, color-stop(1.00,#000), color-stop(0.00, #ccc));
	background-image : -webkit-linear-gradient(#ccc, #000);
	background-image: linear-gradient(#DFA940, #CFA03E, #FFF, #FEBF46, #D79E30);
}

.leave{
	background-color: rgba(0, 0, 0, 0.1);
	border:solid 1px #FFF;
	color:#FFF!important;
}

/* ==========================================================================
  Grobal Navi
========================================================================== */

/* ==========================================================================
  Contents Menu
========================================================================== */
.contentsTitle {
  font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  border-bottom:solid 2px #F1DB96;
  color:#cdbc88;
}

.contentsTitle span.titleE{
	color:#F1DB96;
}
.contentsTitle span.titleE:after{
  content:"/";
}
@media screen and (max-width: 767px) {
  .contentsTitle span.titleE{
   	color:#F1DB96;
  }
}
.contentsTitle span.titleJ{
	color: #F1DB96;
}

/* ==========================================================================
  Header Color
========================================================================== */
#header #topMenu h1{
	color:#242323;
}

@media screen and (max-width: 767px) {
	#header #topMenu, #indexHeader{
		background-color: rgba(36, 35, 35, 0.56);
		border-bottom: 1px solid #FFF;
	}
	#header #topMenu h1, #indexHeader h1{
		color: #FFFFFF;
		font-weight: normal;
	}
}


/* ==========================================================================
  Footer Color
========================================================================== */
#fixFooter {
	background-color: #242323;
}
#footer, #footerMenu, address div{
	background-color: #242323;
}
#footer #footerMenu {
	color: #eeeeee;
	border-top: 1px solid #E5E5E5;
}
#footer #footerMenu p a {
	color: #FFFFFF;
	text-decoration:underline;
}
#footer #footerMenu p a:hover{
	color: #FFF59D;
	text-decoration: none;
}

#ftAddress {
	color:#FFF;
}

#SPfooterBody .separate {
background: none;
  box-shadow: 0 3px #333;
  -moz-box-shadow: 0 3px #333;
  -webkit-box-shadow: 0 3px #333;
  -o-box-shadow: 0 3px #333;
  -ms-box-shadow: 0 3px #333;
  border-top: solid 1px #ADACAC;
}
#SPfooterBody .separate .leftSpa {
	border-right: 1px solid #888;
}
#SPfooterBody a:hover{
}

#SPfooterBody a:hover{
}

/* ==========================================================================
  table
========================================================================== */
table.commonTable th {
	border-top: solid 1px #565656;
  border-left: solid 1px #565656;
  border-bottom: solid 1px #565656;
  color: #FFF;
}
table.commonTable td {
	border:solid 1px #565656;
}

@media screen and (max-width: 767px) {
	table.commonTable th {
	border-right: solid 1px #565656;
	}
	table.commonTable td {
		border-right:solid 1px #565656;
	}
	table.commonTable tr:last-child td {
		border-bottom:solid 1px #565656;
	}
}


/* ==========================================================================
  form
========================================================================== */
.formBody .mark {
	background-color:#FFF;
	color:#C00;
	box-shadow:none;
}

/* ==========================================================================
	girlBox
========================================================================== */
.girlListWrap .itemInner{
	border:1px solid #BBB;
	background-color: #333;
}

.girlListWrap ul li .girlPhoto {
	background-color:#FFF;
}
.girlListWrap .conceptList {
	border-top:solid 1px #242323;
}
.girlListWrap ul li .itemInner .girlName{
	background: #e4d5a9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZDVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmQ2YjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e4d5a9 0%, #fbfbfb 93%, #e2d6b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4d5a9), color-stop(93%,#fbfbfb), color-stop(100%,#e2d6b2));
	background: -webkit-linear-gradient(top,  #e4d5a9 0%,#fbfbfb 93%,#e2d6b2 100%);
	background: -o-linear-gradient(top,  #e4d5a9 0%,#fbfbfb 93%,#e2d6b2 100%);
	background: -ms-linear-gradient(top,  #e4d5a9 0%,#fbfbfb 93%,#e2d6b2 100%);
	background: linear-gradient(to bottom,  #e4d5a9 0%,#fbfbfb 93%,#e2d6b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d5a9', endColorstr='#e2d6b2',GradientType=0 );
	border:1px solid #EED07D;
	color:#833100;
}
.girlListWrap ul li .realtime{
	background-color: #333;
	color:#FFF;
}

.girlListWrap ul li .shift {
	color:#F1DB96;
}
.girlListWrap ul li .girlInfo{
	background-color: #333;
}

.girlListWrap ul li .girlInfo div{
	color:#FFF;
	background-color: #333;
}

/* ==========================================================================
	shift Menu
========================================================================== */

#shiftDateList .todayGradient {
	/*background: #fce08c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZTA4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2IzN2QzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTVlMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fce08c 0%, #b37d3d 59%, #955e37 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce08c), color-stop(59%,#b37d3d), color-stop(100%,#955e37));
	background: -webkit-linear-gradient(top, #fce08c 0%,#b37d3d 59%,#955e37 100%);
	background: -o-linear-gradient(top, #fce08c 0%,#b37d3d 59%,#955e37 100%);
	background: -ms-linear-gradient(top, #fce08c 0%,#b37d3d 59%,#955e37 100%);
	background: linear-gradient(to bottom, #fce08c 0%,#b37d3d 59%,#955e37 100%);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce08c', endColorstr='#955e37',GradientType=0 );
	font-weight:bold;
	background-color: #565656;

}
#shiftDateList ul li a {
	color:#EEE;
}
#shiftDateList ul li.todayGradient a {
	color:#FFF;
}

#shiftDateList ul li:hover a {
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}


/* ==========================================================================
	coupon
========================================================================== */
#couponDiv{
	background:url("../img/couponPattern.png");
}
#couponDiv .inner{
	border:solid 3px #242323;
}
#couponDiv .inner .title {
	color:#242323;
}
#couponDiv .inner .info{
	border-top: #242323 dashed 1px;
	border-bottom: #242323 dashed 1px;
}
#couponDiv .inner .info .text{
	color: #FF3300;
}
#couponDiv .inner .info .time{
	color:#FF3300;
}
#couponDiv .inner .info .price{
	color:#FF3300;
}
#couponDiv .inner .furtherinfo .caution{
	color:#FF3300;
}

/* ==========================================================================
	girl detail
========================================================================== */
#detailConsept p.typeItem{
	color:#FFF59D;
}
@media screen and (max-width: 767px) {
	#girlProfileList ul li dl dt {
		background-color: #151515;
		color: #FFF;
	}
}



/* ==========================================================================
  System
========================================================================== */

.priceTable tr {
	border-bottom:solid 1px #F7F7F7;
}
@media screen and (max-width: 767px) {
	.priceTable{
/*	background-color: rgba(255,255,255,0.75); */
  border: solid 1px #FFF;	
}
	.priceTable tr {
		border-bottom: medium none;
		background-color: rgba(255,255,255,0.75);
	}
	.priceTable th {
		background-color: #000;
	text-align: center;
	}
}










/* ==========================================================================
  ovlIconWrap
========================================================================== */

#icon_1 {
	width: 30px;
	height: 30px;
	fill: #55acee;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 5;
}

#icon_2 {
	width: 30px;
	height: 30px;
	fill: #55acee;
	position: absolute;
	right: 2px;
	left: 3px;
	bottom: 3px;
}

#icon_sift {
	width: 60px;
	height: 60px;
	fill: #55acee;
}

#icon_sift_off {
	width: 60px;
	height: 60px;
	fill: #55acee;
}

#icon_newface {
	width: 60px;
	height: 60px;
	fill: #55acee;
}

#icon_newface_off {
	width: 60px;
	height: 60px;
	fill: #55acee;
}

/* ==========================================================================
  廣記述
========================================================================== */

#Main ul {
  font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-weight: bold;
}

@media screen and (max-width: 767px){
#header h1{
  color: #FFF;
  font-weight: normal;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
}



#grobalNav .menuBody ul {
	display: inline-block;
	margin: 0 auto;
	text-align:center;
}
#grobalNav .menuBody ul li {
	width:auto !important;
	display:inline-block;
	padding: 0 10px;
}


#newsList .inner .infoWrap .title a {
	color: #f8de05;
}
.commonBtn a, .commonBtn .sendBtn {
		color: #FFF;
}


#sitemapContainer a {
		color: #FFF;
	font-size: 18px;
}

#SPfooterBody p {
    color: #FFF;
}

/* ==========================================================================
  15.08.20 update
========================================================================== */

/* ==========================================================================
  Ranking
========================================================================== */

#rankingContents{

}

.rankingHeader {
		border:solid 1px #EEE;
}


.rankingHeader .periodWrap .title {
	border-bottom:solid 1px #cdbc88;
}

@media all and (min-width: 768px) {
	#prevRankWrap .title {
		border:solid 1px #EEE;
		color:#FFF;
	}
	#prevRankWrap > ul {
		border:solid 1px #CCC;
	}
	#prevRankWrap > .noDataBody{
		border:solid 1px #CCC;
		color:#999;
	}
	#prevRankWrap > ul > li {
		border-bottom:solid 1px #EEE;
	}
	#prevRankWrap .sepWrap .linkBtnWrap a {
		border:1px solid #EEE;
	}
	#prevRankWrap .sepWrap .left {
		color:#EEE;
	}
	#prevRankWrap .sepWrap .left p {
		color:#EEE;
	}
	#prevRankWrap .rank1 .sepWrap .left {
		color:#FFCD0C;
	}
	#prevRankWrap .rank2 .sepWrap .left {
		color:#BABCCF;
	}
	#prevRankWrap .rank3 .sepWrap .left {
		color:#D57536;
	}
	#prevRankWrap .rank3 .sepWrap .right {
		color:#918F8F;
	}
}

.rankingBoxWrap {
	box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
	-webkit-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
	-moz-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
	-o-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
	-ms-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
	border:#FFF 1px solid;
  background:none;
}
.rankingBoxWrap .sepWrap .rankNumWrap {
	color:#EEE;
}
.rankingBoxWrap .sepWrap .linkBtnWrap a {
	border:1px solid #EEE;
}
.rankingBoxWrap.rank1 .sepWrap .rankNumWrap {
	color:#FFCD0C;
}
.rankingBoxWrap.rank2 .sepWrap .rankNumWrap {
	color:#BABCCF;
}
.rankingBoxWrap.rank3 .sepWrap .rankNumWrap {
	color:#D57536;
}
.rankingBoxWrap .sepWrap .nameWrap .name {
	color:#EEE;
}

/* ==========================================================================
  Gravure
========================================================================== */

.gravureListWrap > li {
	border: 1px solid #CCC;
}
.listSepWrap .info .nameWrap .name {
	color: #EEE;
}
.listSepWrap .info .nameWrap .size {
	color: #EEE;
}
.profileWrap ul li {
}
.profileWrap ul li dl dt {
	color:#F1DB96;
  border-bottom:1px solid #F1DB96;
}
.commentWrap p {
	border:solid 1px #EEE;
}
@media screen and (max-width: 767px) {
	.profileWrap ul li {
	}
}


/* ==========================================================================
  15.12.10 update
========================================================================== */
/* ==========================================================================
  Login Menu
========================================================================== */
#loginList p a{
  color:#c00;
}
#loginList p a:hover{
  color:#f00;
}

nav#menu .loginLink{
  background-color:#c00;
  color:#FFF;
}


/* ==========================================================================
  girl Box
========================================================================== */

.girlListWrap .girlBtnWrap .upperBtn a,
.girlListWrap .girlBtnWrap .underBtn a{
  color:#FFF;
}

/* ==========================================================================
  member
========================================================================== */

#memberMenu ul li a {
  color:#FFF59D;
  border-color:#242323;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #memberMenu ul li a {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
}

#memberContents #memberEditWrap dl dt{
  border-color:#919191;
}
.memberMailWrap .mailList .head > div,
.memberMailWrap .mailList .record > div{
  border-color:#CCC;
}
.memberMailWrap .mailList .record.notRead{
  background-color:#FBF4B9;
}