@charset "utf-8";

/* lazyload JSのフェードイン読み込みのCSS */ 
.lazyload, .lazyloading {
	opacity: 0;
}
 
.lazyloaded {
	opacity: 1;
	transition: opacity 900ms;
}
/* PC 文字のホバー色 */ 
.hovers {
	color:#777777;
}
.hovers a:hover {
	color:#C1922D;
}

.hovers01 {
	 color:#A1A1A1;
}
.hovers01 a:hover {
	color:#C1922D;
}

/* IE11用のbootstrap card CSSハック */
* {
   min-height: 0.01px;
}

/* LUXURY LOUNGE の各店舗毎の人数の表示 */ 

/* 動作ありのCSS */ 
a .box.wow.fadeInLeft .table_counter {
    text-align: center;
}

.box.wow.fadeInLeft .table_counter .ninzuu {
	padding-top: 20px;
	padding-bottom: 15px;
    text-align: center;
}

a .box.wow.fadeInRight .table_counter {
    text-align: center;
}

.box.wow.fadeInRight .table_counter .ninzuu {
	padding-top: 20px;
	padding-bottom: 15px;
    text-align: center;
}


/* 動作なしのCSS */ 
a .box.wow .table_counter {
    text-align: center;
}

.box.wow .table_counter .ninzuu {
	padding-top: 20px;
	padding-bottom: 15px;
    text-align: center;
}

a .box.wow .table_counter {
    text-align: center;
}

.box.wow .table_counter .ninzuu {
	padding-top: 20px;
	padding-bottom: 15px;
    text-align: center;
}

.ninzuu p .number {
    font-size: 320%;
}

/* 相席人数集計中 */ 
.ninzuu .number-c {
    font-size: 150%;
	text-align: center;
}

.ninzuu p .center {
    font-size: 100%;
}

.table_counter .descr_line {
	margin-left: 320px;
}


@media (max-width: 767px) {

/* 動作ありのCSS */ 
a .box.wow.fadeInLeft .table_counter {
    text-align: center;
}
.box.wow.fadeInLeft .table_counter .ninzuu {
	padding-top: 15px;
	padding-bottom: 15px;
    text-align: center;
}

a .box.wow.fadeInRight .table_counter {
    text-align: center;
}
.box.wow.fadeInRight .table_counter .ninzuu {
	padding-top: 15px;
	padding-bottom: 15px;
    text-align: center;
}


/* 動作なしのCSS */ 
a .box.wow .table_counter {
    text-align: center;
}
.box.wow .table_counter .ninzuu {
	padding-top: 15px;
	padding-bottom: 15px;
    text-align: center;
}

a .box.wow .table_counter {
    text-align: center;
}
.box.wow .table_counter .ninzuu {
	padding-top: 15px;
	padding-bottom: 15px;
    text-align: center;
}

.table_counter .descr_line {
	margin-left: 0px;
}
}


/* フッターのメニュー */ 
.copyright #foot_nav .social-links_footer {
	border-bottom: 1px solid #E7ECF1;
}

#foot_nav .social-links_footer .social-f-font {
	padding-bottom: 0px;	
}


#foot_nav .social-links_footer .social-f-font img{
	  padding-top:7px;
	  padding-bottom:7px;
	  width: 130px;
}

/* フッターのサービスブランドの説明文章 */ 
.f-font-tex {
	font-size: 80%;
	padding-top: 15px;
	display: block;
}

@media (max-width: 768px) {
#foot_nav .social-links_footer .social-f-font img{
	  padding-top:7px;
	  padding-bottom:7px;
	  width: 110px;
}
}

#foot_nav .social-links_footer li .twitter.hovers01 .fa.fa-twitter {
	 font-size: 25px;
	 padding-left:9px;
}

#foot_nav .social-links_footer li .facebook.hovers01 .fa.fa-facebook {
	 font-size: 25px;
}

#foot_nav .social-links_footer li .instagram.hovers01 .fa.fa-instagram {
	 font-size: 25px;
	 padding-right:9px;
}

.container .copyright #foot_nav {
}

.copyright #foot_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

#foot_nav ul li {
	display: inline-block;
    padding: 1px 7px;
}

#foot_nav ul .borders01 {
	border-left: 1px solid #D0D0D0;
}

.copyright-p {
	color:#A1A1A1;
}


/* 上部パンくずリスト */ 
.pankuzu{
	padding-top: 15px;
}


@media (max-width: 767px) {

/* スマホ用 上部パンくずリスト スペース */ 
.pankuzu{
	padding-top: 15px;

}
}


/* 下部パンくずリスト */ 
.pankuzu-02{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E7ECF1;
}


@media (max-width: 480px) {

/* スマホ用 下部パンくずリスト スペース */ 
.pankuzu-02{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E7ECF1;
	overflow-x: scroll;
}
.pankuzu-02 ol {
  list-style: none;
  display: table;
}
.pankuzu-02 ol li {
  display: table-cell;
  white-space: nowrap;
}
}

/*. 旧パンくずリスト
breadcrumb{
display:-webkit-box;
display:-ms-flexbox;
display:flex;-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:.0rem 0rem;
margin-bottom:2rem;
list-style:none;
background-color:transparent;
border-radius:.2rem;
font-size:90%;
}
*/ 

.breadcrumb{
display:-webkit-box;
display:-ms-flexbox;
display:flex;-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:.0rem 0rem;
margin-bottom:0rem;
list-style:none;
background-color:transparent;
border-radius:.2rem;
font-size:90%;
}

