@charset "UTF-8";
/*----------------------------------------------------
	再設定
----------------------------------------------------*/
html {
	font-size: 16px;
}

body {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color: #908774;
	font-size: 12px;
}

a {
	color: #908774;
	text-decoration: none;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}
.lb-image {
	max-width: none;
}

/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
.serif {
	font-family: "Sterling SSm 3r", "Sterling SSm A", "Sterling SSm B","Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS Mincho", "MS PMing",serif;
}

.hide {
	display: none;
}

.show {
	display: inherit;
}

.pc {
	display: inline;
}

.pc_block {
	display: block;
}

.pc_inline-block {
	display: inline-block;
}

.sp {
	display: none;
}

.sp_block {
	display: none;
}

.sp_inline-block {
	display: none;
}

.clearfix,
.container {
	*zoom: 1;
}
.clearfix:before,
.container:before,
.clearfix:after,
.container:after {
	content: "";
	display: table;
}
.clearfix:after,
.container:after {
	clear: both;
}

/*----------------------------------------------------
	汎用クラス(BLOCK)
----------------------------------------------------*/
.container {
	width: 1170px;
	margin: 0 auto;
}

.loading {
	display: none;
	padding: 4% 0;
	text-align: center;
}

.center {
	text-align: center;
}

.read_more_end {
	padding: 4% 0;
}

.ttl02 {
	height: 70px;
	padding: 24px 0 0;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.19em;
    color: #000;
	/*background: url("../images/bg_ttl.png") center center no-repeat;*/
}

.ttl03 {
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.19em;
	border-top: 1px solid #5a553f;
	border-bottom: 1px solid #5a553f;
}

.ttl03.close span:after,.ttl04.close span:after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	margin-left: 20px;
	background: url("../images/ico_down.png") center center no-repeat; 
}
.ttl03.open span:after,.ttl04.open span:after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	margin-left: 20px;
	background: url("../images/ico_down.png") center center no-repeat; 
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.ttl04 {
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.19em;
	border-bottom: 1px solid #5a553f;
}

.btn01 {
	display: inline-block;
	width: 410px;
	height: 72px;
	padding: 24px 0 0;
	text-align: center;
	font-size: 19px;
	letter-spacing: 0.15em;
	background: url("../images/bg_btn.png") 0 0 no-repeat;
}

.boxStyles ul {
	margin-bottom: 60px;
}
.boxStyles ul li {
	float: left;
	position: relative;
	width: 184px;
	margin: 0 0 14px 28px;
}
.boxStyles ul li:nth-child(4n+1) {
	clear: both;
	margin-left: 0;
}
.boxStyles ul li a {
	display: block;
	padding: 10px 8px 18px;
	background: url("../images/style/bg_styles.png") center 0 no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.boxStyles ul li .new {
	position: absolute;
	right: 8px;
	top: 14px;
	display: inline-block;
	width: 62px;
	height: 19px;
	background: url("../images/style/icon_new.png") no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.boxStyles ul li .pic {
	padding: 150% 0 0 0;
	margin-bottom: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.boxStyles ul li .subject {
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}
.boxStyles ul li .job {
	display: block;
	text-align: center;
	line-height: 1.4;
}
.boxStyles ul li .name {
	display: block;
	text-align: center;
	line-height: 1.4;
}
.boxStyles ul li .name_en {
	display: block;
	margin-bottom: 12px;
	text-align: center;
	line-height: 1.4;
	font-size: 10px;
}
.boxStyles ul li .bt_pc {
	display: block;
	text-align: center;
}
.boxStyles ul li .bt_sp {
	display: none;
}

/*----------------------------------------------------
	共通レイアウト
----------------------------------------------------*/
#header{position:fixed;background-color:rgba(255,255,255,0.8);z-index:999;width:100%;padding:15px;}
#header h1 {
	display: inline-block;
float:left;
	font-size: 14px;margin-right:50px;margin-left: 25px;
}
#header #headerReservation {
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 1170px;
	margin: 0 auto;
	text-align: right;
	padding: 26px 0 0;
}
#header #headerReservation > div {
	position: relative;
	float: right;
	width: 150px;
}
#header #headerReservation ul {
	display: none;
	position: absolute;
	left: 4px;
	top: 51px;
	padding: 2px 0 0;
}
#header ul{display:flex;width:700px;float:left;}
#header ul li{width:15%;text-align:center;}
#header ul li a{color:#000;font-size:14px;font-weight:normal;line-height:30px;}
@media screen and (max-width:520px) { 
}
#main {
	padding: 0 0 0px;
}
#main #sideBlog {
	float: left;
	width: 300px;
}
#main #side {
	position: relative;
	float: left;
	width: 300px;
	padding: 0 0 0 0;
	/*padding: 548px 0 0 0;*/
}
#main #side .fixed {
	position: fixed;
	left: auto;
	top: 93px;
	margin: 0 auto;
}
#main #side .logo {
	margin-bottom: 3px;
	margin-left:45px;
}
#main #side .nav ul li {
	position: relative;
}
#main #side .nav ul li ul {
	display: none;
	position: absolute;
	left: 270px;
	top: 0;
	z-index: 9999;
	width: 200px;
}
#main #side .navMenu {
	padding: 50px 0 44px;
    display: none;
}
#main #side .navMenu ul li {
	margin-bottom: 14px;
}
#main #side .navMenu ul li:last-child {
	margin-bottom: 0;
}
#main #side .info {
	background: url("../images/bg_side_info.png") no-repeat;
	width: 268px;
	height: 242px;
}
#main #side .info a {
	display: block;
}
#main #side .info p {
	padding: 168px 0 6px 0;
	text-align: center;
	font-size: 10px;
}
#main #side .info div {
	text-align: center;
	font-size: 13px;
}
#main #content {
	float: right;
	width: 1000px;
	min-height: 548px;
    margin-top:70px;
    color: #000;
}
@media screen and (max-width:520px) {
#main #content {
    margin-top:0px;
}
}
#main .pankuzu {
	margin: 22px 0;
	color: #8F8573;
	font-size: 14px;
    display: none;
}
#main .pankuzu a {
	color: #8F8573;
}

