@charset "UTF-8";
/* CSS Document */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: #fff;
}
header, footer, main, nav, section, article, figure, figcaption {
	display: block;
}
html, body, header, footer, main, nav, section, article, figure, figcaption,
div, p, ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
body {
	line-height: 1;
	color: #231815;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
}

.btn-link-next button,
.btn-link-prev button,
.btn-link-basic button{
  font-family: "Shippori Mincho", serif;
}

/*Garamond semibold*/


.link-txt,
.circle-arrow strong{
	font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
/*noto semibold*/
.index-pager .wp-pagenavi > *{
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-style: normal;	
}
.sec-header p{
	font-weight: 600;
}

/*Shippori Mincho*/
/*Regular 400*/
/*Medium 500*/
/*SemiBold 600*/

a{
	color: #231815;
	text-decoration: none;
}
li{
	list-style-type: none;
}
i,em{
	font-style: normal;
}
strong{
	font-weight: normal;
}
img {
	vertical-align: bottom;
	border: none;
}
video {
	vertical-align: bottom;
}
.no-scroll{
	overflow: hidden;
}
a{
  color: #000;
  text-decoration: none;
}
body{
  font-size: 16px;
}
img{
  max-width: 100%;
  vertical-align: top;
}
*,
::before,
::after{
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

::selection {
	color: #fff;
	background: #000;
	opacity: 1;
}

.loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}
.is-loaded .loading{
	opacity: 0;
	visibility: hidden;
	transition: opacity 800ms ease, visibility 800ms ease;
}


body{
	overflow: hidden;
}
body.is-loaded{
	overflow: auto;
}

/*main,.gheader,.kv-movie-wrap{
	opacity: 0;
}
.is-loaded main, .is-loaded .gheader, .is-loaded .kv-movie-wrap{
	opacity: 1;
	transition: opacity 800ms ease;
}*/

.loading-logo{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/common/logo_br.svg) 0 0 no-repeat;
	background-size: 100% 100%;
	opacity: 0;
}
.is-loaded-logo .loading-logo{
	opacity: 1;
	transition: opacity 800ms ease;
}
.motion-fd{
	opacity: 0;
}
.motion-fd.on{
	opacity: 1;
	transition: opacity 800ms ease;
}
.movie-player{
	position: relative;
}
.movie-player-figure img{
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 800ms ease,visibility 800ms ease;
}
.movie-player-figure.is-play img{
	opacity: 0;
	visibility: hidden;
}



.kv{
	position: relative;
	z-index: 10;
}
section{
	position: relative;
	z-index: 20;
}

