@charset "UTF-8";

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

#keyWrap {
	padding:0 0 0 60px;
	position:relative;
	background-color: rgba(255,255,255,1);
}



.home #keyImg {
	position:relative;
	margin:0 0 0 0;
}

.home #keyImg {
	margin:0 0 60px 0;
}

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

.home #thumImg {
	clear:both;
	position:relative;
	width:1000px;
	margin:auto;
}

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


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

.home #keyImg #key-next a {
	position:absolute;
	bottom:0;
	left:40px;
	z-index:20;
	cursor:pointer;
	background:url(../../images/next.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	display:block;
}

.home #keyImg #key-prev a {
	position:absolute;
	bottom:0;
	left:0;
	z-index:20;
	cursor:pointer;
	background:url(../../images/prev.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	display:block;
}


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

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


#searchArea {
	margin:0 0 115px 0;
}

.salon #searchArea {
	margin:0 0 55px 0;
}

.tabNavi {
	margin:0 0 60px 0;
}


.tabNavi ul {
	border-bottom:1px solid #c1c1c1;
	position:relative;
}

.tabNavi li {
	width:313px;
	margin:0 30px 0 0;
	text-align:center;
	float:left;
	position:relative;
	top:1px;
}

#groupArea .tabNavi li {
	width:313px;
}

.tabNavi li:last-child {
	margin:0 0 0 0;
}

.tabNavi li a {
	display:block;
	width:100%;
	text-decoration:none;
	box-sizing:border-box;
	border-top:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	border-bottom:1px solid #c1c1c1;
	background:#eeeeee;
	font-size:1em;
	padding:1em 0;
}

.tabNavi li.ui-state-active a {
	border-top:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #fff;
	background:#fff;
}

#searchArea #freeWord {
	position:relative;
}

#searchArea #freeWord label {
	position:absolute;
	top:15px;
	left:15px;
	font-size:1.7em;
}

#searchArea #freeWord input[type="text"] {
	background:#eeeeee;
	border:1px solid #eeeeee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height:1em;
	padding:0 1em 0 3em;
	width:810px;
	height:60px;
	float:left;
	box-sizing:border-box;
	font-size:1.1em;
}

#searchArea #freeWord input[type="text"]:focus {
	border:1px solid #323232;
	box-shadow: none;
	background:#fff;
}

#searchArea .bt_search {
	width:180px;
	height:60px;
	background:#000;
	color:#fff;
	border:none;
	font-size:1.1em;
	font-family:'Noto Sans JP';
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
}

#searchArea #freeWord .bt_search,
#searchArea #area .bt_search {
	float:right;
}

#searchArea #kodawari .bt_search {
	text-align:center;
	clear:both;
	margin:auto;
	display:block;
}

#searchArea .bt_search:hover {
	opacity:.8;
}

#searchArea select {
	border:1px solid #eeeeee;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	line-height:1em;
	box-sizing:border-box;
	font-size:1.1em;
	height:60px;
	float:left;
	width:400px;
	
}

#searchArea select:focus {
	border:1px solid #323232;
	box-shadow: none;
}


#searchArea #kodawari ul {
	margin:0 0 40px 0;
}

#searchArea #kodawari li {
	width:20%;
	font-size:1.1em;
	margin:0 0 .8em 0;
	float:left;
	box-sizing:border-box;
}



#salonNews {
	clear:both;
	position:relative;
}

.home #salonNews .moreBtn {
	top:-87px;
}

#salonNews .moreBtn a {
	width:auto;
	margin:0 0 0 0;
}

#salonNews a {
	display:block;
	width:480px;
	text-decoration:none;
	margin:0 0 25px 0;
}

#salonNews a:nth-child(odd) {float:left;}
#salonNews a:nth-child(even) {float:right;}

#salonNews dt {
	width:200px;
	float:right;
}

#salonNews dt img {
	width:200px;
	height:120px;
	object-fit: cover;
	object-position: 50% 10%;
	font-family: 'object-fit: cover; object-position: 50% 10%;';
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

#salonNews a:hover img {
	opacity:.8;
}

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


#salonNews dd {
	margin-right:235px !important;
	overflow:hidden;
}

#salonNews dd.title {
	margin:.5em 0 .5em 0;
}

#salonNews dd.salon {
	font-size:.9em;
}

#salonNews dd.salon span {
	margin:0 0 0 .2em;
	
}

#salonNews dd.salon time {
	margin:0 .2em 0 0;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}


.home #column.container {
	border-left:none;
	border-right:none;
}

.home #column .contents {
	padding:0;
}

.home #column dl {
	padding:0 0;
	text-align:left;
	float:left;
	width:33.33333%;
}

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

.home #column dt img {
	width:100%;
	height:auto;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.home #column dd {
	padding:0 10px 0 10px;
}

.home #column dd.date {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:1em;
	letter-spacing:.15em;
	margin:0 0 .2em 0;
}

.home #column dd.title {
	font-size:1.1em;
	font-weight:600;
	letter-spacing:.1em;
	margin: 0 0 1em 0;
}

.home #storeWrap {
	position:relative;
	min-height:440px;
	margin:0 0 110px 0;
}

.home #storeArea {
	width:350px;
	box-sizing:border-box;
	padding:40px 0 0 0;
	
}

.home #storeArea h2.title {
	line-height:1.2em;
	margin:0 0 .5em 0;
}

.home #storeArea p.message {
	line-height:2em;
	margin:0 0 2em 0;
}

.home #storeArea p.pict {
	position:absolute;
	top:0;
	right:0;
}

#styleList {
	position:relative;
}

#styleList ul li {
	width:300px;
	float:left;
	margin:0 50px 50px 0;
}

#styleList ul li:nth-child(3n) {
	margin:0 0 50px 0;
}

.salon.top #styleList ul li:last-child {
	display:none;
}

#styleList li img {
	width:300px;
	height:420px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
}

#styleList li a:hover {
	opacity:.8;
}

.home #snsArea #fbBox {
	width:480px;
	float:left;
}

.home #snsArea #instaBox {
	width:480px;
	float:right;
}

.home #snsArea #instaBox li {
	width:156px;
	float:left;
	margin:0 6px 6px 0;
}

.home #snsArea #instaBox li:nth-child(3n) {
	margin:0 0 6px 0;
}

.home #snsArea #instaBox li img {
	width:156px;
	height:156px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.home #snsArea #instaBox li a:hover {
	opacity:.8;
}

.home #contentsArea {
	margin:0 0 110px 0;
}

.home #contentsArea a {
	width:480px;
	display:block;
	text-decoration:none;
	position:relative;
}

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

.home #contentsArea a:nth-child(odd) {
	float:left;
	margin:0 0 40px 0;
}

.home #contentsArea a:nth-child(even) {
	float:right;
	margin:40px 0 0 0;
}

.home #contentsArea dl {
	position:absolute;
	bottom:0;
	right:0;
	background:#fff;
	padding:25px 25px 20px 25px;
	box-sizing:border-box;
	width:350px;
}


.home #contentsArea dt {
	font-family: 'Oswald', sans-serif;
	font-size:34px;
	font-weight:600;
	letter-spacing:.12em;
	margin:0 0 .5em 0;
}

.home #contentsArea dd {
	font-size:1em;
}

.home #groupArea {
	margin:0 0 70px 0;
}

.home #groupArea article h3 {
	margin:0 0 20px 0;
}

.home #groupArea article h3.x2 {
	margin:36px 0 20px 0;
}

.home #groupArea article h3.x3 {
	margin:22px 0 20px 0;
}



.home #groupArea article aside {
	margin:0 0 10px 0;
}

.home #groupArea article aside a {
	width:235px;
	float:left;
	margin:0 20px 0px 0;
	text-decoration:none;
}

.home #groupArea .business {
	float:left;
}

.home #groupArea article aside a:nth-child(4n) {
	margin:0 0 0px 0;
}

.home #groupArea article aside a:hover {
	opacity:.8;
	text-decoration:underline;
}

