@charset "UTF-8";

/* -----------------------------------------------
FileName: style.css
----------------------------------------------- */

.home #keyImg {
	width:100%;
	height:75vh;
}

.home #keyImg img {
	width:100%;
	height:auto;
}

.home #thumSlider {
	position:relative;
	margin:0 0 60px 0;
}

.home #thumSlider li {
	float:left;
}

/*
.home #thumSlider li img {
	width:360px;
	height:130px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
*/

.home #thumSlider #slider-next a {
	position:absolute;
	top:50%;
	right:-30px;
	z-index:20;
	cursor:pointer;
	background:url(../../images/next.png) 0 0 no-repeat;
	width:13px;
	height:24px;
	display:block;
	margin:-12px 0 0 0;
}

.home #thumSlider #slider-prev a {
	position:absolute;
	top:50%;
	left:-30px;
	z-index:20;
	cursor:pointer;
	background:url(../../images/prev.png) 0 0 no-repeat;
	width:13px;
	height:24px;
	display:block;
	margin:-12px 0 0 0;
}

/* index-styling */

#index-styling {
	position:relative;
	margin:0 auto;
	padding:0px 0 0 0;
	overflow: hidden;
	text-align:center;
	overflow-x: hidden;	
}

#index-styling .inner{
    background:url(../../images/loader.gif) no-repeat center center;
    overflow: hidden;
    width: 100%;
}
#index-styling-slider{
    opacity: 0;
}
#index-styling-slider .slider{
    display: inline-block;
    margin: 0 10px 0 10px;
    outline: none;
    width: 260px!important;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
	box-sizing:border-box;
	padding:0 0;
	box-sizing:border-box;
}
#index-styling-slider .slider img{
    width: 100%;
    height:auto;
}
#index-styling-slider .slider:hover{
    opacity: 0.8;
}
/*
#index-styling-slider .slider.active{
    margin: 0 10px 0 10px;

}
*/
#index-styling-slider .film_roll_prev,
#index-styling-slider .film_roll_next{
    border: 0;
    border-radius: 0;
    display: block!important;
    height: 0;
	top:50%;
	margin-top:-25px;
    opacity: 1;
    overflow: hidden;
    padding-top: 50px;
    width: 50px;
	z-index:10;
}
#index-styling-slider .film_roll_prev{
    background: url(../../images/prev2.png) no-repeat center center;
        left: 0;
}
#index-styling-slider .film_roll_next{
    background: url(../../images/next2.png) no-repeat center center;
   right:0;
}

.home #styleArea {
	position:relative;
	margin:0 0 50px 0;
}

.home #styleArea .slider a {
	display:table;
	width:260px;
	height:335px;
	color:#fff;
}

.home #styleArea dl {
	width:260px;
	height:335px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

.home #styleArea dl dt {
	font-size:1.1em;
	font-weight:bold;
}

.home #styleArea dl dd.salon {
	margin:.5em 0 .2em 0;
	font-family: 'Playfair Display', serif;
	font-size:16px;
}

.home #styleArea dl dd.rank {
	margin:0 0 .8em 0;
}

.home #styleArea dl dd.staff {
	font-size:1.3em;
}

.home #styleArea figure {
	position: relative;
	overflow: hidden;
	
}
.home #styleArea figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	display:table;
	box-sizing:border-box;
}
.home #styleArea figure:hover figcaption {
	opacity: 1;
}

.home #styleArea figure img {
	width:260px;
	height:335px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
	
}

.home #newsArea {
	margin:0 0 50px 0;
	position:relative;
}

.home #newsArea a {
	display:block;
	width:calc(33.333333% - 15px);
	text-decoration:none;
	float:left;
	margin:0 15px 0 0;
}

.home #newsArea a:last-child {
	margin:0 0 0 0;
}

.home #newsArea a:hover {
	opacity:.8;
}

.home #newsArea a .newsL {
	float:left;
	width:135px;
}

.home #newsArea a .newsL img {
	width:135px;
	height:135px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	border:1px solid #efefef;
	box-sizing:border-box;
}

.home #newsArea a dl {
	margin-left:150px;
	overflow:hidden;
	padding:.5em 0;
}

.home #newsArea a dl dt {
	margin:0 0 .5em 0;
	line-height:1em;
}

.home #newsArea a dl dd.title {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 .3em 0;
}

.home #newsArea a dl dd.note {
	font-size:.9em;
	color:#646464;
	display:none;
}


.home #slider-next2 a,
.home #slider-next3 a,
.home #slider-next4 a {
	position:absolute;
	top:50%;
	right:0;
	z-index:20;
	cursor:pointer;
	background:url(../../images/next2.png) center center no-repeat;
	width:50px;
	height:50px;
	display:block;
	margin:-50px 0 0 0;
	z-index:300;
}

.home #slider-prev2 a,
.home #slider-prev3 a,
.home #slider-prev4 a {
	position:absolute;
	top:50%;
	left:0;
	z-index:20;
	cursor:pointer;
	background:url(../../images/prev2.png) center center no-repeat;
	width:50px;
	height:50px;
	display:block;
	margin:-50px 0 0 0;
	z-index:300;
}


.home #slider-prev4 a,
.home #slider-next4 a {
	display:none;
}

#columnArea {
	margin:0 0 30px 0;
}

#columnArea a {
	display:block;
	text-decoration:none;
}

#columnArea a:hover {
	opacity:.8;
}


#columnArea a:nth-child(-n + 3) {
	width:340px;
	float:left;
	margin:0 40px 30px 0;
}


#columnArea a:nth-child(-n + 3) dt img {
	width:340px;
	height:255px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#columnArea a:nth-child(3) {
	margin:0 0 30px 0;
}

#columnArea a dd.date {
	line-height:1em;
	padding:1.5em 0 1em 0;
}

#columnArea a:nth-child(-n + 3) dd.date .author {
	float:right;
}

#columnArea a dd.date .author:before {
	content:"by:";
}

#columnArea a:nth-child(-n + 3) dd.title {
	font-weight:bold;
	font-size:1.15em;
	width:100%;
}

#columnArea a:nth-child(n + 4) {
	width:540px;
	float:left;
	margin:0 20px 20px 0;
}

#columnArea a:nth-child(5),
#columnArea a:nth-child(7) {
	margin:0 0 20px 0;
}

#columnArea a:nth-child(n + 4) dt {
	float:left;
	width:26%;
}
#columnArea a:nth-child(n + 4) dt img {
	width:140px;
	height:110px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	/* border:1px solid #efefef; */
	box-sizing:border-box;
}

#columnArea a:nth-child(n + 4) dd {
	float:right;
	width:70%;
}

#columnArea a:nth-child(n + 4) dd.date .author {
	margin:0 0 0 1.5em ;
}
#columnArea a:nth-child(n + 4) dd.title {
	font-weight:bold;
	font-size:1.05em;

}

.home #pressArea {
	margin:0 0 50px 0;
}

.home #pressArea dt {
	margin:0 0 15px 0;
}

.home #pressArea dt img {
	width:260px;
	height:330px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	object-position: 50% 0;
}

.home #pressArea dd {
	font-weight:bold;
}

.home #contentsArea li {
	width:340px;
	float:left;
	margin:0 40px 40px 0;
}

.home #contentsArea li:nth-child(3n) {
	margin:0 0 40px 0;
}

/*
.home #contentsArea li:last-child {
	display:none;
}
*/

.salonList {
	clear:both;
	margin:0 0 10px 0;
}

.salonList dl {
	float:left;
	margin:0 20px 40px 0;
	width:260px;
}

.salonList dl:nth-child(4n) {
	margin:0 0 40px 0;
}

.salonList dl dt {
	margin:0 0 15px 0;
}

.salonList dl dt img {
	width:260px;
	height:260px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.salonList dl dd {
	line-height:1em;
}

.salonList dl dd.name {
	font-size:1.3em;
	margin:0 0 .3em 0;
	letter-spacing:0;
}

.salonList dl dd.kana {
	margin:0 0 1em 0;
}

.salonList dl dd.area {
	margin:0 0 1em 0;
}

.salonList dl dd.area:before {
	content:"\f041";
	font-family: FontAwesome;
	font-size:1.5em;
	vertical-align:middle;
	margin:0 .4em 0 0;
}

.salonList dl dd.tel {
	margin:0 0 1.3em 0;
	font-size:1.2em;
}

.salonList dl dd.tel:before {
	content:"\f095";
	font-family: FontAwesome;
	font-size:1.2em;
	vertical-align:middle;
	margin:0 .3em 0 0;
}

.salonList dl dd.reserveBtn a {
	display:block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.75em 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}

.salonList dl dd.reserveBtn a:hover {
	color:#fff;
	background:#8c786e;
}

.salonList dl dd.reserveBtn a i {
	font-size:1.5em;
	vertical-align:text-top;
}


.salonList.fc dl {
	float:left;
	margin:0 20px 40px 0;
	width:204px;
}

.salonList.fc dl:nth-child(4n) {
	margin:0 20px 40px 0;
}

.salonList.fc dl:nth-child(5n) {
	margin:0 0 40px 0;
}


.salonList.fc dl dt img {
	width:204px;
	height:204px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.salonList.fc dl dd.name {
	font-size:1.2em;
	margin:0 0 .5em 0;
	letter-spacing:0;
}

.salonList.fc dl dd.kana {
	margin:0 0 1em 0;
	font-size:.9em;
	letter-spacing:0;
}

.salonList.fc dl dd.reserveBtn a {
	font-size:1em;
}

/* .salon サロン情報 */

.salon .salonHead {
	position:relative;
}

.salon .salonHead .snsIcons {
	position:absolute;
	right:0;
	top:.5em;
}

.salon .salonHead .snsIcons li {
	display:inline-block;
	margin:0 .2em;
	font-size:1.9em;
}

.salon #mainImg {
	margin:0 0 -30px 0;
	position:relative;
}

.salon #mainImg .bx-wrapper .bx-pager {
	display:block;
	position:absolute;
	bottom:0;
	left:1%;

}

.salon #mainImg #keyslider img {
	width:1100px;
	height:600px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.salon #salonNavi {
	margin:0 0 40px 0;
	text-align:center;
}

.salon #salonNavi li {
	display:inline-block;
	text-align:center;
	margin:0 1em ;
}

.salon #salonNavi li a {
	display:block;
	padding:50px 0 0 0;
	min-width:40px;
	font-family: 'Playfair Display', serif;
	font-size:14px;
	color:#beb4a0;
	text-decoration:none;
	letter-spacing:0;
}

.salon #salonNavi li a:hover {
	opacity:.8;
}

.salon #salonNavi li.x1 a {background:url(../../salon/images/icon_info.png) top center no-repeat;}
.salon #salonNavi li.x2 a {background:url(../../salon/images/icon_menu.png) top center no-repeat;}
.salon #salonNavi li.x3 a {background:url(../../salon/images/icon_staff.png) top 2px center no-repeat;}
.salon #salonNavi li.x4 a {background:url(../../salon/images/icon_coupon.png) top 5px center no-repeat;}
.salon #salonNavi li.x5 a {background:url(../../salon/images/icon_review.png) top center no-repeat;}
.salon #salonNavi li.x6 a {background:url(../../salon/images/icon_reserve.png) top center no-repeat;}
.salon #salonNavi li.x7 a {background:url(../../salon/images/icon_hotpepper.png) top center no-repeat;}