@media screen and (min-width: 768px) {

	body {
		font-size: 16px;
		width: 100%;
		letter-spacing: 0.04em;
	}
	.ignore-pc{
		display: none;
	}
	.wrap{
		position: relative;
		background: url(../img/common/bg_tex3.jpg) 50% 50% repeat;
		background-size: 100% auto;
	}

	/* fixed-links
	==========================================================*/

	.fixed-links{
		position: fixed;
		top: 50%;
		width: 50px;
		right: 0;
		transform: translateY(-50%);
		z-index: 300;
	}
	.fixed-links a{
		display: block;
		padding: 20px 0;
		width: 50px;
		text-align: center;
		background: #231815;
		color: #fff;
		font-weight: 600;
		transition: all 600ms ease;
	}
	.fixed-links span{
    writing-mode: vertical-rl;
	}
	.fixed-links li + li{
		margin-top: 10px;
	}
	.fixed-links a:hover{
		color: #231815;
		background: #fff;
	}


	/* loading
	==========================================================*/

	.loading{
		background: url(../img/common/bg_loading.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.loading-logo{
		width: 350px;
		height: 60px;
	}

	/* salons
	==========================================================*/

	.salons-contents{
		padding: 70px 0;
		background: #4f9fa6;
	}
	.salons-contents .sec-header h2{
		margin: auto;
		width: 200px;
	}
	.salons-contents .sec-header{
		position: relative;
		text-align: center;
		z-index: 100;
	}
	.salons-list{
		margin: 30px 0 0;
		padding: 0 100px;
		position: relative;
	}
	.salons-list-slide{
		margin: auto;
		max-width: 1020px;
		overflow: hidden;
	}
	.salons-list-item{
		display: flex;
		height: auto;
	}
	.salons-list-item a{
		display: flex;
		color: #fff;
		flex-direction: column;
	}
	.salons-list-item h3{
		font-size: 40px;
	}
	.salons-list-item .salons-txt{
		margin: 25px 0 0;
		line-height: calc(22/14);
		font-size: 14px;
		flex-grow: 1;
	}
	.salons-icon-map{
		position: relative;
		margin: 15px 0 0;
		display: inline-block;
	}
	.salons-icon-map span{
		position: relative;
		display: inline-block;
		padding: 0 18px 8px 0;
		font-size: 15px;
	}
	.salons-icon-map span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		display: block;
		width: 10px;
		height: 18px;
		background: url(../img/common/icon_map_wh.svg) 0 0 no-repeat;
		background-size: 100%;
	}
	.salons-icon-map span:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 1px;
		background: #fff;
		transition: width 800ms ease;
	}
	.salons-list-item a:hover .salons-icon-map span:after{
		width: 100%;
	}


	/* circle-play
	==========================================================*/

	@keyframes circle{
		0%{transform: rotate(0)}
		100%{transform: rotate(360deg)}
	}
	.circle-play{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100px;
		height: 100px;
		z-index: 50;
	}
	.circle-play.is-play{
		display: none;
	}

	.circle-play a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.circle-parts{
		position: relative;
		width: 100px;
		height: 100px;		
	}
	.circle-play a .circle-base{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(255,255,255,0.5);
		background: rgba(0,0,0,0.4);
		border-radius: 50px;
		transition: background 600ms ease;
	}

	.circle-play a .circle-line{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #fff;
		border-radius: 50px;
		clip-path: inset(0 0 50px 50px);
		animation: circle 6000ms linear infinite;
	}
	.circle-play .circle-parts:hover .circle-line{
		animation: circle 2000ms linear infinite;
	}
	.circle-play .circle-parts:hover .circle-base{
		background: rgba(255,255,255,0.4);
	}

	
	.circle-arrow{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		width: 100%;
		color: #fff;
	}
	.circle-arrow:after{
		content: "";
		margin: auto;
		display: block;
		width: 12px;
		height: 10px;
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.circle-arrow strong{
		position: absolute;
		top: 20px;
		display: block;
		text-align: center;
		width: 100%;
		font-size: 14px;
	}


	/* sec-header
	==========================================================*/

	.sec-header-br p{
		margin: 20px 0 0;
		color: #231815;
		line-height: 2;
	}
	.sec-header-wh p{
		margin: 20px 0 0;
		color: #fff;
		line-height: 2;
	}
	.sec-header p strong{
		font-size: 20px;
	}

	/* download
	==========================================================*/

	.download{
		padding: 80px 20px 0;
	}
	.btn-dl{
		margin: auto;
		max-width: 990px;
		height: 200px;
	}
	.btn-dl a{
		position:relative;
		display: flex;
		padding: 0 65px;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: flex-start;
		border: 1px solid rgba(35,24,21,0.5);
		transition: background 600ms ease;
	}
	.btn-dl a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 65px;
		bottom: 0;
		display: block;
		width: 12px;
		height: 10px;
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		transition: transform 800ms ease;
	}
	.btn-dl a:hover:after{
		transform: translateX(10px);
		background: url(../img/common/arrow_r_cy.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-dl-title{
		display: flex;
		align-items: center;
	}
	.btn-dl-title em{
		display: inline-block;
		margin: 0 0 0 30px;
		font-size: 18px;
		font-weight: 600;
		transition: color 600ms ease;
	}
	.btn-dl-title span{
		position: relative;
		text-indent: -9999px;
	}
	.btn-dl-title span{
		position: relative;
		display: inline-block;
		width: 300px;
		height: 50px;
		text-indent: -9999px;
	}
	.btn-dl-title span:before,
	.btn-dl-title span:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
	}
	.btn-dl-title span:before{
		background: url(../img/title/download.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.btn-dl-title span:after{
		opacity: 0;
		background: url(../img/title/download_on.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.btn-dl a:hover{
		background: #fff;
	}
	.btn-dl a:hover span:before{
		opacity: 0;
	}	
	.btn-dl a:hover span:after{
		opacity: 1;
	}
	.btn-dl a:hover .btn-dl-title em{
		color: #4f9fa6;
	}

	/* line-link
	==========================================================*/

	a.link{
		position: relative;
	}

	.link-line{
		position: relative;
	}
	.link-line span{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		overflow: hidden;
	}
	.link-line span:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		transform: translateX(-100%);
		transition: transform 600ms ease;
	}
	.link-line span:before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 20px;
		height: 1px;
		transform: translateX(0);
		transition: transform 600ms ease;
	}
	a:hover .link-line span:after{
		transform: translateX(0);
	}
	a:hover .link-line span:before{
		transform: translateX(100%);
	}
	.link-line.link-line-back span:after{
		right: 0;
		left: inherit;
		transform: translateX(100%);
	}
	.link-line.link-line-back span:before{
		right: inherit;
		left: 0;
	}
	a:hover .link-line.link-line-back span:before{
		transform: translateX(-100%);
	}


	.link-line-wh span{
		background: rgba(255,255,255,0.3);
	}
	.link-line-wh span:after{
		background: #ffffff;
	}
	.link-line-wh span:before{
		background: #ffffff;
	}
	.link-line-br span{
		background: rgba(0,0,0,0.3);
	}
	.link-line-br span:after{
		background: #2d2320;
	}
	.link-line-br span:before{
		background: #2d2320;
	}


	.link-txt{
		margin: 0 15px;
		padding: 0 0 15px;
		font-size: 15px;
	}
	.link-txt span{
		position: relative;
		display: block;
		width: 100%;
	}
	.link-txt span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 12px;
		transition: transform 800ms ease;
	}



	a:hover .link-txt span:after{
		transform: translateX(10px);
	}
	.btn-link-wh .link-txt{
		color: #fff;
	}
	.btn-link-wh .link-txt span:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.btn-link-br .link-txt{
		color: #2d2320;
	}
	.btn-link-br .link-txt span:after{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.btn-link-more-br .link-txt{
		color: #2d2320;
	}
	.btn-link-more-br .link-txt span:after{
		width: 10px;
		height: 12px;
		background: url(../img/common/arrow_d_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-more-br a:hover .link-txt span:after{
		transform: translate(0,10px);
	}

	.btn-link{
		margin: auto;
		max-width: 200px;
	}
	.sec-header + .btn-link{
		margin-top: 40px;
	}


	/*back*/
	.btn-link-back .link-txt span{
		text-align: right;
	}
	.btn-link-back .link-txt span:after{
		right: inherit;
		left: 0;
	}
	a:hover .link-txt.link-txt-back span:after{
		transform: translateX(-10px);
	}

	.btn-link-back.btn-link-wh .link-txt span:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-back.btn-link-br .link-txt span:after{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-popup-close{
		position: absolute;
		top: 40px;
		right: 40px;
		width: 100px;
	}
	

	/* button
	==========================================================*/

	.button-prev,
	.button-next{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		transition: background 600ms ease;
		z-index: 50;
		text-indent: -9999px;
	}
	.button-prev{
		left: 60px;
	}
	.button-next{
		right: 60px;
	}
	.button-prev:after,
	.button-next:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 12px;
		height: 10px;
	}
	.button-prev-br,
	.button-next-br{
		border: 1px solid #231815;
	}
	.button-prev-br:hover,
	.button-next-br:hover{
		background: rgba(255,255,255,0.5);
	}
	.button-prev-br:after{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.button-next-br:after{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.button-prev-wh,
	.button-next-wh{
		border: 1px solid #fff;
	}
	.button-prev-wh:hover,
	.button-next-wh:hover{
		background: rgba(0,0,0,0.2);
	}
	.button-prev-wh:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.button-next-wh:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	/* btn-link-basic
	==========================================================*/
	.btn-link-basic{
		margin: auto;
		max-width: 500px;
		height: 80px;
	}
	.btn-link-basic a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		font-size: 18px;
		transition: border 600ms ease ,color 600ms ease;
	}
	.btn-link-basic a span{
		position: relative;
		z-index: 20;
	}
	.btn-link-basic a em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 40px;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-basic a em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-basic a em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		opacity: 0;
	}
	.btn-link-basic a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}
	.btn-link-basic a:hover{
		color: #fff;
		border: 1px solid rgba(35,24,21,1);
	}
	.btn-link-basic a:hover:before{
		opacity: 1;
	}
	.btn-link-basic a:hover em{
		transform: translateX(10px);
	}
	.btn-link-basic a:hover em:before{
		opacity: 0;
	}
	.btn-link-basic a:hover em:after{
		opacity: 1;
	}


	/* btn-link-basic *button
	==========================================================*/
	.btn-link-basic{
		margin: auto;
		max-width: 500px;
		height: 80px;
	}
	.btn-link-basic button{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		font-size: 18px;
		transition: border 600ms ease ,color 600ms ease;
		background: none;
	}
	.btn-link-basic button span{
		position: relative;
		z-index: 20;
	}
	.btn-link-basic button em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 40px;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-basic button em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-basic button em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		opacity: 0;
	}
	.btn-link-basic button:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}
	.btn-link-basic button:hover{
		color: #fff;
		border: 1px solid rgba(35,24,21,1);
	}
	.btn-link-basic button:hover:before{
		opacity: 1;
	}
	.btn-link-basic button:hover em{
		transform: translateX(10px);
	}
	.btn-link-basic button:hover em:before{
		opacity: 0;
	}
	.btn-link-basic button:hover em:after{
		opacity: 1;
	}



	/* btn-link-prev,btn-link-next
	==========================================================*/

	.btn-list{
		display: flex;
		margin: 65px auto 0;
		padding: 0 20px;
		max-width: 660px;
		justify-content: space-between;
	}
	.btn-list > div{
		width: calc(50% - 10px);
	}
	.btn-link-next,
	.btn-link-prev{
		max-width: 500px;
		height: 80px;
	}
	.btn-link-next a,
	.btn-link-prev a{
		position: relative;
		display: flex;
		padding: 0 40px;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		font-size: 18px;
		transition: border 600ms ease ,color 600ms ease;
	}
	.btn-link-next a span,
	.btn-link-prev a span{
		position: relative;
		z-index: 20;
	}
	.btn-link-next a em,
	.btn-link-prev a em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-next a em:before,
	.btn-link-prev a em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
	}
	.btn-link-next a em:after,
	.btn-link-prev a em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		opacity: 0;
	}
	.btn-link-next a:before,
	.btn-link-prev a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}
	.btn-link-next a:hover,
	.btn-link-prev a:hover{
		color: #fff;
		border: 1px solid rgba(35,24,21,1);
	}
	.btn-link-next a:hover:before,
	.btn-link-prev a:hover:before{
		opacity: 1;
	}
	.btn-link-next a:hover em:before,
	.btn-link-prev a:hover em:before{
		opacity: 0;
	}
	.btn-link-next a:hover em:after,
	.btn-link-prev a:hover em:after{
		opacity: 1;
	}

	.btn-link-next a{
		justify-content: flex-start;
	}
	.btn-link-next a em{
		right: 35px;
	}
	.btn-link-next a:hover em{
		transform: translateX(10px);
	}
	.btn-link-next a em:before{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-next a em:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-link-prev a{
		justify-content: flex-end;
	}
	.btn-link-prev a em{
		left: 35px;
	}
	.btn-link-prev a:hover em{
		transform: translateX(-10px);
	}
	.btn-link-prev a em:before{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-prev a em:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}




	/* btn-link-prev,btn-link-next *button
	==========================================================*/

	.btn-list{
		display: flex;
		margin: 65px auto 0;
		padding: 0 20px;
		max-width: 660px;
		justify-content: space-between;
	}
	.btn-list > div{
		width: calc(50% - 10px);
	}
	.btn-link-next,
	.btn-link-prev{
		max-width: 500px;
		height: 80px;
	}
	.btn-link-next button,
	.btn-link-prev button{
		position: relative;
		display: flex;
		padding: 0 40px;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		font-size: 18px;
		transition: border 600ms ease ,color 600ms ease;
		background: no-repeat;
	}
	.btn-link-next button span,
	.btn-link-prev button span{
		position: relative;
		z-index: 20;
	}
	.btn-link-next button em,
	.btn-link-prev button em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-next button em:before,
	.btn-link-prev button em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
	}
	.btn-link-next button em:after,
	.btn-link-prev button em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		opacity: 0;
	}
	.btn-link-next button:before,
	.btn-link-prev button:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}
	.btn-link-next button:hover,
	.btn-link-prev button:hover{
		color: #fff;
		border: 1px solid rgba(35,24,21,1);
	}
	.btn-link-next button:hover:before,
	.btn-link-prev button:hover:before{
		opacity: 1;
	}
	.btn-link-next button:hover em:before,
	.btn-link-prev button:hover em:before{
		opacity: 0;
	}
	.btn-link-next button:hover em:after,
	.btn-link-prev button:hover em:after{
		opacity: 1;
	}

	.btn-link-next button{
		justify-content: flex-start;
	}
	.btn-link-next button em{
		right: 35px;
	}
	.btn-link-next button:hover em{
		transform: translateX(10px);
	}
	.btn-link-next button em:before{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-next button em:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-link-prev button{
		justify-content: flex-end;
	}
	.btn-link-prev button em{
		left: 35px;
	}
	.btn-link-prev button:hover em{
		transform: translateX(-10px);
	}
	.btn-link-prev button em:before{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-prev button em:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}




	/* pager
	==========================================================*/

	.index-pager{
		margin: 70px 0 0;
		display: flex;
		justify-content: center;
	}
	.index-pager .wp-pagenavi > *{
		position: relative;
		display: inline-block;
		padding: 0 6px 6px;
		margin: 0 5px;
		font-size: 16px;
	}
	.index-pager .wp-pagenavi > a{
		color: #a7918a;
	}
	.index-pager .wp-pagenavi > span{
		position: relative;
		color: #231815;
	}
	.index-pager .wp-pagenavi > span:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		display: block; 
		width: 100%;
		height: 1px;
		background: #231815;
	}



	/* nav-breadcrumb
	==========================================================*/
	
	.nav-breadcrumb{
		padding: 0 20px;
		margin: 100px auto 0;
		max-width: 1160px;
	}
	.nav-breadcrumb ul li{
		display: inline;
		line-height: 1.5;
	}
	.nav-breadcrumb ul li a{
		color: #a7918a;
		transition: color 600ms ease;
	}
	.nav-breadcrumb ul li span{
		transition: color 600ms ease;
	}
	.nav-breadcrumb ul li.on a,
	.nav-breadcrumb ul li.on span{
		color: #000000;
	}
	.nav-breadcrumb ul li.off a,
	.nav-breadcrumb ul li.off span{
		color: #a7918a;
	}
	.nav-breadcrumb ul li + li:before{
		content: "";
		margin: 0 10px;
		display: inline-block;
		width: 10px;
		height: 1px;
		background: #a7918a;
	}






}



