@charset "utf-8";

@media screen and (max-width: 768px) {
	body {
		background-size: cover;
	}
}

/*
====================================================
■ BASE
====================================================
*/

html,
body {
	color: #000;
}

/* コンテナ背景 */
#wrap {
	background: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 768px) {
	#wrap {
		background: rgba(255, 255, 255, 0.7);
	}
}


/*
====================================================
■ 画像　　※管理画面操作不可
====================================================
*/

/* グロナビ背景 */
#gnav li {
	background: url("../img/bg_nav.jpg") repeat;
}

#top_navi {
	background: url("../img/bg_nav.jpg") repeat scroll 0 0;
}

/* 下層ページ背景 */
.pagetitle {
	background:
		/* url("../img/bg_subcon.png") no-repeat 20px -65px, */
		#000 url("../img/bg_pagetitle.jpg") no-repeat;
	background-size: contain;
	background-position: center;
}

@media screen and (max-width: 768px) {
	.pagetitle {
		background-size: cover;
		background-position: left;
	}
}


/* */
ul li .databox .time {
	background: url("../img/bg_time.png") repeat;
}



/*
====================================================
■ ヘッダー・フッター
====================================================
*/


#header .header_info .shop,
/* 店名・業種 */
#header .header_info .time

/* 営業時間 */
	{
	color: #fff;
}

/* ヘッダー電話番号 */
#header .header_info .tel {
	color: #fff;
}

/* フッター */
#footer,
#footer a {
	color: #fff;
}

#footer nav {
	background-color: rgba(0, 0, 0, 0.75);
	max-width: 100%;
	border-radius: 0;
}

#footer nav ul li a {
	color: #fff;
}

/* #footer {
	padding-top: 20px;
	background: #000;
	color: #fff;
}
*/


@media screen and (max-width: 768px) {
	#footer {
		margin-top: 0px;
	}
}

/*
====================================================
■ グローバルナビ
====================================================
*/

/* グロナビ文字色 */
#gnav ul li.gli a.gbtn,
#gnav ul li.gli a.gbtn .jp,
#top_navi ul li a {
	color: #fff;
}

/* ナビゲーションホバー時の背景色 */
#gnav ul li:hover {
	background: rgba(85, 61, 17, 0.2);
}

/* ホバー時 */
#gnav ul li.gli:hover a.gbtn,
#gnav ul li.gli:hover a.gbtn .jp,
#top_navi ul li:hover a {
	color: #C6B26F;
}

/* 選択中ナビゲーションの背景色 */
#gnav a.current {
	/* background: #000; */
	background: url(../img/bg_nav_hv.jpg) repeat;
}

/* スマホグロナビ */
@media screen and (max-width: 768px) {
	#gnav_sp {
		background: url(../img/sp_bg_point.png) no-repeat top center;
		background-size: cover;
		background-color: #fff;
	}

	#gnav_sp .navbox .en,
	#gnav_sp .tel dd a,
	#gnav_sp .tel dd,
	#gnav_sp .tel dd span {
		color: #C6B26F;
	}

	#gnav_sp .tel dt,
	#gnav_sp .navbox .jp {
		color: #fff;
	}

	.pagetitle
	/* SPグロナビ境界線 */
	,
	#top_navi ul li

	/* SPグロナビ 右線 */
		{
		border-color: rgba(255, 255, 255, 0.7);
	}

	/* ハンバーガーメニューの3本ライン */
	#btn_menu_sp span {
		background: #fff;
	}
}

/*
====================================================
■ カラー
====================================================
*/