.home #groupArea article aside dt {
	margin:0 0 10px 0;
}

.home #groupArea article aside dd {
	font-size:.95em;
}

.home #groupArea .external-link a {
	color:#cb1e28;
}

.home #groupArea .external-link:after {
	content:"\f08e";
	font-family: FontAwesome;
	margin:0 0 0 .4em;
	vertical-align:middle;
	color:#cb1e28;
}



/* .salon サロン情報 */

.salon #salonList {
	clear:both;
}

.salon #salonList a.olink {
	width:300px;
	float:left;
	margin:0 50px 50px 0;
	display:block;
	text-decoration:none;
}

.salon #salonList a.olink:nth-child(3n) {
	margin:0 0 50px 0;
}

.salon #salonList dl dt {
	margin:0 0 15px 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.salon #salonList a.olink:hover dt {
	opacity:.8; 
}

.salon #salonList dl dt img {
	width:300px;
	height:180px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.salon #salonList dl dd.name {
	font-size:1.1em;
	font-weight:500;
	margin:0 0 .4em 0;
}

.salon #salonList a.olink:hover dd.name {
	text-decoration:underline;
}

.salon #salonList dl dd.tel {
	font-size:1em;
	margin:0 0 .8em 0;
	letter-spacing:.15em;
}

.salon #salonList dl dd.add {
	display:none;
}

.salon #salonList dl dd.tel a {
	text-decoration:none;
	cursor:default;
}

.salon #salonList dl dd.reserveBtn {
	width:100%;
	margin:5px 0 0 0;
	text-align:center;
}

.salon #salonList dl dd.reserveBtn a {
	color:#cb1e28;
	border:1px solid #cb1e28;
	line-height:1em;
	width:100%;
	display:block;
	text-decoration:none;
	padding:.7em 0;
	font-weight:500;
}

.salon #salonList dl dd.reserveBtn a:hover {
	color:#fff;
	background:#cb1e28;
}

.salon #salonList dl dd.couponBtn {
	width:100%;
	margin: 5px 0 0 0;
	text-align:center;
}

.salon #salonList dl dd.couponBtn a {
	color:#000;
	border:1px solid #000;
	line-height:1em;
	width:100%;
	display:block;
	text-decoration:none;
	padding:.7em 0;
	font-weight:500;
}

.salon #salonList dl dd.couponBtn a:hover {
	color:#fff;
	background:#000;
}


.salon #keyWrap {
	overflow:hidden;
	padding:0 0 0 0;
	position:relative;
	background-color: rgba(255,255,255,1);
}


.salon #keyImg {
	position:relative;
	left: 50%;
	width: 3020px;
	margin-left: -1510px;
}

.salon #keyImg.x1 {
	left: 0;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


.salon #keyImg img {
	width:1000px;
	height:490px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}


.salon #keyImg #key-next a {
	position:absolute;
	bottom:0;
	left:50%;
	z-index:20;
	cursor:pointer;
	background:url(../../images/next.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	display:block;
	margin-left:-460px;
}

.salon #keyImg #key-prev a {
	position:absolute;
	bottom:0;
	left:50%;
	z-index:20;
	cursor:pointer;
	background:url(../../images/prev.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	display:block;
	margin-left:-500px;
}

.salon #salonHead {
	margin:0 auto 55px auto;
	position:relative;
	width:1000px;
	padding:55px 0 0 0;
}

.salon #salonHead dl {
	width:590px;
}

.salon #salonHead dt h2 {
	font-size:32px;
	font-weight:600;
	line-height:1em;
	margin:0 0 .4em 0;
}

.salon #salonHead dt h2 span {
	font-size:20px;
}

.salon #salonHead dd address {
	font-style:normal;
	display:inline-block;
	margin:0 1em 0 0;
}

.salon #salonHead dd a {
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:500;
	
}

.salon #salonHead dd i {
	font-size:1.2em;
	
}

.salon #salonHead ul {
	position:absolute;
	top:55px;
	right:0;
}

.salon #salonHead dd.tel {
	margin: .4em 0 0 0;
}

.salon #salonHead dd.tel a {
	cursor:default;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	text-decoration:none;
	font-weight:normal;
	
}

.salon #salonHead ul li {
	width:200px;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}

.salon #salonHead ul li:last-chidl {
	margin:0 0 0 0;
	
}

.salon #salonHead ul li a {
	color:#fff;
	text-decoration:none;
	display:block;
	height:60px;
	line-height:60px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.salon #salonHead ul li.recruit a {
	background:#143778;

}

.salon #salonHead ul li.reserve a {
	background:#cb1e28;
}

.salon #salonHead ul li.reserve a:hover {
	opacity:.8;
}

#salonNavi {
	padding:0 0 55px 0;
	clear:both;
	width:1000px;
	margin:auto;
}

#salonNavi.x2 {
	padding:0 0 0 0;	
}

.salon.top {
	padding:0 0 0 0;
}

#salonNavi ul {
	border-bottom:1px solid #c1c1c1;
	position:relative;
}

#salonNavi li {
	width:150px;
	margin:0 20px 0 0;
	text-align:center;
	float:left;
	position:relative;
	top:1px;
}

#salonNavi li i {
	display:none;
}

#salonNavi li br {
	display:none;
}

#salonNavi li:last-child {
	margin:0 0 0 0;
}

#salonNavi li a {
	display:block;
	width:100%;
	text-decoration:none;
	box-sizing:border-box;
	border-top:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	border-bottom:1px solid #c1c1c1;
	background:#eeeeee;
	font-size:.95em;
	padding:1em 0;
	letter-spacing:0;
}

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

#salonNavi li.active a {
	border-top:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #fff;
	background:#fff;
}

#salonNavi li.none a {
	color:#ccc;
	cursor:default;
}

#salonNavi li.none a:hover {
	opacity:1;
}

.salon #messageArea {
	clear:both;
	margin:0 0 55px 0;
}

.salon #messageArea h3 {
	font-size:1.3em;
	font-weight:600;
	margin:0 0 1em 0;
}

.salon #couponArea {
	position:relative;
}

.salon #couponArea .couponBox {
	clear:both;
	margin:0 0 30px 0;
	background:#fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-sizing:border-box;
	padding:50px;
}

.salon #couponArea .couponImg {
	float:left;
	width:200px;
}

.salon #couponArea .couponImg img {
	width:200px;
	height:200px;
	object-fit: contain;
	
}

.salon #couponArea .couponTxt {
	margin-left:230px;
	overflow:hidden;
}

.salon #couponArea .couponTxt.x2 {
	margin-left:0;
	overflow:hidden;
}


.salon #couponArea .couponBox dl {
	margin:0 0 10px 0;
}

.salon #couponArea .couponBox dl dt {
	margin:0 0 .8em ;
	float:left;
}

.salon #couponArea .couponBox dl dt span {
	line-height:1em;
	color:#fff;
	background:#000;
	display:inline-block;
	font-size:1em;
	padding:.8em 2.2em;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	letter-spacing:.2em;
}

.salon #couponArea .couponBox dl dd.name {
	clear:both;
	font-size:1.25em;
	font-weight:600;
}

.salon #couponArea .couponBox dl dd.price {
	float:right;
	font-size:1.2em;
	padding:.5em 0 0 0;
}

.salon .couponBox .price span.normal:after {
	content:"\f178";
	font-family: FontAwesome;
	margin:0 .5em 0 .5em;
}

.salon .couponBox .price span.discount {
	font-size:1.3em;
	color:#ff3c64;
	font-weight:600;
}

.salon .couponBox .limit {
	margin:20px 0 15px 0;
	color:#969696;
	font-size:.9em;
	clear:both;
}


.salon .couponBox .reserveBtn {
	text-align:center;
}

.salon .couponBox .reserveBtn a {
	display:block;
	color:#cb1e28;
	border:1px solid #cb1e28;
	line-height:1em;
	text-decoration:none;
	padding:1.2em 0;
	font-weight:500;
}

