@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: "fui";
    src: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/HuiFont29.eot);
    src: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/HuiFont29.eot) format('embedded-opentype'),
         url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/HuiFont29.woff) format('woff'),
         url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/HuiFont29.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "DK_Nanuk";
    src: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/DK_Nanuk.eot);
    src: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/DK_Nanuk.eot) format('embedded-opentype'),
         url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/DK_Nanuk.woff) format('woff'),
         url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/DK_Nanuk.otf) format('opentype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "fontawesome-webfont";
    src: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/fontawesome-webfont.eot);
    src: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/fontawesome-webfont.eot) format('embedded-opentype'),
         url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/fontawesome-webfont.woff) format('woff'),
         url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/font/fontawesome-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}
.i{
	 font-family: "fontawesome-webfont";
	 font-weight:normal;
}
/* resetcss */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    /*
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;*/
    font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 160%;
    color: #535353;
}

/*フォント系*/

h2 {
    font-size: 45px;
}

h3 {
    font-size: 38px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto !important;
}

.bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bkimg img {
	width: 100%;
}

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

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

a[data-href="#"] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

ul,
li {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

dl,
dt,
dd {
    text-align: left;
    padding: 0;
    margin: 0;
}

/*トランスフォーム親*/

.tfm_p {
    position: relative;
}

/*左右中央寄せ*/

.tfm_x {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*上下中央寄せ*/

.tfm_y {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*上下左右中央寄せ*/

.tfm_xy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.trimming,.trimming_bk{
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming:after,.trimming_bk:after {
    display: block;
    content: "";
    padding-top: 100%;
    /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
}
.trimming.p44:after{
    padding-top: 44%;
}
.trimming.p46:after{
    padding-top: 46%;
}
.trimming.p49:after{
    padding-top: 49%;
}
.trimming.p62:after{
    padding-top: 62%;
}
.trimming.p75:after{
    padding-top: 75%;
}
.trimming.p78:after{
    padding-top: 78%;
}
.trimming.p80:after{
    padding-top: 80%;
}
.trimming.p82:after{
    padding-top: 82%;
}
.trimming.p87:after{
    padding-top: 87%;
}
.trimming.p88:after{
    padding-top: 88%;
}
.trimming.p96:after{
    padding-top: 96%;
}
.trimming.p100:after{
    padding-top: 100%;
}
.trimming_bk.p100:after{
  padding-top: 100%;
}
.trimming.p101:after{
    padding-top: 101%;
}
.trimming.p107:after{
    padding-top: 107%;
}
.trimming.p125:after{
    padding-top: 125%;
}
.trimming.p127:after{
    padding-top: 127%;
}
.trimming.p132:after{
    padding-top: 132%;
}
.trimming.p136:after{
    padding-top: 136%;
}
.trimming.p144:after{
    padding-top: 144%;
}
.trimming.p145:after,.trimming_bk.p145:after{
    padding-top: 145%;
}
.trimming.p146:after{
    padding-top: 146%;
}
.trimming.p149:after{
    padding-top: 149%;
}
.trimming.p150:after{
    padding-top: 150%;
}
.trimming.p151:after{
    padding-top: 151%;
}
.trimming.p153:after{
    padding-top: 153%;
}
/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*フレックスセンター*/

.flex_c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex > div[data-collection-list-content],
.flex_c > div[data-collection-list-content] {
    width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flex_c > div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}
.flex .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

@media only screen and (max-width: 1024px) {
	img {
		max-width: 100% !important;
		height: auto !important;
	}
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 28px;
    }
    a[href*="tel"] {
        pointer-events: initial !important;
    }
    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

@media only screen and (max-width: 599px) {
    .flex .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}
/* .fead-mv {
    opacity: 0;
    transition: 1.5s;
}
.mv {
    opacity: 1;
} */

#wrapper{
	max-width:100%;
	overflow:hidden;
}

#header h1{
	text-indent:-9999px;
	font-size:1px;
	margin-top:-1px;
	height:1px;
}
#header .logo{
	text-align:center;
	padding:20px 0 0 0;
}
#gnav{
	width:100%;
	height:auto;
	background:rgba(255,255,255,0.8);
}
#gnav ul{
	max-width:1135px;
	width:95%;
	margin:0 auto;
	text-align:center;
	letter-spacing:-5px;
	padding:40px 0;
}

#gnav li{
	display:inline-block !important;
	letter-spacing:0;
	font-size:18px;
	font-family: 'EB Garamond', serif;
	padding:0 3%;
}

#gnav.fixed{
	position:absolute;
	z-index:100;
	top:0;
	right:0;
}
#gnav.fixed ul{
	padding-top:20px;
	padding-bottom:20px;
}
.btm{
	margin-bottom:108.8px;
}
#gnav p{
	display:none;
}
#gnav li:first-child{
	display:none !important;
}
@media only screen and (max-width: 1020px){
	.btm{
	margin-bottom:0;
	}
	#header .inner h1{
		padding-right:60px;
	}
	#gnav{
    position: fixed;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
	background:none;
    -webkit-transform: translateX(200px);
transform: translateX(200px);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    padding:0;
	z-index:101;
	border:none;
	padding-bottom:0;
	
    }
	
	#gnav.fixed{
		 top: 0;
        right: 0;
		left:auto;
		width:200px;
		border:none;
		z-index:101;
		padding-top:0;
		padding-bottom:0;
	}

	#gnav.fixed ul{
		padding:0;
	}
	#gnav p{
		display:block;
		position:absolute;
		width:38px;
		height:38px;
		top:0;
		left:-44px;
		border:1px solid #fff;
		background:#000;
		cursor:pointer;
		opacity:0.8;
		margin:2px;
		box-shadow:0px 0px 0px 2px #000;
-moz-box-shadow:0px 0px 0px 2px #000;
-webkit-box-shadow:0px 0px 0px 2px #000;
	}

	#gnav li{
		float:none;
		width:auto;
		border-bottom:1px dotted #cacad9;
		padding:0;
		margin-top:0;
		display:block !important;
	}
	#gnav li:first-child{
		display:block !important;
	}
	#gnav ul li a{
		height:auto;
		text-align:center;
		display:block !important;
		padding:8px 2.5% 8px 2.5%;
	}
	
	
	
	#gnav.action{
		-webkit-transform:translateX(0px);
        transform:translateX(0px);
	}
	#gnav p span.n{
    display: block;
    background: #fff;
    height: 2px;
    width: 26px;
    text-indent: -9999px;
    padding: 0;
    top: 50%;
    left: 6px;
    margin-top: -1px;
    position: absolute;
    }
	#gnav p span.n:before{
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 26px;
    position: absolute;
    top: -8px;
    left: 0;
    }
	#gnav p span.n:after{
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 26px;
    position: absolute;
    top: 8px;
    left: 0;
    }
	#gnav.action p span.n{
	 -webkit-transform: rotate(-45deg);
		 transform: rotate(-45deg);
		  -webkit-transition:ease .10s;
         transition:ease .10s;
	}
	#gnav.action p span.n:after,#gnav.action p span.n:before{
		 -webkit-transform: rotate(90deg);
		 transform: rotate(90deg);
		 top:0;
		 left:0;
	}
	#gnav ul{
		width:auto;
		height: 100%;
		overflow-y: auto;
		background: #FFF;
		padding:0;
	}
	
	.overlay:after,.overlay #header .inner:before{
		content:"";
		width:100%;
		height:100%;
		background:#000;
		position:fixed;
		top:0;
		left:0;
		opacity:0.3;
		z-index:99;
	}
	#header .logo a img{
	  width:20%;
	}
}

#footer{
	background:#434343;
}
#footer .inner{
	max-width:1135px;
	margin:0 auto;
	padding:43px 0 60px 0;
	width:95%;
}