#todayssche li article h3,
/* トップページ 本日出勤 名前 */
#cast #wrap ul li article h3,
/* キャスト一覧 名前 */
#schedule #wrap ul li article h3,
/* 出勤情報 名前 */
#waiting ul li article h3,
/* 待ち時間情報 名前 */
#newface #wrap ul li .ph .debut,
/* 新人入店日 */
#wrap ul.revlist li .ph article h3,
/* レビュー一覧女の子名前 */
#wrap article h3,
/* コンセプトタイトル */
#topbox #profdata h3,
/* 女の子名前 */
/*#waiting #wrap li article .time, */
/* 待ち時間 */
/*#waiting #wrap li article p:last-child,*/
/* 待ち時間 */
#newface #wrap ul li article h3,
/* 新人女の子名前 */
#ranking #wrap ul li article h3,
/* ランキング女の子名前 */
.systemlist li h3,
/* システムタイトル */
#event #wrap ul li article h3,
/* イベントタイトル */
#news #wrap ul li article h3,
/* 新着タイトル */
#link #wrap section .subtitle,
/* リンクタイトル */
#link #wrap section .subtitle span,
/* リンクサブタイトル */
#reviewlist div .star,
/* レビュータイトル */
#access #wrap ul li .data h3,
/* アクセスタイトル */
#recruit #wrap article .sec01 h3,
/* 求人タイトル */
#data_box .name,
/* グラビア詳細女の子名前 */
.list_star,
/* ★ポイント */
#prof .listbox ul li article h5,
/* 詳細3カラムの一覧女の子名前 */
#magazine .sec01 h3,
#magazine .sec01 h4,
/* メルマガ見出し */
#wrap ul.revlist li .commentbox .star,
/* レビュー星色 */
#toppage .subcont li article .star,
/* トップページ レビュー星色 */
.slick-dots li.slick-active button::before,
/* トップページ スライダー */
#event .slick-dots li.slick-active button::before,
/* トップページ スライダー */
.gallist li article .catch,
/* 一覧女の子キャッチフレーズ */
.hotel_name,
/* ホテルリストのホテル名 */
#newface #wrap li article .catch,
/* 新人キャッチフレーズ */
#topbox #profdata .catch,
/* プロフィールキャッチフレーズ */
#ranking #wrap li article .catch,
/* プロフィールキャッチフレーズ */
#ranking #wrap h3,
#bottomNavi li a

/*SPフッターメニュー*/
	{
	color: #000;
}

.list_star,
.slick-dots li.slick-active button::before,
#event .slick-dots li.slick-active button::before {
	color: #666666;
}

/* プロフィール レビュー */
.tab li {}

/* プロフィール レビュー アクティブ */
.tab li.select {
	border-color: #8b173e;
}

/* プロフィール レビュー 注意書き */
.content li form .red {
	color: #999;
}

#topbox #profdata .type li,
#option_box li,
/* プロフィールオプション */
.gallist li article .type li

/* 新人ページ タイプ */
	{
	border-color: #8b173e;
	color: #8b173e;
}

/* プロフィールオプション 未選択時 */
#option_box li.out {
	border-color: #ccc;
	color: #999;
}

article.hotellist li,
/* ホテルリスト仕切り線 */
#wrap ul.revlist li,
/* レビュー枠 */
ul.pager li span,
ul.pager li a,
/*レビューのページャー*/
#gravure .fancybox-thumbs__list a::before,
/*グラビア展開時のサムネカレント*/
.systemlist dl,
/* 料金システムの仕切り線 */
#enquete dl,
#reserve dl,
#contact dl,
#recruit dl,
#wrap article .sec01 dt,
#wrap article .sec01 dd,
#wrap article .sec01 dl:last-child,
.topiclist li

/* トピックスの仕切り線 */
	{
	border-color: #ccc;
}

#reviewform dl {
	border: none;
	border-bottom: 1px solid #ccc;
}

#reviewform dl:last-of-type {
	border: none;
}

#todayssche li .time

/* トップページ 出勤情報 */
,
#wrap ul.revlist li .ph article .body,
/*レビュー一覧BODYサイズ*/
#list li .timedata,
/* 一覧 出勤 文字色 */
.gallist li .timedata,
/* 待ち時間 文字色 */
#waiting #wrap li article .time,
/* 待ち時間 */
.more_btn:hover:after,
.back_btn:hover .btn,
.more_btn:hover .btn {
	color: #fff;
}


/*
===== 背景カラー設定 ===========================
*/

/* サム上キャプション背景 */
#wrap ul.revlist li .ph article,
#todayssche li article,
/* トップページ 情報ボックス */
.gallist li article,
/* キャスト一覧 情報ボックス */
#list li article

/* 出勤情報 情報ボックス */
	{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

/*SPフッターメニュー*/
#bottomNavi {
	background-color: rgba(0, 0, 0, 0.9);
}

/* 出勤情報 日付 */
#daynavi li {
	background: rgba(255, 255, 255, 0.7);
}

#daynavi li a:hover,
#daynavi li a.current {
	background: #8b173e;
	color: #fff;
}

#review ul.pager li a:hover

/*レビューページャー*/
	{
	background: rgba(1, 1, 1, 0.7);
}