#pagetop {
	padding: 12px 0;
}
#pagetop p {
	text-align: right;
	margin-right: -68px;
}

#footer {
	padding: 32px 0;
	/*background: url("../images/line.png") center 0 repeat-x;*/
    background-color:#000;
}
#footer #footerSitemap {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 34px;
    color:#fff;
	/*background: url("../images/line_v.png") right 0 no-repeat;*/
}
#footer #footerSitemap .box {
	display: table-cell;
	padding: 0 0 16px 44px;
	font-size: 14px;
	line-height: 1.6;
	/*background: url("../images/line_v.png") left 0 no-repeat;*/
}
@media screen and (max-width:520px) {
    #footer #footerSitemap{flex-wrap:wrap;display:flex;}
    #footer #footerSitemap .box{width:100%;padding: 0 0 50px 20px;}
}
#footer #footerSitemap .box h3 {
	margin-bottom: 16px;
}
#footer #footerSitemap a{color:#fff;}
#footer .logo {
	display: inline-block;
	margin-right: 50px;
}
#copyright{color:#fff;text-align:center;}
#footer .logo img {
	vertical-align: middle;
}
#footer .nav {
	display: inline-block;
}
#footer .nav img {
	vertical-align: middle;
}
#footer .nav ul {
	display: inline-block;
}
#footer .nav ul li {
	display: inline-block;
}
#footer .nav ul li a:after {
	padding: 0 20px;
	content: '/';
}
#footer .nav ul li:last-child a:after {
	content: '';
}
#footer .sns {
	float: right;
}
#footer .copyright {
	clear: both;
	padding: 8px 0 0;
}