.salon .couponBox .reserveBtn a:hover {
	background:#cb1e28;
	color:#fff;
}

.salon #staffArea {
	position:relative;
	margin:0 0 80px 0;
}

.salon #staffArea a.olink {
	float:left;
	margin:0 40px 40px 0;
	width:220px;
	display:block;
	text-decoration:none;
}

.salon #staffArea a.olink:nth-child(4n) {
	margin:0 0 40px 0;
}

.salon #staffArea dl a:hover {
	opacity:.8;
}

.salon #staffArea dt {
	margin:0 0 15px 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.salon #staffArea a.olink:hover dt {
	opacity:.8;
	
}

.salon #staffArea dt img {
	width:220px;
	height:308px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
}

.salon #staffArea dd.name {
	font-size:1.2em;
	font-weight:600;
	margin:0 0 .8em 0;
	line-height:1em;
}

.salon #staffArea a.olink:hover dd.name {
	text-decoration:underline;
}

.salon #staffArea dd.roma {
	font-size:13px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	margin:0 0 .5em 0;
	line-height:1em;
}

.salon #staffArea dd.btns {
	font-size:1.6em;
}

.salon #staffArea dd.btns a {
	margin:0 2px 0 0;
}

.salon #staffArea dd.rank {
	line-height:1.5em;
	color:#969696;
	font-size:.85em;
	padding:.3em 0 1em 0;
}

.salon #staffArea dd.reserveBtn {
	width:100%;
	margin:0 0 0 0;
	text-align:center;
}

.salon #staffArea dd.reserveBtn a {
	color:#cb1e28;
	border:1px solid #cb1e28;
	line-height:1em;
	width:100%;
	display:block;
	text-decoration:none;
	padding:.7em 0;
	font-weight:500;
}

.salon #staffArea dd.reserveBtn a:hover {
	color:#fff;
	background:#cb1e28;
	opacity:1;
}

.container#blankWrap {
	height:420px;
	position:relative;
	background-color: rgba(255,255,255,0);
}

.container#blankWrap h3 {
	font-family: 'remanregular';
	font-size:90px;
	line-height:1em;
	text-align:right;
	position:absolute;
	top:-.8em;
	right:5%;
	transform: rotate( -10deg );
}

/*
.container#blankWrap h3 span {
	font-size:60px;
}
*/

.salon #salonData {
	width:480px;
	float:left;
}

.salon #salonData dl {
	margin:0 0 15px 0;
	font-weight:500;
}

.salon #salonData dt {
	margin:0 0 .2em 0;
}

.salon #salonData dt address {
	font-style:normal;
}

.salon #salonData dd.tel {
	letter-spacing:.2em;
	font-size:1.1em;
}

.salon #salonData dd.tel a {
	text-decoration:none;
	cursor:default;
}

.salon #salonData p.station {
	margin:0 0 20px 0;
}

.salon #salonData ul.tags {
	margin:0 0 20px 0;
}

.salon #salonData ul.tags li {
	display:inline-block;
	margin:0 5px 8px 0;
	color:#646464;
	background:#f5f5f5;
	line-height:1em;
	font-size:.8em;
	padding:.8em 1em;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	letter-spacing:0;
}

.salon #salonData table {
	width:100%;
	font-size:.9em;
	line-height:1.8em;
}

.salon #salonData table tr {
	clear:both;
}

.salon #salonData table th {
	width:12em;
	padding:.5em 0;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	position:relative;
}

.salon #salonData table th:after {
	content:"：";
	float:right;
	padding:0 1em;
}

.salon #salonData table td {
	padding:.5em 0;
}

.salon #salonData ul.cards li {
	display:inline-block;
	margin:0 3px 5px 0;
}

.salon #salonMap {
	float:right;
	width:480px;
}

.salon #salonMap iframe {
	width:480px;
	height:580px;
	margin:0 0 15px 0;
}

.salon #salonMap p.access {
	font-size:.9em;
	line-height:1.8em;
}

.salon #salonNote {
	margin:60px 0 0 0;
	clear:both;
	background:#f5f5f5;
	color:#969696;
	font-size:.85em;
	line-height:1.9em;
	padding:40px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.salon #staffDetail {
	clear:both;
}

.salon #staffDetail #staffL {
	float:left;
	width:480px;
}

.salon #staffDetail #staffL p img {
	width:480px;
	height:670px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
}

.salon #staffDetail #staffR {
	float:right;
	width:480px;
}

.salon #staffDetail .staffName {
	margin:0 0 15px 0;
}

.salon #staffDetail .staffName dt {
	font-size:1.5em;
	font-weight:600;
	line-height:1em;
	margin:0 0 .8em 0;
}

.salon #staffDetail .staffName dd.roma {
	font-family: 'Oswald', sans-serif;
	font-size:13px;
	line-height:1em;
	font-weight:300;
	margin:0 0 1em 0;
	
}

.salon #staffDetail .staffName dd.rank {
	color:#969696;
	font-size:.9em;
}

.salon #staffDetail .snsIcon {
	margin:0 0 20px 0;
}

.salon #staffDetail .snsIcon li {
	display:inline-block;
	font-size:1.6em;
	margin:0 5px 0 0;
}

.salon #staffDetail h3.copy {
	font-size:1.2em;
	font-weight:500;
	margin:0 0 .8em 0;
}

.salon #staffDetail p.message {
	margin:0 0 2em 0;
}

.salon #staffDetail .reserveBtn {
	width:100%;
	margin:0 0 2em 0;
	text-align:center;
}

.salon #staffDetail .reserveBtn a {
	color:#cb1e28;
	border:1px solid #cb1e28;
	line-height:1em;
	width:100%;
	display:block;
	text-decoration:none;
	padding:1.35em 0;
	font-weight:500;
}

.salon #staffDetail .reserveBtn a:hover {
	color:#fff;
	background:#cb1e28;
	opacity:1;
}

.salon #staffDetail #staffData {
}

.salon #staffDetail #staffData dl {
	width:220px;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #000;
	font-size:.95em;
}

.salon #staffDetail #staffData dl.x2 {
	width:100%;
}

.salon #staffDetail #staffData dl:nth-child(odd) {float:left;}
.salon #staffDetail #staffData dl:nth-child(even) {float:right;}


.salon #staffDetail #staffData dl dt {
	float:left;
}

.salon #staffDetail #staffData dl dd {
	float:right;
	text-align:right;
}

.salon #staffDetail #staffData dl.x2 dt {
	float:left;
	width:140px;
}

.salon #staffDetail #staffData dl.x2 dd {
	float:none;
	margin-left:160px;
	overflow:hidden;
	text-align:left;
}

.salon #salonWorks {
	position:relative;
}

.salon #salonWorks li {
	float:left;
	width:184px;
	margin:0 20px 0 0;
}

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

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

.salon #salonWorks li img {
	width:184px;
	height:258px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
}

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


.salon #calendarArea {
	position:relative;
}

/*
 datepicker
 -----------------------------------------*/

.salon #calendarArea .ui-datepicker .ui-datepicker-title {
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:34px;
	font-weight:600;
	margin:0 0 .8em 0;
}



.salon #calendarArea .ui-datepicker .ui-datepicker-prev {
	position:absolute;
	top:-90px;
	right:40px;
	cursor: pointer;
	width:40px;
	height:40px;
	background:url(../../images/prev.png) 0 0 no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.salon #calendarArea .ui-datepicker .ui-datepicker-prev:hover,
.salon #calendarArea .ui-datepicker .ui-datepicker-next:hover {
	opacity:.7;
}

.salon #calendarArea .ui-datepicker .ui-datepicker-next {
	position:absolute;
	top:-90px;
	right:0;
	cursor: pointer;
	width:40px;
	height:40px;
	background:url(../../images/next.png) 0 0 no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}


	
.salon #calendarArea .ui-datepicker thead th:nth-child(1){color:#ff4b6e;}
	