#gravure .fancybox-thumbs

/*グラビア展開時のサムネ群背景*/
	{
	background: #000;
}

/*出勤時間の背景*/
/* #list li .timedata,#waiting .gallist li,#todayssche li .time{
	background: url("../img/sub_bg.gif") repeat scroll center top;
	 background:linear-gradient(135deg, #353851, #26293C) repeat scroll 0 0;
} */

@media screen and (max-width: 980px) {
	.topiclist li article

	/* スマホランキング背景 */
		{
		background: rgba(255, 255, 255, 0.7);
	}
}


/*
===== フォーム装飾設定 ===========================
*/

input#Name,
input#Mail,
input#TEL,
input#Hotel,
input#RoomNo,
input#Adress,
textarea#comment,
select,
input.text,
textarea.text,
#wrap article .sec01 .input

/*メルマガフォーム*/
	{
	background-color: #fff;
	border: 1px solid #666;
}

/*
====================================================
■ 年齢認証
====================================================
*/

/* 認証画面エンターボタン色*/
#entrance .more_btn a {
	background-color: #8b173e;
	color: #FFF;
}

#entrance .more_btn span {
	/* color: #000; */
}

#entrance .more_btn a:hover {
	background-color: #FFF;
	color: #8b173e;
}

/*
====================================================
■ トップページ
====================================================
*/

/* トップコンテンツのタイトル */
.subtitle {
	background:
		/* url("../img/bg_subcon.png") no-repeat 20px -80px, */
		url("../img/bg_title.jpg") no-repeat;
	background-size: cover;
	background-position: left;
}

/* 流れ文字背景 */
.marquee {
	background: #fff8de;
}

/* 小カラム背景 */
.block2 .subcont {
	background: url(../img/bg_block.gif) repeat;
}

/* サブカラムの文字色 */
.block2 .subcont li article .day,
/* 入店日 */
.block2 .subcont li article .body,
/* 3サイズ */
.block2 .subcont li article .reviewer,
/* 投稿者 */
.block2 .subcont li article .comment

/* 投稿コメント */
	{
	/* color: #000; */
}


/* サブタイトル */

.subtitle {
	color: #e2d099;
}

.subtitle span {
	color: #e2d099;
}

.pagetitle {
	color: #e2d099;
}

.pagetitle span {
	color: #e2d099;
}

/* トップページ もっと見るボタン */
.subtitle span.more a {
	background-color: #8b173e;
	color: #FFF;
}

.subtitle span.more a:hover {
	background-color: #FFF;
	color: #8b173e;
}

/*
====================================================
■ プロフィールページ
====================================================
*/

/* ページネーション */
#navmenu li a {
	background: rgba(255, 255, 255, 0.85);
	color: #222;
}

#navmenu li a:hover {
	background: rgba(255, 255, 255, 0.65);
	color: #000;
}

#navmenu li a:hover i {
	color: #000;
}

#schebox>ul li .days,
#schebox>ul,
#schebox dl,
#schebox dt,
#schebox dd,
/* スケジュール枠 */
.listbox ul li a,
#reviewlist div

/* コンテンツ枠 */
	{
	border-color: #ccc;
}

#schebox .info-header {
	border-bottom: 1px solid #ccc !important;
}

/* プロフィールページ罫線 */
@media screen and (max-width: 768px) {
	#schebox .info-header {
		border-bottom: 1px solid #ccc !important;
	}

	#schebox .sp .schedule_item {
		border-top: 1px solid #ccc !important;
		border-left: 3px solid #ccc !important;
		border-right: 3px solid #ccc !important;
	}

	#schebox .sp .schedule_left {
		border-right: 1px solid #ccc !important;
	}

	#schebox .sp .schedule_item:last-of-type {
		border-bottom: 1px solid #ccc !important;
	}
}


/*
====================================================
■ フォント選択（明朝体） ※フォントを変更する場合は、コメントアウトを解除してください。
====================================================
*/



html,
body,
body#op .more_btn span,
.pagetitle span,
.subtitle span,
#wrap article .sec01 .submit,
.more_btn,
.back_btn,
.btn {
	font-family: "Noto Serif JP", sans-serif;
}

body#op .more_btn,
#gnav_sp .navbox ul>li>a .en,
#gnav ul li.gli a.gbtn .en,
.subtitle,
.pagetitle,
#header .header_info .tel,
#gnav_sp .tel dd,
#footer .copyright {
	font-family: "EB Garamond", sans-serif;
}