.salon .concept {
	line-height:2em;
	margin:0 0 3em 0;
}

.salon .salonImg li {
	float:left;
	margin:0 40px 0 0;
}

.salon .salonImg li:last-child {
	margin:0 0 0 0;
}

.salon .salonImg li img {
	width:340px;
	height:255px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.salon .container#salonInfo {
	position:relative;
}

.salon #map_canvas {
	width:100%;
	height:600px;
}

.salon #salonInfo iframe {
	width:100%;
	height:600px;
}

.salon .container#salonInfo #accessInfo {

	background-color: rgba(255,255,255,.85);
	position:absolute;
	bottom:80px;
	left:0%;
	z-index:300;
	box-sizing:border-box;
	padding:0 1% 0 4%;
	width:40%;
	height:600px;
	display:table;
	font-size:1.1em;

}

.salon .container#salonInfo #accessInfo article {
	display:table-cell;
	vertical-align:middle;
}

.salon .container#salonInfo #accessInfo address {
	font-style:normal;
	margin:0 0 .8em 0;
}

.salon .container#salonInfo #accessInfo h3 {
	font-size:14px;
	font-family: 'Playfair Display', serif;
	font-weight:700;
	line-height:1em;
	margin:0 0 .5em 0;
}

.salon .container#salonInfo #accessInfo p {
	margin:0 0 1em 0;
}

.salon .container#salonInfo #accessInfo p.tel {
	font-size:30px;
	font-family: 'Playfair Display', serif;
	margin:0 0 .5em 0;
	
}

.salon .container#salonInfo #accessInfo p.tel span {
	font-size:.6em;
	
}

.salon .container#salonInfo #accessInfo p span.note {
	display:block;
	font-size:.8em;
}
/*
.salon .container#salonInfo #accessInfo p.access {
	margin:0;
}
*/

.salon .container#salonInfo #accessInfo .card li {
	display:inline-block;
}

.salon .container#salonInfo #directions {
	position:absolute;
	right:50px;
	bottom:100px;
}

.salon .container#salonInfo #directions li {
	display:inline-block;
	text-align:center;
}

.salon .container#salonInfo #directions li a {
	display:block;
	padding:1em;
	background-color: rgba(255,255,255,.85);
	border:1px solid #8c786e;
	line-height:1em;
	width:180px;
	text-decoration:none;
}

.salon .container#salonInfo #directions li a:hover {
	color:#fff;
	background:#8c786e;
}

.salon .container#salonInfo #directions li a span {
	font-size:.9em;
}

/* .menu メニュー */

.menu #menuArea {
	clear:both;
	position:relative;
	margin:0 auto 0 auto;
	width:1140px;
}

.menu .tax {
	text-align:center;
	margin:0 0 3em 0;
}


.menu #menuArea .menuBox {
	width:530px;
	margin:0 20px 50px 20px;
	/*float:left;*/
	box-sizing:border-box;
	
}

.menu #menuArea .menuBox h3 {
	margin:0 0 .6em 0;
	padding:0 0 .5em 0;
	line-height:100%;
	font-family: 'Playfair Display', serif;
	font-size:22px;
	font-weight:500;
	border-bottom:1px solid #c2b9a6;
	letter-spacing:.1em;

}

.menu #menuArea .menuBox h3 span {
	font-size:.5em;
	font-weight:normal;
	margin:0 0 0 1em;
}


.menu #menuArea .menuBox table {
	width:100%;
	margin:auto;
}

.menu #menuArea .menuBox th{
	text-align:left;
	vertical-align:top;
	padding:5px 0 10px 0;
	font-size:1em;
	font-weight:bold;
}

.menu #menuArea .menuBox td {
	padding:5px 0;
}

.menu #menuArea .menuBox tr:last-child th,
.menu #menuArea .menuBox tr:last-child td {
	border-bottom:none;
}

.menu #menuArea .menuBox span.explanation {
	font-weight:normal;
	display:block;
	padding:0px 0 0 0;
	color:#beb4a0;
	font-size:.9em;
}

.menu #menuArea .menuBox td.price {
	text-align:right;
	/* white-space:nowrap; */
	font-size:1em;
	font-weight:bold;
}

.menu #menuArea .menuBox .note {
	box-sizing:border-box;
	margin:10px 0 0 0;
	text-align:left;
	font-size:.83em;
	white-space: nowrap;
}

.staff .widget.salonList {
	margin:100px 0 0 0;
}

.staff .floatMenu-fixed {
	position: fixed;
}

.staff #floatMenu.floatMenu-fixed .widget.salonList {
	margin:-50px 0 0 0;
	width:200px;
}


.staffList {
	clear:both;
}

.staff .staffList {
	margin:0 0 40px 0;
}

.staffList dl {
	float:left;
	width:204px;
	margin:0 20px 30px 0;
}

.staffList dl:nth-child(5n) {
	margin:0 0 30px 0 ;
}

.staff .staffList dl {
	float:left;
	width:197px;
	margin:0 20px 30px 0;
}

.staff .staffList dl:nth-child(5n) {
	margin:0 20px 30px 0 ;
}

.staff .staffList dl:nth-child(4n) {
	margin:0 0 30px 0 ;
}


.staffList dl dt {
	margin:0 0 15px 0;
}

.staffList dl dt a:hover {
	opacity:.8;
}

.staffList dl dt img {
	width:204px;
	height:265px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.staff .staffList dl dt img {
	width:197px;
	height:256px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.staffList dl dd {
	line-height:1em;
}

.staffList dl dd.rank {
	color:#beb4a0;
	margin:0 0 .8em 0;
	font-size:.85em;
	letter-spacing:.0em;
}

.staffList dl dd.name {
	font-size:1.65em;
	letter-spacing:.1em;
	margin:0 0 .3em 0;
	
}

.staffList dl dd.kana {
	font-family: 'Playfair Display', serif;
	margin:0 0 1.2em 0;
}

.staffList dl dd.reserveBtn a {
	display:block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.8em 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}

.staffList dl dd.reserveBtn a:hover {
	color:#fff;
	background:#8c786e;
}

/* クーポン */

.salon #menuNavi {
	padding:0 0 40px 0;
}

.salon #menuNavi li {
	width:530px;
}

.salon #menuNavi li a {
	display:block;
	position:relative;
	line-height:1em;
	padding:1.5em 0;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #8c786e;
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	letter-spacing:.2em;
}

.salon #menuNavi li a:after {
	content:"\f105";
	font-family: FontAwesome;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-.3em;
	margin-right:.5em;
	font-size:1.5em;
}

.salon #menuNavi li:nth-child(odd) {float:left;}
.salon #menuNavi li:nth-child(even) {float:right;}

.salon #menuNavi li:nth-child(odd) a {
	background:#fff;

}

.salon #menuNavi li:nth-child(even) a {
	color:#fff;
	background:#8c786e;
}

.salon #menuNavi li a:hover {
	opacity:.8;
}

.salon #couponArea {
	margin:0 0 0 0;
}

.salon #couponArea .couponBox {
	width:530px;
	padding:25px 30px;
	border:1px solid #8c786e;
	margin:0 0 40px 0;
	box-sizing:border-box;
	background:#fff;
}

.salon.coupon #couponArea .couponBox {
	width:100%;
}

.salon #couponArea .couponBox:nth-child(odd){float:left;}
.salon #couponArea .couponBox:nth-child(even){float:right;}


.salon #couponArea .couponBox .couponR.x2 {
	float:right;
	width:330px;
}

.salon.coupon #couponArea .couponBox .couponR.x2 {
	width:960px;
}


.salon #couponArea .couponBox .couponR {
	float:none;
	width:100%;
}

.salon #couponArea .couponBox .couponL {
	float:left;
	width:120px;
}

.salon #couponArea .couponBox .couponL img {
	width:100%;
	height:auto;
}

.salon #couponArea .couponBox h3 {
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 .7em 0;
}

.salon #couponArea .couponBox .pricer {
	margin:0 0 15px 0;
}

.salon #couponArea .couponBox .pricer li {
	display:inline-block;
	font-size:1.3em;
}

.salon #couponArea .couponBox .pricer li.normal span {
	text-decoration:line-through;
}

.salon #couponArea .couponBox .pricer li.normal:after {
	content:"\f178";
	font-family: FontAwesome;
	margin:0 .5em 0 .8em;
}

.salon #couponArea .couponBox .pricer li.discount {
	font-size:1.8em;
	margin:.2em 0 0 0;
	color:#ff5a95;
	font-weight:bold;
}

.salon #couponArea .couponBox .couponTop {
	margin:0 0 1.2em 0;
	padding:0 0 1.2em 0;
	border-bottom:1px dashed #646464;
}

.salon #couponArea .couponBox .ex {

}


.salon #couponArea .couponBox .note {
	margin:0 0 15px 0;
}

.salon #couponArea .couponBox .reservBtn a {
	text-align:center;
	display:block;
	line-height:1em;
	padding:1.2em 0;
	width:100%;
	border:1px solid #8c786e;
	text-decoration:none;
	font-size:1.2em;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.salon #couponArea .couponBox .reservBtn a:before {
	content:"\f109";
	font-family: FontAwesome;
	font-size:1.4em;
	vertical-align:middle;
	margin:0 .5em 0 0;
}

.salon #couponArea .couponBox .reservBtn a:hover {
	background:#8c786e;
	color:#fff;
}

.salon #couponArea .couponBox .type {
	display:inline-block;
	color:#fff;
	background:#beb4a0;
	line-height:1em;
	padding:.8em 1.5em;
	letter-spacing:.1em;
	font-size:.9em;
	vertical-align:middle;
	margin:0 0 1em 0;
}


/*　.staff スタッフ */

.staff #staffDetail {
	clear:both;
	width:1000px;
	margin:0 auto 30px auto;
	
	
}

.staff #staffDetail #detailL {
	float:left;
	width:490px;
}



.staff #mainImg {
	text-align:center;
	margin:0 auto 25px auto;
}

.staff #mainImg img {
	width: 100%;
	height:550px;
	object-fit: contain;
	object-position: 50% 0;
	font-family: 'object-fit: contain;';
	
}

.staff .snsIcons {
	text-align:center;
	margin:0 0 0 0;
}

.staff .snsIcons li {
	display:inline-block;
	font-size:2em;
	margin:0 .2em;
}

.staff .snsIcons li a:hover {
	color:#f0e6c8;
}

.
.staff #detailR {
	width:490px;
	float:right;
	display:table;
	height:550px;
	
}

.staff #staffInfo {
	display:table-cell;
	vertical-align:middle;
	height:550px;
	
}