.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#FFFFFF;content:">"}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}
.breadcrumb-item.active{color:#6c757d}


/* フッタのスペースエリア */ 
.footer-space-area {
    padding-bottom: 50px;
}

/* サイトマップ */ 
.sitemap_main {
	margin:0px;
	padding:0px;
}

.sitemap_conte {
	list-style: none;
	padding-bottom: 5px;
}

.sitemap_conte .hovers .fa.fa-angle-right {
	padding-right: 5px;
}

.sitemap_conte .hovers .fa.fa-angle-double-right {
	padding-right: 5px;
	padding-left: 15px;
	color: #DADADA;
}


/* フッターのLUXURY LOUNGE サービスブランド一覧 */ 
#body .container.f-brand-list {
  margin-top: 60px;
  margin-bottom: 50px;
  display: block;
  width: 100%;
}

.list-de {
  border-bottom: 1px solid #E7ECF1;
  margin-bottom: 15px;
}

.container .row .col-lg-12.mx-aut.list-de {
  color:#808080;
  text-align: center;
  font-size:80%;
}

.container .row .col-lg-12.mx-aut.list-de .list-de-mini {
  color:#808080;
  text-align: center;
  font-size:65%;
}

.card .sp-hcolor .card-roop {
  width: 100%;
}

.card .card-roop {
  width: 100%;
}

.card .sp-hcolor .card-roop:hover {
  opacity:0.8;
}

.container.f-brand-list .row .col-lg-3.portfolio-item {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* coming soonの店舗を透明化 */
.container.f-brand-list .row .col-lg-3.portfolio-item.mx-auto.soon-s {
	opacity:0.6;
}

@media (max-width: 1020px) {

.container.f-brand-list .row .col-lg-3.portfolio-item {
	margin-bottom: 0px;
	width: 50%;
}
}


/* スマホ専用のフッターメニューエリア */ 
#body .container .ft-menu-area.d-lg-none {
	padding-top: 15px;
}

.container .ft-menu-area.d-lg-none .table.table-bordered.table-condensed {
	text-align:center;
	font-size: 85%;
}

.table.table-bordered.table-condensed thead .ft-title {
	background-color: #e0e0e0;
	font-weight: bold;
}

.table.table-bordered.table-condensed tr .ft-menu {
	font-weight: normal; 
}

.table.table-bordered.table-condensed tr .ft-menu a {
	display:block;width:100%;height:100%;
}


/* ブランドコンセプト 一覧 */ 
#body .f-brand-concept {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
}

@media (max-width: 1020px) {
.f-brand-concept .row .col-lg-3.portfolio-item {
	margin-bottom: 0px;
	width: 50%;
}
}

/* PCヘッダーナビゲーションの最新のお知らせ */ 
.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 0;
	visibility: hidden;
	width: 215px;
	word-wrap: break-word;
	padding: 0.9em 0.8em;
	transition: opacity 1s;
	text-align: left;
	opacity: 0;
	color: #444444;
	border-radius: 6px;
	background-color: #F2F5F8;
}
.cp_tooltip .cp_tooltiptext::after {
	position: absolute;
	bottom: 100%;
	left: 30%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-bottom-color: #F2F5F8;

}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}
.cp_tooltip .cp_tooltiptext .menu-times {
	font-size:85%;
	color:#C1922D;
	margin-bottom: -15px;
    display: block;
	text-align: left;
}


/* 電話でのお問い合わせ促進エリア */ 
#body .container.calls-area {
  margin-top: 20px;
  margin-bottom: 30px;
  display: block;
  width: 100%;
}

.list-de-calls {
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding-top: 30px;
  padding-bottom: 10px;
}

.container .row .col-lg-12.mx-aut.list-de-calls {
  text-align: center;
}

.container .row .col-lg-12.mx-aut.list-de-calls .list-de-mini-c1 {
  color:#181818;
  text-align: center;
  font-size:200%;
  font-weight:bold;
}
.container .row .col-lg-12.mx-aut.list-de-calls .list-de-mini-c1 a{
  color:#181818;
}
.container .row .col-lg-12.mx-aut.list-de-calls .list-de-mini-c2 {
  color:#181818;
  text-align: center;
  font-size:65%;
}
.container .row .col-lg-12.mx-aut.list-de-calls .list-de-mini-c3 {
  color:#181818;
  text-align: center;
  font-size:85%;
}


/* フッター用の誘導バナー 
※2020年6月16日時点では求人のバナーの設定済み */ 

 .footer-bnr {
	text-align: center;
  } 
  
 .footer-bnr img {
     width: 640px;
     height: auto;
    margin-top: 35px; 
  } 


@media (max-width: 767px) {
　.footer-bnr {
    overflow: hidden;
	text-align: center;
  } 
  .footer-bnr img {
    width: 100%;
	height: auto;
	display: inline-block;
    margin-top: 25px;
  } 
}


/* 来店予約ページの誘導バナー 
※2020年7月14日時点では相席ラウンジからの申込み時にVIPへ誘導 */ 

 .reservation-vip-bnr {
	text-align: center;
  } 
  
 .reservation-vip-bnr img {
     width: 640px;
     height: auto;
    margin-top: -15px; 
    margin-bottom: 45px;
  } 


@media (max-width: 767px) {
 .reservation-vip-bnr {
    overflow: hidden;
	text-align: center;
  } 

 .reservation-vip-bnr img {
    max-width: 100%;
    height: auto;
	display: inline-block;
    margin-top: 0px; 
    margin-bottom: 45px;
  } 
}


/* 2024年9月16日～ PCボタンの中央寄せ */
/* PCのみ適用 */
@media only screen and (min-width: 768px) {
.dtn-roop{
    text-align: center; /* ボタンを中央寄せにする */
	}
    }