@charset "utf-8";

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


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

html, body{
	color: #000;
}

/* コンテナ背景 */
#wrap {
	background: linear-gradient(0deg, rgb(31 4 33 / 70%) 0%, rgb(10 17 71 / 70%) 32%);
}

/* body{
	background-attachment: fixed!important;
	background-color: #0a0c3a!important;
	} */

body::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width: 100%;
	height: 100%;
	background-image: url(../upload/back_image/29.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
  }
  
/*
====================================================
■ 画像　　※管理画面操作不可
====================================================
*/

/* グロナビ背景 */
#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, */url("../img/bg_pagetitle.jpg") repeat;
  background-position: center right;

}

/* */
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,
#gnav_sp .tel dt{
	color:#fff;
}

/* フッター */
#footer nav{
	background-color:rgba(9, 11, 56, 0.75);
	border-radius: 0;
	max-width: 1080px;
}

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


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

/* グロナビ文字色 */

#gnav ul li.gli a.gbtn,
#gnav ul li.gli a.gbtn .jp,
#top_navi ul li a
{
	color: #080c42!important;
}

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

/* 選択中ナビゲーションの背景色 */
#gnav a.current{
	background: rgb(239,198,111);
background: linear-gradient(0deg, rgba(239,198,111,1) 0%, rgba(168,141,88,1) 19%, rgba(212,183,126,1) 31%, rgba(255,238,206,1) 49%, rgba(168,141,88,1) 74%, rgba(255,236,194,1) 99%);
color: #080c42;
}

#gnav ul li.gli a.current.gbtn,
#gnav ul li.gli a.current.gbtn .jp{
	color: #080c42!important;
}

/* スマホグロナビ */
@media screen and (max-width: 768px) {
	#gnav_sp {
		background:url("../img/sp_bg_point.png") no-repeat top left;
		background-color: #010650;
		background-size: 100% auto;
	}
	#gnav_sp .navbox .en, #gnav_sp .tel dd a, #gnav_sp .tel dd, #gnav_sp .tel dd span {
		color: #fff;
	}
	#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, /* ランキング女の子名前 */
#navmenu li i,
.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: #342024;
}

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

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

.tab li{
	color: #777;
}

.content li form p{
	color: #fff;
}


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

#topbox #profdata .type li,
#option_box li, /* プロフィールオプション */
.gallist li article .type li /* 新人ページ タイプ */
{
	border-color: #FF7CBD;
	color:#FF007F;
}

 /* プロフィールオプション 未選択時 */
#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, /* 一覧 出勤 文字色 */
#waiting #wrap li article .time,/*待ち時間*/
.gallist li .timedata,  /* 待ち時間 文字色 */
.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));
}

#cast .gallist li article{
	background: linear-gradient(0deg, rgba(255, 226, 163, 1) 0%, rgba(255, 243, 220, 1) 12%, rgba(228, 206, 163, 1) 40%, rgba(255, 255, 255, 1) 100%);
}

#listv:checked~.gallist.listswich .list__item article{
	padding: 8px 0 10px 0!important;
}


#bottomNavi{/*SPフッターメニュー*/
	background-color: rgba(9, 11, 56, 0.75);
}

/* 出勤情報 日付 */
#daynavi li{
  background:rgba(255, 251, 214, 0.7);
}
#daynavi li a:hover,#daynavi li a.current {
  	background: rgba(255, 0, 127, 0.8);
	color:#fff;
}

#review ul.pager li a:hover /*レビューページャー*/{
	background:rgba(1,1,1,0.7);
}
#gravure .fancybox-thumbs /*グラビア展開時のサムネ群背景*/{
    background: #000;
}
@media screen and (max-width: 980px) {
  .topiclist li article  /* スマホランキング背景 */ {
	background: linear-gradient(0deg, rgb(31 4 33 / 70%) 0%, rgb(10 17 71 / 70%) 50%);
  }
}





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

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: #FF007F;
	color: #FFF;
}

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

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



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

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

.block2 .subtitle{
	background: /* url("../img/bg_subcon.png") no-repeat 20px -80px, */ url("../img/bg_pagetitle.jpg") repeat;
	background-position: center right;
	background-size: cover;
}




/* 流れ文字背景 */
.marquee {
	background:rgba(255,255,255,0.2);
}

/* 小カラム背景 */
/* .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: #342024;
}

.subtitle span {
	color: #342024;
}

.pagetitle {
	color: #342024;
}

.pagetitle span {
	color: #342024;
}

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

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

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

/* ページネーション */
#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;
}


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