.salon #calendarArea #datepicker {
	padding:0 0 0px 0;
	height:auto;
	width:100%;
	clear:both;
	box-sizing:border-box;
}

.salon #calendarArea #datepicker .ui-datepicker {
	clear:both;
	width:100% !important;
	box-sizing:border-box;
	padding:0 !important;
}
	
.salon #calendarArea .ui-datepicker table {
	width:100%;	
	margin:auto;
	border-collapse:separate;	
}
	
	
.salon #calendarArea .ui-datepicker thead th {
	padding:.8em 0;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
	
	
.salon #calendarArea .ui-datepicker tbody td {
	padding:.8em;
	text-align:left;
	font-size:18px;
	width:14.28571%;
	box-sizing:border-box;
	border:3px solid #eeeeee;
	background:#fff;
	height:100px;
	position:relative;
}
	
.salon #calendarArea .ui-datepicker tbody td.holiday:after {
	content:"休";
	position:absolute;
	left:1em;
	bottom:.5em;
	font-size:.85em;
	color:#ff3c64;			
}

.salon #calendarArea .ui-datepicker tbody td.ui-datepicker-week-end  {color:#ff4b6e;}

.salon .menu .contents {
	width:1040px;
}

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

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

.menu #menuArea .menuBox h3 {
	margin:0 0 .5em 0;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:1em;
	letter-spacing:.1em;
	padding:0 0 1em 0;
	border-bottom:1px solid #000;

}

.menu #menuArea .menuBox h3 span {
	font-size:12px;
	font-family:"Noto Sans JP";
}

.menu #menuArea .menuBox aside {
	
	margin:0 0 0 0;
}

.menu #menuArea .taxNote {
	position:absolute;
	top:-70px;
	right:20px;
	font-size:.9em;
}


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

.menu #menuArea .menuBox th{
	text-align:left;
	vertical-align:top;
	padding:.9em 0 .0 0;
	font-weight:500;
	font-size:1em;
}

.menu #menuArea .menuBox td.price {
	padding:.9em 0 .0 0;
	white-space:nowrap;
	font-size:1em;
	font-weight:500;
	text-align:right;
}

.menu #menuArea .menuBox td.note {
	color:#969696;
	font-size:.9em;
	line-height:1.8em;
	padding:.3em 0 0 0;
}


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

.widget h3.widget-title {
	font-size:20px;
	line-height:1em;
	margin:0 0 .8em 0;
	padding:0 0 .8em 0;
	border-bottom:1px solid #000;
	letter-spacing:.1em;
	font-family: 'Oswald', sans-serif;
	
}

.widget li {
	font-size:1em;
	margin:0 0 .5em 0;
	letter-spacing:0;
}

.widget h4.year {
	cursor:pointer;
	font-size:1em;
	margin:0 0 .5em 0;
}

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

.widget ul.month li {
	margin:0 0 .5em 0;
	border:none;
	padding:0 0 0 0;
}

.widget ul.month li a {
	padding:.2em 0;
	font-size:.9em;
}

.widget.bn p {
	margin:0 0 15px 0;
}

.widget span.more {
	background:#000;
	padding:.7em 0 .7em 1em;
	margin:.5em 0 .5em 0;
	display:block;
	width:100%;
	cursor: pointer;
	color:#fff;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	line-height:1em;
	box-sizing:border-box;
}

.widget span:hover.more {
	opacity:.8;
}

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

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


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

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

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

.style #styleList li {
	margin:0 30px 30px 0;
	width:240px;
	float:left;
}

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


.style #styleList li img {
	width:240px;
	height:336px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
}

.style #styleDetail {
}

.style #styleDetail #styleL {
	width:480px;
	float:left;
}

.style #styleDetail #styleR {
	width:480px;
	float:right;
}

.style #styleDetail #styleL #styleImg {
	position:relative;
	margin:0 0 60px 0;
}

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



.style #styleDetail #styleL #styleImg #slide-next a {
	position:absolute;
	bottom:0;
	left:40px;
	z-index:20;
	cursor:pointer;
	background:url(../../images/next.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	display:block;
}

.style #styleDetail #styleL #styleImg #slide-prev a {
	position:absolute;
	bottom:0;
	left:0;
	z-index:20;
	cursor:pointer;
	background:url(../../images/prev.png) 0 0 no-repeat;
	width:40px;
	height:40px;
	display:block;
}

.style #styleDetail .styleName {
	margin:0 0 20px 0;
}

.style #styleDetail .styleName h3 {
	font-size:1.3em;
	margin:0 0 .3em 0;
}

.style #styleDetail .styleName dd {
	color:#969696;
	font-size:.9em;
}

.style #styleDetail #styleData {
	margin:0 0 30px 0;
}

.style #styleDetail #styleData a {
	color:#0782C1;
}




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

.style #styleDetail #styleData dl {
	margin:0 0 20px 0;
}

.style #styleDetail #styleData dt {
	font-size:20px;
	line-height:1em;
	margin:0 0 .8em 0;
	padding:0 0 .8em 0;
	border-bottom:1px solid #000;
	letter-spacing:.1em;
	font-family: 'Oswald', sans-serif;
}

.style #styleDetail #styleType {
	margin:30px 0 0 0;
	
}

.style #styleDetail #styleType h4 {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	font-weight:500;
	letter-spacing:.1em;
	margin:0 0 .5em 0;
}

.style #styleDetail #styleType table {
	width:100%;
	font-size:.85em;
}

.style #styleDetail #styleType th {
	padding:.3em 0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	width:6em;
	font-size:1em;
	
}

.style #styleDetail #styleType th span {
	display:inline-block;
	text-align:center;
	color:#fff;
	background:#000;
	line-height:1em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:.5em 1em;
	letter-spacing:.2em;
}

.style #styleDetail #styleType td {
	padding:.3em 0;
}

.style #styleDetail #styleType ul {
	margin:0 0 0 0;
}

.style #styleDetail #styleType li {
	display:inline-block;
	margin:0 1em 0 0;
}

.style #styleDetail #styleType li:before {
	content:"\f00c";
	font-family: FontAwesome;
	margin:0 .2em 0 0;
	font-size:1.2em;
	vertical-align:middle;
}

.style #styleDetail #styleType li.x0 {
	color:#c8c8c8;
}

.style #styleDetail #styleType li:last-child {
	margin:0 0 0 0;
}


.authorBox {
	margin:30px 0 0 0;
	clear:both;
	width:100%;
}

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

.authorBox.x2 {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:20px 0;
}

.authorBox .staffInfo {
	margin:0 0 15px 0;
}

.authorBox .staffInfo .staffL {
	width:100px;
	float:left;
}

.authorBox .staffInfo .staffL img {
	width:100px;
	height:100px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.authorBox .staffInfo .staffR {
	margin-left:120px;
	overflow:hidden;
	position:relative;
	
}

.authorBox .staffInfo .staffR dl {
	margin:.8em 0 0 0;
}

.authorBox .staffInfo .staffR dt {
	font-size:1.2em;
	font-weight:500;
	line-height:1em;
	margin:0 0 .4em 0;
}

.authorBox .staffInfo .staffR dd.roma {
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1em;
	font-weight:300;
	margin:0 0 .8em 0;
}

.authorBox .staffInfo .staffR dl.x2 dt {
	font-size:1em;
	font-weight:400;
}

.authorBox .staffInfo .staffR dl.x2 dd.name {
	font-size:1.2em;
	font-weight:500;
}

.authorBox .staffInfo .staffR dl.x2 dd.name .roma {
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1em;
	font-weight:300;
	margin:0 0 .8em 0;
}


.authorBox .staffInfo .staffR dd.rank {
	color:#969696;
	font-size:.9em;
}


.authorBox .staffInfo .snsIcon {
	position:absolute;
	top:.5em;
	right:0;
}

.authorBox .staffInfo .snsIcon li {
	display:inline-block;
	font-size:1.5em;
	margin:0 0 0 .2em;
}

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

.authorBox .reserveBtn {
	clear:both;
	width:100%;
}

.authorBox .reserveBtn a {
	display:block;
	width:100%;
	text-align:center;
}

.authorBox .reserveBtn a {
	color:#cb1e28;
	border:1px solid #cb1e28;
	line-height:1em;
	width:100%;
	display:block;
	text-decoration:none;
	padding:1.35em 0;
	font-weight:500;
}

.authorBox .reserveBtn a:hover {
	color:#fff;
	background:#cb1e28;
	opacity:1;
}
	
/* .news ニュース */
.news #newsList {
	margin:0 0 40px 0;
}