#footer h3{
	text-align:center;
	padding:0 0 45px 0;
	font-size:14px;
}
#footer li a{
	color:#fff;
	font-family: 'EB Garamond',"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#footer li{
	padding:0 22px 15px 22px;
}
#footer ul{
	max-width:840px;
	margin:0 auto;

}
#footer li:hover{
  background: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/footmk.gif) no-repeat ;
	vertical-align:middle;
	background-position: 10% 30%;
	
}
.sidenav {
    position: fixed;
    top: 96px;
    right: -720px;
    transform: rotate(90deg);
    transform-origin: left top 0;
    z-index: 90;
}
.home-head .slidewrap{
	position:relative;
}
.home-head  .slide img{
	width:100%;
	height:auto;
}
.home-head .slidewrap .slidenav{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	left:0.5%;
	z-index:10;
}
.home-head .slidewrap .uk-dotnav-contrast>*>*{
	width:10px;
	height:10px;
	text-indent:-9999px;
	background:#fff;
	border-radius:50%;
	margin:9px 0;
	cursor:pointer;
}
.home-head .slidewrap .uk-dotnav-contrast>.uk-active>*{
	background:#535353;
}
.home-head .slidewrap .uk-dotnav{
	position:absolute !important;
	bottom: 50%;
  left: -48%;
	transform:rotate(90deg);
	/*transform-origin:left top 0;*/
	z-index:90;
}
.sidenav li{
	background:rgba(255,255,255,0.8);
	width:230px;
	height:75px;
	box-sizing:border-box;
	text-align:center;
	margin:0 5px;
	font-family: 'EB Garamond', serif;
	font-size:24px;
	padding-top:20px;
}
.sidenav li .s{
	font-size:10px;
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.sidenav li:nth-child(1) .s{
	padding-left:1em;
}
.sidenav li:nth-child(2) .s{
	display:block;
	line-height:1;
}
.sidenav li:nth-child(2) .tel{
	display:block;
	line-height:1;
}
.sidenav li:nth-child(2) img{
	vertical-align:bottom;
	transform: rotate(-90deg);
	margin-right:5px;
}
.sidenav li:nth-child(2) .w{
	display:inline-block !important;
	vertical-align:middle;
}
@media only screen and (max-width: 1200px){
  .home-head .uk-flex{
    height: 600px !important;
  }
  .home1,.home2,.home-style,.home-blog{
    padding-bottom: 100px !important;
  }
  .home3{
    margin-bottom: 100px !important;
  }
  .home-head .slidewrap .uk-dotnav{
    left:-45% !important;
  }
}
@media only screen and (max-width: 1020px){
	.sidenav{
		position:relative;
		top:0;
		right:0;
		transform:rotate(0deg);
		max-width:720px;
		margin:0 auto;
		padding:30px 0 10px 0;
		-webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
	}
	.sidenav li{
		margin-bottom:20px;
	}
	.home-head .uk-flex{
	  height: 400px !important;
	}
	.home1,.home2,.home-blog{
    padding-bottom: 50px !important;
  }
  .home3{
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 599px){
  .home-head .uk-flex{
    height: 230px !important;
  }
  .home-head .slidewrap .uk-dotnav{
    left: -41% !important;
  }
  .home1,.home2,.home-blog{
    padding-bottom: 20px !important;
  }
  .sidenav{
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content:center;
    z-index: 100;
  }
  .sidenav li{
    border-right: 1px solid #c9c9c9;
    width: 33%;
    height: 55px;
    margin:0;
    padding-top: 7px;
  }
  .sidenav li:nth-child(3){
    border: none;
  }
  .sidenav li:nth-child(1) .s{
    display: none;
  }
  .sidenav li:nth-child(2) img{
    width:20%;
  }
  .sidenav li:nth-child(2) .w{
    display: none;
  }
  .sidenav li:nth-child(2) .s,.sidenav li:nth-child(2) .tel{
    display: none;
  }
}
/*下層共通*/

.w135{
	max-width:1135px;
	margin:0 auto;
	width:95%;
}

.subtit h2{
	font-size:72px;
	font-family: 'EB Garamond', serif;
	font-weight:normal;
	text-align:center;
	padding-bottom:80px;
}
.subtit h2:after{
	content:"";
	display:block;
	width:200px;
	height:1px;
	background:#000;
	margin:20px auto 0 auto;
}
@media only screen and (max-width: 1020px){
	.subtit h2{
		font-size:40px;
		padding-top:30px;
	}
}
@media only screen and (max-width: 599px) {
	.subtit h2{
		font-size:26px;
		padding-bottom: 50px;
	}
}
/*menu*/

.menu h3,.h3s{
	font-size:60px;
	font-family: 'EB Garamond', serif;
	font-weight:normal;
}
.menu .box{
	border-left:#ffb8b4 solid 10px;
	padding:0 0 0 1.76%;
	margin-bottom:64px;
}
.menu .box dl{
	width:46.87%;
	margin:0 6.26% 0 0;
	padding:30px 0 10px 0;
	border-bottom:1px dotted #000;
}
.menu .box dl:nth-child(2n+2){
	margin-right:0;
}
.menu .box  dt{
	float:left;
	font-size:18px;
	padding:0 0 10px 0;
}
.menu .box  dt+dd{
	text-align:right;
	font-size:18px;
	padding:0 0 10px 0;
}
.menu .box  dd+dd{
	clear:both;
	padding:0 0 10px 0;
}
.menu .box:nth-child(2){
	border-color:#ffe3b4;
}
.menu .box:nth-child(3){
	border-color:#feffb4;
}
.menu .box:nth-child(4){
	border-color:#d8ebb6;
}
.menu .box:nth-child(5){
	border-color:#b6e0eb;
}
.menu .box:nth-child(6){
	border-color:#feddff;
}
.menulist{
	padding-bottom:80px;
}
@media only screen and (max-width: 1020px){
	.menu .box  dt{
		font-size:16px;
	}
	.menu .box  dt+dd{
		font-size:16px;
	}
	.h3s{
		font-size:30px;
	}
}
@media only screen and (max-width: 599px) {
	.menu .box dl{
		width:100%;
		margin-right:0;
	}
	.menu h3{
		font-size:30px;
	}
	.h3s{
		font-size:24px;
	}
}
.salon3 .map iframe{
	vertical-align:bottom;
}
.salon3 h3{
	padding-bottom:10px;
}

.salonwrap{
	position:relative;
	padding:20% 0 100px 0 ;
	
}
.salonwrap .bk{
	width:100%;
	height: 537px;
  overflow: hidden;
	position:absolute;
	top:0;
	left:0;
}
.salonwrap .bk img{
	width:100%;
	height:auto;
}
.salonwrap .bk:before{
	content:"";
	width:100%;
	height:150px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
position:absolute;
bottom:0;
left:0;
}
.salonwrap .slidewrap{
	max-width:1200px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.salonwrap .slidenav{
	padding:35px 0 0 0;
}
.salonwrap .uk-dotnav-contrast>*>*{
	width:10px;
	height:10px;
	background:#cdcdcd;
	text-indent:-9999px;
	margin:0 9px;
	border-radius:50%;
	cursor:pointer;
}
.salonwrap .uk-dotnav-contrast>.uk-active>*{
	background:#535353;
}
.salonwrap .uk-dotnav>*{
  padding:0;
}
.salonwrap .uk-position-bottom{
  bottom: -50px;
  
}

.salon2{
	max-width:477px;
	margin:0 auto;
	margin:0 auto;
	box-sizing:border-box;
	width:95%;
	padding:45px 2.5% 30px 2.5%;
	background:#eeeeee;
}
.salon2 h3{
	font-size:12px;
	text-align:center;
}
.salon2 p{
	text-align:center;
	padding:0 0 5px 0;
}
.salon2 dt{
	font-size:24px;
	font-family: 'EB Garamond', serif;
	text-align:center;
}
.salon2 dt .s{
	font-size:16px;
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.salon2 dd{
	text-align:center;
	padding:0 0 5px 0;
}
.salon2 .more a{
	display:block;
    width: 230px;
    height: 75px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 5px;
    font-family: 'EB Garamond', serif;
    font-size: 24px;
    padding-top: 20px;
	border:2px solid #535353;
	margin:0 auto;
}
.salon2 .more .s {
	margin-left:1em;
    font-size: 10px;
    font-family: "游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.salon2 dl{
	padding-bottom:25px;
}

@media only screen and (max-width: 1200px){
  .salonwrap .bk{
    height:auto;
  }
  .salonwrap .slidewrap{
    max-width: 80%;
  }
  .salonwrap .uk-flex{
    height:500px !important;
  }
  .salonwrap .uk-position-bottom{
    bottom: -30px;
    left: 15px;
  }
}
@media only screen and (max-width: 1020px){
  .salonwrap .uk-flex{
    height: 400px !important;
  }
}
@media only screen and (max-width: 599px){
  .salonwrap .uk-flex{
    height:200px !important;
  }
  .salonwrap .uk-position-bottom{
    bottom: -20px;
  }
  .salonwrap{
    padding: 20% 0 60px 0;
  }
}

/*concept*/

.concept1 .tit{
	background:#333;
	position:relative;
	overflow:hidden;
}
.concept1 .tit .bk{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	
}
.concept1 .tit .bk img{
	width:100%;
	opacity:0.5;
}
.concept1 .tit .in{
	position:relative;
	z-index:1;
	padding:60px 2.5% 150px 2.5%;
}
.concept1 .tit h3 .s{
	display:block;
	font-size:18px;
	color:#fff;
}

.concept1 .tit h3{
	text-align:center;
	padding:0 0 30px 0;
}
.concept1 .tit .in p{
	color:#fff;
	text-align:center;
	padding:0 0 20px 0;
}
.concept1 .txt{
	padding:35px 0 30px 0;
}
.concept1 .txt p{
	text-align:center;
	padding:0 0 20px 0;
	font-size:18px;
}
.concept1 li{
	width:31.27%;
	padding:0 3.09% 20px 0;
}
.concept1 li:nth-child(3n+3){
	padding-right:0;
}
.concept1{
	padding-bottom:120px;
}

.h3s .n{
	display:block;
	font-size:16px;
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1;
}
.concept2 h3{
	text-align:center;
	padding:0 0 95px 0;
}
.concept2 .tbox{
	width:50%;
	float:right;
	
}
.concept2 .pic{
	float:left;
	width:38.32%;
	margin:0 0 20px 0;
}
.concept2 .tbox h4{
	font-size:30px;
	padding:0 0 30px 0;
}
.concept2 .tbox .txt{
	border:1px solid #000;
	margin:0 0 20px 5.28%;
	padding:5.28% 5.28% 10px 5.28%;
}
.concept2 .tbox .txt p{
	padding:0 0 20px 0;
}
.concept2 .box{
	padding-bottom:100px;
}
.concept2 .box:nth-child(2n+2) .tbox{
	float:left;
}
.concept2 .box:nth-child(2n+2) .pic{
	float:right;
}
@media only screen and (max-width: 1200px){
  .concept1 .tit .in{
    padding: 60px 2.5% 9% 2.5%;
  }
}
@media only screen and (max-width: 1020px){
	.concept2 .tbox h4{
		font-size:20px;
	}
	.concept1 .tit .bk.trimming.p46:after{
	  padding-top: 59%;
	}
	.concept1{
	  padding-bottom: 50px;
	}
}
@media only screen and (max-width: 599px){
	.concept2 .tbox{
		width:100%;
		float:none !important;
	}
	.concept2 .pic{
		width:auto;
		float:none !important;
		text-align:center;
	}
	.concept2 .tbox h4{
		font-size:18px;
	}
	.concept1 .tit h3 img{
	  width:25%;
	}
	.concept1 .tit .bk.trimming.p46:after{
	  padding-top: 120%;
	}
	.concept1 .txt p{
	  font-size: 16px;
	}
	.concept2 h3{
	  padding: 0 0 50px 0;
	}
	.concept2 .tbox .txt{
	  margin: 0 0 20px 0;
	}
	.concept2 .box{
	  padding-bottom: 60px;
	}
}

/*style*/
.w50{
	max-width:1050px;
	width:95%;
	margin:0 auto;
}
.stylenav li{
	font-size:24px;
	 font-family: 'EB Garamond', serif;
	 padding:0 34px 10px 34px;
}
.stylenav{
	padding:0 0 50px 0;
}

.stylelist li{
	margin:0 1.97% 50px 0;
	width:23.52%;
	border-bottom:10px solid #85a8ba;
}
.stylelist li:nth-child(4n+4){
	margin-right:0;
	border-color:#d0cac8;
}
.stylelist li:nth-child(4n+2){
	border-color:#e3d3cc;
}
.stylelist li:nth-child(4n+3){
	border-color:#fdf6b0;
}
.stylelist{
	padding:0 0 35px 0;
}

.pagenav li img{
	vertical-align:middle;
}
.pagenav li {
	font-size:18px;
	
}
.pagenav li{
	padding:0 6px 12px 6px;
}
.pagenav li a{
	border:1px solid #535353;
	display:block;
	width:39px;
	text-align:center;
	line-height:39px;
}
.pagenav li.prev a{
	border:none;
}
.pagenav li.next a{
	border:none;
}
.pagenav{
	padding-bottom:100px;
}
@media only screen and (max-width: 1020px){
	.stylenav li{
		font-size:16px;
	}
}
@media only screen and (max-width: 599px){
	.stylelist li{
		width:48%;
		margin-left:1%;
		margin-right:1%;
		max-width:247px;
	}
	.stylenav{
	  width: 100%;
    display: flex;
    justify-content: center;
	}
	.stylenav li{
	  width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding:0;
	}
}

.style2 h3{
	padding-bottom:30px;
}

.style1 .imgs{
	float:left;
	width:44%;
}
.style1 .right{
	float:right;
	width:49.33%;
}
.style1 .right h3{
	font-size:48px;
	padding:0 0 20px 0;
	font-weight:normal;
}
.style1 .right .txt {
    border: 1px solid #000;
    margin: 0 0 30px 5.28%;
    padding: 5.28% 5.28% 10px 5.28%;
}
.style1 .right .txt p{
	padding:0 0 20px 0;
}
.style1 .right dt{
	float:left;
}
.style1 .right dd{
	padding:0 0 0 140px;
}
.style1 dl+dl{
	border-top:1px dotted #000;
}
.style1 .right dl{
	padding:15px 0;
}
.style1 .right .table {
	border-bottom:1px dotted #000;
}
.style1  .table2 li{
	max-width:70px;
	width:16.74%;
	background:#eeeeee;
	text-align:center;
	padding:10px 0 5px 0;
	margin:0 4.07% 0 0;
}
.style1  .table2 strong{
	display:block;
	text-align:center;
	padding-top:5px;
}
.style1  .table2 li:nth-child(5n+5){
	margin-right:0;
}
.style1 .right li{
	color:#d4d4d4;
	background:#eeeeee;
}
.style1 .right li.st{
	background:#a8cdd1;
	color:#fff;
}

.style1  .table3 li{
	width:30%;
	text-align:center;
	padding:5px 0;
	margin:5px 2.39% 5px 0;
}
.style1  .table3 dl{
	padding:10px 0;
}
.style1  .table3 dt,.style1  .table4 dt{
	padding-top:10px;
}
.style1  .table3{
	border-bottom:1px dotted #000;
}
.style1  .table4 li{
	width:7.17%;
	text-align:center;
	padding:5px 0;
	margin:5px 1.67% 5px 0;
}
.style1 .imgs .pic{
	margin:0 0 25px 0;
}
.style1 .imgs li{
	width:30.98%;
	padding:0 3.53% 20px 0;
}
.style1 .imgs li:nth-child(3n+3){
	padding-right:0;
}
.stylist{
	padding:45px 0 10px 0;
}
.stylist h4{
	font-size:24px;
	padding:0 0 20px 0;
	 font-family: 'EB Garamond', serif;
	 font-weight:normal;
}
.stylist h4 .n{
	font-size:10px;
	display:inline-block !important;
	vertical-align:middle;
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding-left:1.5em;
}
.stylist dl{
	float:left;
	width:26.43%;
}
.stylist dd{
	display:inline-block !important;
	vertical-align:middle;
	padding:10px 0;
}
.stylist dd.stf{
  width: 39%;
}
.stylist dd.re-st{
  width:47%;
}
.stylist dt{
	display:inline-block !important;
	vertical-align:middle;
	font-size:16px;
	padding-left:1em;
	padding:10px 0 10px 1.5em;
}
.stylist .txt{
	float:right;
	width:70.48%;
}
.stylist .txt p{
	padding:0 0 20px 0;
}
.stylist{
	border-bottom:1px dotted #000;
	margin-bottom:85px;
}
.back{
	text-align:center;

}
.back a{
	display:inline-block !important;
	border:2px solid #757575;
	width:225px;
	font-size:16px;
	 font-family: 'EB Garamond', serif;
	padding:20px 0;
	background:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/gallery/back.gif) 15px 25px no-repeat;
}
.back.st-bk{
  margin: 50px 0 100px 0;
}
.style1{
	padding:0 0 100px 0;
}
/*----------------------スタイルカテゴリー-------------------*/
.style1 .right dt .hidden{
  display: none;
}

@media only screen and (max-width: 1020px){
	.style1 .right h3{
		font-size:20px;
	}
	.style1 .imgs{
		float:none;
		width:auto;
	}
	.style1 .right{
		float:none;
		width:auto;
	}
	.stylist dt{
		/*display:block !important;*/
		padding-left:0;
	}
	.style1 .imgs .pic.trimming.p151:after{
	  padding-top: 80%;
	}
}
@media only screen and (max-width: 599px){
	.style1 .right dt{
		float:none;
	}
	.style1 .right dd{
		padding-left:0;
	}
	.stylist dl{
		float:none;
		width:auto;
		/*text-align:center;*/
	}
	.stylist dt{
		text-align:center;
	}
	.stylist .txt{
		width:auto;
		float:none;
	}
	.style1 .imgs li .trimming.p153:after{
	  padding-top: 100%;
	}
	.style1 .imgs .pic{
	  margin: 0 0 10px 0;
	}
	.voice .more{
	  text-align: right;
	}
}


/*voice*/

.voice .stylist{
	border-bottom:none;
	margin-bottom:0;
}
.voice .stylist .txt h5{
	font-size:18px;
	font-family: 'EB Garamond', serif;
	font-weight:normal;
	padding:0 0 10px 0;
}
.voice .box .more a {
    display: inline-block !important;
    border: 2px solid #757575;
    width: 225px;
    font-size: 16px;
    font-family: 'EB Garamond', serif;
    padding: 20px 0;
	position:relative;
	text-align:center;
}
.voice .box .more a:before{
	content:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/blog/icon_01.png);
	top:20px;
	right:15px;
	position:absolute;
}
.voice .more{
	padding:0 0 60px 0;
}
.voice .box2 .pic {
    float: left;
    width: 44.05%;
    margin: 0 0 20px 0;
}
.voice .box2 .tbox{
    width: 50%;
    float: right;
}
.voice .box2 .tbox h3{
    font-size: 48px;
    padding: 0 0 30px 0;
}
.voice .box2 .tbox .txt {
    border: 1px solid #000;
    margin: 0 0 20px 5.28%;
    padding: 5.28% 5.28% 10px 5.28%;
}
.voice .box2 .tbox .txt p {
    padding: 0 0 20px 0;
}
.voice .box{
	padding-bottom:50px;
	border-bottom:1px dotted #000;
	margin-bottom:50px;
}
@media only screen and (max-width: 1020px){
	.voice .box2 .tbox h3{
		font-size:20px;
	}
}
@media only screen and (max-width: 599px){
	.voice .box2 .pic {
		float:none;
		width:auto;
		text-align:center;
	}
	.voice .box2 .tbox{
		width:auto;
		float:none;
	}
	.voice .box2 .pic.trimming.p132:after{
	  padding-top: 100%;
	}
	.voice .box2 .tbox .txt{
	  margin:0;
	}
}

/*faq*/

.faq .box h3{
	font-size:18px;
	padding:18px 40px 15px 96px;
	font-weight:normal;
	position:relative;
	min-height:56px;
	background:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/faq/faq_01.gif) right 19px no-repeat;
	cursor:pointer;
}
.faq .box .q{
	width:70px;
	height:70px;
	text-align:center;
	line-height:70px;
	background:#87cbc8;
	position:absolute;
	top:0;
	left:0;
	font-size:40px;
	color:#fff;
	font-family: 'EB Garamond', serif;
}
.faq .box{
	border-bottom:1px dotted #000;
	margin-bottom:30px;
}
.faq .box .txt p{
	padding:0 0 20px 0;
}
.faq .box .txt{
	display:none;
}
.faqlist{
	padding-bottom:100px;
}
@media only screen and (max-width: 599px){
	.faq .box h3{
		font-size:14px;
		padding:10px 40px 15px 50px;
		background-position:right 5px;
		min-height:30px;
	}
	.faq .box .q{
		width:40px;
		height:40px;
		font-size:20px;
		line-height:40px;
	}
}

/*spa*/



.spa1 .pic{
	margin:0 0 20px 0;
}
.spa1 h3{
	text-align:center;
	font-size:30px;
	padding:0 0 30px 0;
	font-weight:normal;
}
.spa1 h3+p{
	text-align:center;
	padding:0 0 80px 0;
}
@media only screen and (max-width: 1020px){
	.spa1 h3{
		font-size:20px;
	}
	.spa2 .pic{
	  width: 48% !important;
	}
	.spa3 .box{
	  padding: 54px 4.4% 50px 4.4% !important;
	}
}

.spa2 .pic{
	float:left;
	margin:0 0 20px 0;
	width:38.23%;
}

.spa2 .tbox{
	box-sizing:border-box;
	width:45.37%;
	float:right;
	border:1px solid #000;
	padding:50px 3.9% 50px 3.9%;
}
.spa2 .tbox h4{
	font-size:18px;
	padding:0 0 20px 0;
}
.spa2 .tbox p{
	padding:0 0 20px 0;
}
.spa2 .box{
	padding-bottom:65px;
}
.spa2 .box:nth-child(2n+2) .tbox{
	float:left;
}
.spa2 .box:nth-child(2n+2) .pic{
	float:right;
}
@media only screen and (max-width: 599px){
	.spa2 .pic{
		float:none !important;
		width:auto;
	}
	.spa2 .tbox{
		width:auto;
		float:none !important;
	}
	.spa2 .pic{
	  width:100% !important;
	}
	.spa3 .box{
	  padding: 30px 4.4% 30px 4.4% !important;
	}
	.spa3 h3+p{
	  padding: 0 0 40px 0;
	}
}
.spa3 .bkimg{
	width:100%;
	height:auto;
}
.spa3 .w135{
	position:relative;
	z-index:1;
}
.spa3{
	position:relative;
	padding:80px 0 170px 0;
	overflow:hidden;
}
.spa3 h3{
	text-align:center;
	color:#ffff;
	font-size:30px;
	padding:0 0 30px 0;
}
.spa3 h3+p{
	color:#fff;
	padding:0 0 80px 0;
	text-align:center;
}
.spa3 .box{
	width:44.93%;
	box-sizing:border-box;
	border:1px solid #000;
	background:#fff;
	margin:0 10.14% 35px 0;
	padding:54px 4.4% 100px 4.4%;
}
.spa3 .box:nth-child(2n+2){
	margin-right:0;
	
}
.spa3 .box h4{
	font-size:18px;
	padding:0 0 20px 0;
}
.spa3 .box p{
	padding:0 0 20px 0;
}
.spa3 .box:last-child{
	background:#535353;
}
.spa3 .box:last-child h4{
	text-align:center;
	color:#fff;
}
.spa3 .box:last-child p{
	color:#fff;
}
@media only screen and (max-width: 1200px){
  .spa3 .bkimg img{
    width: auto !important;
    height: 100% !important;
  }
  .spa3 .bkimg .trimming_bk.p100:after{
    padding-top: 145%;
  }
}
@media only screen and (max-width: 1020px){
	.spa3 h3{
		font-size:20px;
		text-shadow:0 0 5px #000;
	}
	.spa3 h3+p{
		text-shadow:0 0 5px #000,0 0 5px #000;
	}
	.spa3 .bkimg .trimming_bk.p100:after{
	  padding-top: 180%;
	}
	.spa3{
	  padding: 80px 0 50px 0;
	}
}
@media only screen and (max-width: 599px){
	.spa3 .box{
		width:auto;
		float:none;
		margin-right:0;
	}
	.spa3 .bkimg .trimming_bk.p100:after{
	  padding-top: 530%;
	}
	.spa4{
	  padding: 50px 0 50px 0;
	}
}

.spa4{
	padding:100px 0 50px 0;
}
.spa4 h3{
	text-align:center;
	padding:0 0 60px 0;
}
.spa4 .pic{
	float:left;
	width:20.08%;
	margin:0 0 20px 0;
}
.spa4 .tbox{
	float:right;
	width:77.53%;
}
.spa4 .tbox p{
	padding:0 0 20px 0;
}
.spa4 .tbox h4{
	font-size:18px;
	padding:0 0 10px 0;
}
.spa4 .tbox .txt{
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding-top:20px;
	margin-bottom:10px;
}
.spa4 .tbox li{
	display:inline-block !important;
	font-size:18px;
	font-family: 'EB Garamond', serif;
	padding:0 2em 10px 0;
	
}
.spa4 .box{
	padding-bottom:70px;
}

@media only screen and (max-width: 599px){
	.spa4 .pic{
		float:none;
		text-align:center;
		width:auto;
	}
	.spa4 .tbox{
		width:auto;
		float:none;
	}
}

.spa5 h3{
	text-align:center;
	padding:0 0 55px 0;
}

.spa5 .box{
	border:1px solid #000;
	margin-bottom:45px;
	width:47.57%;
	float:left;
	padding:25px 1.5% 10px 1.5%;
	box-sizing:border-box;
	background:#fff;
	position:relative;
}
.spa5 .box:nth-child(2n+2){
	float:right;
	margin-top:80px;
	margin-bottom:0;
}

.spa5 .box .pic{
	float:right;
	margin:0 0 20px 0;
	width:42.54%;
}
.spa5 .box div{
	width:53.28%;
	float:left;
}
.spa5 .box div p{
	padding:0 0 20px 0;
}
.spa5 .box div h4{
	font-size:24px;
	font-weight:normal;
	font-family: 'EB Garamond', serif;
	padding:0 0 20px 0;
}
.spa5 .box div h4 strong{
	font-size:48px;
	font-weight:normal;
}

.spa5{
	padding-bottom:100px;
}
.spa5 .box:before{
	content:"";
	width:100px;
	height:2px;
	background:#535353;
	position:absolute;
	right:-100px;
	top:50%;
	transform: rotate(20deg);
	transform-origin:0 0;
	z-index:-1;
}
.spa5 .box:nth-child(2n+2):before{
	right:auto;
	left:-100px;
	transform: rotate(-20deg);
	transform-origin: right 0;
	top:auto;
	bottom:30px;
}
.spa5 .box:last-child:before{
	display:none;
}
@media only screen and (max-width: 599px){
	.spa5 .box .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.spa5 .box div{
		width:auto;
		float:none;
	}
}

/*product*/
.product .wrap#pro1,#pro2,#pro3,#pro4,#pro5{
  margin-top:-150px;
  padding-top:150px;
}
.product .wrap dl{
	width:23.25%;
	padding:0 2.33% 40px 0;
}
.product .wrap dl:nth-child(4n+4){
	padding-right:0;
}
.product .wrap .pic{
	margin:0 0 15px 0;
}
.product .wrap dt{
	font-size:18px;
	padding:0 0 10px 0;
}
.product .wrap dt+dd{
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding:5px 0;
	margin-bottom:15px;
}
.product .wrap dd+dd{
	font-size:18px;
	font-family: 'EB Garamond', serif;
}
.product .wrap dd+dd strong{
	font-size:20px;
	font-weight:normal;
	padding-left:1.5em;
}
.product .wrap{
	padding-bottom:70px;
}
.product .wrap h3{
	text-align:center;
	padding:0 0 40px 0;
}
.ac{
	position:relative;
	height:1px;
	font-size:1px;
	margin-top:-1px;
}
.ac a{
	position:absolute;
	top:-68.8px;
}
@media only screen and (max-width: 1020px){
	.product .wrap dt{
		font-size:16px;
	}
	.product .wrap dd+dd{
		font-size:16px;
	}
	.product .wrap dd+dd strong{
		font-size:18px;
	}
	.product .stylenav li{
		padding-left:0.5em;
		padding-right:0.5em;
	}
	.ac a{
		top:0;
	}
	.product .wrap#pro1,#pro2,#pro3,#pro4,#pro5{
  margin-top:-100px;
  padding-top:100px;
}
}
@media only screen and (max-width: 599px){
	.product .wrap dl{
		width:48%;
		padding-left:1%;
		padding-right:1% !important; 
	}
	.product .stylenav li{
	  width:auto;
	  padding: 10px 20px;
	}
	.product .wrap#pro1,#pro2,#pro3,#pro4,#pro5{
  margin-top:-30px;
  padding-top:30px;
}
}
/*kids*/

