@font-face {
	font-family: 'Franchise Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Franchise Bold'), url('Franchise-Bold-hinted.woff') format('woff');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}

html{
	font-family: sans-serif;
	overflow-y:scroll;overflow-x:hidden;
}
html, body{margin: 0;padding: 0;}
body{width:100%;font-size:100%;-webkit-text-size-adjust:100%;background:#155229;}
.wrapper{
	position:absolute;top:0;left:0;right:0;bottom:0;
	width: 96%;/*min-width:480px;*/height: auto;min-height:100%;
	margin:auto;
	color:#0a2011;
}
.innerWrapper{position:relative;width:100%;max-width:1204px;margin:0 auto;background:#155229;}

header{position:relative;width:100%;height:53px;z-index:1000;/*margin:0 1%;*/margin:0;/*background:#155229;*//*overflow:hidden;*/}
header nav.header{position:absolute;width:98%;padding:0 1%;left:0;top:0;margin:auto;height:53px;background:#155229;}
header ul{text-align:center;}
header ul li{display:inline-block;width:92px;height:53px;text-align:center;overflow:hidden;position:relative;}
header .spMenu{display:none;position:absolute;top:0;right:4%;width:50px;z-index:999;}
header h1#logo{float:left;width:164px;height:31px;margin:auto;padding: 11px 10px;overflow:hidden;position:relative;z-index:1000;}
header h1#logo img{width:164px;height:31px;}
header #menu1{float:left;overflow:hidden;z-index:998;width:100%;max-width:960px;}
header #menu1 a:link, header #menu1 a:visited{color:#ff5a00;text-decoration:none;line-height:56px;font-size:110%;display:block;letter-spacing:0.25em;padding-left: 6px;}
header #menu1 li:hover, header #menu1 li.current{background:#ff5a00;/*transition:.3s;*/}
header #menu1 li:hover a, header #menu1 li.current a{color:#155229;/*transition:.3s;*/}
header .menuTxt{overflow:hidden;white-space:nowrap;text-indent:100%;position:absolute;height:0;}
header.stay nav.header{position:fixed;top:0;left:0;right:0;margin:auto;width:96%;padding:0 1%;height:53px;background:#155229;max-width:1204px;}
header.stay h1#logo{left:1%;margin-right:1%;}

article{position:relative;width:100%;}
section{position:relative;top:0;bottom:0;margin:auto;clear:both;}
#top{/*height:800px;*//*min-width:872px;*/margin:auto;color:#DE4F00;text-align:center;}
#top .top{margin:0 1%;/*padding-top:200px;*/max-height:170px;background:#ff5a00;}
#top .top img{width:90%;max-width:872px;opacity:0;}
.nonjs #top .top img{opacity:1;}
#top .top h1{position:relative;top:-500px;color:#ff5a00;}
#top .hours{margin:0 1%;background:#ff5a00;height:40px;margin-top:-44px;}
#top .hours .hoursWrapper{margin:0 auto;width:90%;max-width:872px;height:50px;position:relative;overflow:hidden;}
#top .hours dl{margin:0 1%;text-align:right;font-weight:700;font-size:90%;position:absolute;right: 0;opacity:0;}
.nonjs #top .hours dl{opacity:1;}
#top .hours dt{position:relative;width:100px;float:left;letter-spacing:0.15em;}
#top .hours dd{position:relative;width:100px;padding-left:100px;}
#top .hours dd:last-child{letter-spacing:0.1em;}
#top .anniv{margin:0 1%;/*height:330px;*/padding-top:50px;background:#ff5a00;}
#top .anniv .annivWrapper{/*overflow:hidden;*/width:90%;max-width:872px;max-height:214px;margin:0 auto;}
#top .anniv .annivArea{width:0;overflow:hidden;}
#top .anniv img{/*width:100%;*/max-height:214px;max-width:872px;opacity:0;}
.nonjs #top .anniv .annivArea{width:100%;}
.nonjs #top .anniv img{opacity:1;}
#top .scrollWrapper{position: absolute;bottom: 0;left: 50%;height: 60px;width: 60px;margin-left: -30px;display:none;opacity:0;}
#top .scrollWrapper.show{display:block;opacity:1;transition:.3s;}
#top .scrollWrapper a{color:#DE4F00;display: block;width: 60px;height: 60px;font-size:90%;}
#top .scrollWrapper a:hover{color:#ba4302;}
#top .scdown{display: block;border-bottom: 3px #DE4F00 solid;border-right: 3px #DE4F00 solid;width: 15px;height: 15px;-webkit-transform: rotateZ(45deg);-ms-transform: rotate(45deg);transform: rotateZ(45deg);position: absolute;top: 20px;left: 50%;margin-left: -10px;}
#top a:hover .scdown{border-bottom:3px #ba4302 solid;border-right:3px #ba4302 solid;}
.nonjs #top .scrollWrapper{display:none;}

.featureWrapper{width:98%;margin:0 1%;background:#ff5a00;}
.feature{width:300px;margin:0 auto;position:relative;top:-26px;left:32px;}
.feature h2{font-size:90%;font-weight:700;position:relative;}
.feature .ftc{display:inline-block;position:absolute;top:0;left:0;}
.feature .ftc{
	-webkit-transform-origin:0% 64px;
	transform-origin:0% 64px;
	
}
.feature{
	width: 64px;height: 64px;
	-webkit-transform-origin:0px 64px;
	-webkit-animation: ftRotate 3s linear 1;
	-o-animation: ftRotate 3s linear 1;
	-ms-transform-origin : 0 64px;
	transform-origin: 0px 64px;
	animation: ftRotate 3s linear 1;
	/*animation-name: ftRotate;*/
	/*animation-timing-function:linear;*/
	/*animation-duration:3s;*/
	/*animation-iteration-count:10;*/
	/*animation-fill-mode:forwards;*/
	/*-webkit-animation-iteration-count:0.5;*/
}
.feature.still{
	-webkit-animation: ftRotate 3s linear 2;
	-o-animation: ftRotate 3s linear 2;
	animation: ftRotate 3s linear 2;
}
.feature.still2{
	-webkit-animation: ftRotate 3s linear 3;
	-o-animation: ftRotate 3s linear 3;
	animation: ftRotate 3s linear 3;
}
.feature.ready {
	/*-webkit-animation-play-state:paused;*/
	/*-webkit-animation-iteration-count:1;*/
	/*animation-iteration-count:0;*/
	/*animation-duration:20s;*/
	left:54px;
}
.feature.ready2{
	-webkit-transform-origin:0px 64px;
	-webkit-animation: ftRotate2 .75s linear 1;
	-o-animation: ftRotate2 .75s linear 1;
	-ms-transform-origin : 0 64px;
	transform-origin: 0px 64px;
	animation: ftRotate2 .75s linear 1;
}
.feature #r1{transform: rotateZ(0deg);-webkit-transform: rotate(0deg);}
.feature #r2{transform: rotateZ(13deg);-webkit-transform: rotate(13deg);}
.feature #r3{transform: rotateZ(26deg);-webkit-transform: rotate(26deg);}
.feature #r4{transform: rotateZ(39deg);-webkit-transform: rotate(39deg);}
.feature #r5{transform: rotateZ(52deg);-webkit-transform: rotate(52deg);}
.feature #r6{transform: rotateZ(65deg);-webkit-transform: rotate(65deg);}
.feature #r7{transform: rotateZ(78deg);-webkit-transform: rotate(78deg);}
.feature #r8{transform: rotateZ(91deg);-webkit-transform: rotate(91deg);}
.feature #r9{transform: rotateZ(104deg);-webkit-transform: rotate(104deg);}
.feature #r10{transform: rotateZ(117deg);-webkit-transform: rotate(117deg);}
.feature #r11{transform: rotateZ(130deg);-webkit-transform: rotate(130deg);}
.feature #r12{transform: rotateZ(143deg);-webkit-transform: rotate(143deg);}
.feature #r13{transform: rotateZ(156deg);-webkit-transform: rotate(156deg);}
.feature #r14{transform: rotateZ(169deg);-webkit-transform: rotate(169deg);}
.feature #r15{transform: rotateZ(182deg);-webkit-transform: rotate(182deg);}
.feature #r16{transform: rotateZ(195deg);-webkit-transform: rotate(195deg);}
.feature #r17{transform: rotateZ(208deg);-webkit-transform: rotate(208deg);}
.feature #r18{transform: rotateZ(221deg);-webkit-transform: rotate(221deg);}
.feature #r19{transform: rotateZ(234deg);-webkit-transform: rotate(234deg);}
.feature #r20{transform: rotateZ(247deg);-webkit-transform: rotate(247deg);}
.feature #r21{transform: rotateZ(260deg);-webkit-transform: rotate(260deg);}
.feature #r22{transform: rotateZ(273deg);-webkit-transform: rotate(273deg);}
.feature #r23{transform: rotateZ(286deg);-webkit-transform: rotate(286deg);}
.feature #r24{transform: rotateZ(299deg);-webkit-transform: rotate(299deg);}
.feature #r25{transform: rotateZ(312deg);-webkit-transform: rotate(312deg);}
.feature #r26{transform: rotateZ(325deg);-webkit-transform: rotate(325deg);}
.feature #r27{transform: rotateZ(338deg);-webkit-transform: rotate(338deg);}

.feature.ready #r1{left:0;transition:1.35s;}
.feature.ready #r2{left:1.2em;transition:1.35s;}
.feature.ready #r3{left:2.2em;transition:1.35s;}
.feature.ready #r4{left:3em;transition:1.3s;}
.feature.ready #r5{left:4em;transition:1.3s;}
.feature.ready #r6{left:4.6em;transition:1.3s;}
.feature.ready #r7{left:5.6em;transition:1.2s;}
.feature.ready #r8{left:6.5em;transition:1.2s;}
.feature.ready #r9{left:7.5em;transition:1.2s;}
.feature.ready #r10{left:8.2em;transition:1.05s;}
.feature.ready #r11{left:8.9em;transition:1.05s;}
.feature.ready #r12{left:10em;transition:1.05s;}
.feature.ready #r13{left:11em;transition:.9s;}
.feature.ready #r14{left:12.7em;transition:.9s;}
.feature.ready #r15{left:13.8em;transition:.9s;}
.feature.ready #r16{left:14.8em;transition:.75s;}
.feature.ready #r17{left:15.9em;transition:.75s;}
.feature.ready #r18{left:16.9em;transition:.75s;}
.feature.ready #r19{left:17.7em;transition:.6s;}
.feature.ready #r20{left:18em;transition:.6s;}
.feature.ready #r21{left:19.5em;transition:.6s;}
.feature.ready #r22{left:20.5em;transition:.45s;}
.feature.ready #r23{left:21.5em;transition:.45s;}
.feature.ready #r24{left:22.5em;transition:.45s;}
.feature.ready #r25{left:23.3em;transition:.3s;}
.feature.ready #r26{left:24.3em;transition:.3s;}
.feature.ready #r27{left:25.4em;transition:.3s;}
.feature.ready #r1,
.feature.ready #r2,
.feature.ready #r3,
.feature.ready #r4,
.feature.ready #r5,
.feature.ready #r6,
.feature.ready #r7,
.feature.ready #r8,
.feature.ready #r9,
.feature.ready #r10,
.feature.ready #r11,
.feature.ready #r12,
.feature.ready #r13,
.feature.ready #r14,
.feature.ready #r15,
.feature.ready #r16,
.feature.ready #r17,
.feature.ready #r18,
.feature.ready #r19,
.feature.ready #r20,
.feature.ready #r21,
.feature.ready #r22,
.feature.ready #r23,
.feature.ready #r24,
.feature.ready #r25,
.feature.ready #r26,
.feature.ready #r27{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.no-cssanimations .feature{width:90%;left:0;text-align:right;}
.no-cssanimations .feature h2{padding-right:10%;}
.no-cssanimations .feature .ftc{position:relative;}

@-webkit-keyframes ftRotate {
	0% {-webkit-transform:rotateZ(0deg);}
	100% {-webkit-transform:rotateZ(360deg);}
}
@-o-keyframes ftRotate {
	0% {-o-transform:rotateZ(0deg);}
	100% {-o-transform:rotateZ(360deg);}
}
@keyframes ftRotate {
	0% {transform:rotateZ(0deg);}
	100% {transform:rotateZ(360deg);}
}

@-webkit-keyframes ftRotate2 {
	0% {-webkit-transform:rotateZ(0deg);}
	100% {-webkit-transform:rotateZ(90deg);}
}
@-o-keyframes ftRotate2 {
	0% {-o-transform:rotateZ(0deg);}
	100% {-o-transform:rotateZ(90deg);}
}
@keyframes ftRotate2 {
	0% {transform:rotateZ(0deg);}
	100% {transform:rotateZ(90deg);}
}

.hoursWrapper .hrc{display:inline-block;position:relative;top:0;left:-760px;}
.hoursWrapper.ready #hr1{left:0;transition:1.35s;}
.hoursWrapper.ready #hr2{left:0;transition:1.35s;}
.hoursWrapper.ready #hr3{left:0;transition:1.35s;}
.hoursWrapper.ready #hr4{left:0;transition:1.3s;}
.hoursWrapper.ready #hr5{left:0;transition:1.3s;}
.hoursWrapper.ready #hr6{left:0;transition:1.3s;}
.hoursWrapper.ready #hr7{left:0;transition:1.2s;}
.hoursWrapper.ready #hr8{left:0;transition:1.2s;}
.hoursWrapper.ready #hr9{left:0;transition:1.2s;}
.hoursWrapper.ready #hr10{left:0;transition:1.05s;}
.hoursWrapper.ready #hr11{left:0;transition:1.05s;}
.hoursWrapper.ready #hr12{left:0;transition:1.05s;}
.hoursWrapper.ready #hr13{left:0;transition:.9s;}
.hoursWrapper.ready #hr14{left:0;transition:.9s;}
.hoursWrapper.ready #hr15{left:0;transition:.9s;}
.hoursWrapper.ready #hr16{left:0;transition:.75s;}
.hoursWrapper.ready #hr17{left:0;transition:.75s;}
.hoursWrapper.ready #hr18{left:0;transition:.75s;}
.hoursWrapper.ready #hr19{left:0;transition:.6s;}
.hoursWrapper.ready #hr20{left:0;transition:.6s;}
.hoursWrapper.ready #hr21{left:0;transition:.6s;}
.hoursWrapper.ready #hr22{left:0;transition:.45s;}

.no-cssanimations .hoursWrapper .hrc{left:0;}

section a:link, section a:visited{color:#fff;text-decoration:none;}
section a:hover{color:#ff5a00;}
section .btnWrapper{width:99%;background:#ff5a00;position:relative;height:48px;}
section .btnWrapper.btnR{margin-right:1%;}
section .btnWrapper.btnL{margin-left:1%;}
section#styling h1,
section#kimono h1,
section#haircare h1,
section#other h1{height:47px;color:#ff5a00;width:295px;font-size:120%;line-height:47px;}
section .btnR h1{position:absolute;right:0;padding-right:10px;text-align:right;background:url(../img/btn_bg_r.png) top right no-repeat;}
section .btnL h1{position:absolute;left:0;padding-left:10px;text-align:left;background:url(../img/btn_bg_l.png) top left no-repeat;}
section#styling h1:hover,
section#kimono h1:hover,
section#haircare h1:hover,
section#other h1:hover{cursor:pointer;}
.content{position:relative;width:98%;height:382px;margin:0 auto;max-width:872px;background:#155229;color:#ff5a00;text-align:center;overflow:hidden;transition: .3s;}
.content.close{height:0px;transition: .3s;}
#styling .content.close,
#kimono .content.close,
#haircare .content.close,
#other .content.close{height:0;}
.nonjs #styling .content.close,
.nonjs #kimono .content.close,
.nonjs #haircare .content.close,
.nonjs #other .content.close{height:auto;}
.content h2{font-size:110%;font-weight:700;margin-bottom:10px;}
.content p{font-size:84%;font-weight:800;}
.content img{padding:0;width:100%;}
.content .areaL,
.content .areaC,
.content .areaR,
.content .areaR2{position:relative;float:left;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.nonjs .content .areaL,
.nonjs .content .areaC,
.nonjs .content .areaR,
.nonjs .content .areaR2{-webkit-transform: none;-ms-transform: none;transform: none;}
#styling .content .areaL{width:26%;padding:2%;}
#styling .content .areaC{width:34%;padding:0 3%;/*top:100px;*/text-align:left;}
#styling .content .areaR{width:26%;padding:2%;}
#kimono .content .areaL{width:26%;padding:2%;}
#kimono .content .areaC{width:26%;padding:2%;}
#kimono .content .areaR{width:32%;padding:0 4%;/*top:100px;*/text-align:left;}
#haircare .content .areaL{width:28%;padding:0 2%;/*top:80px;*/text-align:left;}
#haircare .content .areaC{width:30%;padding:2%;}
#haircare .content .areaR{width:30%;padding:2%;}
#other .content{max-width:98%;}
#other .content .areaL{width:23%;padding:0 4%;/*top:80px;*/text-align:left;}
#other .content .areaC{width:19%;padding:2%;}
#other .content .areaR{width:19%;padding:2%;}
#other .content .areaR2{width:19%;padding:2%;}
#concept .t_concept, #tariff .tariff, #stylist .stylist, #message .message{width:100%;background:#ff5a00;color:#155229;text-align:center;}
#stylist .stylistWrapper{width:90%;background:#155229;position:relative;max-width:872px;margin:0 auto;padding:25px 0;}
#stylist .stylistWrapper .stylistL{position:relative;width:50%;float:left;}
#stylist .stylistWrapper .stylistR{position:relative;width:50%;padding-left: 50%;}
#stylist .stylistWrapper h1, #stylist .stylistWrapper p{color:#ff5a00;text-align: left;}
#stylist .stylistWrapper h1{margin:1em 0 1.5em;font-size:120%;}
#stylist .stylistWrapper p{font-size:80%;font-weight:700;padding-right: 20px;}
#stylist .stylistWrapper .circle{position:absolute;}
#stylist .stylist img{width:216px;height:auto;}
#stylist .circle{width: 20px;height: 20px;background: #FF5A00;border-radius: 30px;display: block;}
#stylist .crclL{position: absolute;top: 50%;left: 4%;margin-top: -10px;}
#stylist .crclR{position: absolute;top: 50%;right: 4%;margin-top: -10px;}
#message p{width:90%;max-width:872px;background:#de4e00;margin:0 auto;font-size:120%;color:#ff5a00;line-height:55px;height: 53px;padding-top: 2px;}
#concept .t_concept{height:50px;}
#concept h1{position: relative;top: 12px;line-height: 32px;max-width: 872px;margin: 0 auto;text-align: left;font-size: 200%;height: 24px;border-bottom: 5px solid #155229;}
#concept p{position: relative;top: -1.85em;right: -50px;display: inline-block;font-size: 80%;line-height: 1.25em;font-weight: 700;}
#tariff .t_tariff{width:98%;margin: 0 1%;background:#ff5a00;text-align:center;color:#fff;}
#tariff .t_tariff h1{font-size:200%;}
#tariff .t_tariff img{width:34px;height:auto;}
#tariff .t_tariff p{padding-bottom:5px;}
#tariff .tariffWrapper{color:#ff5a00;max-width:642px;margin:0 auto;padding:15px 115px 35px;background:#ffc5a6;border-top:5px solid #155229;border-bottom:5px solid #155229;text-align:left;}
#tariff h3{margin:20px 0 10px;}
#tariff .smll{font-size:80%;}
#tariff h3 .smll{font-size:64%;letter-spacing:0;}
#tariff .franb{font-size:110%;}
#tariff ul li{border-bottom:2px dotted #ff5a00;clear:both;height:29px;line-height:29px;font-size:90%;font-weight:700;}
#tariff ul li dl{padding-left:60px;}
#tariff ul li dl dt{float:left;}
#tariff ul li dl dd{text-align:right;}
#tariff ul li dl dd .partir{display:inline-block;width:20px;}
#access{width:98%;margin: 0 1%;background:#ff5a00;color:#155229;text-align:center;}
#access .contact h1, #access .link h1{height:20px;margin-bottom:10px;color:#231815;}
#access .contact p,
#access .link p{margin:0 auto;width:430px; height:30px; background:#231815; border-radius:10px;color:#fff;font-size:90%;line-height:30px;margin-bottom:20px;font-family:"osaka";}
#access .contact p img{vertical-align:middle;}
#access .contact p span.spc{display:inline-block; width:30px;}
#access #map{max-width:650px; height:265px;border:5px solid #000;width: 90%;margin: 0 auto;}
#access .accessmap{width:100%;max-width:650px;margin:0 auto;}
#access .accessmap h1, #access .accessmap p{text-align:right;color:#000;font-weight:700;padding:0 5%;}
#access .accessmap h1{font-size;:90%;height:25px;margin-top:5px;}
#access .accessmap p{font-size:70%;line-height:1.75em;}

#droit{position: relative;width: 96%;margin: 0 1%;padding: 1%;text-align: center;font-size: 80%;background: #ff5a00;}

.franb{font-family:"Franchise Bold";letter-spacing:0.2em;}
.brsp{display:none;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}/* modern browser */
.clearfix {display: inline-block;}/* IE7,MacIE5 */
* html .clearfix {height: 1%;}/* WinIE6 below, Exclude MacIE5 \*/
.clearfix {display: block;}

.mTo{margin:0 1%;background:#ff5a00;height:50px;}
.h80{height:80px;}
.h120{height:120px;}
.h150{height:150px;}
.h235{height:235px;}
.h300{height:300px;}
.mTg{margin:0 1%;background:#155229;height:4px;}


.error{margin: 0 1%;background: #ff5a00;color: #0a2011;padding:50px 20px;}
.error h1{font-size:300%;}
.error h2{padding-bottom:10px;}
.error p{font-size:90%;}
.error a:hover{color:#DE4F00;text-decoration:underline;}

.nonjs p.nojs{color: #fff;width: 98%;margin: 0 auto;text-align: center;padding: 10px 1%;position: absolute;top: 0;background: #000;z-index:999999;font-size:75%;min-height:33px;}


@media screen and (max-width: 1024px) {/* ---------------------------------- */
	#concept .t_concept{height:100px;}
	#concept h1{width:90%;text-align:center;}
	#concept p{top:20px;right:0;width:90%;}
	#tariff .tariffWrapper{padding:15px 5% 35px;width:90%;}
	#stylist .crclL{left:2%;}
	#stylist .crclR{right:2%;}
}
@media screen and (max-width: 800px) {/* ---------------------------------- */
	#other .content{height:520px;}
	#other .content .areaC{width:26%;max-width:228px;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#other .content .areaR{width:26%;max-width:228px;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#other .content .areaR2{width:26%;max-width:228px;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#other .content .areaL{width:94%;top:30px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#tariff .tariffWrapper{padding:15px 5% 35px;width:80%;}
	#stylist .stylistWrapper p{font-size:80%;padding-right: 10px;}
	#stylist .stylistWrapper .stylistL{width:47%;}
	#stylist .stylistWrapper .stylistR{padding-left:47%;}
	
}
@media screen and (max-width: 740px) {/* ---------------------------------- */
	/*.wrapper{min-width:100%;}*/
	header{position:fixed;top:0;z-index:99999;width:100%;max-width:100%;height:53px;}
	header nav.header{height:53px;margin:0;}
	/*header nav.header.open h1#logo{height:85px;}*/
	header #menu1{position:absolute;top:0;left:0;height:40px;transition: .2s;}
	header nav.header.open #menu1{border-bottom:1px solid #ba4302;height:340px;width:96%;background:#155229;}
	header .header{position:absolute;left:0;width:100%;}
	header ul li{top:0;display:none;width:100%;height:53px;margin:0 auto;overflow:hidden;}
	header nav.header.open ul li{display:inline-block;position:relative;top:53px;}
	header ul li img{height:60px;position:relative;top:-30px;left:0;visibility:hidden;}
	header .spMenu{display:block;text-align:left;padding-left:2%;padding-top:10px;height:30px;background-color:rgba(64,64,64,0);border:none;top:7px;}
	#btnLine{
		display: block;
		position: absolute;top: 20px;left: 40px;
		width: 14px;height: 2px;
		margin: -1px 0 0 -7px;
		background: #ff5a00;
		transition: .2s;
	}
	#btnLine:before, #btnLine:after{
		display: block;
		content: "";
		position: absolute;top: 50%;left: 0;
		width: 14px;height: 2px;
		background: #ff5a00;
		transition: .3s;
	}
	#btnLine:before{margin-top: -6px;}
	#btnLine:after{margin-top: 4px;}
	#btnLine.close{background: transparent;}
	#btnLine.close:before, #btnLine.close:after{margin-top: 0;}
	#btnLine.close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	#btnLine.close:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
	
	#styling .content{height:322px;}
	#kimono .content{height:322px;}
	#haircare .content{height:322px;}
	#stylist .stylistWrapper .stylistL,
	#stylist .stylistWrapper .stylistR{float:none;width:100%;}
	#stylist .stylistWrapper .stylistR{padding-left:0;}
	#stylist .stylistWrapper h1,
	#stylist .stylistWrapper p{text-align:center;padding:0 10px;}
	.brsp{display:block;}
}
@media screen and (max-width: 640px) {/* ---------------------------------- */
	#styling .content{height:562px;}
	#styling .content .areaL{width:46%;max-width:228px;top:30px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#styling .content .areaR{position:absolute;width:46%;max-width:228px;top:30px;left:48%;-webkit-transform: none;-ms-transform: none;transform: none;}
	#styling .content .areaC{width:94%;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#kimono .content{height:532px;}
	#kimono .content .areaL{width:46%;max-width:228px;top:30px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#kimono .content .areaC{width:46%;max-width:228px;top:30px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#kimono .content .areaR{width:94%;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#haircare .content{height:532px;}
	#haircare .content .areaC{width:46%;max-width:228px;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#haircare .content .areaR{width:46%;max-width:228px;top:50px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#haircare .content .areaL{width:94%;top:30px;-webkit-transform: none;-ms-transform: none;transform: none;}
	#other .content{height:520px;}
	#tariff ul li dl{padding-left:0;}
	#tariff ul li{font-size:70%;}
	#tariff .smll{font-size:70%;}
	#tariff ul li dl dd .partir{width:12px;}
	#concept .t_concept{height:8em;}
	#message p{height:auto;line-height:30px;}
	
	.feature.ready{left:40px;}
	.feature.ready h2{font-size:90%;-webkit-transform:scale(0.55);}
}
@media screen and (max-width: 520px) {/* ---------------------------------- */
	#styling .content{height:562px;}
	#kimono .content{height:532px;}
	#haircare .content{height:532px;}
	#other .content{height:532px;}
	#access .contact p, #access .link p{width:90%;height:auto;font-size:80%;}
	#access .contact p span.spc{display:block;height:0;}
	
	.feature.ready{left:30px;}
	.feature.ready h2{font-size:90%;-webkit-transform:scale(0.5);}
}
@media screen and (max-width: 480px) {/* ---------------------------------- */
	.feature.ready .ftc{position:relative;}
	.feature.ready #r1,
	.feature.ready #r2,
	.feature.ready #r3,
	.feature.ready #r4,
	.feature.ready #r5,
	.feature.ready #r6,
	.feature.ready #r7,
	.feature.ready #r8,
	.feature.ready #r9,
	.feature.ready #r10,
	.feature.ready #r11,
	.feature.ready #r12,
	.feature.ready #r13,
	.feature.ready #r14,
	.feature.ready #r15,
	.feature.ready #r16,
	.feature.ready #r17,
	.feature.ready #r18,
	.feature.ready #r19,
	.feature.ready #r20,
	.feature.ready #r21,
	.feature.ready #r22,
	.feature.ready #r23,
	.feature.ready #r24,
	.feature.ready #r25,
	.feature.ready #r26,
	.feature.ready #r27{left:0;}
	.feature.ready{left:inherit;width: 100%;padding-top: 10px;}
	.feature.ready h2{font-size:90%;-webkit-transform:scale(0.75);letter-spacing: -0.05em;font-weight: 500;}
	.mobile .feature.ready h2{opacity:0;-webkit-opacity:0;}
	.feature.ready h2.ready{opacity:1;-webkit-opacity:1;transition: opacity .75s linear;-webkit-transition:opacity .75s linear;}
}
@media screen and (max-width: 400px) {/* ---------------------------------- */
	#styling .content{height:502px;}
	#kimono .content{height:502px;}
	#haircare .content{height:502px;}
	#other .content{height:502px;}
}
@media screen and (max-width: 330px) {/* ---------------------------------- */
	#concept .t_concept{height:10em;}
	#tariff .tariffWrapper{width:90%;}
	#tariff ul{overflow-x: auto;}
	#tariff ul li{min-width:263px;}
	#stylist .stylist img{width:100%;max-width:216px;}
}