.news #newsList a {
	display:block;
	text-decoration:none;
	margin:0 0 40px 0;
}

.news #newsList a:hover {
	opacity:.8;
}

.news #newsList dt {
	float:left;
	width:300px;
}

.news #newsList dt img {
	width:300px;
	height:180px;
	object-fit: cover;
	object-position: 50% 10%;
	font-family: 'object-fit: cover; object-position: 50% 10%;';
}

.news #newsList dd {
	margin-left:330px !important;
	overflow:hidden;
}

.news #newsList dd.title {
	font-size:1.1em;
	font-weight:600;
	margin:0 0 .8em 0;
	padding:.5em 0 0 0;
}

.news #newsList dd.note {
	font-size:.95em;
	color:#323232;
	line-height:1.8em;
	margin:0 0 2em 0;
}

.news #newsList dd.date time {
	font-family: 'Oswald', sans-serif;
	font-size:13px;
}

.news #newsList dd.date span {
	color:#969696;
	font-size:.9em;
}

.news #newsDetail .eyeImg {
	clear:both;
	margin:0 0 30px 0;
}
.news #newsDetail .eyeImg img {
	max-width:100%;
	height:auto;
}


.news #newsDetail dl {
	margin:0 0 3em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #000;
}

.news #newsDetail dl dt {
	font-size:1.4em;
	margin:0 0 .4em 0;
	line-height:1.6em;
}

.news #newsDetail dl dd.date {
	float:left;
}

.news #newsDetail dl dd.date time {
	font-family: 'Oswald', sans-serif;
	font-size:13px;
}

.news #newsDetail dd.date span {
	color:#969696;
	font-size:.9em;
}

.news #newsDetail dl dd.shareBtn {
	float:right;
}

.news #newsDetail dd.shareBtn ul:before {
	content:"\f1e0";
	font-family: FontAwesome;
	margin:0 0 0 0;
	font-size:1.1em;
	vertical-align:middle;
}

.news #newsDetail dd.shareBtn li:nth-child(1):before {
	content:"SHARE －";
	font-size:.7em;
	font-family: 'Oswald', sans-serif;
	font-weight:200;
	margin:0 1em 0 0;
	vertical-align:middle;
}

.news #newsDetail dd.shareBtn li {
	display:inline-block;
	margin:0 0 0 .5em;
	vertical-align:middle;
	font-size:1.2em;
}

.news #newsDetail dd.shareBtn li a:hover {
	opacity:.8;
}



/* .article 記事詳細 */


article.article {
	clear:both;
	font-size:.9em;
	padding:0 0 30px 0;
}


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 2em 0;
	font-size:1.1em;
	clear:both;
}

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;}
*/


article.article h2 {
	font-size:1.3em;
	font-weight:bold;
	background:#F7F7F7;
	padding:.6em 1em .5em 1em;
	margin:0 0 1.3em 0;
	border-left:3px solid #323232;
	letter-spacing:.08em;
}

article.article h3 {
	font-size:1.3em;
	border-bottom:2px solid #323232;
	font-weight:bold;
	padding:0 0 .5em 0;
	margin:0 0 1.3em 0;
}

article.article h4 {
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 1em 0;
}

article.article h4:before {
	content:"■";
	color:#323232;
	font-size:1.4em;
	vertical-align:middle;
}

article.article h5 {
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 1em 0;
}

article.article table {
	margin:0 0 30px 0;
	font-size:1.1em
}

article.article table th {
	font-weight:500;
	vertical-align:top;
	text-align:center;
	padding:.3em .8em;
}
article.article table td {
	text-align:center;
	padding:.3em .8em;
}

article.article .notice {
	padding:2em;
	background:#f8f8f8;
	font-size:.9em;
	margin:0 0 2em 0;
	border-radius: 10px;
	-moz-border-image: border-radius: 10px;
	-webkit-border-image: border-radius: 10px;
}

article.article .notice p:last-child {
	margin:0 0 0 0;
}

article.article 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.article blockquote img {
	max-width:100% !important;
	height:auto;
}

article.article blockquote p:last-child {
	margin:0 0 0 0;
}


/* .bland ブランドストーリー */

.bland #blandArea h3 {
	font-size:1.2em;
	font-weight:600;
	line-height:1.8em;
	margin:0 0 1em 0;
}

.bland #blandArea p {
	line-height:2em;
}

.bland #blandArea #blandL {
	width:450px;
	float:left;
}

.bland #blandArea #blandR {
	float:right;
	width:480px;
}

.bland #history h2.title {
	text-align:center;
}


.bland #historyArea {
	clear:both;
	background:url(../../bland/images/history_line.png) top center repeat-y;
	position:relative;
	
}

.bland #historyArea .historyBox {
	width:400px;
	box-sizing:border-box;
	margin:0 0 0 0;
	
}

.bland #historyArea .historyBox:nth-child(odd) {
	float:left;
	padding:50px 0 0 0;
}

.bland #historyArea .historyBox:nth-child(even) {
	float:right;
	padding:100px 0 0 0;
}

.bland #historyArea .historyBox:nth-child(1) {
	padding:0 0 0 0;
}



/**/
.bland #historyArea .historyBox:last-child:nth-child(even){
	padding:100px 0 100px 0;
}


.bland #historyArea .historyBox h3 {
	font-size:34px;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	line-height:1em;
	margin:0 0 .5em 0;
}

.bland #historyArea .historyBox aside {
	background:#fff;
	position:relative
}

.bland #historyArea .historyBox aside p.pict img {
	width:400px;
	height:250px;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.bland #historyArea .historyBox aside dl {
	padding:30px;
}

.bland #historyArea .historyBox aside dt {
	font-weight:600;
	margin:0 0 .4em 0;
	font-size:.95em;
}

.bland #historyArea .historyBox aside dd {
	font-size:.85em;
	line-height:1.75em;
}

.bland #historyArea .historyBox aside:first-child:before {
	content:"\f111";
	font-family: FontAwesome;
	position:absolute;
	top:1.7em;
	font-size:1.5em;
}


.bland #historyArea .historyBox:nth-child(odd) aside:first-child:before {
	right:-110px;
}

.bland #historyArea .historyBox:nth-child(even) aside:first-child:before {
	left:-110px;
}


.bland #historyArea .historyBox aside:first-child:after {
	content:"";
	display:block;
	width:40px;
	height:40px;
	background:#000;
	position:absolute;
	top:2em;
}


.bland #historyArea .historyBox:nth-child(odd) aside:first-child:after {
	right:-39px;
	-webkit-clip-path: polygon(0 0, 0% 100%, 70% 50%);
	clip-path: polygon(0 0, 0% 100%, 70% 50%);
}

.bland #historyArea .historyBox:nth-child(even) aside:first-child:after {
	left:-39px;
	-webkit-clip-path: polygon(100% 100%, 100% 0, 30% 50%);
	clip-path: polygon(100% 100%, 100% 0, 30% 50%);
}


/* .about ABOUT mod’s hair */

.about #keyImg {
	margin:0 0 60px 0;
}

.about #fashionArea {
	margin:0 0 60px 0;
}

.about #fashionArea #fashionL {
	width:460px;
	float:left;
}

.about #fashionArea #fashionR {
	width:480px;
	float:right;
}