.kids1 h3{
	text-align:center;
	padding:0 0 40px 0;
}

.pickup1 .left{
	width:44.93%;
	float:left;
}
.pickup1 .right{
	float:right;
	width:49.51%;
}
.pickup1 .left .pic{
	margin:0 0 35px 0;
}
.pickup1 .left p{
	padding:0 0 20px 0;
}
.pickup1 h3{
	text-align:center;
	font-size:48px;
	font-weight:normal;
	padding:0 0 30px 0;
}
.pickup1 .right .box1 .pic{
	float:left;
	width:37.9%;
}
.pickup1 .right .box1 .tbox{
	width:53.38%;
	float:right;
	padding:45px 0 20px 0;
}
.pickup1 .right .box1 h4{
	text-align:right;
}
.pickup1 .right .box1 .txt{
	border:1px solid #000;
	box-sizing:border-box;
	padding:40px 8% 40px 8%;
}
.pickup1 .right .box1 .txt p{
	padding:0 0 20px 0;
	height: 130px;
  overflow: auto;
}
/*------------------スクロール-------------------*/
.pickup1 .right .box1 .txt p::-webkit-scrollbar{
  width: 5px;
}
.pickup1 .right .box1 .txt p::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
.pickup1 .right .box1 .txt p::-webkit-scrollbar-thumb{
  background: #c9c9c9;
  border-radius: 10px;
  box-shadow: none;
}
/*------------------------------------------------*/
.pickup1 .right .box1{
	padding-bottom:13px;
}
.pickup1 .right .box2 li{
	width:44.83%;
	padding:0 10.34% 30px 0;
}
.pickup1 .right .box2 li:nth-child(2n+2){
	padding-right:0;
}