.staff #staffInfo #staffL {
	margin:0 0 30px 0;
}

.staff #staffInfo #staffR {

}

.staff #staffInfo #staffL dt {
	font-family: 'Playfair Display', serif;
	margin:0 0 1.2em 0;
	font-size:32px;
	letter-spacing:.1em;
}

.staff #staffInfo #staffL dd.name {
	font-size:1.8em;
	padding:1em 0 0 0;
	border-top:1px solid #8c786e;
	display:inline-block;
}

.staff #staffInfo #staffL dd.rank {
	font-size:1.1em;
}

.staff #linkBtn {
	text-align:center;
	margin:0 0 50px 0;
}

.staff #linkBtn li {
	display:inline-block;
	margin:0 5px;
}

.staff #linkBtn a {
	display:block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.8em 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	width:260px;
	box-sizing:border-box;
}

.staff #linkBtn a i {
	font-size:1.3em;
}

.staff #linkBtn a:hover {
	color:#fff;
	background:#8c786e;
}

.staff #linkBtn li span.x2 {
	display:none;
}

.staff #staffData {
	clear:both;
	width:800px;
	margin:auto;
}

.staff #staffData table {
	width:100%;
	font-size:1.1em;
	
}

.staff #staffData table th {
	width:10em;
	font-weight:bold;
	vertical-align:top;
	padding:1.2em 0;
	border-bottom:1px solid #8c786e;
	box-sizing:border-box;
}

.staff #staffData table th.x2 {
	border-left:15px solid #fff;
}

.staff #staffData table td {
	padding:1.2em 0;
	border-bottom:1px solid #8c786e;
	box-sizing:border-box;
}

.salon #calendarArea {
	clear:both;
	margin:0 0 30px 0;
}

.salon #calendarArea h3 {
	text-align:left;
	margin: 0 0 30px 0;
	float:left;
}

.salon #calendarArea #holiday {
	background:url(../../salon/images/cal_bg.png) 0 50% no-repeat;
	padding:10px 0 10px 35px;
	margin:0 0 10px 0;
	font-size:1.2em;
	font-weight:bold;
	float:right;
}


.salon #data_graph {
	-moz-box-shadow : #ccc 0px 2px 3px;
    -webkit-box-shadow : #ccc 0px 2px 3px;
    box-shadow : #ccc 0px 2px 3px;
	text-align:center;
	background:#fff;
}

.salon #data_graph h4 {
	margin:0 0 25px 0;
}


/*
 datepicker
 -----------------------------------------*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev {top:10px; left:7%; font-size:15px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next {top:10px; right:10%; font-size:15px; cursor: pointer; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em 1em 2.3em; line-height: 1.8em; text-align: center; font-size:22px; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }

 
#datepicker {
	position: relative;
	height:440px;
	font-family: 'Playfair Display', serif;
}


#datepicker .ui-datepicker-group {
	width:50%;
	padding:0;
	
	margin:0 0 0 0;
	box-sizing:border-box;
	
}

.ui-datepicker-multi .ui-datepicker-group-first {
	position:absolute;
	top:0px;
	right:0;
	left:0;
}

.ui-datepicker-multi .ui-datepicker-group-middle {
	position:absolute;
	top:0px;
	left:50%;
	margin:0;
}

.ui-datepicker-multi .ui-datepicker-group-last {
	position:absolute;
	top:0px;
	right:0;
	margin:0;
	
}

.ui-datepicker-multi .ui-datepicker-group table {
	width:510px;	
	margin:auto;
	border-collapse: collapse;
	background:#fff;
	border:35px solid #fff;
	box-sizing:border-box;
}


.ui-datepicker-multi .ui-datepicker-group thead th {
	padding:7px 5px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #e6e6e6;
}

.ui-datepicker-multi .ui-datepicker-group thead th:nth-child(1){color:#ff4b6e;}
.ui-datepicker-multi .ui-datepicker-group thead th:nth-child(7){color:#41b9b9;}

.ui-datepicker-multi .ui-datepicker-group tbody td {
	padding:15px 5px;
	text-align:center;
	font-size:18px;
	border-bottom:1px solid #e6e6e6;
	
}

.ui-datepicker-multi .ui-datepicker-group tbody td.saturday {color:#41b9b9;}
.ui-datepicker-multi .ui-datepicker-group tbody td.sunday {color:#ff4b6e;}

.ui-datepicker-multi .holiday .ui-state-default{
	color: #fff;
	padding:.25em;
	font-weight:normal;
	background:#ff3269;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	width:1.5em;
	height:1.5em;
	display:inline-block;
	line-height:1.5em;
}

.ui-datepicker-multi .ui-datepicker-group tbody td.holiday {
	padding:0px 0px !important;
	
}

.ui-datepicker-multi .photo .ui-state-default{
	color: #fff;
	padding:.25em;
	font-weight:normal;
	background:#5b93e6;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	width:1.5em;
	height:1.5em;
	display:inline-block;
	line-height:1.5em;
}

.ui-datepicker-multi .ui-datepicker-group tbody td.photo {
	padding:0px 0px !important;
	
}

.ui-datepicker-multi .seminar .ui-state-default{
	color: #fff;
	padding:.25em;
	font-weight:normal;
	background:#ffd351;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	width:1.5em;
	height:1.5em;
	display:inline-block;
	line-height:1.5em;
}

.ui-datepicker-multi .ui-datepicker-group tbody td.seminar {
	padding:0px 0px !important;
	
}

#calendarNote {
	clear:both;
	padding:5em 0 0 2em;
}

#calendarNote li {
	display:inline-block;
	margin:0 1em 0 0;
	vertical-align:middle;
}

#calendarNote li i {
	font-size:1.2em;
	vertical-align:middle;
}

#calendarNote li:nth-child(1) i {color:#ff3269;}
#calendarNote li:nth-child(2) i {color:#ffd351;}
#calendarNote li:nth-child(3) i {color:#5b93e6;}
/*
 datepicker
 -----------------------------------------*/

.staff #salonWorks {
	margin:0 0 50px 0;
}

.staff #salonWorks li {
	width:204px;
	float:left;
	margin:0 20px 0 0;
}

.staff #salonWorks li:nth-child(5) {
	margin:0 0 0 0;
}

.staff #salonWorks li:nth-child(6) {
	margin:0 0 0 0;
	display:none;
}

.staff #salonWorks li img {
	width:204px;
	height:265px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

#instaArea {
	position:relative;
	margin:0 0 0 0;
}

#instaArea a {
	width:220px;
	float:left;
	margin:0 0px 0 0;
	display:block;
	color:#fff;
}

#instaArea a:nth-child(6) {
	display:none;
}

#instaArea p {
	width: 220px;
	height: 220px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	font-size:1.2em;
}


#instaArea figure {
	position: relative;
	overflow: hidden;
	
}

#instaArea figure img {
	width:220px;
	height:220px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

#instaArea figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#instaArea figure:hover figcaption {
	opacity: 1;
}

/* .style ヘアカタログ */

.style #styleList {
	margin:0 0 50px 0;
	position:relative;
}

.style #styleList #sort {
	position:absolute;
	top:-70px;
	right:0;
}

.style #styleList #sort li {
	display:inline-block;
	font-size:1.2em;
	
}

.style #styleList #sort li:not(:last-child):after {
	content:"｜";
	vertical-align:middle;
	padding:0 .5em;
	
}

.style #styleList #sort li a {
	color:#beb4a0;
	text-decoration:none;
}

.style #styleList #sort li a.active {
	color:#8c786e;
	text-decoration:underline;
}

.style #styleList #sort li a:hover {
	text-decoration:underline;
	color:#8c786e;
}

/* clearfix */
.style #styleList dl:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.style #styleList dl {display: inline-block;}
/*\*/
* html .style #styleList dl {height: 1%}
.style #styleList dl {display:block;}
/**/


.style #styleList dl {
	width:270px;
	float:left;
	margin:0 20px 30px 0;
	position:relative;
	
}

.style #styleList dl:nth-child(3n) {
	margin:0 0 30px 0;
}


.style #styleList dt {
	margin:0 0 15px 0;
	position:relative;
}

.style #styleList dt img {
	width:270px;
	height:348px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.style #styleList dd.title {
	font-weight:bold;
	line-height:1.6em;
	margin:0 0 .5em 0;
}

.style #styleList dd.salon {
	color:#beb4a0;
	font-size:.8em;
	line-height:1em;
	margin:0 0 .3em 0;
}

.style #styleList dd.author span {
	margin:0 0 0 0;
	display:block;
}

.style #styleList dt .clip {
	position:absolute;
	right:15px;
	bottom:10px;
}

.style #styleList dt .clip i {
	font-size:1.8em;

}

.style #styleList dt .clip a:hover i {
	display:none;
	
}

.style #styleList dt .clip a {
	text-decoration:none;
}

.style #styleList dt .clip a.active {
	color:#e10000;
}

.style #styleList dt .clip a i.fa-heart {
	color:#e10000;
}

.style #styleList dt .clip a:hover:after {
	content:"\f004";
	font-family: FontAwesome;
	color:#e10000;
	line-height:1em;
	font-size:1.8em;
}

.style #styleList dd.new {
	position:absolute;
	top:-1.5em;
	right:.5em;
	color:#fff;
	background:#beb4a0;
	line-height:3em;
	width:3em;
	height:3em;
	display:inline-block;
	text-align:center;
	font-family: 'Playfair Display', serif;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	padding:.2em;
}

.style #styleList dd.ranking {
	position:absolute;
	top:-1em;
	right:.5em;
	color:#fff;
	background:#beb4a0;
	line-height:1.7em;
	width:2em;
	height:2em;
	display:inline-block;
	text-align:center;
	font-family: 'Playfair Display', serif;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	font-size:18px;
}


.style #styleList dd.ranking.num1 {background:#ffb400;}
.style #styleList dd.ranking.num2 {background:#9b9ba0;}
.style #styleList dd.ranking.num3 {background:#be8c5f;}	


.style #sideBtn {
	margin:0 0 30px 0;
}


.style #sideBtn a {
	text-align:left;
	display:block;
	line-height:1em;
	padding:1em 1.5em;
	width:100%;
	background:#8c786e;
	text-decoration:none;
	font-size:18px;
	font-family: 'Playfair Display', serif;
	color:#fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	box-sizing:border-box;
	letter-spacing:.15;
	position:relative;
	margin:0 0 10px 0;
}

.style #sideBtn a:after {
	content:"\f105";
	font-family: FontAwesome;
	position:absolute;
	top:50%;
	right:.5em;
	font-size:1.5em;
	margin-top:-.3em;
	font-weight:normal;
}

.style #sideBtn a:hover {
	opacity:.8;
}

.style.ranking #ranking1 {
	clear:both;
	margin:0 0 50px 0;
	background:#ebe6e1;
	padding:30px;
	box-sizing:border-box;
}

.style.ranking #ranking1 #rankL {
	float:left;
	width:270px;
	position:relative;
}

