/*
Theme Name: BEAUTY Child
Template: beauty_tcd054
Author: Design Plus
Author URI: http://design-plus1.com/tcd-w/
Description: WordPressテーマ「BEAUTY」
Version: 1.2.2.1550805263
Updated: 2019-02-22 12:14:23

*/
/*固定背景の編集
--------------------------------*/
body::before {
content: ""!important;
background: url(https://vieas-esthe.com/wp-content/uploads/2020/08/bg02.jpg) no-repeat center center!important;
opacity: 0.3;
background-size: cover!important;
display: block!important;
position: fixed!important;
top: 0!important;
left: 0!important;
width: 100vw!important;
height: 100vh!important;
z-index: -1!important;
}

/*ここまで
--------------------------------*/


#js-footer-bar li {
}

.bncenter img{
	display:block;
	text-align:center!important;
    margin:0 auto;
}

.l-footer__address{
	font-size: 10px!important;
}
.current{
	background-color: #111!important;
	color: #fff!important;
}
.current a{
	background-color: #111!important;
	color: #fff!important;
}
.current a:before{
	background-color: #111!important;
	color: #fff!important;
}
.current a:after{
	background-color: #111!important;
	color: #fff!important;
}

.menu-item{
	font-size: 15px;
}

.side-bnr{
	margin-bottom: 5px;
}

.tbl-01 th{
	background-color:black;
	color:white;
}

.tachikawa{
margin: 0 auto;
display: block;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
border:solid 1px #343434;
color:#343434;
}
/* 新規「町田追加」 */
.machida{
margin: 0 auto;
display: block;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
border:solid 1px #343434;
color:#343434;
}


.tachikawa2{
margin: 0 auto;
display:block;
text-align:center;
padding: 2px 2px;
border:solid 1px #A21F24;
border-radius: 3px;
color:#A21F24;
}

.kyoto{
margin: 0 auto;
display: block;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
border:solid 1px #343434;
color:#343434;
}

.kyoto2{
margin: 0 auto;
display:block;
text-align:center;
padding: 2px 2px;
border:solid 1px #A21F24;
border-radius: 3px;
color:#A21F24;
}

.tachikawa{
margin: 0 auto;
display: block;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
border:solid 1px #343434;
color:#343434;
}

.tachikawa2{
margin: 0 auto;
display:block;
text-align:center;
padding: 2px 2px;
border:solid 1px #A21F24;
border-radius: 3px;
color:#A21F24;
}

/*------------ attmgr ----------------------------------------------
-----------------------------------------------------------------*/

.attmgr_weekly th {
	background-color: #111;
	color: #fff;
}
/*------------ schedule ----------------------------------------------
-----------------------------------------------------------------*/

.attmgr_guide_weekly{
	background: #fff;
}

.staff_block ul{
  list-style: none!important;
}

.staff_block li{
	margin:1px!important;
	padding:0!important;
	text-align:center!important;
    border: none!important;
	min-width:148px!important;
	min-height:200px!important;
  list-style: none!important;
}
.staff_block div{
	margin:0!important;
	padding:0!important;
	text-align:center!important;
}
.staff_block .thumb img {
	min-width:148px!important;
	min-height:200px!important;
}

.title-bg{
 background: #141414;
        margin-bottom: 20px;        
}
.title-bg h3{
       color: #fff;
       font-size:21px;
       padding: 10px;
}
.tbl-01 th {
 background:black;
 color:white;
}

ul {
  list-style: none;
}


/*------------ Price ----------------------------------------------
-----------------------------------------------------------------*/