#header .header_info .tel {
	font-size: 2.5rem;
}

#gnav ul li.gli a.gbtn .en {
	font-size: 1.2rem;
}

#gnav_sp .tel dd,
#gnav_sp .tel dd span {
	font-size: 2.1rem;
}

#option_box li {
	padding: 0.7% 0 0.85%;
}

.more_btn,
.back_btn {
	line-height: 34px !important;
	height: 42px;
}




/*
====================================================
■ リンク色
====================================================
*/

a {
	color: #000;
	text-decoration: none;
	transition: all 0.4s ease 0s;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}


/*
====================================================
■ フォームボタン
====================================================
*/

#schebox .reserve a,
/* プロフィールページ 予約ボタン */
#magazine .sec01 .submit,
/* メルマガページ 送信ボタン */
.more_btn,
/* トップページ もっと見るボタン */
.more_btn::after,
/* フォームボタンの矢印 */
.btn,
/* フォームボタン */
.back_btn,
/* フォーム 戻るボタン */
.back_btn::after

/* フォーム 戻るボタンの矢印 */
	{
	color: #8b173e;
}

/* ホバー */
#schebox .reserve a:hover,
/* プロフィールページ 予約ボタン */
#magazine .sec01 .submit:hover,
/* メルマガページ 送信ボタン */
.more_btn:hover,
/* トップページ もっと見るボタン */
.back_btn:hover

/* フォーム 戻るボタン */
	{
	background-color: #8b173e;
	border-color: #8b173e;
	color: #FFF;
}

.btn:hover,
.more_btn:hover {
	color: #FFF;
}


/*
====================================================
■ スムーズスクロール
====================================================
*/

/* 基本色 */
#scrollUp a {
	background: #8b173e;
	color: #FFF;
}

/* マウスホバー */
#scrollUp a:hover {
	background: rgba(255, 255, 255, 0.8);
	color: #8b173e;
}

/*レビューの女子スペックの色 */
#wrap ul.revlist li .ph article .body {
	color: #000 !important;
}

/*
====================================================
■ その他追加CSS
====================================================
*/
/* リスト表示切替 */
#gridv:checked~.switchB .switchB__gridv i,
#listv:checked~.switchB .switchB__listv i,
#gridv:checked~div .switchB .switchB__gridv i,
#listv:checked~div .switchB .switchB__listv i {
	color: #8b173e !important;
}

/* 出勤情報ページ「前週」「次週」ボタン */
#week-next li a {
	background-color: #8b173e;
	color: #fff;
}

#week-next li a:hover {
	background: #fff;
	color: #8b173e;
}

/* 個人プロフィール右下アイコン */
#navmenu li a i {
	color: #8b173e !important;
}

/* ランキング */
#ranking-center .ph .list_rank,
#ranking-right .ph .list_rank {
	top: 5px;
}

@media screen and (max-width: 768px) {
	.topiclist li article {
		padding-top: 7%;
	}
}

/* レビュー投稿ページサイズ調整 */
/* #reviewform #wrap form {
    margin: 30px auto;
    line-height: 1.5;
    font-size: 1.4rem;
    max-width: 1000px;
} */

/* 必須マーク */
dt span,
dd span,
.caution span {
	margin-left: 3px;
	color: #8b173e;
}

/* 写メ日記 */
.sns .sns01 {
	background-color: #8b173e !important;
}

/* Twitter */
.sns .sns02 {
	background-color: #000 !important;
}

/* 予約受付中 */
#todayssche li p.time:first-of-type,
#todayssche li>.time>p,
#todayssche li p.time:last-of-type,
.timedata,
#waiting #wrap li article .time,
#todayssche li>.time,
#list li .timedata {
	color: #e2d099 !important;

}

/* 在籍一覧 */
#cast .list_today {
	width: 60px;
}

#cast .list_new {
	width: 60px;
}


@media screen and (max-width: 980px) {
	#cast .list_today {
		width: 50px;
	}

	#cast .list_new {
		width: 50px;
	}
}


/* 待ち時間情報 */
#waiting .list_today {
	width: 60px;
}

#waiting .list_new {
	width: 60px;
}

@media screen and (max-width: 980px) {
	#waiting .list_today {
		width: 50px;
	}

	#waiting .list_new {
		width: 50px;
	}
}