.style.ranking #ranking1 #rankL .ranking {
	position:absolute;
	top:-.3em;
	right:.5em;
	font-family: 'Yellowtail', cursive;
	font-size:34px;
}

.style.ranking #ranking1 #rankL img {
	width:270px;
	height:348px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.style.ranking #ranking1 #rankR {
	width:495px;
	float:right;
	padding:1em 0;
}

.style.ranking #ranking1 #rankR h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 .8em 0;
}

.style.ranking #ranking1 #rankR .message {
	margin:0 0 2em 0;
}

.style.ranking #styleList dd.ranking.num2,
.style.ranking #styleList dd.ranking.num3 {
	background:none;
	color:#8c786e;
	font-family: 'Yellowtail', cursive;
	font-size:28px;
	width:auto;
	height:auto;
	padding:0;
	top:-.9em;
}

.style.ranking #styleList dd.ranking.num2:before,
.style.ranking #styleList dd.ranking.num3:before {
	content:"No.";
	vertical-align:middle;
}


.style.ranking #styleList article.x2 dl {
	width:196px;
	float:left;
	margin:0 22px 30px 0;
	position:relative;
	
}

.style.ranking #styleList article.x2 dl:nth-child(3n) {
	margin:0 22px 30px 0;
}


.style.ranking #styleList article.x2 dl:nth-child(4n) {
	margin:0 0 30px 0;
}



.style.ranking #styleList article.x2 dt img {
	width:196px;
	height:253px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}




.authorBox {
	clear:both;
	padding:20px 0;
	border-bottom:1px solid #beb4a0;
	border-top:1px solid #beb4a0;
}

.authorBox.x2 {
	border-bottom:1px solid #e6dcc8;
	border-top:1px solid #e6dcc8;
	margin:0 0 40px 0;
}

.authorBox .authorL {
	float:left;
	width:25%;
}

.authorBox.x2 .authorL {
	float:left;
	width:13%;

}

.authorBox .authorL img {
	width:90px;
	height:90px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	border:1px solid #efefef;
}



.authorBox dl {
	float:right;
	width:75%;
	box-sizing:border-box;
	padding:0 0 0 15px;
}

.authorBox.x2 dl {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 15px;
}

.authorBox.x2 ul.linkBtn {
	float:right;
	width:30%;
}

.authorBox.x2 ul.linkBtn a {
}
.authorBox.x2 ul.linkBtn li {
	display:block;
	margin:0 0 10px 0;
}

.authorBox.x2 ul.linkBtn li:last-child {
	margin:0 0 0 0;
}

.authorBox.x2 ul.linkBtn a {
	display:block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.55em 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	box-sizing:border-box;
}

.authorBox.x2 ul.linkBtn a i {
	font-size:1.3em;
	vertical-align:middle;
}

.authorBox.x2 ul.linkBtn a:hover {
	color:#fff;
	background:#8c786e;
}

.authorBox dl dt {
	line-height:1em;
	margin:0 0 .8em 0;
}

.authorBox dl dd.name {
	font-size:1.7em;
	font-weight:600;
	letter-spacing:.1em;
	margin:0 0 .5em 0;
	white-space: nowrap;

}

.authorBox dl dd.name span {
	font-family: 'Playfair Display', serif;
	font-size:15px;
	font-weight:normal;
	
}

.authorBox dl dd.name span.tel {
	font-size:18px;
	margin:0 0 0 .7em;
}

.authorBox dl dd.name span.tel:before {
	content:"\f095";
	font-family: FontAwesome;
	vertical-align:middle;
	margin:0 .2em 0 0;

}

.authorBox dl dd.copy {
	margin:0 0 1em 0;
}

.authorBox dl dd.snsIcon li {
	display:inline-block;
	margin:0 .3em 0 0;
	font-size:1.5em;
}

.authorBox dl dd.snsIcon li a:hover {
	opacity:.8;
}

.widget {
	clear:both;
	margin:0 0 40px 0;
}

.widget h3 {
	font-family: 'Playfair Display', serif;
	font-size:18px;
	margin:0 0 .5em 0;
	padding:0 0 .5em 0;
	border-bottom:1px solid #beb4a0;
}

.widget h4 {
	font-size:1.2em;
	margin:.5em 0 .3em 0;
}

.widget li {
	padding:0 0 0 0;
}

.widget li span {
	font-size:.8em;
}

.widget li a {
	display:block;
	text-decoration:none;
	padding:.5em 0;
}

.widget.widget_review a.active {
	font-weight:bold;
	text-decoration:underline;
}

.widget li a:hover {
	color:#beb4a0;
}

.widget li ul.stylists a {
	padding:0;
}

.widget li a.more:after {
	content:"\f054";
	font-family: FontAwesome;
	float:right;
	padding:0 1em 0 0;
}

.widget li a.more.selected:after {
	content:"\f078";
	font-family: FontAwesome;
	float:right;
	padding:0 1em 0 0;
}

.widget li ul.stylists li {
	border:none;
	padding:0 0 0 0;
	margin:0 0 .3em 0;
	font-size:1em;
}

.widget li ul.stylists li:last-child {
	margin:0 0 1em 0;
}

.widget li ul.stylists li a:before {
	content:"- ";
	padding:0 0 0 1em;
}

.widget ul.month li a:before {
	content:"- ";
	padding:0 0 0 .5em;
}

.widget ul.month li a {
	padding:.3em 0;
}

.widget li a.btn {
	background:#beb4a0;
	color:#fff;
	padding:.5em 0 .5em 1em;
	margin:.5em 0 .5em 0;
}

.widget li a:hover.btn {
	color:#fff;
	opacity:.8;
}

.widget h4.year {
	cursor:pointer;
}

/* #styleDatail スタイル詳細 */
.style #styleDatail {
	margin:0 0 40px 0;
}

.style #styleDatail #styleL {
	float:left;
	width:450px;
}

.style #styleDatail #styleR {
	float:right;
	width:360px;
}

.style #styleDatail #styleL #slider li {
	padding:0 0 15px 0;

}

.style #styleDatail #styleL #slider li img {
	width:450px;
	height:580px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.style #styleDatail #styleL #bx-pager {
	clear:both;
}

.style #styleDatail #styleL #bx-pager li {
	width:140px;
	float:left;
	margin:0 15px 0 0;
}

.style #styleDatail #styleL #bx-pager li img {
	width:140px;
	height:180px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.style #styleDatail #styleL #bx-pager li:last-child {
	margin:0;
}

.style #styleDatail #cripWrap {
	position:relative;
}


.style #styleDatail #cripWrap .clip {
	position:absolute;
	right:15px;
	bottom:20px;
	z-index:100;
}

.style #styleDatail #cripWrap .clip i {
	font-size:1.8em;

}

.style #styleDatail #cripWrap .clip a:hover i {
	display:none;
	
}

.style #styleDatail #cripWrap .clip a {
	text-decoration:none;
}

.style #styleDatail #cripWrap .clip a.active {
	color:#e10000;
}

.style #styleDatail #cripWrap .clip a:hover:after {
	content:"\f004";
	font-family: FontAwesome;
	color:#e10000;
	line-height:1em;
	font-size:1.8em;
}


.style #styleDatail #styleR h3 {
	font-size:1.3em;
	padding:0 0 1em 0;
	margin:0 0 2em 0;
	background:url(../../hair_catalog/images/title_line.png) bottom left no-repeat;
	font-weight:bold;
	line-height:1.6em;
}

.style #styleDatail #styleR #message {
	margin:0 0 2em 0;
}

.style #styleDatail #styleR #reserveBtn {
	margin:0 0 20px 0;
}

.style #styleDatail #styleR #reserveBtn li {
	display:inline-block;
	margin:0 5px;
}

.style #styleDatail #styleR #reserveBtn a {
	display:block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.8em 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	box-sizing:border-box;
}

.style #styleDatail #styleR #reserveBtn a i {
	font-size:1.3em;
	vertical-align:middle;
}

.style #styleDatail #styleR #reserveBtn a:hover {
	color:#fff;
	background:#8c786e;
}

.style #styleDatail #styleR #styleData {
	margin:0 0 0 0;
}

.style #styleDatail #styleR #styleData table {
	width:100%;
	margin:0 0 20px 0;
}

.style #styleDatail #styleR #styleData table th {
	width:60px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	padding:1.5em 0;
	border-bottom:1px solid #8c786e;
	font-size:1.1em;
}

.style #styleDatail #styleR #styleData table td {
	padding:1.5em 0;
	border-bottom:1px solid #8c786e;
}

.style #styleDatail #styleR #styleData li {
	width:96px;
	line-height:1em;
	padding:.8em 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
	background-color:#beb4a0;
	color:#fff;
	margin:0 6px 0 0;
}

.style #styleDatail #styleR #styleData li.active {
	background-color:#8c786e;
}



.style #styleDatail #styleR #styleData ul.type {
	display:table-cell;
	vertical-align:middle;
}

.style #styleDatail #styleR #styleData ul.type li {
	width:56px;
	height:62px;
	font-size:.8em;
	padding:.5em 0 0 0;
	background-color:#beb4a0;
	background-repeat:no-repeat;
	background-position:bottom 6px center;
	margin:0 5px 0 0;
}

.style #styleDatail #styleR #styleData ul.type li:nth-child(1) {background-image:url(../../hair_catalog/images/type1.png);}
.style #styleDatail #styleR #styleData ul.type li:nth-child(2) {background-image:url(../../hair_catalog/images/type2.png);}
.style #styleDatail #styleR #styleData ul.type li:nth-child(3) {background-image:url(../../hair_catalog/images/type3.png);}
.style #styleDatail #styleR #styleData ul.type li:nth-child(4) {background-image:url(../../hair_catalog/images/type4.png);}
.style #styleDatail #styleR #styleData ul.type li:nth-child(5) {background-image:url(../../hair_catalog/images/type5.png);}

.style #styleDatail #styleR #styleData ul.type li.active {
	background-color:#8c786e;
}
.style #styleDatail #styleR #styleData li:last-child {
	margin:0 0 0 0 !important;
}

.style #styleDatail #styleR #styleData dt {
	font-weight:bold;
	margin:0 0 .5em 0;
	font-size:1.1em;
}

.style #styleDatail #styleR #styleData dd {
	padding:0 0 1.3em 0;
	margin:0 0 1.5em 0;
	border-bottom:1px solid #8c786e;
}

.style #planBtn {
	clear:both;
	margin:0 0 60px 0;
}

.style #planBtn li {
	width:48.5%;
	text-align:center;
}

.style #planBtn li.new {float:left;}
.style #planBtn li.repeat {float:right;}

.style #planBtn li.new a {background:#ff5a7d}
.style #planBtn li.repeat a {background:#ffc800}

.style #planBtn li a {
	display:block;
	width:100%;
	color:#fff;
	line-height:1em;
	padding:1.3em 0;
	box-sizing:border-box;
	font-size:1.1em;
	position:relative;
	text-decoration:none;
}

.style #planBtn li a:after {
	content:"\f105";
	font-family: FontAwesome;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-.3em;
	margin-right:.5em;
	font-size:1.5em;
}