.about #fashionArea h3 {
	font-size:1.2em;
	font-weight:600;
	margin:0 0 1em 0;
	line-height:2em;
}

.about #fashionArea p {
	margin:0 0 2em 0;
}

.about #elleArea {
	border:2px solid #000;
	padding:50px 70px 50px 280px;
	box-sizing:border-box;
	position:relative;
}

.about #elleArea .pict {
	position:absolute;
	top:50px;
	left:68px;
}

.about #elleArea h3 {
	font-size:34px;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	line-height:1em;
	margin:0 0 .8em 0;
}

.about #elleArea p {
	margin:0 0 0;
	line-height:1.95em;
}

.about #pretaporter.container {
	border-left:none;
	border-right:none;
}

.about #pretaporter .contents {
	padding:0 0 70px 0;
}

.about #pretaporter h3 {
	font-size:1.2em;
	font-weight:600;
	margin:0 0 1em 0;
	line-height:2em;
}


.about #pretaporterPhoto {
	position:relative;
}

.about #pretaporterPhoto li {
	float:left;
	width:25%;
}

.about #pretaporterPhoto li img {
	width:100%;
	height:auto;
}

.about #pretaporterPhoto h4 {
	font-family: 'remanregular';
	font-size:90px;
	line-height:1.5em;
	text-align:right;
	position:absolute;
	top:-.8em;
	right:5%;
	transform: rotate( -5deg );
}

.about .articles {
	clear:both;
	margin:0 0 60px 0;
}

.about .articles article {
	clear:both;
	margin:0 0 115px 0;
}

.about .articles article:last-child {
	margin:0 0 0 0;
}

.about .articles article .text {
	width:480px;
}

.about .articles article .text h3 {
	font-size:1.2em;
	font-weight:600;
	margin:0 0 1em 0;
	line-height:2em;
}

.about .articles article .pict {
	width:480px;
}

.about .articles article:nth-child(odd) .text {float:right;}
.about .articles article:nth-child(even) .text {float:left;}
.about .articles article:nth-child(odd) .pict {float:left;}
.about .articles article:nth-child(even) .pict {float:right;}

.about #menuArea {
	border:2px solid #000;
	padding:50px;
	box-sizing:border-box;
	margin:0 0 115px 0;
}

.about #menuArea .menuBox {
	width:430px;
}

.about #menuArea .menuBox:nth-child(1) {float:left;}
.about #menuArea .menuBox:nth-child(2) {float:right; margin:0 0 30px 0;}
.about #menuArea .menuBox:nth-child(3) {float:right;}

.about #menuArea .menuBox h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	font-size:18px;
	border-bottom:1px solid #000;
	padding:0 0 .8em 0;
	margin:0 0 1em 0;
}

.about #menuArea .menuBox dl {
	margin:0 0 1em 0;
}

.about #menuArea .menuBox dt {
	font-weight:500;
	margin:0 0 .5em 0;
}

.about #menuArea .menuBox dd {
	font-size:.9em;
	color:#949494;
}


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

.collection dl.title {
	margin:0 0 50px 0;
	text-align:center;
}

.collection dl.title h2 {
	font-family: 'Oswald', sans-serif;
	font-size:50px;
	line-height:1em;
	margin:0 0 .3em 0;
	font-weight:600;
	letter-spacing:.1em;
}

.collection dl.title dd {
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	font-weight:600;
}

.collection #movieArea {
	margin:0 0 50px 0;
}

.collection #movieArea img {
	width:100%;
	height:auto;
}

.collection #movieArea iframe {
	width:100%;
	height:563px;
}

.collection .article {
	font-family: 'Noto Serif JP';
}

.collection .article h3 {
	font-size:1.4em;
	font-weight:500;
	margin:0 0 1em 0;
}

.collection .article dl {
	margin:0 0 0 0;
  width: 490px;
}

.collection .article dt {
	font-size:1.2em;
	margin:0 0 .8em 0;
	font-weight:500;
}

.collection .article dd.sign {
	font-size:.85em;
}

.collection .article p {
	line-height:2.2em;
	margin:0 0 2em 0;
}

.collection .article h4 {
	font-size:1.2em;
	font-weight:500;
	margin:0 0 .8em 0;
}

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

.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 #photoArea {
	margin: 0 0 60px 0;
}

.collection #photoArea dl {
	width: 235px;
	float: left;
	margin: 0 20px 0 0;
	text-align: center;
}

.collection #photoArea dd {
  font-size: 1.1em;
	margin: 20px 0 0 0;
}

.collection #photoArea dd.ccaption {
	margin: 10px 0 0 0;
	text-align: left;
  font-size: .95em;
}

.collection #photoArea dl:last-child {
	margin: 0;
}

.collection #technicArea {
 background: #dadada;
 border-radius: 10px;
 padding: 30px 30px;
 margin: 0 0 55px 0;
}

.collection #technicArea #technicL {
	float: left;
}

.collection #technicArea #technicR {
	padding: 0 0 0 240px;
}

.collection #archive {
	width: 745px;
	margin: 0 auto;
}

.collection #archive dl {
	width: 235px;
	float: left;
	text-align: center;
	margin: 0 20px 0 0;
}

.collection #archive dl:last-child {
	margin: 0;
}

.collection p.lastP {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/* .credit ポリシー */
.credit #policyArea dl {
	clear:both;
}

.credit #policyArea h4 {
	font-size:1.3em;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #000;
}

.credit #policyArea p {
	margin:0 0 1em 0;
}

.credit #policyArea article {
	margin:0 0 2.5em 0;
}

.credit #policyArea article h5 {
	font-size:1.1em;
	margin:0 0 .8em 0;
	padding:0 0 .8em 0;
	border-bottom:1px solid #000;
}

.credit #policyArea article p {
	font-size:.9em;
}


/* .housing 物件情報募集 */
.housing #housingArea {
	width:800px;
	margin:auto;
}

.housing #housingArea table.alt {
	width:100%;
}

.housing #housingArea h3 {
	font-size:1.4em;
	font-weight:300;
	margin:0 0 1.5em 0;
	padding:0 0 1em 0;
	border-bottom:1px solid #000;
}

.housing #housingArea p {
	margin:0 0 2em 0;
}

#housingArea #housingList {
	margin:0 0 50px 0;
}

#housingArea #housingList dl {
	float:left;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	cursor:pointer;
}

.housing #housingArea #housingList dl {
	width:240px;
	margin:0 40px 0 0;
}

.bs #housingArea #housingList dl {
	width:300px;
	margin:0 50px 0 0;
}

#housingArea #housingList dl:hover {
	opacity:.8;
}

#housingArea #housingList dl:last-child {
	margin:0 0 0 0;
}

#housingArea #housingList dt {
	margin:0 0 10px 0;
}

.housing #housingArea #housingList dt img {
	width:240px;
	height:auto;
}

.bs #housingArea #housingList dt img {
	width:300px;
	height:auto;
}

#housingArea #housingList dd {
	font-size:.9em;
}

.modelCase {
	padding:0 0;
	box-sizing:border-box;
}

.modelCase .caseArea {
	padding:30px 60px;
}

.modelCase h3 {
	font-size:1.4em;
	font-weight:300;
	margin:0 0 1.5em 0;
	padding:0 0 .8em 0;
	border-bottom:1px solid #000;
}

.modelCase ul {
	margin:0 0 40px 0;
}

.modelCase ul li {
	width:48.5%;
	margin:0 0 15px 0;
}

.modelCase ul li img {
	width:100%;
	height:auto;
}

.modelCase ul li:nth-child(odd) {float:left;}
.modelCase ul li:nth-child(even) {float:right;}

.modelCase .caseArea table {
	width:100%;
}

.modelCase h2.iziModal-header-title {
	font-family: 'Noto Sans JP' !important;
	font-size:1.1em !important;
}

.modelCase h2.iziModal-header-title span {
	font-size:.8em;
	
}

#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:.9em;
}

#formArea table {
	margin:0 0 30px 0;
	width:100%;
}

