@charset "UTF-8";

/* -----------------------------------------------
FileName: mobile.css
----------------------------------------------- */

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

	html {
		-webkit-text-size-adjust: 100%;
	}
	
	body {
		font-size:.85em;
	}
	

	.pc {display:none !important;}
	.sp {display:block !important;}
	
	.infoBox {
		margin:-20px 0px 30px 0px;
	}

	.m40 {
		margin:0 0 40px 0;
	}

	button.button2 i {
		vertical-align:text-bottom;
	}
	
	.container {
		border-left:none;
		border-right:none;
	}
	


	.contents {
		width:90%;
		padding:55px 0;
	}
	
	.container.x1 .contents {
		padding:35px 0 55px 0;
	}
	
	header.head {
		padding:10px 0 0 0;
		box-sizing:border-box;
		background-color: rgba(255,255,255,1);
		/* background:#ccc; */
		height:60px;
	}
	
	header.head h1 {
		text-align:center;
	}
	
	a#logo {
		display:block;
		padding:10px 0 0 0;
		text-align:center;
		top:0;
		left:0;
		width:100%;
		background-color: rgba(255,255,255,.8);
		/* background:#ccc; */
		height:60px;
		box-sizing:border-box;
	}
	
	#logoSvg {
		width:140px;
		height:auto;
	}
	.head button {
		display:block;
	}

	
	.drawer-nav ,
	.is-fixed .drawer-nav {
		width:80%;
		padding:50px 15px 15px 8%;
	}
	
	.drawer--right .drawer-nav {
	  right: -80%;
	}
	
	.drawer--right.drawer-open .drawer-hamburger {
	  right: 80%;
	}
	
	.drawer-hamburger {
		top: 20px !important;
		right:10px !important;
	}

	.drawer-navbar-header {
		width:100% !important;
	}
	

	#gNavi .drawer-menu {
		float:none;
	}
	#gNavi li {
		float:none;
		margin:0 0 0 0;	
	}
	
	#gNavi li.x2 {
		display:block;
	}
	
	
	
	#gNavi li:nth-child(9) a.drawer-menu-item {
		margin:0 0 1em 0;
	}
	
	#gNavi li a.drawer-menu-item span {
		display:inline;
	}
	
	#gNavi li a.drawer-menu-item:hover {
		opacity:.8;
	}

	
	
	
	#gNavi li a.drawer-menu-item {
		font-weight:500;
		font-size:20px !important;
		padding:0 !important;
		margin:0 0 1em 0;
	}
	
	
	
	#gNavi .snsBtn {
		position:absolute;
		bottom:2em;
		right:2em;
	}
	
	#gNavi .snsBtn li {
		float:left;
		margin:0 .5em 0 0;
		font-size:1.8em;
	}
	
	#gNavi .snsBtn li:last-child {
		margin:0 0 0 0;
	}
	
	footer {
		padding:0 0 65px 0;
	}
	
	.brand footer {
		padding:40px 0 65px 0;
	}
	
	footer.x2 {
		padding:0 0 130px 0;
	}
	


	footer #footer {
		padding:25px 0;
	}
	
	
	
	#copyRight {
		text-align:center;
		padding:1.5em 0 0 0;
	}

	
	#mainCol{
		float:none;
		width:100%;
		margin:0 0 50px 0;
	}
	
	#sideCol{
		float:none;
		width:100%;
	}

	
	#reservations {
		clear:both;
		display:block !important;
		position:fixed;
		bottom:0;
		z-index:90;
		width:100%;

	}
	
	#reservations li {
		float:left;
		display:block;
	}
	
	#reservations li.x3 {
		width:33.333333%;
	}
	
	#reservations li.x2 {
		width:50%;
	}
	
	#reservations li.x1 {
		float:none;
		width:100%;
	}

	

	
	#reservations a {
		display:block;
		line-height:1em;
		padding:1.2em 0em;
		letter-spacing:.1em;
		width:100%;
		text-align:center;
		box-sizing:border-box;
		color:#fff;
	}
	
	#reservations li.reserve a {
		background:#cb1e28;
		border:1px solid #cb1e28;
	}
	
	#reservations li.tel a {
		background:#000;
		color:#fff;
		border:1px solid #000;
	}
	
	#reservations li.recruit a {
		background:#143778;
		color:#fff;
		border:1px solid #143778;
	}
	
	#reservations a:hover {
		text-decoration:none;
		opacity:.9;
	}
	
	
	#copyRight span {
		display:none;
	}
	
	

	
	#snsBtnLeft {
		position:fixed;
		left:0;
		bottom:45%;
		width:20px;
		text-align:center;
	}

	
	#snsBtnLeft h3 {
		font-family: 'Oswald', sans-serif;
		font-size:.75em;
	}
	
	#snsBtnLeft h3:after {
		content:"";
		display:block;
		width:1px;
		height:15px;
		background:#000;
		margin:3px auto 8px auto;
	}
	
	#snsBtnLeft li {
		font-size:1.2em;
		line-height:1em;
		margin:0 0 .5em 0;
	}
	
	#sideBtn {
		position:fixed;
		right:0;
		top:auto;
		bottom:0;
		width:100%;

	}
	
	
	#sideBtn ul li {
		float:left;
		line-height:1em;
		margin:0 0 0 0;
		width:33.33333%;
		display:block !important;
		text-align:center;

	}
	
	#sideBtn ul li a {
		text-decoration:none;
		color:#fff;
		padding:1em 0em;
		background:#000;
		display:block;
		font-size:14px;
		letter-spacing:.05em;
		width:100%;
		box-sizing:border-box;
		writing-mode: lr-tb;

	}
	
	h2.title {
		font-size:32px;
		line-height:1em;
		margin:0 0 1em 0;
		font-weight:600;
		letter-spacing:.05em;
	}
	
	h3.title {
		line-height:1.5em;
	}
	
		
	.moreBtn {
		top:3px;
		padding:.2em 0 .2em 2em;
	}
	article.article .linkBtn {
		min-width:50%;
	}
	
	article.article .linkBtn {
		min-width:50%;
	}

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

	article.article blockquote img {
		max-width:100% !important;
		height:auto;
	}
	
	article.article blockquote {
		padding:50px 20px;
	}
	
	#footNavi ul:nth-child(1) {
		margin:0 0 20px 0;
	}
		
	#footNavi ul:nth-child(2) li a {
		display:block;
		text-decoration:none;
		border:1px solid #fff;
		padding:1em 1em 1em 1em;
		margin:0 .5em;
		font-size:.9em;
		letter-spacing:0;
	}
	
	table.alt {
		width:100%;
		font-size:1em;
		margin:0 auto 25px auto;
	}
	
	table.alt tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.company table.alt {
		width:100%;
	}
	
	table.alt th,
	table.alt td {
		width:100%;
		display: list-item;
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	table.alt th {
		background:#f2f2f2;
		padding:10px 3% 10px 3%; 
	}
	
	
	table.alt td {
		padding:10px 3% 20px 3%; 
	}
	
	table.alt tr:nth-child(odd) {
		background:none;
	}



	
	.home #thumImg {
		display:none;
	}
	
	.home #keyWrap {
		padding:0 0 0 0;
		position:relative;
		background-color: rgba(255,255,255,1);
	}
	
	.home #keyImg {
		margin:0 0 0 0;
	}
	
	.home #keyImg #key-next a {
		left:30px;
		width:30px;
		height:30px;
		background-size:cover;
	}
	
	
	.home #keyImg #key-prev a {
		width:30px;
		height:30px;
		background-size:cover;
	}
	
	#searchArea {
		margin:0 0 55px 0;
	}
	
	.salon #searchArea {
		margin:0 0 55px 0;
	}
	
	.tabNavi {
		margin:0 0 25px 0;
	}
	
	
	.tabNavi li {
		width:33.3333%;
		margin:0 0 0 0;
		text-align:center;
		float:left;
		position:relative;
		top:1px;
	}
	
	#groupArea .tabNavi li {
		width:33.3333%;
	}
	
	.tabNavi li a {
		letter-spacing:0;
		padding:.6em 0;
	}
	
	#groupArea .tabNavi li a {
		font-size:.8em;
	}

	
	#searchArea #freeWord label {
		position:absolute;
		top:5px;
		left:10px;
		font-size:1.6em;
	}
		
		
	#searchArea #freeWord input[type="text"] {
		padding:0 1em 0 2.5em;
		width:78%;
		height:40px;
	}
	

	#searchArea .bt_search {
		width:20%;
		height:40px;
	}

	#searchArea select {
		font-size:.9em;
		height:40px;
		float:none;
		width:38%;
		
	}
	
	#searchArea #kodawari .bt_search {
		width:100%;
	}
	
	#searchArea #kodawari ul {
		margin:0 0 10px 0;
	}
	
	#searchArea #kodawari li {
		width:50%;
		font-size:.9em;
		margin:0 0 0em 0;
		float:left;
		box-sizing:border-box;
		letter-spacing:0;
		padding:0 0 0 1em;
	}
	
	
	#salonNews {
		margin:0 0 40px 0;
	}
	
	.home #salonNews .moreBtn {
		top:-55px;
	}
	
	#salonNews a {
		display:block;
		width:48.5%;
		float:none;
		margin:0 0 25px 0;
		text-decoration:none;
	}
	
	#salonNews a:nth-child(1) {float:left;}
	#salonNews a:nth-child(2) {float:right;}
	
	#salonNews dt {
		margin:0 0 10px 0;
		float:none;
		width:100%;
	}
	
	#salonNews dd {
		margin-right:0 !important;
		overflow:hidden;
	}
	
	#salonNews dt img {
		width:100%;
		height:135px;
	}

	#salonNews dd.title {
		line-height:1.5em;
	}


	#salonNews a:nth-child(n + 3) {
		float:none;
		clear:both;
		width:100%;
	}
	
	#salonNews a:nth-child(n + 3) {
		padding:5px 0 0 0;
		margin:10px 0 0 0;
		border-top:1px dashed #ccc;
	}
	
	#salonNews a:nth-child(n + 3) dt {
		width:100px;
		float:left;
		margin:0 0 0 0;
	}
	
	#salonNews a:nth-child(n + 3) dd {
		margin-left:115px;
		overflow:hidden;
	}
	
	#salonNews a:nth-child(n + 3) dt img {
		width:100px;
		height:100px;
	}
	
	
	.home #column dl {
		padding:0 0;
		text-align:left;
		float:left;
		width:50%;
	}
	
	.home #column dl:last-child {
		display:none;
	}
	
	.home #column dt {
		margin:0 0 15px 0;
	}
	
	.home #column dd.title {
		font-size:1em;
		font-weight:600;
		letter-spacing:0em;
		margin: 0 0 .5em 0;
		line-height:1.6em;
	}
	
	.home #storeWrap {
		position:relative;
		min-height:auto;
		margin:0 0 70px 0;
	}
	
	.home #storeArea {
		width:100%;
		box-sizing:border-box;
		padding:0px 0 0 0;
		
	}
	
	.home #storeArea h2.title {
		line-height:1.2em;
		margin:0 0 .5em 0;
	}
	
	.home #storeArea h2.title br {
		display:none;
	}
	
	.home #storeArea p.message {
		line-height:2em;
		margin:0 0 1em 0;
	}
	
	.home #storeArea p.pict {
		position:static;
		top:0;
		right:0;
		margin:0 0 15px 0;
	}
	
	.home #storeArea p.pict img {
		width:100%;
		height:auto;
	}
	
	#styleList ul li {
		width:48.5%;
		float:none;
		margin:0 0 15px 0;
	}
	
	#styleList ul li:nth-child(odd) {float:left;}
	#styleList ul li:nth-child(even) {float:right;}
	
	#styleList ul li:nth-child(3n) {
		margin:0 0 15px 0;
	}
	
	.salon.top #styleList ul li:last-child {
		display:block;
	}
	
	#styleList li img {
		width:100%;
		height:240px;
		object-fit: cover;
		object-position: 50% 0%;
		font-family: 'object-fit: cover; object-position: 50% 0%;';
	}
	
	.home #snsArea #fbBox {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	
	.home #snsArea #instaBox {
		width:100%;
		float:none;
	}
	
	.home #snsArea #instaBox li {
		width:33.333333%;
		float:left;
		margin:0 0 0 0;
	}
	
	.home #snsArea #instaBox li:nth-child(3n) {
		margin:0 0 0 0;
	}
	
	.home #snsArea #instaBox li img {
		width:100%;
		height:120px;
		object-fit: cover;
		object-position: 50% 50%;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
	}
	
	.home #contentsArea {
		margin:0 0 55px 0;
	}
	
	.home #contentsArea a {
		width:100%;
		display:block;
		text-decoration:none;
		position:relative;
	}
	
	.home #contentsArea img {
		width:100%;
		height:220px;
		object-fit: cover;
		object-position: 50% 50%;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
		
	}
	
	.home #contentsArea a:hover {
		opacity:.8;
	}
	
	.home #contentsArea a:nth-child(odd) {
		float:left;
		margin:0 0 20px 0;
	}
	
	.home #contentsArea a:nth-child(even) {
		float:right;
		margin:0 0 0 0;
	}
	
	.home #contentsArea dl {
		position:absolute;
		bottom:0;
		right:0;
		background:#fff;
		padding:15px 0px 15px 20px;
		box-sizing:border-box;
		width:75%;
	}
	.home #contentsArea dt {
		font-family: 'Oswald', sans-serif;
		font-size:24px;
		font-weight:600;
		letter-spacing:.12em;
		margin:0 0 .2em 0;
	}
	
	.home #contentsArea dd {
		font-size:.9em;
	}

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

	.home #groupArea article aside a {
		width:49%;
		float:none;
		margin:0 0 15px 0;
		text-decoration:none;
	}
	
	.home #groupArea article aside a:nth-child(4n) {
		margin:0 0 15px 0;
	}
	
	.home #groupArea article aside a:nth-child(odd) {float:left;}
	.home #groupArea article aside a:nth-child(even) {float:right;}
	
	.home #groupArea article aside a img {
		width:100%;
		height:auto;
	}

	.home #groupArea article aside dd {
		font-size:.8em;
		line-height:1.5em;
		letter-spacing:.0em;
	}
	
	.home #groupArea .business {
		float:none;
		width:100%;
		margin:0 0 15px 0;
	}
	
	.home #groupArea .business  article aside a {
		width:100%;
		margin:0 0 0 0;
	}
	
	.home #groupArea .business article aside a:nth-child(4n) {
		margin:0 0 0 0;
	}
	
	.home #groupArea article h3.x2 {
		margin:0 0 20px 0;
	}
	
	.home #groupArea article h3.x3 {
		margin:0 0 20px 0;
	}


	
	#flagArea li {
		display:block;
		font-size:.9em;
		margin:0 0 .5em 0;
		float:left;
		width:33.3333%;
		letter-spacing:0;
	}
	

	/* .salon サロン情報 */	
	.salon #salonList {
		clear:both;
	}
	
	.salon #salonList a.olink {
		width:100%;
		float:none;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		border-bottom:1px dashed #ccc;
	}
	
	.salon #salonList a.olink:nth-child(3n) {
		margin:0 0 15px 0;
	}
	
	.salon #salonList dl dt {
		margin:0 0 0 0;
		float:left;
		width:120px;
	}
	
	
	.salon #salonList dl dt img {
		width:120px;
		height:120px;
		object-fit: cover;
		object-position: 50% 50%;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
	}
	
	.salon #salonList dl dd {
		margin-left:130px !important;
		overflow:hidden;
	}
	
	.salon #salonList dl dd.reserveBtn {
		clear:both;
		float:left;
		width:48%;
		padding:0 2px 0 0;
		margin:15px 0 0 0 !important;
	}
	
	.salon #salonList dl dd.couponBtn {
		float:right;
		width:48%;
		padding:0 2px 0 0;
		margin:15px 0 0 0 !important;
	}
	
	.salon #salonList dl dd.name {
		font-size:1.1em;
		font-weight:500;
		margin:0 0 .4em 0;
		padding:.3em 0 0 0;
	}
	
	.salon #salonList dl dd.add {
		display:block;
		line-height:1.6em;
		font-size:.9em;
	}
	
	
	
	.salon #keyImg {
		position:relative;
		left: 50%;
		width: 300%;
		margin-left: -150%;
	}

	.salon #keyImg.x1 {
		position:relative;
		left: 0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.salon #keyImg img {
		width:100%;
		height:220px;
	}
	
	.salon #keyImg #key-next a {
		display:none;
	}
	
	.salon #keyImg #key-prev a {
		display:none;
	}

	
	.salon #salonHead ul {
		display:none;
	}
	
	.salon #salonHead {
		margin:0 auto 0 auto;
		position:relative;
		width:95%;
		padding:25px 0 0 0;
	}
	
	.salon.top #salonHead {
		margin:0 auto 0 auto;
	}
	
	.salon #salonHead dd.tel {
		margin: .3em 0 0 0;
	}
	
	.salon #salonHead dd.tel a {
		cursor:default;
		font-family: 'Oswald', sans-serif;
		font-size:18px;
		text-decoration:none;
		font-weight:normal;
		
	}
		
	.salon #salonHead dl {
		width:100%;
	}
	
	.salon #salonHead dt h2 {
		font-size:20px;
		font-weight:600;
		line-height:1em;
		margin:0 0 .4em 0;
	}
	
	.salon #salonHead dd address {
		font-style:normal;
		display:inline-block;
		margin:0 .5em 0 0;
		letter-spacing:0;
	}
	
	.salon #salonHead dd i {
		font-size:1.2em;
	}
	
	.salon #salonHead dd a {
		font-family: 'Oswald', sans-serif;
		font-size:13px;
		font-weight:500;
		
	}
	
	#salonNavi.is-fixed {
		width:100%;
		position:fixed;
		bottom:49px;
		left:0;
		z-index:100;
		padding:0 0 0 0;
	}
	
	#salonNavi.is-fixed.x2 {
		bottom:42px;
	}
	
	#salonNavi.is-fixed ul {
		border-bottom:none;
		position:relative;
	}

	
	#salonNavi.is-fixed li {
		width:16.66667%;
		margin:0 0 0 0;
		text-align:center;
		float:left;
		position:relative;
		top:1px;
	}
	
	#salonNavi.is-fixed li i {
		display:block;
		line-height:1em;
		font-size:2em;
	}
	
	#salonNavi.is-fixed li a {
		font-size:.6em;
		line-height:1.3em;
	}
	
	#salonNavi.is-fixed li a.x1 i {
		padding:0 0 .5em 0;
	}
	
	#salonNavi.is-fixed li br {
		display:inline;
	}
	
	#salonNavi.is-fixed li span {
		display:none;
	}
	
	.salon #couponArea .couponBox {
		clear:both;
		margin:0 0 15px 0;
		padding:10px;
	}
	
	.salon #couponArea .couponImg {
		float:left;
		width:100px;
	}
	
	.salon #couponArea .couponImg img {
		width:100px;
		height:100px;
		object-fit: contain;
		
	}
	
	.salon #couponArea .couponTxt {
		margin-left:0;
	}
		
	.salon #couponArea .couponBox dl dt span {
		padding:.5em 1.8em;
		font-size:.9em;
	}
	
	.salon #couponArea .couponBox dl dd.name {
		clear:both;
		font-size:1.1em;
		font-weight:600;
	}
	
	.salon #couponArea .couponBox dl dd.price {
		float:right;
		font-size:1.1em;
		padding:0 0 0 0;
	}
	
	.salon .couponBox p.note {
		font-size:.9em;
		line-height:1.6em;
	}
	
	.salon .couponBox .limit {
		margin:10px 0 10px 0;
	}

	.salon .couponBox .reserveBtn a {
		padding:.9em 0;
	}
	
	
	.salon #staffArea a.olink {
		clear:both;
		float:none;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		width:100%;
		border-bottom:1px dashed #ccc;
		min-height:140px;

	}
	
	.salon #staffArea a.olink:last-child {
		border:none;
	}
	
	.salon #staffArea a.olink:nth-child(4n) {
		margin:0 0 20px 0;
	}
	
	.salon #staffArea dt {
		margin:0 0 0 0;
		width:120px;
		height:120px;
		float:left;
	}
	
	.salon #staffArea dt img {
		width:120px;
		height:140px;
		object-fit: cover;
		object-position: 50% 0%;
		font-family: 'object-fit: cover; object-position: 50% 0%;';
	}
	
	.salon #staffArea dd {
		margin-left:130px !important;
		overflow:hidden;
	}
	
	.salon #staffArea dd.name {
		padding:.3em 0 0 0;
		font-size:1.3em;
	}
	
	.salon #staffArea dd.rank {
		line-height:1.6em;
		color:#969696;
		font-size:.9em;
		letter-spacing:0;
	}

	.salon #staffArea dd.roma {
		margin:0 0 5px 0;
	}
	
	.salon #staffArea dd.btns {
		padding:0 0 0 1px;
	}
	
	.salon #staffArea dd.reserveBtn {
		width:60%;
		margin:0 0 0 0;
		text-align:center;
		padding:0 2px 0 0 ;
		margin:10px 0 0 0;
	}
	
	.salon #staffArea dd.reserveBtn a {
		padding:.8em 0;
	}
	
	.container#blankWrap {
		height:180px;
		position:relative;
		background-color: rgba(255,255,255,0);
	}
	
	.container#blankWrap h3 {
		font-family: 'remanregular';
		font-size:60px;
		font-weight:500;
	}

	.container#blankWrap h3 span {
		font-size:60px;
	}
	
	.salon #salonData {
		width:100%;
		float:none;
		margin:0 0 15px 0;
	}
	
	.salon #salonMap {
		float:none;
		width:100%;
	}
	
	.salon #salonMap iframe {
		width:100%;
		height:240px;
		margin:0 0 15px 0;
	}
	
	
	.salon #salonData table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.salon #salonData table th,
	.salon #salonData table td {
		width:100%;
		display: list-item;
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.salon #salonData table th {
		background:#efefef;
		padding:.5em 3% .5em 3%; 
	}
	
	.salon #salonData table td {
		padding:.5em 3% 1.5em 3%; 
	}
	
	.salon #salonData table th:after {
		display:none;
	}
	
	.salon #salonData ul.cards li {
		margin:5px 3px 0 0;
	}
	
	.salon #salonNote {
		margin:30px 0 0 0;
		clear:both;
		font-size:.85em;
		line-height:1.8em;
		padding:20px 15px;
	}
	
	.salon #staffArea {
		position:relative;
		margin:0 0 30px 0;
	}
	
	.salon .menu .contents {
		width:90%;
	}
	
	.salon .menu h2.title {
		margin:0 0 1em 0;
	}

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

	.menu #menuArea .menuBox {
		width:100%;
		margin:0 0 20px 0;
		/*float:left;*/
		box-sizing:border-box;
	}
	.menu #menuArea .taxNote {
		clear:both;
		position:static;
		top:0;
		right:20px;
		font-size:.9em;
	}
	
	.salon #staffDetail #staffL {
		float:none;
		width:100%;
		margin:0 0 30px 0;
	}
	
	.salon #staffDetail #staffL p img {
		width:100%;
		height:420px;
		object-fit: cover;
		object-position: 50% 0%;
		font-family: 'object-fit: cover; object-position: 50% 0%;';
	}
	
	.salon #staffDetail #staffR {
		float:none;
		width:100%;
	}
	
	.salon #staffDetail .staffName dt {
		font-size:1.7em;
		font-weight:600;
		line-height:1em;
		margin:0 .5em 0 0;
		display:inline-block;
	}
	
	
	.salon #staffDetail .staffName dd.roma {
		display:inline-block;
		margin:0 0 0 0;
		
	}
	
	.salon #staffDetail .staffName dd.rank {
		clear:both;
		padding:.5em 0 0 0;
	}
	
	.salon #staffDetail #staffData dl {
		width:100%;
		margin:0 0 1em 0;
		padding:0 0 0 0;
		border-bottom:none;
	}
	
	.salon #staffDetail #staffData dl dt {
		float:none;
		background:#efefef;
		padding:.5em 3% .5em 3%;
		box-sizing:border-box;
	}
	
	.salon #staffDetail #staffData dl dd {
		float:none;
		text-align:left;
		padding:.5em 3% 0 3%;
	}
	
	.salon #staffDetail #staffData dl.x2 dt {
		float:none;
		width:100%;
	}
	
	.salon #staffDetail #staffData dl.x2 dd {
		float:none;
		margin-left:0;
		overflow:hidden;
		text-align:left;
	}
	
	.salon #calendarArea .ui-datepicker tbody td {
		padding:0;
		text-align:center;
		vertical-align:middle;
		font-size:13px;
		width:14.28571%;
		box-sizing:border-box;
		border:1px solid #eeeeee;
		background:#fff;
		height:45px;
		position:relative;
	}
	
	.salon #calendarArea .ui-datepicker tbody td.holiday:after {
		content:"休";
		position:absolute;
		left:.2em;
		bottom:auto;
		top:-.2em;
		font-size:.85em;
		color:#ff3c64;			
	}
	
	.salon #calendarArea .ui-datepicker .ui-datepicker-title {
		font-size:28px;
	}
	
		
	.salon #calendarArea .ui-datepicker .ui-datepicker-prev {
		top:-10px;
	}
	
	.salon #calendarArea .ui-datepicker .ui-datepicker-next {
		top:-10px;
		right:0;
	}
	
	.salon #salonWorks li {
		float:left;
		width:33.3333%;
		margin:0 0 0 0;
		box-sizing:border-box;
		padding:2px;
	}
	
	.salon #salonWorks li:nth-child(5) {
		margin:0 0 0 0;
	}
	
	.salon #salonWorks li:nth-child(6) {
		display:block;
	}
	
	.salon #salonWorks li img {
		width:100%;
		height:150px;
	}
	
	
	/* .style ヘアカタログ */
	
	.style #styleList {
		margin:0 0 40px 0;
	}
	
	.style #styleList li {
		margin:0 0 15px 0;
		width:48.5%;
		float:left;
	}

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

	.style #styleList li:nth-child(3n) {
		margin:0 0 15px 0;
	}
	
	
	.style #styleList li img {
		width:100%;
		height:240px;
	}


	.style #styleDetail #styleL {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	
	.style #styleDetail #styleR {
		width:100%;
		float:none;
	}
	
	.style #styleDetail #styleL #styleImg {
		position:relative;
		margin:0 0 60px 0;
	}
	
	.style #styleDetail #styleL #slider li img {
		width:100%;
		height:420px;
	}
	
	.style #styleDetail #styleData dt {
		font-size:18px;
	}
	
	.authorBox .staffInfo .staffR dd.rank {
		line-height:1.6em;
	}
	
	.authorBox .staffInfo .snsIcon li {
		display:inline-block;
		font-size:1.3em;
		margin:0 0 0 .2em;
	}
	
	.authorBox .staffInfo .staffR dt {
		font-size:1.3em;
		font-weight:500;
		line-height:1em;
		margin:0 0 .6em 0;
	}
	
	.authorBox .reserveBtn a {
		padding:1.1em 0;
	}
	
	.style #styleDetail #profBtn {
		font-size:1.2em;
		margin:0 0 .8em 0;
	}
	
	.style #styleDetail #profBtn:after {
		content:"\f105";
		font-family: FontAwesome;
		font-size:1.4em;
		margin:0 0 0 .3em;
		vertical-align:text-top;
	}
	.style #styleDetail #profBtn.selected:after {
		content:"\f107";
	}
	
	.style #styleDetail #styleType th {
		padding:.3em 0;
		text-align:left;
		vertical-align:top;
		font-weight:normal;
		width:4.5em;
		font-size:.9em;
		
	}
		
	.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:.1em;
	}
	
	.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 0 0 .5em;
		font-size:.95em;
	}
	
	/* .news ニュース */
	.news #newsList {
		margin:0 0 20px 0;
	}
	
	.news #newsList a {
		display:block;
		text-decoration:none;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		border-bottom:1px dashed #ccc;
	}
	
	.news #newsList a:last-child {
		border:none;
	}
	
	.news #newsList a:hover {
		opacity:.8;
	}
	
	.news #newsList dt {
		float:left;
		width:100px;
	}
	
	.news #newsList dt img {
		width:100px;
		height:100px;
		object-fit: cover;
		object-position: 50% 50%;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
	}
	
	.news #newsList dd {
		margin-left:110px !important;
		overflow:hidden;
	}
	
	.news #newsList dd.title {
		font-size:1em;
		font-weight:500;
		margin:0 0 .5em 0;
		padding:.3em 0 0 0;
		line-height:1.8em;
	}
	
	.news #newsList dd.note {
		display:none;
	}
	
	.news #newsDetail dl dt {
		font-size:1.3em;
		margin:0 0 .4em 0;
		line-height:1.5em;
	}
	
	.news #newsDetail dd.date span {
		letter-spacing:0;
	}
	
	.news #newsDetail dd.shareBtn li {
		display:inline-block;
		margin:0 0 0 .1em;
	}
	
	/* .bland ブランドストーリー */

	.bland #history .contents {
		overflow:hidden;
	}
	
	.bland #blandArea h3 {
		margin:0 0 .5em 0;
	}
	
	.bland #blandArea h3 br {
		display:none;
	}
	
	
	.bland #blandArea #blandL {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	
	.bland #blandArea #blandR {
		width:100%;
		float:none;
	}
	
	.bland #blandArea #blandR img {
		width:100%;
		height:auto;
	}
	
	.bland #historyArea {
		clear:both;
		background:url(../../bland/images/history_line.png) top left 5px repeat-y;
		position:relative;

		
	}
		
	.bland #historyArea .historyBox {
		clear:both;
		width:100%;
		box-sizing:border-box;
		margin:0 0 50px 0;
		
	}
	
	.bland #historyArea .historyBox:nth-child(odd) {
		float:none;
		padding:0 0 0 35px;
	}
	
	.bland #historyArea .historyBox:nth-child(even) {
		float:none;
		padding:0 0 0 35px;
	}
	
	.bland #historyArea .historyBox:last-child:nth-child(even){
		padding:0 0 0 35px;
	}
	
	.bland #historyArea .historyBox aside p.pict img {
		width:100%;
		height:180px;
	}
	
	.bland #historyArea .historyBox aside dl {
		padding:20px 15px;
	}
	
	.bland #historyArea .historyBox aside:first-child:before {
		content:"\f111";
		font-family: FontAwesome;
		position:absolute;
		top:1.7em;
		font-size:1.2em;
	}
	
	
	.bland #historyArea .historyBox:nth-child(odd) aside:first-child:before {
		left:-35px;
	}
	
	.bland #historyArea .historyBox:nth-child(even) aside:first-child:before {
		left:-35px;
	}
	
	
	.bland #historyArea .historyBox aside:first-child:after {
		content:"";
		display:block;
		width:25px;
		height:25px;
		background:#000;
		position:absolute;
		top:2em;
	}
	
	
	.bland #historyArea .historyBox:nth-child(odd) aside:first-child:after {
		left:-24px;
		-webkit-clip-path: polygon(100% 100%, 100% 0, 30% 50%);
		clip-path: polygon(100% 100%, 100% 0, 30% 50%);
	}
	
	.bland #historyArea .historyBox:nth-child(even) aside:first-child:after {
		left:-24px;
		-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 30px 0;
	}
	
	.about #keyImg img {
		width:100%;
		height:auto;
	}
	
	.about #fashionArea {
		margin:0 0 60px 0;
	}
	
	.about #fashionArea #fashionL {
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	
	.about #fashionArea #fashionR {
		width:100%;
		float:none;
	}
	
	.about #fashionArea #fashionR img {
		width:100%;
		height:auto;
	}
	
	.about #fashionArea h3 {
		line-height:1.7em;
	}
	
	.about #fashionArea p {
		margin:0 0 1em 0;
	}
	
	.about #elleArea {
		border:1px solid #000;
		padding:15px 15px 15px 15px;
		box-sizing:border-box;
		position:relative;
	}
	
	.about #elleArea .pict {
		position:static;
		margin:0 0 20px 0;
		text-align:center;
	}
	
	.about #pretaporterPhoto h4 {
		font-size:48px;
		top:-1em;
	
	}
	
	
	.about .articles {
		clear:both;
		margin:0 0 60px 0;
	}
	
	.about .articles article {
		clear:both;
		margin:0 0 50px 0;
	}
	
	.about .articles article:last-child {
		margin:0 0 0 0;
	}
	
	.about .articles article .text {
		width:100%;
	}
	
	.about .articles article .text h3 {
		font-size:1.2em;
		font-weight:600;
		margin:0 0 .5em 0;
		line-height:2em;
	}
	
	.about .articles article .pict {
		width:100%;
	}
	
	.about .articles article .pict img {
		width:100%;
		height:auto;
	}
	
	.about .articles article:nth-child(odd) .text {float:none; margin:0 0 30px 0;}
	.about .articles article:nth-child(even) .text {float:none; margin:0 0 30px 0;}
	.about .articles article:nth-child(odd) .pict {float:none;}
	.about .articles article:nth-child(even) .pict {float:none;}

	.about h2.title.x2 {
		margin:0 0 .5em 0;
	}
	
	.about #menuArea {
		border:2px solid #000;
		padding:20px;
		box-sizing:border-box;
		margin:0 0 55px 0;
	}
	
	.about #menuArea .menuBox {
		width:100%;
	}
	
	.about #menuArea .menuBox:nth-child(1) {float:none; margin:0 0 30px 0;}
	.about #menuArea .menuBox:nth-child(2) {float:none; margin:0 0 30px 0;}
	.about #menuArea .menuBox:nth-child(3) {float:none;}
	
	.about #menuArea .menuBox dd {
		line-height:1.8em;
	}
	
	/* .collection シーズンコレクション */
	
	.collection dl.title {
		margin:0 0 30px 0;
		text-align:center;
	}
	
	.collection dl.title h2 {
		font-family: 'Oswald', sans-serif;
		font-size:26px;
		line-height:1em;
		margin:0 0 .3em 0;
		font-weight:600;
		letter-spacing:.05em;
	}
	
	.collection dl.title dd {
		font-family: 'Oswald', sans-serif;
		font-size:16px;
		font-weight:600;
	}
	
	
	.collection #movieArea {
		margin:0 0 30px 0;
	}
	
	.collection #movieArea iframe {
		width:100%;
		height:auto;
	}
	
	.collection .article p {
		line-height:2em;
		margin:0 0 1.5em 0;
	}
	
	.collection #photoList li{	
		padding:2px;
	}
	
	.collection #photoArea {
		margin: 0 0 40px 0;
	}

	.collection #photoArea dl {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}

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

	.collection #archive {
		width: 100%;
	}

	.collection #archive dl {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}

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


	/* .housing 物件情報募集 */
	.housing #housingArea {
		width:100%;
		margin:auto;
	}
	
	#housingArea #housingList {
		margin:0 0 30px 0;
	}
	
	#housingArea #housingList dl {
		float:left;
	}
	
	.housing #housingArea #housingList dl {
		width:32%;
		margin:0 1.33333% 0 0;
	}
	
	.bs #housingArea #housingList dl {
		width:32%;
		margin:0 1.33333% 0 0;
	}
	
	.housing #housingArea #housingList dt img {
		width:100%;
		height:auto;
	}
	
	#housingArea #housingList dt {
		margin:0 0 .5em 0;
	}
	
	.bs #housingArea #housingList dt img {
		width:100%;
		height:auto;
	}
	
	#housingArea #housingList dd {
		font-size:1em;
	}
	
	.modelCase .caseArea {
		padding:30px 15px;
	}
	
	.modelCase ul {
		margin:0 0 20px 0;
	}
	
	#formArea input.S {	width:70% !important; box-sizing:border-box;}
	#formArea input.S2 {width:50% !important; box-sizing:border-box;}
	#formArea input.S3 {width:30% !important; box-sizing:border-box;}
	#formArea input.M {	width:100% !important; box-sizing:border-box;}
	#formArea input.L {	width:100% !important; box-sizing:border-box;}
	#formArea input.L2 {width:100% !important; box-sizing:border-box;}
	#formArea textarea {width:100% !important; height:100px; box-sizing:border-box;}
	
	#formArea .tel {
		font-size:1.5em;
	}
	
	/* .bs ブランドシェア */
	
	.bs #bsHead {
		width:90%;
		margin:auto;
		padding:35px 0 0 0;
	}
	
	.bs .container.x1 .contents {
		padding:0 0 55px 0;
	}
	
	.bs .container#blankWrap h3 {
		font-size:32px;
	}
	
	.bs #messageArea h3 br {
		display:none;
	}
	
	.bs #meritArea #meritList dl {
		width:300px;
		float:none;
		margin:0 auto 40px auto;
	}
	
	.bs #meritArea #meritList dl:nth-child(3n) {
		margin:0 auto 40px auto;
	}
	
	.bs #planCase .caseBox {
		width:100%;
	}
	
	.bs #planCase .caseBox:nth-child(odd) {float:none; margin:0 0 20px 0;}
	.bs #planCase .caseBox:nth-child(even) {float:none;}
	
	.bs #planCase .caseBox li {
		letter-spacing:0;
	}
	
	.bs #planEarning .earningBox {
		width:100%;
	}
	
	.bs #planEarning .earningBox:nth-child(odd) {float:none; margin:0 0 20px 0;}
	.bs #planEarning .earningBox:nth-child(even) {float:none;}
	
	
	.bs #flowArea {
		background:url(../../bs/flow/images/flow_line.png) top left 20px repeat-y;
		padding:0 0 1px 0;
		position:relative;
	}
	
	.bs #flowArea:after {
		content:"";
		display:block;
		width:70px;
		height:70px;
		background:url(../../bs/flow/images/flow_arrow.png) bottom left no-repeat;
		position:absolute;
		left:-0px;
		bottom:-20px;
		background-size:contain;
	}
	
	.bs #flowArea .flowBox {
		clear:both;
		margin:0 0 40px 0;
	}
	
	.bs #flowArea .flowBox .flowNum {
		width:70px;
		float:left;
		height:70px;
		display:table;
		text-align:center;
	}
	
	.bs #flowArea .flowBox dl {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		width:70px;
		height:70px;
		box-sizing:border-box;
		border:3px solid #69c3be;
		color:#69c3be;
		background:#fff;
	}
	
	.bs #flowArea .flowBox dt {
		font-size:12px;
		line-height:1em;
		margin:0 0 .3em 0;
	}
	
	.bs #flowArea .flowBox dd {
		font-size:28px;
	}
	
	.bs #flowArea .flowBox .flowTxt {
		margin-left:80px;
		overflow:hidden;
		padding:.2em 0 0 0;
	}
	
	.bs #openArea {
		clear:both;
		margin:40px 0 50px 0;
		padding:0 15px 30px 15px;
		background:linear-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,1) 7%,rgba(238,238,238,1) 7%,rgba(238,238,238,1) 100%);
	}
		
	.bs #openArea #openL {
		float:none;
		width:100%;
		padding:0px 0 0 0;
		margin:0 0 15px 0;
	}
	
	.bs #openArea #openR {
		float:none;
		width:100%;
		box-sizing:border-box;
		text-align:left;
	}
	
	.bs #openArea #openR img {
		width:100%;
		height:auto;
	}
	
	.bs #voiceList dl {
		width:100%;
		float:none;
		margin:0  0 15px 0;
		padding:0 0 15px 0;
		border-bottom:1px dashed #ccc;
		clear:both;
	}
	
	.bs #voiceList dl:nth-child(3n) {
		margin:0 0 15px 0;
	}
	
	
	.bs #voiceList dt {
		margin:0 0 0 0;
		width:90px;
		float:left;
	}
	
	.bs #voiceList dt img {
		width:90px;
		height:90px;
		object-fit: cover;
		object-position: 50% 0%;
		font-family: 'object-fit: cover; object-position: 50% 0%;';
	}
	
	.bs #voiceList dd {
		margin-left:110px !important;
		overflow:hidden;
	}
	
	.bs #voiceList dd.name {
		font-size:1.1em;
		font-weight:500;
		margin:0 0 0em 0;
		padding:1em 0 0 0;
	}
	
	.bs .voiceDetail {
		padding:30px 15px;
		box-sizing:border-box;
	}
	
	.bs .voiceDetail .voiceL {
		width:100%;
		float:none;
		text-align:center;
		margin:0 0 20px 0;
	}
	
	.bs .voiceDetail .voiceL img {
		width:50%;
		height:auto;
	}
	
	.bs .voiceDetail .voiceR {
		width:100%;
		float:none;
	}
	
	#formArea p {
		margin:0 0 1em 0;
		font-size:.95em;
		line-height:1.8em;
	}
	
	.recruit #recruitArea {
		width:100%;
		margin:auto;
	}
	
	.recruit #recruitArea .btns {
		padding:20px 0 35px 0;
	}
	
	.monitor #monitorArea {
		width:100%;
		margin:auto;
	}


	.monitor #aboutArea {
		margin:0 auto 35px auto;
	}
	
	.monitor #priceArea {
		margin:0 auto 35px auto;
	}
	
	.monitor #infoArea {
		margin:0 auto 35px auto;
	}
	
	.monitor #contactArea iframe {
		width:100%;
		height:250px;
	}



	
	.recruit #recruitArea .salonList li {
		float:none;
		width:49%;
		margin:0 0 1em 0;
		line-height:1.5em;
		
	}
	
	.recruit #recruitArea .salonList li:nth-child(odd) {float:left;}
	.recruit #recruitArea .salonList li:nth-child(even) {float:right;}


	.modal {
		padding:15px 10px;
		width:90%;

	}

	.modal p {
		margin:20px 0 0 0;
		font-size:1em;
		line-height:2em;
	}




		
	

	





}

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


}


@media screen and (max-width: 320px) {
	
	.style #styleDetail #styleType th {
		width:4em;
		font-size:.8em;
		white-space:nowrap;
		
	}

	.style #styleDetail #styleType li {
		font-size:.7em;
	}
	
	#footNavi ul:nth-child(2) li a {
		font-size:.8em;
	}
	
	.bs #meritArea #meritList dl {
		width:100%;
		float:none;
		margin:0 auto 40px auto;
	}
	
	.bs #meritArea #meritList dl {
		margin:0 auto 25px auto;
	}
	
	.bs #meritArea #meritList dl:nth-child(3n) {
		margin:0 auto 25px auto;
	}
	
	.bs #meritArea #meritList dl img {
		width:100%;
		height:auto;
	}
	
	.bs #meritArea #meritList dl dd.title {
		font-size:1em;
		font-weight:500;
		margin:0 0 .3em 0;
		letter-spacing:0em;
	}

}