.style #planBtn li a:hover {
	opacity:.8;
}

.style #otherStyle h2.title {
	text-align:left;
}

.style #otherStyle ul {
	margin:0 0 50px 0;
}

.style #otherStyle li {
	float:left;
	width:154px;
	margin:0 20px 0 0;
}

.style #otherStyle li:nth-child(5) {
	margin:0 0 0 0;
}


.style #otherStyle li:nth-child(6) {
	display:none;
	margin:0 0 0 0;
}

.style #otherStyle li img {
	width:154px;
	height:198px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

/* .movie ムービー */

.movie #movieArea {
	margin:0 0 40px 0;
}

.movie #movieArea p.message {
	margin:0 0 2em 0;
}

.movie #movieArea form {
	text-align:right;
	margin:0 0 30px 0;
}

.movie #movieArea dl {
	width:530px;
	margin:0 0 25px 0;
}

.movie #movieArea dl:nth-child(odd) {float:left;}
.movie #movieArea dl:nth-child(even) {float:right;}

.movie #movieArea dl iframe {
	width:530px !important;
	height:300px !important;
}

.movie #movieArea dt {
	margin:0 0 15px 0;
}


.movie #movieArea dd.title {
	font-weight:bold;
	margin:0 0 .3em 0;
}

.movie #movieArea dd.note {
	font-size:.9em;
}

/* .lilou リル */

.lilou #lilouList {
	margin:0 0 30px 0;
}

.lilou #lilouList p.message {
	margin:0 0 2em 0;
}

.lilou #lilouList a {
	display:block;
	width:270px;
	float:left;
	margin:0 20px 30px 0;
	text-decoration:none;
}

.lilou #lilouList a:nth-child(3n) {
	margin: 0 0 30px 0;
}

.lilou #lilouList a:hover {
	opacity:.8;
}

.lilou #lilouList dt {
	margin:0 0 15px 0;
}

.lilou #lilouList dt img {
	width:270px;
	height:250px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}


.lilou #lilouList dd.title {
	font-weight:bold;
	margin:0 0 .5em 0;
}

.lilou #lilouList a:hover dd.title {
	text-decoration:underline;
}

.lilou #lilouList dd.note {
	font-size:.9em;
	line-height:1.7em;
}

/* .award アワード */

.award #awardList {
	margin:0 0 30px 0;
}

.award #awardList p.message {
	margin:0 0 2em 0;
}

.award #awardList a {
	display:block;
	width:340px;
	float:left;
	margin:0 40px 30px 0;
	text-decoration:none;
}

.award #awardList a:nth-child(3n) {
	margin: 0 0 30px 0;
}

.award #awardList a:hover {
	opacity:.8;
}

.award #awardList dt {
	margin:0 0 15px 0;
}

.award #awardList dt img {
	width:340px;
	height:250px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}


.award #awardList dd.title {
	font-weight:bold;
	margin:0 0 .5em 0;
}

.award #awardList a:hover dd.title {
	text-decoration:underline;
}

.award #awardList dd.note {
	font-size:.9em;
	line-height:1.7em;
}



/* .press プレス */

.press #pressList {
	margin:0 0 30px 0;
}

.press #pressList p.message {
	margin:0 0 2em 0;
}

.press #pressList dl {
	display:block;
	width:196px;
	float:left;
	margin:0 22px 30px 0;
	text-decoration:none;
}

.press #pressList dl:nth-child(4n) {
	margin: 0 0 30px 0;
}

.press #pressList a:hover {
	opacity:.8;
}

.press #pressList dt {
	margin:0 0 15px 0;
}

.press #pressList dt img {
	width:196px;
	height:248px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.press #pressList dd.cat {
	color:#beb4a0;
	margin:0 0 0em 0;
	font-size:.85em;
}

.press #pressList dd.cat time:after {
	content:"/";
	vertical-align:middle;
	padding:0 .5em;
}

.press #pressList dd.title {
	font-weight:bold;
	margin:0 0 .2em 0;
}

.press #pressList a:hover dd.title {
	text-decoration:underline;
}

.press #pressList dd.media {
	font-size:.9em;
}

.press #pressDetail dl {
	border-bottom:1px solid #e5dbc7;
	padding:0 0 1em 0;
	margin:0 0 3em 0;
}

.press #pressDetail dt {
	color:#a88550;
	font-size:.9em;
	margin:0 0 .7em 0;
}

.press #pressDetail dt time {
	font-size:16px;
	font-family: 'Playfair Display', serif;
}
	
.press #pressDetail dd {
	font-size:1.3em;
}

/* .article 記事詳細 */

article.article {
	clear:both;
}


article.article a:link, article.article a:visited, article.article a:active {
	color: #1D3994;
	text-decoration: none;
}

article.article a:hover {
	color: #ff0078;
	text-decoration: underline;
}


article.article img,
article.article a img {
	max-width:100% !important;
	height:auto !important;
}

article.article p {
	margin:0 0 1em 0;
}

article.article h1,
article.article h2,
article.articlee h3,
article.article h4,
article.article h5,
article.article h6 {
	text-align:left;
	font-weight:normal;
}

article.article h1 {font-size:1.4em;}
article.article h2 {font-size:1.2em;}
article.article h3 {font-size:1em;}
article.article h4 {font-size:0.8em;}
article.article h5 {font-size:0.7em;}
article.article h6 {font-size:0.6em;}


/* .recruit 採用情報 */

.recruit #keyImg {
	margin:0 0 40px 0;
}

.recruit #keyImg img {
	width:100%;
	height:auto;
}

.recruit p.message {
	line-height:2em;
	text-align:center;
}

.recruit #photoArea {
	padding:40px 0 80px 0;
}

.recruit #photoArea li {
	width:25%;
	float:left;
}

.recruit #photoArea li img {
	width:100%;
	height:auto;
}

.recruit #voiceArea .voiceBox {
	clear:both;
	margin:0 0 40px 0;
}

.recruit .voiceBox .voicePict {
	width:400px;
}

.recruit .voiceBox .voicePict img {
	width:100%;
	height:auto;
}

.recruit .voiceBox .voicePict {float:left;}

.recruit .voiceBox .voiceTxt {
	width:660px;
	position:relative;
}
.recruit .voiceBox .voiceTxt {float:right;}

.recruit .voiceBox dl {
	border-bottom:1px solid #beb4a0;
	margin:0 0 2em 0;
	padding:0 0 1em 0;
}



.recruit .voiceBox dt {
	font-size:2.4em;
	margin:0 0 .3em 0;
	letter-spacing:.15em;
}

.recruit .voiceBox dd.rank {
	font-size:1.1em;
}
	
.recruit .voiceBox dd.photo {
	display:none;
}

.recruit .voiceBox h4 {
	font-weight:bold;
	font-size:1.25em;
	margin:0 0 .5em 0;
}

.recruit .voiceBox p {
	margin:0 0 2em 0;
}


.outlineArea {
	margin:0 0 0 0;
}

.recruit .outline .container:nth-child(odd) {background-color: rgba(255,255,255,1);}
.recruit .outline .container:nth-child(even) {background-color: rgba(251,248,240,1);}

.recruit .outline.x2 .container:first-child {padding:80px 0 80px 0;}
.recruit .outline.x2 .container:nth-child(even) {background-color: rgba(255,255,255,1);}
.recruit .outline.x2 .container:nth-child(odd) {background-color: rgba(251,248,240,1);}

.recruit .outlineArea {
	margin:0 0 0 0;
}

.recruit .outlineArea img.flowImg {
	width:500px;
	height:auto;
	margin:0 0 20px 0;
}



.recruit .outlineArea .mainPict img {
	width:60%;
	height:auto;
}

.outlineArea h3 {
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 .8em 0;
	padding:0 0 0 .6em;
	border-left:5px solid #beb4a0;
}

.outlineArea p {
	margin:0 0 2em 0;
	font-size:1.1em;
}

.outlineArea table {
	width:100%;
	font-size:1.1em;
}

.outlineArea table.alt {
	margin:0 0 30px 0;
}

.outlineArea table th {
	width:9em;
	padding:1.2em 0;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #beb4a0;
}

.outlineArea table.alt th {
	width:5em;
	padding:1.2em 1em;
}

.outlineArea table td {
	padding:1.2em 0;
	border-bottom:1px solid #beb4a0;
}

.outlineArea table tr:last-child th,
.outlineArea table tr:last-child td {
	border:none;
}

/* .mypage マイページ */
.mypage .loginBox {
	width:415px;
	box-sizing:border-box;
	border:1px solid #e6dcc8;
	padding:30px;
}

.mypage .loginBox.x2 {
	width:100%;
}

.mypage #memberLogin {
	margin:0 0 30px 0;
}

.mypage .loginBox:nth-child(odd) {float:left;}
.mypage .loginBox:nth-child(even) {float:right;}

.mypage .loginBox h3 {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 1em 0;
}

.mypage .loginBox h4 {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 1em 0;
	border-left:5px solid #8c786e;
	padding:0 0 0 .3em;
}

.mypage h4.title {
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 1.5em 0;
	border-left:5px solid #8c786e;
	padding:.3em 0 .1em .5em;
	line-height:1em;
}


.mypage .loginBox hr {
	width:50px;
	text-align:center;
	border:solid #8c786e;
	height:1px;
	border-width:1px 0 0 0;
	margin:0 auto 25px auto;
}

.mypage .loginBox p {
	margin:0 0 1em 0;
}

.mypage .loginBox p img {
	width:100%;
	height:auto;
}

.mypage .loginBox form {
	margin:0 0 0 0;
}

.mypage .loginBox form dl {
	margin:0 0 20px 0;
}

.mypage .loginBox form dt {
	margin:0 0 .3em 0;
}

.mypage .loginBox form dd {
	margin:0 0 .8em 0;
}

.mypage .loginBox form dd .input-large {
	width:100%;
}

.mypage .button {
	background:none;
	display:block;
	border:none;
	text-align:center;
	width:100%;
	color:#fff;
	line-height:1em;
	font-size:1.2em;
	padding:1em 0;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-image: border-radius: 5px;
	-webkit-border-image: border-radius: 5px;
	text-decoration:none;
	
}

.mypage .button i {
	vertical-align:middle;
	font-size:1.2em;
	margin:0 .5em 0 0;
}

.mypage .button:hover {
	opacity:.8;
}

.mypage .button.type1 {
	background:#ff5a7d;
}

.mypage .button.type2 {
	background:#3b5998;
}

.mypage .loginBox p.foget {
	text-align:center;
	padding:1em 0 0 0;
	margin:0 0 20px 0;
}

.mypage .loginBox p.foget a {
	text-decoration:underline;
}

.mypage .loginBox p.foget a:hover {
	text-decoration:none;
}


.mypage .loginBox .registBtn dt {
	margin:0 0 .2em 0;
}

.mypage .loginBox .registBtn dd {
	margin:0 0 1.3em 0;
}