/*----------------------------------------------------
	phone < 640px
----------------------------------------------------*/
@media (max-width: 640px) {
  .pc {
		display: none;
  }

  .pc_block {
		display: none;
  }

  .pc_inline-block {
		display: none;
  }

  .sp {
		display: inline;
  }

  .sp_block {
		display: block;
  }

  .sp_inline-block {
		display: inline-block;
  }

  /* 共通クラス */
  .container {
		width: 100%;
		margin: 0 auto;
  }

  .boxInner {
		*zoom: 1;
		position: relative;
		padding: 0 3.125%;
  }
  .boxInner:before,
  .boxInner:after {
		content: "";
		display: table;
  }
  .boxInner:after {
		clear: both;
  }

  #content {
		min-height: 0 !important;
  }


  .ttl02 {
		height: 35px;
		padding: 4% 0 8%;
		font-size: 20px;
		/*background: url("../images/sp_bg_ttl.png") center center no-repeat;*/
		background-size: cover;
  }

  .ttl03 {
  	padding: 6px 0;
  	font-size: 16px;
  }

  .ttl04 {
  	padding: 6px 0;
  	font-size: 16px;
  }

  .btn01 {
  	display: inline-block;
  	width: 90%;
  	height: auto;
  	padding: 4% 0 4%;
  	font-size: 16px;
  	background: url("../images/bg_btn.png") center center no-repeat;
  	-webkit-background-size: contain;
  	     -o-background-size: contain;
  	        background-size: contain;
  }


  #content .boxStyles ul {
		box-sizing: content-box;
  }
  #content .boxStyles ul li {
		float: left;
		position: relative;
		width: 45%;
		margin: 0 2.5% 7%;
  }
  #content .boxStyles ul li:nth-child(2n+1) {
		clear: both;
  }
  #content .boxStyles ul li a {
		display: block;
		padding: 10px 8px 18px;
		background: url("../images/style/bg_styles.png") center 0 no-repeat;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
  }
  #content .boxStyles ul li .new {
		position: absolute;
		right: 8px;
		top: 14px;
		display: inline-block;
		width: 62px;
		height: 19px;
		background: url("../images/style/icon_new.png") no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
  }
  #content .boxStyles ul li .pic {
		padding: 150% 0 0 0;
		margin-bottom: 18px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
  }
  #content .boxStyles ul li .subject {
		display: none;
  }
  #content .boxStyles ul li .job {
		display: none;
  }
  #content .boxStyles ul li .name {
		display: none;
  }
  #content .boxStyles ul li .name_en {
		display: none;
  }
  #content .boxStyles ul li .bt_pc {
		display: none;
  }
  #content .boxStyles ul li .bt_sp {
		display: block;
		text-align: center;
  }

  /* 共通レイアウト */
  #spHeader {
		position: relative;
  }
  #spHeader h1 {
		padding: 1.25% 0;
		text-align: center;
		color: #fff;
		font-size: 10px;
		font-family: "Sterling SSm 3r", "Sterling SSm A", "Sterling SSm B","Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS Mincho", "MS PMing",serif;
		background-color: #908774;
      display: none;
  }
  #spHeader .logo {
		padding: 6.25% 0;
		text-align: center;
  }
  #spHeader .logo img {
		width: 45%;
  }
  #spHeader #spMenu {
		position: absolute;
		right: 11.7%;
		top: 26%;
		width: 34px;
		height: 30px;
  }
  #spHeader #spNavClose {
		text-align: center;
  }
  #spHeader #spContact {
		padding: 0 3.75%;
		margin-bottom: 5%;
      display: none;
  }
  #spHeader #spContact dd {
		position: relative;
  }
  #spHeader #spContact ul {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9999;
		width: 100%;
		overflow: hidden;
		background: rgba(115, 99, 87, 0.7);
  }
  #spHeader #spContact ul li {
		overflow: hidden;
		border-bottom: 1px dotted #fff;
  }
  #spHeader #spContact ul li a {
		display: block;
		float: left;
		width: 50%;
		padding: 3.125% 0;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-family: "Sterling SSm 3r", "Sterling SSm A", "Sterling SSm B","Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS Mincho", "MS PMing",serif;
  }
  #spHeader #spContact ul li a:first-child {
		border-right: 1px solid #736357;
  }
  #spHeader #spContact ul li:last-child {
		border-bottom: none;
  }

  #main {
		padding: 0;
  }
  #main #content {
		float: none;
		width: 100%;
  }
  #main .pankuzu {
		font-size: 10px;
		padding: 0 3.125% 12px;
  }

  #spFooter {
		padding: 1.25% 0;
		margin-top: 5.9%;
		text-align: center;
		color: #fff;
		font-size: 10px;
		font-family: "Sterling SSm 3r", "Sterling SSm A", "Sterling SSm B","Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS Mincho", "MS PMing",serif;
		background-color: #908774;
  }
  .menus {
	font-weight:800;
	}
	
.menus li {
	margin-top:0.5em; margin-bottom:2.5em;
	font-size:12px;margin-right:15px;
	}
	
.menus2 p {
	font-size:12px;
}

.com {
	margin-top:2.0em;
	font-size:9px;
	font-weight:500;
	float:left;
	margin:25px 0 0 7px;
	
}
.com2 {
	margin-top:2.0em;
	font-size:9px;
	font-weight:500;
	float:left;
	margin:25px 0 0 7px;
	
}


.company {
	font-size:11px;
	margin:0 0 0 17px;
	display: block;
}

.company table tb {
	font-size:11px;
	
}

.company2 {
	margin:0 0 0 17px;
	margin-top:3.0em;
	font-size:11px;
	
}

.company2 table tb {
	font-size:11px;
	
}
}
#staff-recruit {width: 100%;text-align: center;background-image: url('https://web890.info/glanz/wp-content/uploads/2020/09/recruit_bg.jpg');height: 500px;background-repeat: no-repeat;background-size: 100%;margin-bottom: -180px;}
#staff-recruit-btn {top: 34%; position: relative;}
@media screen and (max-width:520px) { 
    #staff-recruit{height:360px;}
    #staff-recruit-btn {top: 23%;}
}
.sidr{background-color: #000!important;}
.contentsNav,.salonDetailNav,.salonNanatoku,.salonDetail .linkMore,.boxStyles,#content .readmore{display: none;}
.box ul{display:flex;justify-content:start;flex-wrap:wrap;}
.box ul li{width:20%;text-align: center;}
@media screen and (max-width:520px) { 
    .box ul li{width:50%;}
}