.pickup1 .right .stylist{
	padding-top:0;
	border:none;
}
.pickup1 .right .stylist .txt{
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 40px 8% 40px 8%;
	width: 53.38%;
}
.pickup1 .right .stylist dl{
	width:44.48%;
}
@media only screen and (max-width: 1200px){
  .kids1 .spa2 .pic{
    width: 48%;
  }
}
@media only screen and (max-width: 1020px){
	.pickup1 h3{
		font-size:24px;
	}
	.pickup1 .left{
		float:none;
		width:auto;
	}
	.pickup1 .left .pic{
		text-align:center;
	}
	.pickup1 .right{
		width:auto;
		float:none;
		max-width:562px;
		margin-left:auto;
		margin-right:auto;
	}
	.pickup1 .right .stylist dt{
		display:inline-block !important;
		padding-left:0.5em;
	}
	.pickup1 .left .pic.trimming.p144:after{
	  padding-top: 100%;
	}
	.pickup1 .right .box1 .tbox{
	  padding: 0 0 20px 0;
	}
}
@media only screen and (max-width: 599px){
	.pickup1 .right .stylist dl{
		width:auto;
		float:none;
	}
	.pickup1 .right .stylist .txt{
		width:auto;
		margin-top:10px;
		padding-left:2.5%;
		padding-right:2.5%;
	}
	.spa1 h3{
	  font-size: 18px;
	}
	.pickup1 .right .box1 .pic{
	  margin-top: 40px;
	  width:40%;
	}
	
}