#formArea table tr {
	width:100%;
	display: block;
	list-style: none;
}

#formArea table th {
	width:100%;
	display: list-item;
	padding:0 0 .5em 0;
	border:none;
	box-sizing:border-box;
	text-align:left;
	font-weight:400;
	font-size:1.1em;
}

#formArea table th.required:after {
	content:"※必須";
	color:#ff3c64;
	margin:0 0 0 .5em;
	font-size:.8em;
}

#formArea table td {
	width:100%;
	padding:0 0 1.5em 0;
	display: list-item;
	border:none;
	box-sizing:border-box;
	text-align:left;
}

#formArea input[type="text"],
#formArea input[type="password"],
#formArea input[type="email"],
#formArea input[type="tel"],
#formArea input[type="url"],
#formArea textarea {
	background:#eeeeee !important;
	padding:.8em ;
	width:100%;
	border:none;
	font-size:1em;
	box-sizing:border-box;
}

#formArea select {
	background:url(../images/arrow_down.png) right 0.5em center no-repeat #eeeeee !important;
	border:none;
	font-size:1em;
	padding:.8em 2.5em .8em .8em ;
	box-sizing:border-box;
}

#formArea textarea {
	height:200px;
}

#formArea p {
	margin:0 0 1em 0;
	font-size:.9em;
}


/* .bs ブランドシェア */

.bs #bsHead {
	width:1000px;
	margin:auto;
	padding:55px 0 0 0;
}

.bs #messageArea h3 {
	font-size:1.2em;
	font-weight:600;
	margin:0 0 1em;
	line-height:1.8em;
}

.bs .container#blankWrap h3 {
	font-family: 'remanregular';
	font-size:80px;
	line-height:1.3em;
	text-align:right;
	position:absolute;
	top:-1em;
	right:5%;
	transform: rotate( -10deg );
}

.bs #policyArea {
	margin:0 0 90px 0;
}

.bs #policyArea h3 {
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	padding:0 0 1.2em 0;
	line-height:1em;
	margin:0 0 1em 0;
	border-bottom:1px solid #000;
	font-weight:400;
}

.bs #policyArea p {
	margin:0 0 2.5em 0;
}

.bs #meritArea p {
	margin:0 0 2em 0;
}

.bs #meritArea #meritList dl {
	width:300px;
	float:left;
	margin:0 50px 40px 0;
}

.bs #meritArea #meritList dl:nth-child(3n) {
	margin:0 0 40px 0;
}

.bs #meritArea #meritList dl dt {
	margin:0 0 15px 0;
}

.bs #meritArea #meritList dl dd.title {
	font-size:1.05em;
	font-weight:500;
	margin:0 0 .5em 0;
	letter-spacing:.02em;
}

.bs #meritArea #meritList dl dd.note {
	font-size:.9em;
	line-height:1.8em;
}

.bs h3.title {
	font-size:1.4em;
	margin:0 0 1.5em 0;
	padding:0 0 1em 0;
	line-height:1em;
	border-bottom:1px solid #000;
	letter-spacing:.15em;
}

/*
.bs #planList {
	margin:0 0 40px 0;
}

.bs #planList article {
	text-align:center;
	margin:0 0 20px 0;
	width:490px;
}

.bs #planList article:nth-child(1) {float:left;}
.bs #planList article:nth-child(2) {float:right;}

.bs #planList article h4 {
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	margin:0 0 .8em 0;
	font-weight:400;
}

.bs #planList article li {
	width:100%;
	margin:0 0 5px 0;
	padding:1.3em 0;
	line-height:1em;
	color:#fff;
	background:#505050;
}

.bs #planList article li.x1 {background:#b9509b;}
.bs #planList article li.x2 {background:#cd87b9;}

.bs #planList article li.btn {
	background:none;
	padding:0 0;
	margin:10px 0 0 0;
}

.bs #planList article li.btn a {
	display:block;
	width:100%;
	padding:1.3em 0;
	color:#cb1e28;
	border:1px solid #cb1e28;
	text-decoration:none;
}

.bs #planList article li.btn a:hover {
	color:#fff;
	background:#cb1e28;
}

.bs #planList ul.note {
	clear:both;
}

.bs #planList ul.note li {
	display:inline-block;
	margin:0 1em 0 0;
}

.bs #planList ul.note li:nth-child(1) i {color:#b9509b;}
.bs #planList ul.note li:nth-child(2) i {color:#cd87b9;}
*/

.bs #planNote {
	clear:both;
	margin:0 0 50px 0;
}

.bs #planNote table {
	width:100%;
	margin:0 0 0 0;
}

.bs #planCase {
	margin:0 0 30px 0;
}

.bs #planCase .caseBox {
	width:480px;
}

.bs #planCase .caseBox:nth-child(odd) {float:left;}
.bs #planCase .caseBox:nth-child(even) {float:right;}

.bs #planCase .caseBox h4 {
	margin:0 0 .8em 0;
}


.bs #planCase .caseBox li {
	text-align:center;
	color:#fff;
	line-height:1em;
	background:#69c3be;
	padding:1.3em 0;
	margin:0 0 5px 0;
}

.bs #planEarning {
	margin:0 0 50px 0;
}
 
.bs #planEarning h4{
	margin:0 0 .8em 0;
}

.bs #planEarning .earningBox {
	width:480px;
}

.bs #planEarning .earningBox:nth-child(odd) {float:left;}
.bs #planEarning .earningBox:nth-child(even) {float:right;}

.bs #planEarning .earningBox table {
	width:100%;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	margin:0 0 15px 0;
	font-size:.95em;
}

.bs #planEarning .earningBox table th {
	font-weight:600;
	text-align:left;
	vertical-align:top;
	padding:.6em 0;
	width:6em;
}

.bs #planEarning .earningBox table td {
	padding:.6em 0;
	border-bottom:1px dashed #000;
}

.bs #planEarning .earningBox table td.price {
	text-align:right;
	white-space: nowrap;
}

.bs #planEarning .earningBox p {
	text-align:right;
	font-weight:600;
	font-size:1.1em;
	letter-spacing:.15em;
}

.bs #flowArea {
	background:url(../../bs/flow/images/flow_line.png) top left 30px repeat-y;
	padding:0 0 1px 0;
	position:relative;
}

.bs #flowArea:after {
	content:"";
	display:block;
	width:90px;
	height:90px;
	background:url(../../bs/flow/images/flow_arrow.png) bottom left no-repeat;
	position:absolute;
	left:0;
	bottom:-40px;
}

.bs #flowArea .flowBox {
	clear:both;
	margin:0 0 40px 0;
}

.bs #flowArea .flowBox .flowNum {
	width:90px;
	float:left;
	height:90px;
	display:table;
	text-align:center;
}

.bs #flowArea .flowBox dl {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:90px;
	height:90px;
	box-sizing:border-box;
	border:3px solid #69c3be;
	color:#69c3be;
	background:#fff;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	font-family: 'Oswald', sans-serif;
}

.bs #flowArea .flowBox dt {
	font-size:13px;
	line-height:1em;
	margin:0 0 .3em 0;
}

.bs #flowArea .flowBox dd {
	font-size:36px;
	line-height:1em;
	font-weight:500;
}

.bs #flowArea .flowBox .flowTxt {
	margin-left:120px;
	overflow:hidden;
	padding:.1em 0 0 0;
}

.bs #flowArea .flowBox .flowTxt h4 {
	color:#69c3be;
	font-weight:500;
	margin:0 0 .3em 0;
	font-size:1.2em;
}

.bs #flowArea .flowBox .flowTxt p {
	line-height:1.7em;
}

.bs #openArea {
	clear:both;
	margin:40px 0 50px 0;
	padding:0 30px 30px 30px;
	background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(238,238,238,1) 25%,rgba(238,238,238,1) 100%);
}

.bs #openArea #openL {
	float:left;
	width:480px;
	padding:30px 0 0 0;
}