html, body,
body#op .more_btn span,
.pagetitle span,
.subtitle span {
  font-family: "Noto Serif JP" , sans-serif;
}

body#op .more_btn,
#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%;
}




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

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: #FF007F;
}

/* ホバー */
#schebox .reserve a:hover, /* プロフィールページ 予約ボタン */
#magazine .sec01 .submit:hover, /* メルマガページ 送信ボタン */
.more_btn:hover, /* トップページ もっと見るボタン */
.back_btn:hover /* フォーム 戻るボタン */
{
    background-color: #000;
    border-color: #000;
    color: #FFF;
}
.btn:hover,
.more_btn:hover {
	color: #FFF;
}


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

/* 基本色 */
#scrollUp a {
	background: rgba(175, 168, 73, 0.8);
	color: #FFF;
}

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




.block1 .subcont li .ajarticle {
	background: rgb(255,226,163);
	background: linear-gradient(0deg, rgba(255,226,163,1) 0%, rgba(255,243,220,1) 12%, rgba(228,206,163,1) 40%, rgba(255,255,255,1) 100%);
	padding: 7px 0;
}

.block2 .subcont li article .body,
.block2 .subcont li article h3,
.block2 .subcont li article .list_star{
	color: #fff!important;
}

.slick-dots li button:before{
	color: #fff;
}

.slick-dots li.slick-active button::before{
	color: #e9da86;
}


ol.breadcrumb,
ol.breadcrumb a	{
	color: #fff;
}


#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: #e9da86!important;
}

#concept article,
#contact article,
#system .systemlist dl,
.systemlist .comment,
.gallist li article .comment,
#ranking #wrap li article .comment,
#magazine .sec01 p,
#recruit #wrap article,
#reserve .caution,
#reserve form,
#enquete .caution,
#enquete form,
.hotel_add,.hotel_tel,
#wrap ul.revlist li .commentbox .day,
#wrap ul.revlist li .commentbox .comment,
#wrap ul.revlist li .commentbox .reviewer,
#reviewform form,
#wrap ul.revlist li .commentbox .star,
#topbox #profdata dl,
#free1 #wrap article,
#free2 #wrap article,
#free3 #wrap article,
#free4 #wrap article,
#free5 #wrap article,
#free6 #wrap article,
#free7 #wrap article,
#free8 #wrap article,
#free9 #wrap article,
#reviewlist div .review_comment{
	color: #f1e8c5;
}


.systemlist li h3,
#concept article h3,
#newface .catch,
#ranking #wrap li article .catch,
#access #wrap ul li .data h3,
#magazine #wrap article .sec01 h3,
#wrap article .sec01 h4,
#recruit #wrap article h3,
#link #wrap section .subtitle,
#hotellist #wrap article h3,
.hotel_name,
.hotellist a,
#wrap ul.revlist li .commentbox .star,
#prof .catch,
#free1 #wrap article h3,
#free2 #wrap article h3,
#free3 #wrap article h3,
#free4 #wrap article h3,
#free5 #wrap article h3,
#free6 #wrap article h3,
#free7 #wrap article h3,
#free8 #wrap article h3,
#free9 #wrap article h3{
	background: linear-gradient(0deg, #634f29 0%, #e9da86 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#link #wrap section .subtitle {
	border-color: #634f29;
}

#access #wrap ul li .data h3 span{
	color: #f1e8c5!important;
	background: linear-gradient(0deg, #ffffff 100%, #ffffff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#free1 #wrap article h4,
#free2 #wrap article h4,
#free3 #wrap article h4,
#free4 #wrap article h4,
#free5 #wrap article h4,
#free6 #wrap article h4,
#free7 #wrap article h4,
#free8 #wrap article h4,
#free9 #wrap article h4,
#concept article h4,
#newface .gallist a,
#newface .gallist .list_star,
#newface .gallist li article .body,
#ranking  #wrap ul li article h3 a,
#ranking #wrap li article,
#recruit #wrap article h4,
#wrap article .sec01 label,
.gal_s,.order_s,
.gal_s,.order_s a,
#topbox #profdata h3,
#topbox #profdata .body,
#schebox > ul li,
#prof .listbox ul li article h5,
.listbox ul li .body,
#prof #reviewlist div .star,
#prof #reviewlist div .reviewer{
	color: #fff;
}


#topbox #profdata .type li, #option_box li, .gallist li article .type li{
	border-color: #fff;
	color: #fff;
}