.mypage .loginBox #formArea {
	width:70%;
	margin:0 auto 0 auto;
}

.mypage .loginBox #formArea table {
	width:100%;
	margin:0 0 20px 0;
}

.mypage .loginBox #formArea table th {
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	padding:1em 1em;
}

.mypage .loginBox #formArea table td {
	padding:1em 1em;
}

.mypage #salonSelect {
	width:70%;
	margin:0 auto 0 auto;
}

.mypage #salonSelect .salonBox {
	border-bottom:1px solid #beb4a0;
	padding:20px 0;
}

.mypage #salonSelect .salonBox:last-child {
	border:none;
}

.mypage #salonSelect .salonBox dl {
	float:left;
}

.mypage #salonSelect .salonBox dt {
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 .2em 0;
}

.mypage #salonSelect .salonBox dd {
	font-size:1.1em;
}

.mypage #salonSelect .salonBox form {
	float:right;
}

.mypage .loginBox #salonSelect .salonBox button {
	margin:0;
}

.mypage #mySalon {
	width:100%;
	box-sizing:border-box;
	border:1px solid #e6dcc8;
	padding:30px;
	margin:0 0 30px 0;
}

.mypage #mySalon dt {
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 1em 0;
}

.mypage #mySalon dl dd.reserveBtn a {
	display:inline-block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.75em 5em;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	box-sizing:border-box;
}

.mypage #mySalon dl dd.reserveBtn a:hover {
	color:#fff;
	background:#8c786e;
}

.mypage #mySalon dl dd.reserveBtn a i {
	font-size:1.5em;
	vertical-align:text-top;
}

.mypage .changeLength {
	margin:0 0 25px 0;
}

.mypage .changeLength span {
	font-size:1.2em;
}

.mypage #myStyle {
	margin:0 0 10px 0;
}

.mypage #myStyle a {
	display:block;
	width:154px;
	float:left;
	margin:0 20px 20px 0;
	text-decoration:none;
}

.mypage #myStyle a:nth-child(5n) {
	margin:0 0 20px 0;
}

.mypage #myStyle a:hover {
	opacity:.8;
}

.mypage #myStyle dt {
	margin:0 0 10px 0;
}

.mypage #myStyle dt img {
	width:154px;
	height:198px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.mypage #myStyle dd.title {
	line-height:1.5em;
	margin:0 0 .3em 0;
}

.mypage #myStyle dd.salon {
	font-size:.8em;
	color:#beb4a0;
	line-height:1em;
	margin:0 0 .4em 0;
	letter-spacing:0;
}

.mypage #myStaff #noStaff {
	font-size:1.1em;
	line-height:2em;
}

.mypage .widget h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mypage .bnList li {
	margin:0 0 15px 0;
	text-align:center;
}

.mypage .bnList li:last-child {
	margin:0 0 0 0;
}

.mypage #memberBox {
}

.mypage #memberBox table {
	width:100%;
	
	margin:0 0 20px 0;
}



.mypage #memberBox table th {
	width:12em;
	padding:1.2em 0;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #beb4a0;
	font-size:1.1em;
}

.mypage #memberBox table td {
	padding:1.2em 0;
	border-bottom:1px solid #beb4a0;
	font-size:1.em;
}

.mypage #memberBox table tr:last-child th,
.mypage #memberBox table tr:last-child td {
	border:none;
}

.mypage #memberBox table td .button2.small {
	font-size:.9em !important;
}

.mypage #memberBox p.note {
	margin:2em 0 0 0;
}

.mypage #memberBox p.note a {
	text-decoration:underline;
}

.mypage #memberBox p.note a:hover {
	text-decoration:none;
}

.mypage #messagesBox {
	border:1px solid #e6dcc8;
}

.mypage #messagesBox nav {
	border-bottom:1px solid #e6dcc8;
}

.mypage #messagesBox nav li {
	float:left;
	text-align:center;
	width:25%;
}

.mypage #messagesBox nav li a {
	display:block;
	font-weight:bold;
	font-size:1.2em;
	padding:1.4em 0 1.2em 0;
	text-decoration:none;
	border-bottom:4px solid #fff;
	
}

.mypage #messagesBox nav li a:hover,
.mypage #messagesBox nav li a.active {
	border-bottom:4px solid #e6dcc8;
}
	
.mypage #messageList {
	padding:30px;
}

.mypage #messageList a {
	clear:both;
	display:block;
	border-bottom:1px solid #e6dcc8;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

.mypage #messageList a:last-child {
	border-bottom:none;
	margin:0 0 0 0;
}

.mypage #messageList a:hover {
	opacity:.8;
}

.mypage #messageList dl {
	position:relative;
}

.mypage #messageList dl:after {
	content:"\f105";
	font-family: FontAwesome;
	position:absolute;
	right:0;
	top:50%;
	margin-top:.3em;
	margin-right:.5em;
	font-size:2.5em;
	color:#beb4a0;
}

.mypage #messageList dt {
	float:left;
	width:8%;
	text-align:center;
	position:relative;
}

.mypage #messageList dt.new:after {
	content:"NEW";
	color:#ff5a7d;
	text-align:center;
	padding:.2em 0 0 0;
	display:block;
	line-height:1em;
}

.mypage #messageList dt i {
	font-size:1.6em;
}

.mypage #messageList dd {
	float:right;
	width:92%;
}

.mypage #messageList dd.title {
	font-weight:bold;
	font-size:1.15em;
}

.mypage #messageList dl.open dd.title {
	font-weight:normal;
	color:#beb4a0;
}

.mypage #messageList dl.open dt i {
	color:#beb4a0;
}

.mypage #messageList dd.date {
	color:#beb4a0;
	font-size:1.1em;
}

.mypage #mailBtn {
	margin:10px 0 15px 0;
}

.mypage #mailBtn li:nth-child(odd) {float:left;}
.mypage #mailBtn li:nth-child(even) {float:right;}

.mypage #messagesDetail {
	border:1px solid #e6dcc8;
	padding:30px;
	box-sizing:border-box;
}

.mypage #messagesDetail dl {
	border-bottom:1px solid #e6dcc8;
	padding:0 0 15px 0;
	margin:0 0 25px 0;
}

.mypage #messagesDetail dt {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 .3em 0;
}

.mypage #messagesDetail dd {
	font-size:1.1em;
	color:#beb4a0;
}

.mypage .agreement {
	text-align:center;
	margin:0 0 2em 0;
}

.mypage li .mailNum {
	color:#fff;
	background:#e10000;
	line-height:1.8em;
	width:2em;
	height:2em;
	display:inline-block;
	text-align:center;
	font-family: 'Playfair Display', serif;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	font-size:12px;
	vertical-align:middle;
	margin:0 0 0 1em;
}

.mypage .pager {
	margin:0 0 40px 0;
}

.mypage.style #styleDatail {
	padding:20px;
	box-sizing:border-box;
	margin:0 0 0 0;
}

.mypage .nextArea {
	margin:0 0 30px 0;
}

.mypage .nextArea .nextBox {
	clear:both;
	padding:20px;
	border:1px solid #e6dcc8;
	margin:0 0 20px 0;
	position:relative;
	font-size:1.1em;
	box-sizing:border-box;
}

.mypage .nextArea .nextBox .info {
	margin:1em 0 0 0;
}

.mypage .nextArea .nextBox .info li {
	margin:0 0 0.2em 0;
}

.mypage .nextArea .nextBox time {
	font-size:1.1em;
}

.mypage .nextArea .canceled {
	color:#ff377d;
	font-weight:bold;
	margin:0 0 0 1em;
}

.mypage .nextArea .nextBox .operation {
	margin:1em 0 0 0;
	padding:1em 0 0 0;
	border-top:1px dashed #beb4a0;	
}

.mypage .nextArea .nextBox .operation li {
	display:inline-block;
	margin:0 .8em 0 0;
}

.mypage .nextArea .nextBox .operation li:last-child {
	margin:0 0 0 0;
}

.mypage .nextArea .nextBox .operation li a:hover {
	text-decoration:underline;
}

.mypage .historyLink {
	text-align:right;
	font-size:1.2em;
}


#formArea table th.required:after {
	content:"※";
	color:#ff4682;
	font-weight:bold;
	margin:0 0 0 .3em;
	vertical-align:middle;
}

.mypage .widget h3 {
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.mypage .widget h3 span.point {
	font-size:.9em;
	color:#ff5a7d;
}


.mypage #mypageMunu h4:after {
	content:"\f067";
	font-family: FontAwesome;
	float:right;
	padding:0 1em 0 0;
}

.mypage #mypageMunu h4.selected:after {
	content:"\f068";
	font-family: FontAwesome;
	float:right;
	padding:0 1em 0 0;
}


/* .collection コレクション */


.collection header {
	width:100%;
	padding:20px 0;
	text-align:center;
	border-bottom:1px solid #e6dcc8;
	margin:0 0 0 0;
	background-color: rgba(255,255,255,1);
	
}

.collection header dl#logo dt {
	margin:0 0 10px 0;
}

.collection .container:first-child {
	padding:80px 0 80px 0;
}

.collection .container.detail:first-child {
	background-color: rgba(0,0,0,.5);
}

.collection #collectionList dl {
	margin:0 0 30px 0;
}

.collection #collectionList dl.new {
	margin:0 0 50px 0;
}

.collection #collectionList dt {
	margin:0 0 10px 0;
	position:relative;
}

.collection #collectionList dt img {
	width:535px;
	height:300px;
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover;';
}

.collection #collectionList dt span {
	position:absolute;
	right:1em;
	bottom:1em;
}

.collection #collectionList dd.title {
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 .5em 0;
}


.collection #collectionList .achives dl {
	width:535px;
}

.collection #collectionList .achives dl:nth-child(odd) {float:left;}
.collection #collectionList .achives dl:nth-child(even) {float:right;}

.collection #photoList {
	width:1128px;
	margin:auto;
}

.collection #photoList li{
	float:left;
	width:33.333333%;
	
	padding:7px;
	box-sizing:border-box;
}

.collection #photoList li img {
	width:100%;
	height:100%;
	object-fit: fill|contain|cover|none|scale-down;
	
}


.collection #photoList li figure {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.collection #photoList li figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.3);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
  box-sizing:border-box;
}
.collection #photoList li figure:hover figcaption {
  opacity: 1;
  border:7px solid #fff;
}

.collection #photoList.x2 li {
	width:47%;
	
}

.collection #photoList.x2 li:nth-child(odd) {float:left; margin:0 0 50px 0;}
.collection #photoList.x2 li:nth-child(even) {float:right; margin:50px 0 0 0;}

.collection #photoList.x2 li:nth-child(4n) {margin:50px 0 50px 0; }

.collection #photoList.x2 li:nth-child(3n) {margin:0 2% 0 2%; }

.collection #photoList.x2 li:nth-child(6n) {width:38%;}



.collection #photoList.x2 li iframe {
	width:100%;
	height:350px;
}


/* review 口コミ */
.reviewBox {
	padding:25px;
	border:1px solid #8c786e;
	box-sizing:border-box;
	width:100%;
	margin:0 0 40px 0;
}