.bs #openArea #openR {
	float:right;
	width:450px;
	box-sizing:border-box;
	text-align:right;
}

.bs #openArea h3 {
	font-size:50px;
	font-family: 'Oswald', sans-serif;
	line-height:1em;
	font-weight:500;
	color:#69c3be;
	letter-spacing:.15em;
	margin:0 0 .5em 0;
}

.bs #voiceList {
	margin:0 0 50px 0;
}

.bs #voiceList dl {
	width:300px;
	float:left;
	margin:0 50px 0 0;
	cursor:pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.bs #voiceList dl:nth-child(3n) {
	margin:0 0 0 0;
}

.bs #voiceList dl:hover {
	opacity:.8;
}

.bs #voiceList dt {
	margin:0 0 15px 0;
}

.bs #voiceList dd.name {
	font-size:1.1em;
	font-weight:500;
	margin:0 0 0em 0;
}

.bs #voiceList dd.salon {
	font-size:.9em;
}

.bs .voiceDetail {
	padding:40px 60px;
	box-sizing:border-box;
}

.bs .voiceDetail h3 {
	font-size:1.4em;
	font-weight:300;
	margin:0 0 1.5em 0;
	padding:0 0 .8em 0;
	border-bottom:1px solid #000;
}

.bs .voiceDetail .voiceL {
	width:48%;
	float:left;
}

.bs .voiceDetail .voiceL img {
	width:100%;
	height:auto;
}

.bs .voiceDetail .voiceR {
	width:48%;
	float:right;
}

.bs .voiceDetail .voiceR h4 {
	font-size:1.1em;
	font-weight:500;
	margin:0 0 .5em 0;
}

.bs .voiceDetail .voiceR p {
	margin:0 0 1.5em 0;
	font-size:.9em;
	line-height:1.8em;
}

/* .recruit 採用情報 */

.recruit #recruitArea {
	width:800px;
	margin:auto;
}

.recruit #recruitArea p {
	margin:0 0 1em 0;
}

.recruit #recruitArea .btns {
	padding:20px 0 55px 0;
}

.recruit #recruitArea .btns li {
	width:48%;
}

.recruit #recruitArea .btns li:nth-child(odd) {float:left}
.recruit #recruitArea .btns li:nth-child(even) {float:right}

.recruit #recruitArea .btns li a {
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#cb1e28;
	border:1px solid #cb1e28;
	line-height:1em;
	padding:1.3em 0;
	box-sizing:border-box;
}

.recruit #recruitArea .btns li a:hover {
	background:#cb1e28;
	color:#fff;
}

.recruit #recruitArea h4 {
	background:#F5F5F5;
	line-height:1em;
	margin:0 0 1.5em 0;
	padding:1em 1.5em;
}

.recruit #recruitArea .salonList {
	margin:0 0 20px 0;
}

.recruit #recruitArea .salonList li {
	float:left;
	width:260px;
	margin:0 10px 1em 0;
	font-size:.85em;
	letter-spacing:.08em;
}

.recruit #recruitArea .salonList li:nth-child(3n) {
	margin:0 0 1em 0;
}

.recruit #recruitArea .salonList li a {
	border:1px solid #666;
	box-sizing:border-box;
	padding:.5em 1em;
	display:block;
	text-decoration:none;
}

.recruit #recruitArea .salonList li a:hover {
	opacity:.8;
	background:#000;
	color:#fff;
	border:1px solid #000;
}

.recruit #recruitArea .salonList li a.none {
	border:1px solid #ccc;
	color:#ccc;
	cursor:default;
	pointer-events:none;
}

.recruit #recruitArea .salonList li a.none:hover {
	border:1px solid #ccc;
	color:#ccc;
	background:#fff;
}


/* .monitor ヘアモニター */

.monitor #monitorArea {
	width:800px;
	margin:auto;
}

.monitor #aboutArea {
	margin:0 auto 55px auto;
}

.monitor #aboutArea p {
	margin:0 0 1em 0;
}

.monitor #priceArea {
	margin:0 auto 55px auto;
}

.monitor #priceArea table {
	width:100%;
	margin:0 0 0 0;
}

.monitor #priceArea table th {
	text-align:left;
	vertical-align:top;
	padding:0em 0 1.5em 0;
	font-weight:normal;
}

.monitor #priceArea table td {
	text-align:right;
	padding:0em 0 1.5em 0;
	font-weight:600;
	white-space:nowrap;
}

.monitor #priceArea ul {
	margin:0 0 10px 0;
}

.monitor #priceArea li {
	padding-left:1em;
	text-indent:-1em;
	font-size:.9em;
	line-height:1.8em;
	margin:0 0 .3em 0;
}

.monitor #priceArea .note {
	font-size:.9em;
	font-weight:500;
	padding-left:1em;
	text-indent:-1em;
}

.monitor #infoArea {
	margin:0 auto 55px auto;
}

.monitor #infoArea li {
	padding-left:1em;
	text-indent:-1em;
	font-size:.9em;
	line-height:1.8em;
	margin:0 0 .5em 0;
}

.monitor #contactArea dl {
	margin:0 0 30px 0;
}

.monitor #contactArea dt {
	font-size:1.3em;
	margin:0 0 .4em 0;
}

.monitor #contactArea dd {
	color:#ff3c64;
	padding-left:1em;
	text-indent:-1em;
}

.monitor #contactArea h4 {
	font-size:1.3em;
	font-weight:500;
	margin:0 0 .5em 0;
}

.monitor #contactArea p {
	margin:0 0 2em 0;
	line-height:2em;
	font-size:.95em;
}


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

.notfound #notFound h2.title {
	text-align:center;
}

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

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


.modal h2.iziModal-header-title {
	font-family: 'Noto Sans JP' !important;
	font-size:1.1em !important;
}

.modal {
	padding:20px;
	box-sizing:border-box;
	height:auto;
}

.modal p {
	margin:20px 0 0 0;
	line-height:1.8em;
}

.modal #hideMessage {
	text-align:center;
	margin:10px 0 10px 0;
	padding:10px 0 0 0;
	border-top:1px dashed #666;
}


/* ランキング */

.rankList {
	position:relative;
	margin:0 0 30px 0;
}

.rank .rankList {
	position:relative;
	margin:0 0 0 0;
}


.rankList .moreBtn {
	top:-87px;
}

.rankList .moreBtn a {
	width:auto;
	margin:0 0 0 0;
}

.rankList a {
	display:block;
	text-decoration:none;
	width:184px;
	float:left;
	margin:0 20px 25px 0;
}

.rankList a:hover {
	opacity:.8;
}

.rankList a:nth-child(5n) {
	margin:0 0 25px 0;
}

.rankList a figure {
	margin:0 0 15px 0;
}

.rankList a figure img {
	width:184px;
	height:258px;
	object-fit: cover;
	object-position: 50% 0%;
	font-family: 'object-fit: cover; object-position: 50% 0%;';
}

.rankList a figure figcaption {
	margin:20px 0 0 0;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	font-weight:600;
	line-height:1em;
	background:url(../images/line.png) left center repeat-x;
}

.rankList a figure figcaption span {
	background:#fff;
	display:inline-block;
	padding:0 .5em 0 0;
}

.rankList a dl dt {
	line-height:1em;
	margin:0 0 .5em 0;
}
.rankList a dl dd {
	font-size:.9em;
	line-height:1.5em;
}

.rank #rankNavi {
	margin:0 0 40px 0;
}

.rank #rankNavi li {
	float:left;
	line-height:1em;
	letter-spacing:.15em;
}

.rank #rankNavi li:not(:last-child):after {
	content:"|";
	line-height:1em;
	padding:0 1em;
	font-size:.95em;
}

.rank #rankNavi li a {
	font-size:.95em;
	font-weight:300;
}

.rank #rankNavi li a.active {
	font-weight:700;
}

.rank p.notice {
	font-size:.9em;
	padding-left:1em;
	text-indent:-1em;
}