@media screen and (max-width: 767px) {

	body {
		width: 100%;
		font-size: 14px;
		letter-spacing: 0.04em;
	}
	.ignore-sp{
		display: none;
	}
	.wrap{
		background: url(../img/common/bg_tex3_sp.jpg) 50% 50% repeat;
		background-size: 100% auto;
	}
	

	/* loading
	==========================================================*/

	.loading{
		background: url(../img/common/bg_loading_sp.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.loading-logo{
		width: 250px;
		height: 43px;
	}

	/* fixed-links
	==========================================================*/

	.fixed-links{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		right: 0;
		z-index: 300;
		display: none;
	}
	.fixed-links a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 5px;
		width: 150px;
		height: 50px;
		text-align: center;
		background: #231815;
		color: #fff;
		font-weight: 600;
	}

	.fixed-links ul{
		position: relative;
		display: flex;
		justify-content: center;
	}
	.fixed-links ul:after {
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 1px;
		height: 30px;
		background: rgba(255,255,255,0.5);
	}


	/* loading
	==========================================================*/

	.loading{
		background: url(../img/common/bg_loading.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.loading-logo{
		width: 350px;
		height: 60px;
	}

	/* salons
	==========================================================*/

	.salons-contents{
		padding: 60px 0;
		background: #4f9fa6;
	}
	.salons-contents .sec-header h2{
		margin: auto;
		width: 126px;
	}
	.salons-contents .sec-header{
		position: relative;
		text-align: center;
		z-index: 100;
	}
	.salons-list{
		margin: 40px 0 0;
		position: relative;
		overflow: hidden;
	}
	.salons-list-slide{
		padding: 0 100px;
	}
	.salons-list-item{
		display: flex;
		justify-content: center;
		opacity: 0.3;
	}
	.salons-list-item.swiper-slide-active{
		opacity: 1;
	}

	.salons-list-item a{
		display: block;
		color: #fff;
	}
	.salons-list-item h3{
		font-size: 30px;
	}
	.salons-list-item .salons-txt{
		margin: 15px 0 0;
		line-height: calc(22/14);
		font-size: 14px;
	}
	.salons-icon-map{
		position: relative;
		margin: 30px 0 0;
		padding: 0 0 4px;
		display: inline-block;
	}
	.salons-icon-map span{
		position: relative;
		padding: 0 18px 0 0;
		font-size: 15px;
	}
	.salons-icon-map span:before{
		content: "";
		position: absolute;
		margin: auto;
		bottom: 0;
		right: 0;
		display: block;
		width: 10px;
		height: 18px;
		background: url(../img/common/icon_map_wh.svg) 0 0 no-repeat;
		background-size: 100%;
	}
	.salons-icon-map:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 1px;
		background: #fff;
		transition: width 800ms ease;
	}



	/* circle-play
	==========================================================*/

	@keyframes circle{
		0%{transform: rotate(0)}
		100%{transform: rotate(360deg)}
	}
	.circle-play{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 80px;
		height: 80px;
		z-index: 50;
	}
	.circle-play.is-play{
		display: none;
	}

	.circle-play a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.circle-parts{
		position: relative;
		width: 80px;
		height: 80px;		
	}
	.circle-play a .circle-base{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(255,255,255,0.5);
		background: rgba(0,0,0,0.4);
		border-radius: 40px;
	}
	.circle-play a .circle-line{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #fff;
		border-radius: 40px;
		clip-path: inset(0 0 40px 40px);
		animation: circle 6000ms linear infinite;
	}
	.circle-arrow{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		width: 100%;
		color: #fff;
	}
	.circle-arrow:after{
		content: "";
		margin: auto;
		display: block;
		width: 12px;
		height: 10px;
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.circle-arrow strong{
		position: absolute;
		top: 15px;
		display: block;
		text-align: center;
		width: 100%;
		font-size: 12px;
	}


	/* sec-header
	==========================================================*/

	.sec-header-br p{
		margin: 10px 0 0;
		color: #231815;
		line-height: 2;
	}
	.sec-header-wh p{
		margin: 10px 0 0;
		color: #fff;
		line-height: 2;
	}
	.sec-header p strong{
		font-size: 16px;
	}

	/* download
	==========================================================*/

	.download{
		padding: 45px 30px 0;
	}
	.btn-dl{
		margin: auto;
		max-width: 990px;
		height: 120px;
	}
	.btn-dl a{
		position:relative;
		display: flex;
		padding: 0 18px;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: flex-start;
		border: 1px solid rgba(35,24,21,0.5);
		transition: background 600ms ease;
	}
	.btn-dl a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 23px;
		bottom: 0;
		display: block;
		width: 12px;
		height: 10px;
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		transition: transform 800ms ease;
	}
	.btn-dl-title em{
		display: block;
		margin: 12px 0 0 5px;
		font-weight: 600;
	}
	.btn-dl-title span{
		position: relative;
		display: inline-block;
		text-indent: -9999px;
		width: 146px;
		height: 25px;
	}
	.btn-dl-title span:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	.btn-dl-title span:before{
		background: url(../img/title/download.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}


	/* line-link
	==========================================================*/

	a.link{
		position: relative;
	}

	.link-line{
		position: relative;
	}
	.link-line span{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		overflow: hidden;
	}
	.link-line span:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		transform: translateX(-100%);
	}
	.link-line span:before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 20px;
		height: 1px;
		transform: translateX(0);
		transition: transform 600ms ease;
	}
	.link-line.link-line-back span:before{
		right: inherit;
		left: 0;
	}
	
	.link-line-wh span{
		background: rgba(255,255,255,0.3);
	}
	.link-line-wh span:after{
		background: #ffffff;
	}
	.link-line-wh span:before{
		background: #ffffff;
	}
	.link-line-br span{
		background: rgba(0,0,0,0.3);
	}
	.link-line-br span:after{
		background: #2d2320;
	}
	.link-line-br span:before{
		background: #2d2320;
	}


	.link-txt{
		margin: 0 8px;
		padding: 0 0 15px;
		font-size: 15px;
	}
	.link-txt span{
		position: relative;
		display: block;
		width: 100%;
	}
	.link-txt span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 12px;
		transition: transform 800ms ease;
	}


	.btn-link-wh .link-txt{
		color: #fff;
	}
	.btn-link-wh .link-txt span:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.btn-link-br .link-txt{
		color: #2d2320;
	}
	.btn-link-br .link-txt span:after{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-more-br .link-txt{
		color: #2d2320;
	}
	.btn-link-more-br .link-txt span:after{
		width: 10px;
		height: 12px;
		background: url(../img/common/arrow_d_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	
	.btn-link{
		margin: auto;
		max-width: 200px;
	}
	.sec-header + .btn-link{
		margin-top: 40px;
	}


	/*back*/
	.btn-link-back .link-txt span{
		text-align: right;
	}
	.btn-link-back .link-txt span:after{
		right: inherit;
		left: 0;
	}

	.btn-link-back.btn-link-wh .link-txt span:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-back.btn-link-br .link-txt span:after{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	
	.btn-popup-close{
		position: absolute;
		top: 20px;
		right: 20px;
		width: 80px;
	}


	/* button
	==========================================================*/

	.button-prev,
	.button-next{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 44px;
		height: 44px;
		border-radius: 30px;
		transition: background 600ms ease;
		z-index: 50;
		text-indent: -9999px;
	}
	.button-prev{
		left: 10px;
	}
	.button-next{
		right: 10px;
	}
	.button-prev:after,
	.button-next:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 12px;
		height: 10px;
	}
	.button-prev-br,
	.button-next-br{
		border: 1px solid #231815;
	}
	.button-prev-br:after{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.button-next-br:after{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}

	.button-prev-wh,
	.button-next-wh{
		border: 1px solid #fff;
	} 
	.button-prev-wh:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.button-next-wh:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	/* btn-link-basic
	==========================================================*/
	.btn-link-basic{
		margin: auto;
		height: 60px;
	}
	.btn-link-basic a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		color: #231815;
	}
	.btn-link-basic a span{
		position: relative;
		z-index: 20;
	}
	.btn-link-basic a em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-basic a em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-basic a em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		opacity: 0;
	}
	.btn-link-basic a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}


	/* btn-link-basic *button
	==========================================================*/
	.btn-link-basic{
		margin: auto;
		height: 60px;
	}
	.btn-link-basic button{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		background: none;
		font-size: 14px;
		color: #231815;
	}
	.btn-link-basic button span{
		position: relative;
		z-index: 20;
	}
	.btn-link-basic button em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-basic button em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-basic button em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		opacity: 0;
	}
	.btn-link-basic button:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}


	/* btn-link-prev,btn-link-next 
	==========================================================*/

	.btn-list{
		display: flex;
		margin: 50px 0 0;
		padding: 0 30px;
		justify-content: space-between;
	}
	.btn-list > div{
		width: calc(50% - 8px);
	}
	.btn-link-next,
	.btn-link-prev{
		max-width: 500px;
		height: 60px;
	}
	.btn-link-next a,
	.btn-link-prev a{
		position: relative;
		display: flex;
		padding: 0 12px;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		transition: border 600ms ease ,color 600ms ease;
	}
	.btn-link-next a span,
	.btn-link-prev a span{
		position: relative;
		z-index: 20;
	}
	.btn-link-next a em,
	.btn-link-prev a em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-next a em:before,
	.btn-link-prev a em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
	}
	.btn-link-next a em:after,
	.btn-link-prev a em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		opacity: 0;
	}
	.btn-link-next a:before,
	.btn-link-prev a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}
	.btn-link-next a{
		justify-content: flex-start;
	}
	.btn-link-next a em{
		right: 12px;
	}
	.btn-link-next a em:before{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-next a em:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-link-prev a{
		justify-content: flex-end;
	}
	.btn-link-prev a em{
		left: 12px;
	}
	.btn-link-prev a em:before{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-prev a em:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}




	/* btn-link-prev,btn-link-next *button
	==========================================================*/

	.btn-list{
		display: flex;
		margin: 50px 0 0;
		padding: 0 30px;
		justify-content: space-between;
	}
	.btn-list > div{
		width: calc(50% - 8px);
	}
	.btn-link-next,
	.btn-link-prev{
		max-width: 500px;
		height: 60px;
	}
	.btn-link-next button,
	.btn-link-prev button{
		position: relative;
		display: flex;
		padding: 0 12px;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(35,24,21,0.5);
		font-weight: 600;
		background: none;
		color: #231815;
		font-size: 14px;
	}
	.btn-link-next button span,
	.btn-link-prev button span{
		position: relative;
		z-index: 20;
	}
	.btn-link-next button em,
	.btn-link-prev button em{
		position: absolute;
		margin: auto;
		display: block;
		top: 0;
		bottom: 0;
		width: 12px;
		height: 10px;
		z-index: 20;
		transition: transform 600ms ease;
	}
	.btn-link-next button em:before,
	.btn-link-prev button em:before{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
	}
	.btn-link-next button em:after,
	.btn-link-prev button em:after{
		content: "";
		position: absolute;
		display: block;
		width: 12px;
		height: 10px;
		transition: opacity 600ms ease;
		opacity: 0;
	}
	.btn-link-next button:before,
	.btn-link-prev button:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: opacity 600ms ease;
		background: rgba(167,145,138,0.8);
		mix-blend-mode: multiply;
		z-index: 10;
		opacity: 0;
	}
	.btn-link-next button{
		justify-content: flex-start;
	}
	.btn-link-next button em{
		right: 12px;
	}
	.btn-link-next button em:before{
		background: url(../img/common/arrow_r_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-next button em:after{
		background: url(../img/common/arrow_r_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}


	.btn-link-prev button{
		justify-content: flex-end;
	}
	.btn-link-prev button em{
		left: 12px;
	}
	.btn-link-prev button em:before{
		background: url(../img/common/arrow_l_br.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.btn-link-prev button em:after{
		background: url(../img/common/arrow_l_wh.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}



	/* pager
	==========================================================*/

	.index-pager{
		margin: 50px 0 0;
		display: flex;
		justify-content: center;
	}
	.index-pager .wp-pagenavi > *{
		position: relative;
		display: inline-block;
		padding: 0 6px 6px;
		margin: 0 5px;
		font-size: 16px;
	}
	.index-pager .wp-pagenavi > a{
		color: #a7918a;
	}
	.index-pager .wp-pagenavi > span{
		position: relative;
		color: #231815;
	}
	.index-pager .wp-pagenavi > span:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		display: block; 
		width: 100%;
		height: 1px;
		background: #231815;
	}



	/* nav-breadcrumb
	==========================================================*/
	
	.nav-breadcrumb{
		padding: 0 20px;
		margin: 50px auto 0;
		max-width: 1160px;
	}
	.nav-breadcrumb ul li{
		display: inline;
		line-height: 1.5;
	}
	.nav-breadcrumb ul li a{
		color: #a7918a;
		font-size: 13px;
	}
	.nav-breadcrumb ul li span{
		font-size: 13px;
	}
	.nav-breadcrumb ul li + li:before{
		content: "";
		margin: 0 10px;
		display: inline-block;
		width: 10px;
		height: 1px;
		background: #a7918a;
	}



}


@media screen  and (max-width: 374px){


}