#schebox .reserve a, #magazine .sec01 .submit, .more_btn, .more_btn::after, .btn, .back_btn, .back_btn::after {
    color: #e9da86;
	border-color: #e9da86;
}

.block1 .subcont ul{
	background: rgba(255,255,255,0.4);
}	

#daynavi li a{
	color:#342024;	
}
#daynavi li a.current,
#daynavi li a:hover{
	background: linear-gradient(0deg, #634f29 0%, #e9da86 80%);
	color:#342024;
}


@media screen and (min-width: 981px) {
	.topiclist{
		background: rgba(255,255,255,0.4);
	}	
	.topiclist li .ph{
		margin: 0 2% 0 10px;
	}
}


dt span, dd span, .caution span {
    color: #d35730;
}

#ranking .topiclist{
	background: none;
}

/* #bottomNavi ul li.gototop a{
	color: #777!important;
} */

#footer .copyright a,
#footer .copyright,
#footer .copyright2{
	color: #ffff;
}
.block2 .subcont li article .reviewer,
#toppage .block2 .subcont li article .star,
.block2 .subcont li article .comment{
	color: #fff;
}


#cast li article .type li{
    border-color: #342024;
    color: #342024;
}

@media screen and (max-width: 768px){
	#schebox dt, #schebox dd{
		color: #fff;
	}
}


	#news #wrap ul li article h3{
		background: linear-gradient(0deg, #634f29 0%, #e9da86 80%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	
	#news .topiclist li article .day{
		color: #fff;
	}
	#news .topiclist li article p{
		color: #f1e8c5;
}


.slick-dots{
background: rgba(255, 255, 255, 0)!important;}



.block1 .subcont li article .day,
.block1 .subcont li article .comment{
	color: #fff;
}

#main_con .subcont ul:not(.slick-slider) li article h3{
	background: linear-gradient(0deg, #9b7e46 0%, #fff1a3 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#schebox .schedule_days,
#schebox .schedule_time,
#schebox .schedule_wait{
	color: #f1e8c5;
}

.schedule_lastWeek_btn, .schedule_nextWeek_btn {
    i, span {
        color: #f1e8c5;
    }
}

body:not([id]) #wrap article h3,
body:not([id]) #wrap article p,
body:not([id]) #wrap article a{
	color: #fff;
}



/* 
#todayssche li p.time:first-of-type,
#schedule #list li .timedata p.time:first-of-type,
#todayssche li > .time > p {
    color: #080c42 !important;
    background: linear-gradient(0deg, rgba(213, 178, 110, 1) 0%, rgba(255, 244, 222, 1) 100%) !important;
    display: block; 
}
#todayssche li p.time:last-of-type,
#schedule #list li .timedata p.time:last-of-type {
    color: #080c42 !important;
    background: linear-gradient(0deg, rgba(239, 198, 111, 1) 0%, rgba(255, 234, 190, 1) 12%, rgba(213, 178, 110, 1) 40%) !important;
}
#todayssche li > .time,
#schedule #list li .timedata > .time {
    color: #080c42 !important;
    background: linear-gradient(0deg, rgba(239, 198, 111, 1) 0%, rgba(255, 234, 190, 1) 12%, rgba(213, 178, 110, 1) 40%) !important;
}
 */





#todayssche li p.time:first-of-type,
#todayssche li div.time,
#schedule #list li .timedata p.time:first-of-type,
#schedule #list li div.time{
    color: #080c42 !important;
    background: linear-gradient(0deg, rgba(213, 178, 110, 1) 0%, rgba(255, 244, 222, 1) 100%) !important;
    display: block;	
}

#todayssche li p.time:last-of-type,
#schedule #list li .timedata p.time:last-of-type {
    color: #080c42 !important;
    background: linear-gradient(0deg, rgba(239, 198, 111, 1) 0%, rgba(255, 234, 190, 1) 12%, rgba(213, 178, 110, 1) 40%) !important;
}


#schedule #listv:checked~.gallist.listswich .list__item article {
    padding: 8px 0 0px 0 !important;
}


.topiclist{
	background: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 980px) {
    .topiclist li article {
       background: none;
    }
}


.block1 .subcont ul.slider4 li article .day,
.block1 .subcont li article .ajcomment{
	color: #342024!important;
}


/* TOPのINFORMATIONページの本文色を白に */
.block1 .subcont li article .day, .block1 .subcont li article .comment {
    color: #ffffe0;
}

/* INFORMATIONページの本文色を白に */
#news .topiclist {
    color: #ffffe0;
}