/*blog*/

.bloglist dl{
	box-sizing:border-box;
	border:1px solid #000;
	width:23.08%;
	padding-bottom:25px;
	margin:0 2.56% 33px 0;
}
.bloglist dl:nth-child(4n+4){
	margin-right:0;
}
.bloglist dt .d{
	display:block;
	font-size:12px;
}
.bloglist dt{
	font-size:18px;
	text-align:center;
	padding:10px 2.5% 20px 2.5%;
	height: 100px;
  overflow: hidden;
}
.bloglist dt+dd{
	text-align:center;
}
.bloglist dt+dd a{
	display:inline-block !important;
	border:2px solid #757575;
	max-width:187px;
	width:90%;
	position:relative;
	font-family: 'EB Garamond', serif;
	font-size:16px;
	padding: 20px 0;
}
.bloglist dt+dd a:before {
    content: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/blog/icon_01.png);
    top: 20px;
    right: 15px;
    position: absolute;
}
.bloglist{
	padding-bottom:50px;
}
/*-------------------------編集画面小さく---------------------*/
[data-element-id].flex > div[data-collection-list-content], .flex_c > div[data-collection-list-content],.voicelist > div[data-collection-list-content]{
  overflow: hidden;
    height: 350px;
}
@media only screen and (max-width: 1020px){
	.bloglist dt{
		font-size:16px;
		margin-bottom: 15px;
	}
	.bloglist dt + dd a{
		font-size:14px;
	}
	.bloglist dt+dd a{
	  padding: 10px 0;
	}
	.bloglist dt+dd a:before{
	  top: 12px;
	}
}
@media only screen and (max-width: 599px){
	.bloglist dl{
		width:48%;
		margin-left:1%;
		margin-right:1% !important;
	}
}


#side dt{
	font-size:38px;
	font-family: 'EB Garamond', serif;
	padding:0 0 10px 0;
}
#side dl{
	width:33.33%;
	padding-bottom:40px;
}
#side  dl.clearfix{
	width:66.66%;
}
#side  dd{
	padding:0 0 15px 2.5%;
}
#side  dd a{
	display:inline-block !important;
	text-indent:-1.5em;
	padding-left:1.5em;
}
#side  dd .i{
	margin-right:0.5em;
}
#side  dl.clearfix dd{
	width:25%;
	float:left;
	box-sizing:border-box;
}
#side{
	padding-bottom:40px;
}
@media only screen and (max-width: 1020px){
	#side dt{
		font-size:24px;
	}
}
@media only screen and (max-width: 599px){
	#side dl{
		width:100% !important;
	}
}

.blogsingle .tit li{
	text-align:center;
	padding:0 0 15px 0;
}
.blogsingle .tit .cat .w{
	display:inline-block !important;
	border:1px solid #000;
	padding:5px 1.5em;
}
.blogsingle h3{
	text-align:center;
	font-size:48px;
	padding:0 0 30px 0;
}
.blogsingle .txt .pic{
	text-align:center;
	padding:0 0 25px 0;
}
.blogsingle .txt p{
	padding:0 0 20px 0;
}
.blogsingle .txt{
	padding-bottom:45px;
}
.blogsingle{
	padding-bottom:90px;
}
/*----------------レコメンド-------------------*/
.subtit h2.reco{
  font-size: 60px;
}
.bloglist.reco02 dl{
  border:none;
}
.bloglist.reco02 dt{
  height:auto;
}