.reviewBox:last-child {
	margin:0 0 0 0;
}

.reviewBox .reviewHead {
	padding:0 0 .8em 0;
	margin: 0 0 1.5em 0;
	border-bottom:1px dashed #8c786e;
}

.reviewBox .reviewHead dt {
	float:left;
	font-size:1.25em;
	font-weight:bold;
	letter-spacing:.2em;
}


.reviewBox .reviewHead dt span {
	font-weight:normal;
	font-size:.8em;
}

.reviewBox .reviewHead dt i {
	-ms-filter: "FlipH";  
	-moz-transform: scaleX(-1);  
	-o-transform: scaleX(-1);  
	-webkit-transform: scaleX(-1);  
	transform: scaleX(-1);  
	filter: FlipH;  
	vertical-align:baseline;
	font-size:1.8em;
	margin:0 .3em 0 0;
	font-weight:normal;
}
	
.reviewBox .reviewHead time {
	float:right;
	margin:1em 0 0 0;
}

.reviewBox .reviewHead time:before {
	content:"[投稿日] ";
	vertical-align:middle;
}

.reviewBox article dl {
	margin:0 0 1em 0;
}

.reviewBox article dt {
	float:left;
	font-weight:bold;
	font-size:1.2em;
}

.reviewBox article dt:before {
	content:"MENU";
	vertical-align:middle;
	font-weight:normal;
	color:#fff;
	background:#beb4a0;
	line-height:1em;
	padding:.3em .6em .2em .6em;
	margin:0 .7em 0 0 ;
	font-size:.8em;
}

.reviewBox article dt span {
	font-weight:normal;
	font-size:.9em;

}

.reviewBox article dt a {
	
}

.reviewBox article dd {
	float:right;
	font-size:1.2em;
}

.reviewBox article dd span {
	font-size:1.2em;
	color:#FF5A95;
	font-weight:bold;
}

.reviewBox article dd i {
	color:#FF5A95;
}

.reviewBox article dd i.x2 {
	color:#969696;
}

.reviewBox article p.message {
	color:#969696;
	font-size:1.1em;
	margin:0 0 2em 0;
}


/* balloon-2 top */
#comment-top {
	position: relative;
	display: inline-block;
	padding: 25px;
	width: 100%;
	box-sizing:border-box;
	min-height: 40px;
	background: #fff;
	z-index: 0;
	margin:0 0 20px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/**/
#comment-top:after {
	content: "";
	position: absolute;
	top: -10px; left: 30px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
}


#comment-top h4 {
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 .8em 0;
}

#comment-top h4 span {
	font-size:.8em;
	font-weight:normal;
	margin:0 0 0 .5em ;
}

#comment-top p.comment {
	margin:0 0 2em 0;
}

#comment-top .staff li {
	display:inline-block;
	vertical-align:middle;
	margin:0 .5em 0 0;
}

#comment-top .staff li img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width:75px;
	height:75px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}






.reviewBox article .reservBtn a {
	display:block;
	text-align:center;
	border:1px solid #8c786e;
	padding:.75em 0;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	background:#8c786e;
	color:#fff;
}

.reviewBox article .reservBtn a:before {
	content:"\f109";
	font-family: FontAwesome;
	font-size:1.5em;
	vertical-align:middle;
	margin:0 .5em 0 0;
	font-weight:normal;
}



.reviewBox article .reservBtn a:hover {
	opacity:.8;
	
}



/* .faq FAQ */
#faqArea {
	width:900px;
	margin:auto;
}

#faqArea h3 {
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0 0 .8em 0;
	border-bottom:1px solid #beb4a0;
}

#faqArea .accordion {
	margin:0 0 40px 0;
}

#faqArea .accordion:last-child {
	margin:0 0 0 0;
}

#faqArea .accordion dt.qes {
	font-size:1.2em;
	margin:0 0 1em 0;
	cursor:pointer;
	padding-left:1.5em;
	text-indent:-1.5em;
}

#faqArea .accordion dt.qes:before {
	content:"";
	content:"\f105";
	font-family: FontAwesome;
	line-height:1.2em;
	vertical-align:middle;
	margin:0 .5em 0 0;
	color:#fff;
	background:#646464;
	width:1.2em;
	display:inline-block;
	height:1.2em;
	text-align:center;
	vertical-align:baseline;
	padding-left:0;
	text-indent:0;

	
}

#faqArea .accordion dt.qes:hover {
	text-decoration:underline;
}

#faqArea .accordion dt.qes.selected {
	text-decoration:underline;
}

#faqArea .accordion dt.qes.selected:before {
	content:"\f107";
	background:#323232;
}

#faqArea .accordion dd.ans {
	margin:0 0 1.5em 0;
}

/* WP系 */

.cat1 {background: rgba(255,145,165,.8) !important;}
.cat2 {background: rgba(255,180,95,.8) !important;}
.cat3 {background: rgba(112,131,145,.8) !important;}
.cat103 {background: rgba(198,227,209,.8) !important;}
.cat5 {background: rgba(217,150,98,.8) !important;}
.cat6 {background: rgba(165,176,116,.8) !important;}
.cat7 {background: rgba(221,161,153,.8) !important;}
.cat8 {background: rgba(200,184,171,.8) !important;}
.cat9 {background: rgba(70,29,55,.8) !important;}
.cat10 {background: rgba(188,160,139,.8) !important;}

.cat11 {background: rgba(207,187,160,.8) !important;}
.cat12 {background: rgba(229,133,179,.8) !important;}
.cat13 {background: rgba(220,177,184,.8) !important;}
.cat14 {background: rgba(194,171,103,.8) !important;}
.cat15 {background: rgba(140,122,110,.8) !important;}


#wpList {
	clear:both;
	margin:0 0 50px 0;
}

#wpList a {
	display:block;
	float:left;
	text-decoration:none;
	
}

#wpList a:hover {
	opacity:.8;
}

#wpList a dl {
	position:relative;
}

#wpList a dt {
	margin:0 0 20px 0;
}

#wpList a dd.date {
	line-height:1em;
	margin:0 0 .5em 0;
}

#wpList a dd.title {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 .2em 0;
}

#wpList a dd.tag {
	text-align:center;
	padding:9px 15px 7px 15px;
	line-height:100% ;
	display:inline-block ;
	text-align:center ;
	color:#fff ;
	position:absolute;
	top:0;
	right:0;
}

#wpList a dd.author {
	color:#beb4a0;
}

#wpList a:nth-child(-n + 4) {
	width:355px;
	margin:0 0 40px 0;
}

#wpList a:nth-child(-n + 4):nth-child(odd) {float:left;}
#wpList a:nth-child(-n + 4):nth-child(even) {float:right;}

#wpList a:nth-child(-n + 4) dt img {
	width:355px;
	height:265px;
	object-fit: cover;
	object-position: 50% 20%;
	font-family: 'object-fit: cover;';
}


#wpList a:nth-child(+n + 5) {
	width:230px;
	margin:0 30px 40px 0;
}

#wpList a:nth-child(+n + 5):nth-child(7) {margin:0 0 40px 0;}
#wpList a:nth-child(+n + 5):last-child {margin:0 0 40px 0;}

#wpList a:nth-child(+n + 5) dt img {
	width:230px;
	height:172px;
	object-fit: cover;
	object-position: 50% 20%;
	font-family: 'object-fit: cover;';
}

#sideCol2 #pickupArea #tabs {
	margin:0 0 20px 0;
}

#sideCol2 #pickupArea #tabs li {
	border-bottom:0;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#8c786e;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#sideCol2 #pickupArea #tabs li a {
	float:left;
	border:1px solid #8c786e;
	padding:.8em 0em;
	line-height:1em;
	width:96px;
	box-sizing:border-box;
	text-align:center;
	margin:0 6px 6px 0;
	font-size:.9em;
	color:#8c786e;
}

#sideCol2 .widget li a,
#sideCol2 #pickupArea #tab2 li a {
	display:inline-block;
}

#sideCol2 #pickupArea #tabs li:nth-child(3n) a {
	margin:0 0 6px 0;
}

#sideCol2 #pickupArea #tabs li.ui-state-active a {
	border:1px solid #8c786e;
	background:#8c786e;
	color:#fff;
}

#sideCol2 #pickupArea .pickL {
	float:left;
	width:80px;
}

#sideCol2 #pickupArea .pickL img {
	width:80px;
	height:80px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#sideCol2 #pickupArea .pickR {
	float:right;
	width:210px;
	font-size:.9em;
}

#sideCol2 #pickupArea .pickR dt {
	color:#969696;
}

#sideCol2 #pickupArea .pickR dt time {
	color:#646464;
}

#sideCol2 #pickupArea .pickR dd {
	line-height:1.5em;
}

#sideCol2 #pickupArea .pick a {
	display:block;
	clear:both;
	margin:0 0 10px 0;
}

#sideCol2 #pickupArea .pick a:last-child {
	margin: 0 0 0 0;
}

#sideCol2 #pickupArea .pick a:hover dd {
	text-decoration:underline;
}

#sideCol2 #authorList a {
	display:block;
	margin:0 0 15px 0;
}

#sideCol2 #authorList a:hover {
	opacity:.8;
}

#sideCol2 #authorList a dt {
	width:20%;
	float:left;
}

#sideCol2 #authorList a dt img {
	width:100%;
	height:auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#sideCol2 #authorList a dd {
	float:right;
	width:75%;
	font-size:1.1em;
}

#sideCol2 #authorList a dd .user_salon {
	font-size:.8em;
}

#sideCol2 .side_form {
	margin:0 0 20px 0;
	position:relative;
}

#sideCol2 .side_form .input_text{
	width: 100%;
	height: 50px;
	padding: 8px 40px 8px 8px;
	margin: 0;
	float: left;
	border: 2px solid #beb4a0;
	font-size:1.1em;
	letter-spacing:1px;
	box-sizing:border-box;
	border-radius:0;

}

#sideCol2 .side_form .input_text:focus{
	border-color: none;
	box-shadow: none;
	background:#fbf8f0;
}

#sideCol2 .side_form .bt_search{
	position:absolute;
	top:0;
	right:0px;
	border:none;
	background:none;
	z-index:10;
	display:table-cell;
	width:48px;
	height:48px;
	vertical-align:middle;
	text-align:center;
	font-size:1.5em;
	color:#beb4a0;
	cursor:pointer;
}

#sideCol2 .side_form .bt_search:hover {
	color:#8c786e;
}


/* ////////////////////////////// */

/* .entry 記事詳細　*/

#mainCol2 .archiveTitle {
	position:absolute;
	top:-2.5em;
	font-size:1.2em;
}

.entry {
	clear:both;
	margin:0 0 50px 0;
	box-sizing:border-box;
	background:#fff;
}

.entry:last-child {
	border:none;
}


.entry .listTab a {
	color:#8C786E;
}

.entry .eyecatch {
	width:750px;
	padding:0 0 20px 0;
}