table.menuprice {
  border-collapse: collapse!important;
  margin: 0 auto!important;
  margin-bottom:20px!important;
  padding: 0!important;
  width: 650px!important;
  border: 0!important;
}
table.menuprice tr {
  background-color: #fff!important;
  border: 0!important;
}
table.menuprice th,
table.menuprice td {
  padding: .35em 1em!important;
  border: 0!important;
}
table.menuprice tr:nth-child(even){
  background-color: #eee!important;
}
table.menuprice thead th {
  background-color: #ddaf2a!important;
    font-size: .85em!important;
    padding: 1em!important;
  border: 0!important;
}
table.menuprice thead tr{
  background-color: #ddaf2a!important;
  color:#fff!important;
  border: 0!important;
}
table.menuprice tbody th {
  background-color: #fff!important;
  text-align: left!important;
  font-size: .8em!important;
  border: 0!important;
}
.txt{
   text-align: left!important;
   font-size: .75em!important;
}
.price{
  text-align: right!important;
  color: #ddaf2a!important;
  font-weight: bold!important;
}
@media screen and (max-width: 600px) {
  table.menuprice {
    border: 0!important;
    width:100%!important;
  }
  table.menuprice td.menutop{
  font-weight: bold!important;
    font-size: 110%!important;
    background-color: #ddaf2a!important;
	  color:#fff!important;
    display: block!important;
    border-right: none!important;
  }
  table.menuprice thead {
    border: none!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
  }
  table.menuprice tr {
    display: block!important;
    margin-bottom: .625em!important;
    border: 1px solid #ddaf2a!important;
  }
  table.menuprice td {
    border-bottom: 1px dotted #bbb!important;
    display: block!important;
    font-size: .8em!important;
    font-size: 105%!important;
    text-align: right!important;
    position: relative!important;
    padding: 1.5em 1em 1.5em 4em!important;
    border-right: none!important;
  }
  
  table.menuprice td::before {
    content: attr(data-label)!important;
    font-weight: bold!important;
    position: absolute!important;
    left: 10px!important;
    color: #000!important;
  }
  table.menuprice td:last-child {
    border-bottom: 0!important;
  }
  table.menuprice tbody td {
    color: #ddaf2a!important;
    padding: 1em!important;
}
  table.menuprice tr:nth-child(even){
  background-color: #fff!important;
}
}


/**
 * スマホ用固定フッターバーの設定
 */
.c-footer-bar {
	background: #ffffff;
	border-top: 1px solid #ddd;
 	display: flex; 
	font-size: 10px; 
	text-align: center;
	width: 100%; 
	position: fixed; 
	right: 0; 
	bottom: 0; 
	z-index: 999; 
	margin-bottom: 0;
}

.c-footer-bar--type1 {
  opacity:0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.c-footer-bar--type1.is-active {
  opacity:1;
}

.c-footer-bar--type2 {
  -webkit-transform: translate3d(0,100%,0); 
	transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; 
	transition: transform 0.35s;
}
.c-footer-bar--type2.is-active {
  -webkit-transform: translate3d(0,0,0); 
	transform: translate3d(0,0,0);
}

.c-footer-bar__item { 
	flex: 1; 
	list-style: none;
}
.c-footer-bar__item + .c-footer-bar__item { 
	border-left: 1px solid #ddd; 
}

.c-footer-bar__item:only-child .c-footer-bar__icon { 
	display: block; 
	position: relative; 
}
.c-footer-bar-item:only-child .c-footer-bar__icon:before {
  position: absolute;
  right: 15px;
}

.c-footer-bar a { 
	display: block; 
	padding: 10px 0; 
}

.c-footer-bar__icon::before { 
	display: block; 
	font-family: "design_plus"; 
	font-size: 16px; 
	margin-bottom: 0.5em; 
}
.c-footer-bar__icon--file-text:before { 
	content: "\f15c"; 
}
.c-footer-bar__icon--share-alt:before { 
	content: "\f1e0"; 
}
.c-footer-bar__icon--phone:before { 
	content: "\f095"; 
}
.c-footer-bar__icon--envelope:before { 
	content: "\f0e0"; 
}
.c-footer-bar__icon--tag:before { 
	content: "\f02b"; 
}
.c-footer-bar__icon--pencil:before { 
	content: "\f040"; 
}

.c-footer-bar__modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.c-footer-bar__modal-content {
  margin: auto;
  position: fixed;
  bottom: 20%;
  left: 0;
  right: 0;
  width: 209px;
  z-index: 9999;
}

.c-footer-bar__modal-close:before {
  color: #fff;
	content: "\e91a";
	font-family: "design_plus";
  font-size: 32px;
  position: absolute;
  bottom: 20%;
  right: 0;
  text-align: center;
  width: 50px;
}

.c-footer-bar__share { text-align: center; }

.c-footer-bar__share-btn {
  float: left;
	list-style: none;
  vertical-align: center;
  width: 50px;
  height: 50px;
}
.c-footer-bar__share-btn--rounded-square { 
	border-radius: 2px;
	overflow: hidden;
}
.c-footer-bar__share-btn + .c-footer-bar__share-btn { 
	margin-left: 3px; 
}

.c-footer-bar__share-btn a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.c-footer-bar__share-btn a img { 
	width: 100%; 
	height: auto; 
}


.sns img{
	max-width:30px!important;
	max-height:30px!important;
	margin:10px 5px 5px 5px!important;
}
.notwitter {
	max-width:30px!important;
	max-height:30px!important;
	margin:10px 5px 5px 5px!important;
}
.noinsta {
	max-width:30px!important;
	max-height:30px!important;
	margin:10px 5px 5px 5px!important;
}