/*--------------------------署名-------------------------*/
.blogsingle .txt dl {
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd;
}
.blogsingle .txt dl p {
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.blogsingle .txt dl dt {
    float:left;
}
.blogsingle .txt dl dd {
    margin:0 0 10px 120px;
}

@media only screen and (max-width: 1020px){
	.blogsingle h3{
		font-size:20px;
	}
	.subtit h2.reco{
	  font-size: 35px;
	}
}
@media only screen and (max-width: 599px){
  .bloglist.reco02 dt{
    height: 100px;
    overflow: hidden;
  }
  .bloglist.reco02 dl{
    margin-bottom: 0;
  }
  .subtit h2.reco{
    font-size: 25px;
  }
}
/*news*/

.newslist dt{
	float:left;
	font-size:18px;
}
.newslist dd{
	font-size:18px;
	padding:0 0 0 178px;
}
.newslist dl{
	border-bottom:1px dotted #000;
	padding:18px 0;
}
.newslist{
	padding-bottom:100px;
}
.newslist dt .i{
	padding-right:0.5em;
}

@media only screen and (max-width: 599px){
	.newslist dt{
		font-size:14px;
		float:none;
	}
	.newslist dd{
		font-size:14px;
		padding-left:0;
	}
}

/*coupon*/

.coupon .box{
	width:48.72%;
	background:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/coupon/bg.jpg) center bottom no-repeat;
	background-size:cover;
	margin:0 2.56% 60px 0;
	position:relative;
	padding:0 0 25px 0;
}
.coupon .box:nth-child(2n+2){
	margin-right:0;
}

.coupon .box .c img{
	vertical-align:middle;
}
.coupon .box .c{
	font-size:48px;
	font-family: "DK_Nanuk";
	color:#fff;
	display:inline-block !important;
}
.coupon .box .type{
	display:inline-block !important;
	float:right;
	width:90px;
	height:90px;
	line-height:90px;
	color:#fff;
	background:#ae996a;
	border-radius:50%;
	text-align:center;
	font-size:16px;
}

.coupon .box .wk{
	padding:10px;
}
.coupon .box .c .w{
	padding:0 0.25em;
}
.coupon .box .wk2{
	padding:0 3.63% 0 3.6%;
}
.coupon .box h3{
	font-size:24px;
	font-family: "fui";
	color:#96e5de;
}
.coupon .box dl{
	text-align:center;
}
.coupon .box dt{
	display:inline-block !important;
	vertical-align:middle;
	font-size:36px;
	font-family: "DK_Nanuk";
	color:#fff;
}
.coupon .box dt .y{
	font-family: "fui";
}
.coupon .box dd{
	display:inline-block !important;
	vertical-align:middle;
	color:#ffc4f7;
	font-family: "DK_Nanuk";
	font-size:54px;
}
.coupon .box dt:after{
	content:"→";
	font-size:38px;
	font-family: "fui";
	color:#fff;
	display:inline-block !important;
	transform: rotate(15deg);
	margin:0 0.5em;
}

.coupon .box dd .y{
	font-family: "fui";
}
.coupon .box .txt p{
	color:#fff;
	font-family: "fui";
	padding:0 0 20px 0;
}
.coupon .box:before{
	content:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/coupon/icon_03.png);
	bottom:25px;
	left:10px;
	position:absolute;
}
.coupon .box:after{
	content:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/coupon/icon_04.png);
	bottom:15px;
	right:10px;
	position:absolute;
}
.coupon .box .j{
	padding:0 0 0 65px;
}
.coupon .box .j li{
	color:#fff;
}
.coupon .flex.w135{
	padding-bottom:100px;
}
@media only screen and (max-width: 1020px){
	.coupon .box:after{
		display:none;
	}
	.coupon .box .c{
		font-size:30px;
	}
	.coupon .box dl.pr{
	  display: flex;
	  justify-content: center;
	}
	.coupon .box .pr dt{
	  font-size: 30px;
	  padding-top: 15px;
	}
	.coupon .box .pr dd{
	  font-size: 47px;
	}
	.coupon .box .pr dt:after{
	  font-size: 30px;
	}
}
@media only screen and (max-width: 599px){
	.coupon .box {
		width:100%;
		margin-right:0;
	}
	.coupon .box .pr dt:after{
	  font-size: 23px;
	}
}

/*home*/

.home1 .tbox{
	width:45.28%;
	border:1px solid #000;
	box-sizing:border-box;
	float:right;
	padding:50px 3.5% 20px 3.5%;
	margin-bottom:20px;
}
.home1 h3{
	margin-bottom:-30px;
	position:relative;
	z-index:1;
	line-height:120%;
}
.home1 .pic{
	float:left;
	margin:0 0 20px 6.6%;
	width:40.52%;
}
.home1 .tbox h4{
	font-size:18px;
	padding:0 0 20px 0;
}
.home1 .tbox p{
	padding:0 0 20px 0;
}
.home1 .tbox p.more{
	text-align:right;
	padding-top:20px;
}
.home1 .tbox p.more a{
    display: inline-block !important;
    border: 2px solid #757575;
    max-width: 225px;
	width:95%;
    font-size: 16px;
    font-family: 'EB Garamond', serif;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.home1 .tbox p.more a:before {
    content: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/blog/icon_01.png);
    top: 20px;
    right: 15px;
    position: absolute;
}
.home1{
	padding-bottom:180px;
}

.home2 .tbox{
	width:45.28%;
	border:1px solid #000;
	box-sizing:border-box;
	float:left;
	padding:50px 3.5% 20px 3.5%;
	margin-bottom:20px;
}
.home2 .tit{
	float:right;
	width:39.29%;
}
.home2 .pic{
	padding:0 0 0 11.8%;
	text-align:right;
	
}
.home2 .tit h3{
	line-height:120%;
	margin-top:-60px;
	padding:0 0 20px 0;
	position: relative;
  z-index: 1;
}
.home2 .tbox p{
	padding:0 0 20px 0;
}
.home2 .tbox .more{
	text-align:right;
	padding-top:20px;
}
.home2 .tbox p.more a{
    display: inline-block !important;
    border: 2px solid #757575;
    max-width: 225px;
	width:95%;
    font-size: 16px;
    font-family: 'EB Garamond', serif;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.home2 .tbox p.more a:before {
    content: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/blog/icon_01.png);
    top: 20px;
    right: 15px;
    position: absolute;
}
.home2{
	padding-bottom:180px;
}