.entry .eyecatch img {
	max-width:750px;
	height:auto;
}

.entry time.date {
	display:block;
	margin:0 0 10px 0;
	font-size:1.2em;
}

.entry span.tag {
	display:inline-block;
	background:#cba369;
	color:#fff;
	padding:1em 1em;
	line-height:0em;
	vertical-align:middle;
	border-radius: 5px;
	-moz-border-image: border-radius: 5px;
	-webkit-border-image: border-radius: 5px;
	font-size:11px;
	margin:0 0 0 1em;
}


.entry h1 {
	clear:both;
	margin:0 0 25px 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #666;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
}

article.entry h2 {
	background:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

article.entry .eyecatch {
	margin:0 0 20px 0;
}

article.entry aside {
	line-height:1.8em !important;
	word-wrap: break-word;
}

article.entry aside img {
	max-width:750px !important;
	height:auto !important;
}

article.entry aside a img {
	max-width:680px !important;
	height:auto !important;
}

article.entry aside p {
	margin:0 0 2em 0 !important;
}

article.entry h3 {
	font-size:1.6em !important;
	letter-spacing:1px !important;
	margin:0 0 1em 0 !important;
	border-left:8px solid #8c786e; !important;
	padding:5px 0 5px 15px !important;
	line-height:1.5em;
	color:#8c786e;
}

article.entry h4 {
	font-size:1.5em !important;
	letter-spacing:1px !important;
	margin:0 0 1em 0 !important;
	border-bottom:1px solid #8c786e;
	border-top:1px solid #8c786e;;
	padding:.6em 0;
	line-height:1.5em;
	
}

article.entry h5 {
	font-size:1.4em;
	letter-spacing:1px;
	padding:0 0 0 .8em;
	margin:0 0 1em 0;
	border-left:6px solid #beb4a0; !important;
	line-height:1.5em;
}

article.entry h6 {
	font-size:1.2em;
	letter-spacing:1px;
	padding:0 0 .5em 0;
	margin:0 0 1em 0;
	border-bottom:2px solid #8c786e;
}

article.entry em {
	font-size:1.15em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}



article.entry aside a:link, article.entry aside a:visited, article.entry aside a:active {
	text-decoration: none;
	color:#0F60B6;
}

article.entry aside a:hover {
	border-bottom: none;
	color:#be2222;
}

article.entry aside blockquote {
	padding:50px;
	background:url(../images/blockquote1.png) top 20px left 20px no-repeat,url(../images/blockquote2.png) bottom 20px right 20px no-repeat;
	margin:0 0 30px 0;
	background-color: #f0f0f0;
	box-sizing:border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
}

article.entry aside blockquote img {
	max-width:100% !important;
	height:auto;
}

article.entry ol li {
	list-style:decimal !important;
	margin:0 0 0 1.5em;
}

article.entry ul li {
	list-style:disc !important;
	margin:0 0 0 1.5em;
}

article.entry dl,
article.entry ol,
article.entry ul {
	margin:0 0 15px 0;
}

article.entry img.vam {
	width:auto;
	height:auto;
}



article.entry aside .wp-caption {
	box-sizing:border-box;
	max-width:100%;
	margin:20px 0;
	text-align:center;
	padding:10px;
	border:1px solid #ccc;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);
	box-shadow:0 1px 4px rgba(0,0,0,.3);
}

article.entry aside .wp-caption img {
	max-width:100% !important;
	height:auto !important;
}

article.entry aside .wp-caption-text {
	padding:1em 0 0em 0;
	font-size:1.25em;
	font-weight:bold;
}

article.entry aside iframe {
	max-width:100%;
}

#mainCol2 .shareBtn  {
	margin:0 0 40px 0;
}

#mainCol2 .shareBtn li {
	list-style:none !important;
	margin:0;
	padding:0;
	display:inline-block;
	width:33.3333%;
}

#mainCol2 .shareBtn li a {
	display:block;
	text-align:center;	
	padding:1em;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	line-height:1em;
}

#mainCol2 .shareBtn li a:hover {
	text-decoration:none;
	opacity:0.8;
}

#mainCol2 .shareBtn li.fb a {background:#425F9C;}
#mainCol2 .shareBtn li.tw a {background:#56C0E0;}
#mainCol2 .shareBtn li.goo a {background:#CF1516;}
#mainCol2 .shareBtn li.line a {background:#01b902;}

#mainCol2 h3.sub {
	padding:0em 0em 1em 0em;
	line-height:1em;
	font-weight:bold;
	font-size:1.2em;
	background:#fff;
}

#relatedArticle .notfound {
	padding:20px;
	background:#fff;
}

.entryList {
	clear:both;
	padding:20px 0;
	margin:0 0 0 0;
	border-bottom:1px dashed #dcdcdc;
	box-sizing:border-box;
	background:#fff;
}

.entryList:nth-child(2) {
	padding:0 0 20px 0;
}
	


.entryList .entryL {
	width:25%;
	float:left;
}

.entryList .entryL img {
	width:100%;
	height:auto;
}

.entryList dd h4 {
	font-weight:bold;
	font-size:1.2em;
}

.entryList .entryR {
	width:72%;
	float:right;
}



.entryList .entryR dl {
	margin:0 0 5px 0;
}

.entryList .entryR .listTab {
	margin:0 0 10px 0;
}

.entryList .entryR .listTab a {
	font-size:0.8em;
	color:#5283C6;
	text-decoration:underline;
}

.entryList .entryR time {
	display:block;
	clear:both;
	color:#969696;
}

#pageArea h3.title {
	border-bottom:1px solid #8c786e;
	padding:0 0 1em 0;
	margin:0 0 2em 0;
	font-size:1.4em;
}


.modal {
	padding:20px;

}

#modal-search.modal {
	padding:0 0 0 0;
}

.modal .close {
	text-align:right;
	cursor:pointer;
	margin:0 0 0px 0;
}

.modal .clipImg {
	text-align:center;
	margin:15px 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dashed #8c786e;
}

.modal .clipInfo dd {
	font-size:0.9em;
}

.modal .clipInfo i {
	color:#e10000;
	font-size:1.3em;
	vertical-align:middle;
	margin:0 .2em 0 0;
}

.modal .btn {
	margin:15px 0 0 0;
}

.modal .button {
	background:none;
	display:block;
	border:none;
	text-align:center;
	width:80%;
	color:#fff;
	line-height:1em;
	font-size:1.2em;
	padding:1em 0;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-image: border-radius: 5px;
	-webkit-border-image: border-radius: 5px;
	text-decoration:none;
	margin:auto;
	
}

.modal .button i {
	vertical-align:middle;
	font-size:1.2em;
	margin:0 .5em 0 0;
}

.modal .button:hover {
	opacity:.8;
}

.modal .button.type1 {
	background:#ff5a7d;
}

.modal #hideMessage {
	text-align:center;
	margin:15px 0 0 0;
}

.modal #stepBox {
	text-align:center;
	margin:20px 0 20px 0;
}

.modal #stepBox dl {
	width:240px;
	padding:10px;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #beb4a0;
	vertical-align:top;
	margin:0 10px;
}

.modal #stepBox dt {
	font-size:.9em;
	margin:0 0 1em 0;
}

.modal #stepBox dl dd img {
	width:auto;
	height:180px;
}

.modal.modal-tutorial img {
	width:100%;
	height:auto;
}
.modal .haircataLink {
	text-align:center;
	margin:1em 0 0 0;
}


.open-tutorial {
	cursor:pointer;
}

#mainCol #columnBn {
	clear:both;
	margin:50px 0 0 0;
}

#mainCol #columnBn img {
	width:100%;
	height:auto;
}

.widget.bannar li img {
	width:100%;
	height:auto;
}

/* .privacy プライバシー */
.privacy #privacyArea {
	line-height:2em;
}

.privacy #privacyArea p {
	margin:0 0 2em 0;
}

.privacy #privacyArea p.x2 {
	margin:0 0 1em 0;
}

.privacy #privacyArea  h4 {
	margin:0 0 .8em 0 ;
	font-size:1.1em;
	font-weight:bold;
}

.privacy #privacyArea ol {
	margin:0 0 2em 0;
}

.privacy #privacyArea ol li {
	margin:0 0 0 2em;
}

#formArea {
	text-align:left;
}

#formArea  p {
	margin:0 0 2em 0;
}

#formArea table {
	width:100%;
	margin:0 0 30px 0;
	text-align:left;
}

#formArea table th {
	padding:1.5em 0;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	border:1px solid #c8c8c8;
	border-left:none;
	width:25%;
	box-sizing:border-box;
}

#formArea table th.required:after {
	content:"※";
	color:#ff4682;
	font-weight:bold;
	margin:0 0 0 .3em;
	vertical-align:middle;
}

#formArea table td {
	padding:1.5em 2em;
	border:1px solid #c8c8c8;
	border-right:none;
	width:75%;
	box-sizing:border-box;
	
}

#formArea input.S {
	width:20%;
}

#formArea input.S2 {
	width:5em;
}

#formArea input.S3 {
	width:3em;
}

#formArea input.M {
	width:40%;
}

#formArea input.L {
	width:70%;
}

#formArea input.L2 {
	width:55%;
}


#formArea textarea {
	width:90%;
	height:120px !important;
}


#formArea label {
	margin:0 0 0 0;
}

#formArea td.type br {
	display:none;
}

#formArea h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 1em 0;
}

#err {
	color:#CC0000;
	padding:15px;
	margin:0 0 30px 0;
	border:3px solid #CFCFCF;
	background:#F9F9F9;
	text-align:left;
}

#err li {
	background: url(../images/checkmark.png)0 50% no-repeat;
	padding:0px 0px 0px 25px;
	font-size:1em;
}



#formArea input[type="radio"] {
	margin:0 1.5em 0 .5em;
}

#formArea td.radio input[type="radio"] {
	margin:0 .5em 0 0em;
}

#formArea td.radio label {
	margin:0 1.5em 0 0;
}

#formArea td.checkbox label {
	margin:0 1.5em 0 .2em;
}

#formArea td .notes {
	font-size:.9em;
	padding:.8em 0 0 0;
	margin:0 0 0;

}

#comp {
	color:#CC0000;
	padding:15px;
	margin:0 0 30px 0;
	border:3px solid #CFCFCF;
	background:#fff;
	text-align:left;
}

#comp li {
	font-size:1em;
}

/* .setsumeikai 説明会 */

.setsumeikai h3.title {
	margin:0 0 40px 0;
}

.setsumeikai h3.title img {
	width:100%;
	height:auto;
}


.notfound #notFound {
	text-align:center;
	margin:0 0 70px 0;
}



.notfound #notFound h3 {
	font-size:1.3em;
	margin:0 0 1em 0;
	font-weight:bold;
	line-height:1.6em;
}

.notfound #notFound p {
	line-height:2em;
	margin:0 0 3em 0;
}

.home #shopArea {
	margin:80px 0 0 0;
}

.home #shopArea figure img {
	width:100%;
	height:auto;
}