.home3 .tbox{
	width:45.28%;
	border:1px solid #000;
	box-sizing:border-box;
	float:right;
	padding:50px 3.5% 20px 3.5%;
	margin-bottom:20px;
}
.home3 .tbox p{
	padding:0 0 20px 0;
}
.home3 .tbox .more{
	text-align:right;
	padding-top:20px;
}
.home3 .tbox p.more a{
    display: inline-block !important;
    border: 2px solid #757575;
    max-width: 225px;
	width:95%;
    font-size: 16px;
    font-family: 'EB Garamond', serif;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.home3 .tbox p.more a:before {
    content: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/blog/icon_01.png);
    top: 20px;
    right: 15px;
    position: absolute;
}
.home3 .tit{
	float:left;
	width:46.07%;
	position:relative;
	margin-bottom:20px;
}
.home3 h3 {
	position:absolute;
	top:20%;
	right:0;
	text-align:right;
	z-index: 1;
}
.home3 h3 .s{
	display:block;
	font-size:16px;
	line-height:1;
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.home3{
	margin-bottom:180px;
}
.home3 .pic{
	padding-right:5%;

}
@media only screen and (max-width: 1020px){
	.home1{
		padding-top:60px;
	}
	.home2 .tit{
	  width:48%;
	}
	.home1 .pic{
	  margin: 0 0 20px 0;
    width: 48%;
	}
	.home3 .tit{
	  width:48%;
	}
}
@media only screen and (max-width: 599px){
  .home1{
    padding-top: 30px !important;
  }
	.home1 .pic{
		float:none;
		width:auto;
		margin: 0 0 20px 0;
	}
	.home1 .tbox{
		width:auto;
		float:none;
	}
	.home1 h3{
		margin-bottom:20px;
	}
	.home2 .tit{
		float:none;
		width:auto;
		position: relative;
		/* padding-left: 12%; */
    margin-bottom: 20px;
	}
	.home2 .tbox{
		float:none;
		width:auto;
	}
	.home2 .pic{
	  padding:0;
	}
	.home2 .tit h3{
		margin-top:20px;
		position: absolute;
    top: 75%;
    left: 0;
	}
	.home2 .tit h3 br{
		display:none;
	}
	.home3 .tit{
		float:none;
		width:auto;
	}
	.home3 .tbox{
		width:auto;
		float:none;
	}
	.home3 .pic{
	 padding-right: 0%;
	}
	.home4 .pic,.home4 .txt, .home4 dl{
	  padding-left: 0 !important;
	}
	.home1 .tbox p.more,.home2 .tbox .more,.home3 .tbox .more,.home4 .hmore,.home4 .hmore{
	  text-align: center !important;
	}
	.home4{
	  padding-bottom: 40px !important;
	}
}

.home-style h3{
	text-align:right;
	line-height:120%;
	margin-bottom:-40px;
	position:relative;
	z-index:1;
}

.hmore a{
    display: inline-block !important;
    border: 2px solid #757575;
    max-width: 225px;
	width:95%;
    font-size: 16px;
    font-family: 'EB Garamond', serif;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.hmore a:before {
    content: url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/blog/icon_01.png);
    top: 20px;
    right: 15px;
    position: absolute;
}
.home-style dl{
    margin: 0 0.88% 50px 0.88%;
    width: 21.76%;
}
.home-style dl dd{
	border-bottom: 10px solid #85a8ba;
	margin-bottom:20px;
}
.home-style dl:nth-child(4n+2) dd{
  border-color: #e3d3cc;
}
.home-style dl:nth-child(4n+3) dd{
  border-color: #fdf6b0;
}
.home-style dl:nth-child(4n+4) dd{
  border-color: #d0cac8;
}
.home-style dt{
	text-align:center;
	font-size:24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.home-style dt .e{
	display:block;
	font-size:16px;
	font-family: 'EB Garamond', serif;
}
.home-style .hmore{
	text-align:center;
}
.home-style{
	padding-bottom:250px;
}
@media only screen and (max-width: 1020px){
	.home-style dt{
		font-size:16px;
	}
	.home-style dt .e{
		font-size:14px;
	}
	
	.home-style h3{
		margin-bottom:20px;
	}
}
@media only screen and (max-width: 599px){
	.home-style dl{
		width:48%;
		padding-left:1%;
		padding-right:1%;
		box-sizing:border-box;
	}
}
.home4 h3{
	position:absolute;
	line-height:120%;
	top:-60px;
	z-index: 1;
}
.home-staff,.home-news{
	width:47.13%;
	float:left;
	position:relative;
	padding-bottom:40px;
}
.home-news{
	float:right;
}
.home4 .pic{
	text-align:right;
	padding-left:14.39%;
	margin-bottom:20px;
}
.home-news h3{
	top:-40px;
	
}
.home4 .txt,.home4 dl{
	padding-left:14.39%;
	box-sizing:border-box;
	min-height:90px;
}
.home4 .hmore{
	text-align:right;
}
.home4 .txt p{
	padding:0 0 20px 0;
}
.home-news dt{
	float:left;
}
.home-news dd{
	padding:0 0 20px 105px;
}
.home-news dd a{
	color:#c42354;
}

.home4{
	padding-bottom:120px;
}
@media only screen and (max-width: 599px){
	.home-staff, .home-news{
		width:100%;
		float:none !important;
	}
	.home-news h3{
		position:relative;
		top:auto;
	}
}

.home-blog dl{
	width:28.01%;
	padding:0 7.98% 30px 0;
}
.home-blog dl:nth-child(3n+3){
	padding-right:0;
}
.home-blog h3{
	line-height:120%;
	padding-left:5%;
	margin-bottom:-30px;
	position:relative;
	z-index:1;
}
.home-blog dd{
	border-bottom: 10px solid #85a8ba;
}
.home-blog dt{
	padding:18px 0 20px 0;
}
.home-blog dt .d{
	display:block;
	float:left;
}
.home-blog dt a{
	display:block;
	padding:0 0 0 105px;
}
.home-blog{
	padding-bottom:150px;
}
@media only screen and (max-width: 1020px){
	.home-blog h3{
		margin-bottom:20px;
	}
	.home-blog dt a{
		padding-left:0;
	}
	.home-blog dt .d{
		float:none;
	}
	.home-salon{
	  padding-bottom: 50px;
	}
}
@media only screen and (max-width: 599px){
	.home-blog dl{
		width:31.33%;
		padding-left:1%;
		padding-right:1%;
		padding-bottom: 0 !important;
	}
}

.home-salon h3{
	line-height:120%;
	text-align:right;
	margin-bottom:-30px;
	padding:0 3.87% 0 0;
	position:relative;
	z-index:2;
}
.home-salon .right{
	float:right;
	padding:0 3.87% 20px 0;
	margin-left:-40px;
	position:relative;
	z-index:1;
	width:47%;
}
.home-salon .salon2{
	float:right;
	margin-top:114px;
	margin-bottom:40px;

}
.home-salon .salon2 h4{
    font-size: 12px;
    text-align: center;
}
.home-salon .right .pic{
	margin:0 0 40px 0;
}
.home-salon .right .hmore{
	text-align:right;
}
.home-salon{
	padding-bottom:120px;
}
@media only screen and (max-width: 1020px){
	.home-salon h3{
		margin-bottom:20px;
	}
	.home-salon .right{
		/*float:none;*/
		text-align:right;
	}
	.home-salon .salon2{
		float:none;
		margin-top:20px;
		padding-right: 20%;
    margin-left: 0;
	}
}

.staff1 .pic{
	float:left;
	width:44.66%;
	margin:0 0 20px 0;
}
.staff1 .tbox{
	float:right;
	width:51.98%;
	padding:0 0 20px 0;
}
.staff1 .tbox .p{
	display:inline-block !important;
	border:1px solid #000;
	padding:2px 1.5em;
	margin-bottom:20px;
}
.staff1 h3{
	font-size:60px;
	padding:0 0 20px 0;
}
.staff1 h3 .e{
	display:block;
	font-size:24px;
	font-weight:normal;
	line-height:1;
	font-family: 'EB Garamond', serif;
}
.staff1 h3 .k{
	display:block;
	font-size:14px;
	font-weight:normal;
	line-height:1;
}
.staff1 .table{
	border-top:1px dotted #000;
}
.staff1 .table dt{
	float:left;
	font-weight:bold;
}
.staff1 .table dd{
	padding:0 0 0 154px;
}
.staff1 .table dl{
	border-bottom:1px dotted #000;
	padding:20px 0;
}
.staff1{
	padding-bottom:30px;
}

.staff-messa{
	float:right;
	width:51.98%;
	margin-bottom:20px;
}

.staffblog{
	float:left;
	width:44.66%;
	padding:0 0 20px 0;
}
.staffblog dt{
	float:left;
}
.staffblog dd{
	padding:0 0 0 120px;
}
.staffblog dd a{
	color:#c42354;
}
.staffblog dl{
	padding:0 0 5px 0;
}
.staff-messa .box{
	border:1px solid #000;
	padding:25px 5% 10px 5%;
}
.staff-messa .box p{
	padding:0 0 20px 0;
}
.staff2{
	padding-bottom:50px;
}

.staff3 h3{
	padding-bottom:30px;
}
.staff3 .pagenav{
	padding-bottom:20px;
}

.staff3 .list li{
	width:18.76%;
	padding:0 1.55% 30px 0;
}
.staff3 .list li:nth-child(5n+5){
	padding-right:0;
}
.staff3{
	padding-bottom:50px;
}
@media only screen and (max-width: 1020px){
	.staff1 h3 .e{
		font-size:14px;
	}
	.staff1 h3{
		font-size:24px;
	}
}
@media only screen and (max-width: 599px){
	.staff1 .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.staff1 .tbox{
		float:none;
		width:auto;
	}
	.staffblog,.staff-messa{
		float:none;
		width:auto;
	}
	.home-salon .right{
	  float: none;
	  width: 100%;
    margin: 0 auto;
	}
	.home-salon .right .hmore{
	  text-align: center;
	}
	.home-salon .salon2{
	  margin-left: 0;
    width: 100%;
    padding-right: 0;
	}
	.home-salon{
	  padding-bottom: 0 !important;
	}
}

.stafflist dl{
	width:22.11%;
	margin:0 3.85% 54px 0;
}
.stafflist dl:nth-child(4n+4){
	margin-right:0;
}
.stafflist dd.pic{
	padding-bottom:20px;
}
.stafflist dd.pic+dd{
	display:inline-block !important;
	border:1px solid #000;
	padding:2px 1em;
	margin-bottom:14px;
}
.stafflist dt .n{
	display:block;
	font-size:14px;
	line-height:1;
	font-weight:normal;
}
.stafflist dt{
	font-size:18px;
	font-weight:bold;
	padding:0 0 
	20px 0;
}
.stafflist{
	padding-bottom:55px;
}
@media only screen and (max-width: 599px){
	.stafflist dl{
		width:48%;
		margin-left:1%;
		margin-right:1% !important;
	}
}
/*recruit*/
.rec1 h3{
	padding:0 0 50px 0;
	text-align:center;
}
.rec1 p{
	text-align:center;
	padding:0 0 20px 0;
}
.rec1{
	padding:0 0 100px 0;
}

.rec2 h3{
	text-align:center;
	padding:0 0 90px 0;
}
.rec2 .block{
	background:url(/import/tenant_28/loa-hairsalon.com/import/tenant_1/153.126.164.202/html/images/recruit/recruit_zu.gif) 0 0 no-repeat;
	padding:29px 0 0 35px;
}
.rec2 .box h4{
	font-size:48px;
	color:#fff;
	float:left;
	font-family: 'EB Garamond', serif;
	line-height:120px;
}
.rec2 .box dt{
	font-size:30px;
	font-weight:normal;
}
.rec2 .box dl{
	padding-left:264px;
}
.rec2 .box:nth-child(2) dl{
	padding-left:418px;
}
.rec2 .box:nth-child(3) dl{
	padding-left:547px;
}
.rec2 .box:nth-child(4) dl{
	padding-left:682px;
}
.rec2{
	padding:0 0 150px 0;
}
@media only screen and (max-width: 1020px){
	.rec2 .box h4{
		float:none;
		line-height:160%;
		text-align:center;
		background:#e2c98c;
		font-size:24px;
		margin-bottom:20px;
	}
	.rec2 .box:nth-child(2) h4{
		background:#8fbb7c;
	}
	.rec2 .box:nth-child(3) h4{
		background:#7ca8bb;
	}
	.rec2 .box:nth-child(4) h4{
		background:#d8b297;
	}
	.rec2 .box dl{
		padding-left:0;
		padding-bottom:40px;
	}
	.rec2 .block{
		background:none;
	}
	.rec2 .box dt{
		font-size:20px;
	}
	.rec2 .box:nth-child(2) dl{
	padding-left:0;
}
.rec2 .box:nth-child(3) dl{
	padding-left:0;
}
.rec2 .box:nth-child(4) dl{
	padding-left:0;
}
}
.rec3 h3{
	line-height:120%;
	padding:0 0 45px 0;
}
.rec3 li{
	border:1px solid #535353;
	padding:24px 0 24px 129px;
	font-size:30px;
	margin-bottom:20px;
	position:relative;
	color:#4b908d;
}
.rec3 li .n{
	position:absolute;
	top:-1px;
	bottom:-1px;
	left:-1px;
	background:#87cbc8;
	width:98px;
	text-align:center;
	color:#fff;
	font-size:60px;
	font-family: 'EB Garamond', serif;
	line-height:160%;
}
.rec3{
	padding-bottom:140px;
}
@media only screen and (max-width: 1020px){
	.rec3 li{
		font-size:16px;
		padding-top:15px;
		padding-bottom:15px;
		padding-left:55px;
	}
	.rec3 li .n{
		font-size:30px;
		width:45px;
	}
}
.rec4 h3{
	text-align:center;
	padding:0 0 55px 0;
}

.rec4 .txt h4{
	text-align:center;
	font-size:18px;
	font-weight:normal;
	padding:0 0 20px 0;
}
.rec4 .txt p{
	text-align:center;
	padding:0 0 20px 0;
}
.rec4 .txt{
	padding-bottom:50px;
}

.rec4 .box{
	width:32.77%;
	background:#91c39a;
	box-sizing:border-box;
	padding:30px 2.11% 0 2.11%;
	margin:0 0.84% 40px 0;
}
.rec4 .box .pic{
	border-radius:100%;
	padding:0 0 0 0;
	margin-bottom:35px;
}
.rec4 .box:nth-child(3n+2){
	background:#96becb;
}
.rec4 .box:nth-child(3n+3){
	margin-right:0;
	background:#e0c096;
}

.rec4 .box dt{
	font-size:18px;
	padding:0 0 20px 0;
	color:#fff;
	text-align:center;
}
.rec4 .box dt+dd{
	text-align:center;
	color:#fff;
	padding:0 0 20px 0;
}
.rec4{
	padding-bottom:120px;
}
@media only screen and (max-width: 599px){
	.rec4 .box{
		width:33%;
		margin-left:auto;
		margin-right:auto;
	}
	.rec4 .box dt{
	  font-size: 16px;
	}
	.rec4 .box dt+dd{
	  font-size: 12px;
	}
	.rec1{
	  padding: 0 0 60px 0;
	}
	.rec2 h3{
	  padding: 0 0 50px 0;
	}
	.rec2 .block{
	  padding:0;
	}
	.rec2,.rec3,.rec4{
	      padding: 0 0 60px 0;
	}
	.rec5 .box2 .tbox dd{
	  padding: 0 0 20px 0 !important;
	}
	.rec5{
	  padding-bottom: 60px !important;
	}
}
.rec5 h3{
	text-align:center;
	padding:0 0 55px 0;
}
.rec5 .img{
	padding:0 0 35px 0;
}
.rec5 .box1 p{
	margin:0 0 20px 0;
}
.rec5 .box1{
	padding-bottom:60px;
}
.rec5 .box2 .pic{
	float:left;
	width:38.32%;
	margin:0 0 20px 0;
}
.rec5 .box2 .tbox{
	float:right;
	width:56.91%;
}
.rec5 .box2 .tbox dt{
	font-size:30px;
	padding:0 0 20px 0;
}
.rec5 .box2 .tbox dd{
	padding:0 0 40px 20px;
}
.rec5{
	padding-bottom:140px;
}
@media only screen and (max-width: 1020px){
	.rec5 .box2 .tbox dt{
		font-size:18px;
	}
}
@media only screen and (max-width: 599px){
	.rec5 .box2 .tbox{
		width:auto;
		float:none;
	}
	.rec5 .box2 .pic{
		width:auto;
		float:none;
	}
}
.rec6 h3{
	text-align:center;
	padding:0 0 55px 0;
}
.rec6 .txt h4{
	font-size:18px;
	font-weight:normal;
	padding:0 0 20px 0;
	text-align:center;
}
.rec6 .txt p{
	text-align:center;
	padding:0 0 20px 0;
}
.rec6 .txt {
	padding-bottom:35px;
}

.rec6 table{
	width:100%;
	height:auto;
	border-collapse:collapse;
}
.rec6 .table th{
	border-bottom:1px solid #c9c9c9;
	width:143px;
	font-size:24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	font-weight:normal;
	text-align:left;
	height:85px;
}
.rec6 .table td{
	border-bottom:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
	width:81px;
	position:relative;
}
.rec6 .table thead th{
	height:58px;
	background:#c9c9c9;
}
.rec6 .table thead td{
	background:#c9c9c9;
	text-align:center;
	font-size:24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.rec6{
	padding-bottom:95px;
}
.rec6 tr:nth-child(1) td .w{
	position:absolute;
	width:180%;
	font-size:18px;
	top:7px;
	bottom:7px;
	line-height:69px;
	left:7px;
	background:#a8cad0;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
font-weight:bold;
color:#fff;
text-align:center;
}
.rec6 tr:nth-child(1) td:nth-child(4) .w{
	background:#96bbc2;
}
.rec6 tr:nth-child(1) td:nth-child(6) .w{
	background:#7ca4ab;
}
.rec6 tr:nth-child(1) td:nth-child(8) .w{
	background:#65929a;
}
.rec6 tr:nth-child(1) td:nth-child(10) .w{
	background:#4d7f88;
}
.rec6 tr:nth-child(1) td:nth-child(12) .w{
	background:#31707b;
}
.rec6 tr:nth-child(2) td .w{
	position:absolute;
	width:280%;
	font-size:18px;
	top:7px;
	bottom:7px;
	line-height:69px;
	left:7px;
	background:#e7daa8;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
font-weight:bold;
color:#fff;
text-align:center;
}
.rec6 tr:nth-child(2) td:nth-child(5) .w{
	background:#d2c593;
}
.rec6 tr:nth-child(2) td:nth-child(8) .w{
	background:#c1b482;
}
.rec6 tr:nth-child(2) td:nth-child(11) .w{
	background:#ae9e62;
}
.rec6 tr:nth-child(3) td .w{
	position:absolute;
	width:280%;
	font-size:18px;
	top:7px;
	bottom:7px;
	line-height:69px;
	left:7px;
	background:#f7c8c9;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
font-weight:bold;
color:#fff;
text-align:center;
}
.rec6 tr:nth-child(3) td:nth-child(5) .w{
	background:#f2bcbd;
}
.rec6 tr:nth-child(3) td:nth-child(8) .w{
	background:#e8a6a8;
}
.rec6 tr:nth-child(3) td:nth-child(11) .w{
	background:#e99a9c;
}
@media only screen and (max-width: 1020px){
	.rec6 table{
		width:1135px;
	}
	.rec6 .table{
		overflow:auto;
	}
	/*----------------------スクロールバー---------------------*/
	.rec6 .table::-webkit-scrollbar {
    height: 5px;
  }
  .rec6 .table::-webkit-scrollbar-thumb{
    background: #c9c9c9;
    border-radius: 5px;
  }
  .rec6 .table::-webkit-scrollbar-track-piece {
    background: #fff;
  }
}