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



@media (min-width: 481px) {
h1 > a.changeLang {display: none;}
}


/*--------------------------------------------------
▼サイト内検索枠
--------------------------------------------------*/


div#searchFormInner {
border: 1px solid #cecece;
}

div#searchFormInner {
position: relative;
height: 24px;
}

fieldset {
border: 0;
}

form, fieldset, legend, input, textarea {
margin: 0;
padding: 0;
}

fieldset {
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: 2px groove threedface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
min-width: -webkit-min-content;
}

.reader {
position: absolute;
z-index: 100;
top: 0px;
right: 0px;
display: run-in;
width: 0;
height: 0;
margin: 0;
padding: 0;
border-style: none;
overflow: hidden;
}

label {
cursor: default;
}

div#searchForm input#searchText {
left: 10px;
top: 5px;
width: 112px;
}

div#searchForm input#searchText {
position: absolute;
top: 7px;
left: 24px;
width: 160px;
border: 0;
font-family: "Lucida Grande", "ＭＳ Ｐゴシック", sans-serif;
line-height: 1;
background: transparent;
outline: none;
}

div#searchForm input#submitBtn {
position: absolute;
left: 129px;
top: 0px;
width: 23px;
}

.clear {
	clear: both;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.txtLeft {
	text-align: left;
}
.txtRihgt {
	text-align: right;
}
.txtCenter {
	text-align: center;
}
.photoLeft {
	float: left;
	margin-right: 10px;
}
.photoRight {
	float: right;
	margin-left: 10px;
}

.caution{
	color:#f00;
}
/*--------------------------------------------------
▼common wrap
--------------------------------------------------*/

body , html {   
    height: 100%;
}
#container {
    width: 960px;
		margin:0 auto;
		padding:10px 0 0 0;
}
*html div#container{
    height:100%;
}
#contents {
	clear:both;
  padding:0 0 5px 0;
	line-height:1.6;
}

/*--------------------------------------------
ヘッダー・h1
--------------------------------------------*/
h1{
	font-size:10px;
	padding:0 0 15px 0;
}
body.medium h1{
	font-size:12px;
	padding:0 0 5px 0;
}

body.large h1{
	font-size:14px;
	padding:0 0 5px 0;
}

#header{
	padding:0 0 15px 0;
	position:relative;
}


/*--------------------------------------------
トップナビ
--------------------------------------------*/

#tnav{
	position:absolute;
	/*top:20px; default */bottom:15px;
	right:0;
}

#tnav002{
	position:absolute;;
	top:20px;
	right:0;
}

#tnav li{
	float:left;
}
#tnav li.access,
#tnav li.language{
	padding:3px 0 0 0;
	letter-spacing:1px;
}
#tnav li a,
body.small #tnav li a{
	border-left:solid 1px #ccc;
	padding:0 5px;
	font-size:10px;
}
body.medium #tnav li a{
	font-size:12px;
	line-height:1;
}
body.large #tnav li a{
	font-size:14px;
	line-height:1;
}


#tnav li .resizer{
	padding:0 0 0 5px;
}
body.medium #tnav li .resizer{
	padding:2px 0 0 5px;
}
body.large #tnav li .resizer{
	padding:4px 0 0 5px;
}
#tnav li .resizer li{
	border-left:none;
	padding:0 0 0 0;
}
#tnav li .resizer li a{
	display:block;
	border-left:none;
	padding:0 0 0 0;
}

/*--------------------------------------------
フォントサイズ（小・中・大）
--------------------------------------------*/

.resizer li.small a{
	width:15px;
	height:17px;
	background:url(../images/small_off.gif) no-repeat left top;
}
body.small .resizer li.small a{
	width:15px;
	height:17px;
	background:url(../images/small_on.gif) no-repeat left top;
}
.resizer li.medium a{
	width:15px;
	height:17px;
	background:url(../images/medium_off.gif) no-repeat left top;
}
body.medium .resizer li.medium a{
	width:15px;
	height:17px;
	background:url(../images/medium_on.gif) no-repeat left top;
}
.resizer li.large a{
	width:16px;
	height:17px;
	background:url(../images/large_off.gif) no-repeat left top;
}
body.large .resizer li.large a{
	width:16px;
	height:17px;
	background:url(../images/large_on.gif) no-repeat left top;
}


body.large { font-size: 16px; }
body.medium { font-size: 14px; }
body.small { font-size: 12px; }


/*en*/
.en .resizer li.small a{
	width:15px;
	height:17px;
	background:url(../../en/common/images/small_off.gif) no-repeat left top;
}
body.small .en .resizer li.small a{
	width:15px;
	height:17px;
	background:url(../../en/common/images/small_on.gif) no-repeat left top;
}
.en .resizer li.medium a{
	width:15px;
	height:17px;
	background:url(../../en/common/images/medium_off.gif) no-repeat left top;
}
body.medium .en .resizer li.medium a{
	width:15px;
	height:17px;
	background:url(../../en/common/images/medium_on.gif) no-repeat left top;
}
.en .resizer li.large a{
	width:16px;
	height:17px;
	background:url(../../en/common/images/large_off.gif) no-repeat left top;
}
body.large .en .resizer li.large a{
	width:16px;
	height:17px;
	background:url(../../en/common/images/large_on.gif) no-repeat left top;
}

/*--------------------------------------------
下部リンクリスト
--------------------------------------------*/
#bottom-link{
	clear:both;
	text-align:center;
	color:#666666;
}
.pagetop{
	clear:both;
	float:right;
	padding:0 0 10px;
}
body.small .pagetop a{
	display:block;
	background:url(../../images/arrow_icon03.gif) no-repeat left 2px;
	padding:0 0 0 18px;
}

body.medium .pagetop a{
	display:block;
	background:url(../../images/arrow_icon03.gif) no-repeat left 3px;
	padding:0 0 0 18px;
}

body.large .pagetop a{
	display:block;
	background:url(../../images/arrow_icon03.gif) no-repeat left 6px;
	padding:0 0 0 18px;
}

/*--------------------------------------------
フッター
--------------------------------------------*/

#footer {
	clear:both;
  width: 960px;
  height: 30px;
	margin:0 auto;
	padding:25px 10px 0;
	background:url(../images/footer_bg.gif) repeat-x top left;
}

#footer-nav{
	float:right;
}

#footer-nav li{
	float:left;
	padding:0 0 0 10px;
}

/*--------------------------------------------
margin padeding
--------------------------------------------*/
.mal5{margin-left:5px;}
.mal10{margin-left:10px !important;}
.mal15{margin-left:15px !important;}
.mal20{margin-left:20px !important;}
.mal25{margin-left:25px !important;}
.mal30{margin-left:30px !important;}
.mal35{margin-left:35px !important;}
.mal40{margin-left:40px !important;}
.mal45{margin-left:45px !important;}
.mal50{margin-left:50px !important;}
.mal55{margin-left:55px !important;}
.mal60{margin-left:60px !important;}
.mal65{margin-left:65px !important;}
.mal70{margin-left:70px !important;}

.mar5{margin-right:5px !important;}
.mar10{margin-right:10px !important;}
.mar15{margin-right:15px !important;}
.mar20{margin-right:20px !important;}
.mar25{margin-right:25px !important;}
.mar30{margin-right:30px !important;}
.mar35{margin-right:35px !important;}
.mar40{margin-right:40px !important;}
.mar45{margin-right:45px !important;}
.mar50{margin-right:50px !important;}

.mab0{margin-bottom:0 !important;}
.mab5{margin-bottom:5px !important;}
.mab10{margin-bottom:10px !important;}
.mab15{margin-bottom:15px !important;}
.mab20{margin-bottom:20px !important;}
.mab25{margin-bottom:25px !important;}
.mab30{margin-bottom:30px !important;}
.mab35{margin-bottom:35px !important;}
.mab40{margin-bottom:40px !important;}
.mab45{margin-bottom:45px !important;}
.mab50{margin-bottom:50px !important;}

.mat0{margin-top:0 !important;}
.mat1{margin-top:1px !important;}
.mat2{margin-top:2px !important;}
.mat3{margin-top:3px !important;}
.mat4{margin-top:4px !important;}
.mat5{margin-top:5px !important;}
.mat10{margin-top:10px !important;}
.mat15{margin-top:15px !important;}
.mat20{margin-top:20px !important;}
.mat30{margin-top:30px !important;}
.mat35{margin-top:35px !important;}
.mat40{margin-top:40px !important;}
.mat45{margin-top:45px !important;}
.mat50{margin-top:50px !important;}

.pab0{padding-bottom:0 !important;}
.pab05{padding-bottom:5px !important;}
.pab10{padding-bottom:10px !important;}
.pab15{padding-bottom:15px !important;}
.pab20{padding-bottom:20px !important;}
.pab25{padding-bottom:25px !important;}
.pab30{padding-bottom:30px !important;}

.pat00{padding-top:0 !important;}
.pat05{padding-top:5px !important;}
.pat10{padding-top:10px !important;}
.pat15{padding-top:15px !important;}
.pat20{padding-top:20px !important;}
.pat25{padding-top:25px !important;}
.pat30{padding-top:30px !important;}

.paa05{padding:5px !important;}
.paa10{padding:10px !important;}


/*--------------------------------------------
text-color
--------------------------------------------*/
.tRed {color:#ff0000;}

/*--------------------------------------------
text-align
--------------------------------------------*/
.texaC { text-align: center;}
.texaR { text-align: right;}
.texaL { text-align: left;}

/*--------------------------------------------
float
--------------------------------------------*/
.floatLeft { float:left;}
.floatRight { float:right;}

/*--------------------------------------------
ul discList
--------------------------------------------*/
ul.discList {
    margin-left: 20px;
}
ul.discList li {
    list-style-type: disc;
    margin-bottom: 3px;
}
ul.discList li.linkListLast {
    margin-bottom: 0;
}
ul.discList li ul {
    margin: 3px 0 0 10px;
}

/*--------------------------------------------
inlineBlock
--------------------------------------------*/
.inlineBlock {display:inline-block;}


/*--------------------------------------------
header 入場無料　追加
--------------------------------------------*/
#header  ul li.freeEntrance {
	padding-right:10px;
	margin-top:0.04em;
}
#header  ul li dl {
	

	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px #DFDFDF;
	box-shadow: 0px 1px #DFDFDF;
}

#header  ul li dl dt, #header  ul li dl dd {
	display:inline-block;
	line-height:1;
	padding:4px 13px;
	font-size:12px;
}

#header ul li dl dt {
	background-color: #E93F3F; 	background-color: #04A27A;
	color: #fff;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#header  ul li dl dd {
	background-color: #272727;
	color: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius:4px;
	}
#header ul li dl dd span {font-size:11px; color:#ccc;}

/*--------------------------------------------
header 入場無料　追加2
--------------------------------------------*/
/*入場料無料*/
#header  ul li.freeEntrance {
	padding-right:8px;
	margin-top:0.04em;
}
#header  ul li.freeEntrance span {
	display:block;
	border: 1 solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px #DFDFDF;
	box-shadow: 0px 1px 1px #DFDFDF;
	line-height:1;
	padding:.3em .9em;
	font-size:103%;
	letter-spacing:.07em;
	background-color: #E93F3F;
	color: #fff;
}

/*交通アクセス*/
#header  ul li.access {
	padding-right:8px;
	padding-top:0;
	letter-spacing:inherit;
}


#header ul li.access a {
	background:#04A27A url(/common/images/arrow_01.png) no-repeat .6em 46%;
	display:block;
	border-left:none;
	color:#fff;
	padding:.34em .6em .4em 1.3em;
	border: 1 solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px #DFDFDF;
	box-shadow: 0px 1px 1px #DFDFDF;
	line-height:1;
	font-size:96.7%;
	text-decoration:none;
	letter-spacing:.05em;
}

#header ul li.access a:hover {
	opacity:0.8;
}





/*=====================================
=            Media Queries            =
=====================================*/


@media (max-width: 480px) {

	/*----------  BASE  ----------*/

	html{
		font-size: 62.5%;
	}
	body{
		min-width: 320px;
		min-height: 416px;
		-webkit-text-size-adjust: 100%;
		font-size: 1.4rem;
		font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
		color: #3F3F3F;
	}
	a, a:hover{
		color: #16709E;
		text-decoration: none;
	}
	img {
		width: 100%;
	    height: auto;
	    max-width: 100%;
	}

	#container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#btn-menu{
		display: block;
	}

	#btn-menu{
		float: right;
	}
	#btn-menu li{
		max-width: 30px;
		float: left;
		padding-left: 5px;
	}


	/* -----------------------------
		TOGGLE NAV(トグルナビ)
	----------------------------- */

	.toggleNavTop,
	.toggleNavTop .btn,
	.toggleNavTop .btn a {
		border-radius: 4px;
	}
	.toggleNavTop {
		margin-bottom: 20px;
		padding: 5px;
		background: #f2f2f2;
	}
	.toggleNavTop .btn {
		margin-bottom: 4px;
		border: #b2b2b2 solid 1px;
		font-size: 1.6rem;
		position: relative;
	}
	.toggleNavTop .btn:last-of-type {
		margin-bottom: 0;
	}
	.toggleNavTop .btn a {
		display: block;
		padding: 2px 2px 2px 10px;
		border: #ededed solid 1px;
		background-image: -moz-linear-gradient(bottom, #dbdada 19%, #ededed 60%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dbdada));
		color: #80807c;
		text-shadow: 1px 1px 0px #fff;
	}
	.toggleNavTop .btn span {
		display: block;
		padding-top: 3px;
		float: left;
	}
	.toggleNavTop .icon,
	.toggleNavTop .icon span {
		width: 30px;
		height: 25px;
		cursor: pointer;
	}
	.toggleNavTop .icon {
		background: url(/sp/common/img/bg_icon01.png) no-repeat 8px center;
		background-size: auto 16px;
		border-left: #b2b2b2 solid 1px;
		position: absolute;
		right: 2px;
		top: 2px;
	}
	.toggleNavTop .icon span {
		padding-top: 0;
		border-left: #fff solid 1px;
	}
	.toggleNavTop .collapse {
		display: none;
	}
	.toggleNavTop .collapse a {
		background: #FFF;
		padding: 4px 4px 4px 10px;
		position: relative;
	}
	.toggleNavTop .collapse ul li a:after {
		content: url(/sp/common/img/top_arrow_toggle.png);
		right: 10px;
		top: 5px;
		width: 11px;
		height: 15px;
		position: absolute;
	}
	.toggleNavTop .open .icon {
		background: url(/sp/common/img/bg_icon01_open.png) no-repeat 8px center;
		background-size: auto 16px;
	}
	.toggleNavTop .open.btn > a {
		border: #BBB solid 1px;
		background-image: -moz-linear-gradient(bottom, #777 19%, #888 60%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#888));
		color: #FFF;
		text-shadow: 1px 1px 0px #80807c;
	}
	.toggleNav01 {
		margin-bottom: 20px;
	}
	.toggleNav01 .btn {
		font-size: 1.6rem;
		position: relative;
	}
	.toggleNav01 .btn:last-of-type {
		margin-bottom: 0;
	}
	.toggleNav01 .btn a {
		display: block;
		padding: 5px 10px;
		color: #FFF;
		background-color: #0DBA95;
		border-bottom: 1px solid #FFF;
	}
	.toggleNav01 .btn span {
		display: block;
		padding-top: 3px;
		float: left;
	}
	.toggleNav01 .icon {
		background: url(../images/menu_open.png) no-repeat 8px center;
		background-size: 12px auto;
		position: absolute;
		right: 0;
		top: 3px;
		width: 30px;
		height: 25px;
		cursor: pointer;
	}
	.toggleNav01 .collapse {
		display: none;
	}
	.toggleNav01 .collapse ul li a {
		position: relative;
	}
	.toggleNav01 .collapse ul li a:after {
		content: url("../images/menu_arrow.png");
		right: 7px;
		top: 4px;
		width: 13px;
		height: 18px;
		position: absolute;
	}
	.toggleNav01 .collapse ul li a {
		background: #57CFB3;
		position: relative;
	}
	.toggleNav01 .collapse ul li a:hover {
		background-color: #0DBA95;
	}
	.toggleNav01 .open {
		background: url(../images/menu_close.png) no-repeat 8px center;
		background-size: 12px auto;
		width: 25px;
		top: 3px;
		right: 4px;
		height: 24px;
	}
	#toggleBtn {
		cursor: pointer;
	}

	#header {
		margin-bottom: 10px;
		padding: 10px 5px 0;
	}

	#header > h1 {
	    line-height: 1.3;
	    position: relative;
	}

	#header > p {
		max-width: 162px;
		float: left;
		padding-top: 7px;
	}

	#header > #tnav{
		display: none;
	}

	#header > h1 > span.freeEntrance{
		/*display: block;*/
		position: relative;
		content: "";
		display: inline-block;
		border-radius: 3px;
		padding: .3em .5em .15em;
		background: #3A3A3A;
		color: #fff;
		font-size: .92rem;
		top: -.2em;
		line-height: 1;
	}

	#contents {
		padding: 0 10px;
		line-height: 1.3;
		font-size: 1.4rem;
	}

	#footer {
		width: 100%;
		background: none;
		height: auto;
		padding: 0;
		font-size: 1.4rem;
	}

	#footer > p{
		padding: 10px 0;
		border-top: #8a8a8a solid 1px;
		text-align: center;
	}

	#footer p img {
	    max-width: 180px;
	}

	#footer-nav{
		display: none;
	}

	#footerInfo{
		display: block;
		padding: 0 10px;
	}

	#footerInfo ul{
		padding-bottom: 25px;
		letter-spacing: -.40em;
	}

	#footerInfo ul li{
		margin: 0 12px 5px 0;
	    display: inline-block;
	    letter-spacing: -0.1rem;
	}

	#footerInfo ul li a{
		padding-left: 8px;
		background: url(../images/bg_arrow01.png) no-repeat left center;
		background-size: 6px auto;
		color: #3F3F3F;
	}

	#footerInfo > p{
		padding: 10px 0;
		border-top: #8a8a8a solid 1px;
		text-align: center;
	}
	
/* 	header 入場無料 */
#header > h1 {line-height:1.5; position:relative;}
#header > h1 > span.freeEntrance {
	position:relative;
	content:"";
	display:inline-block;
	border-radius: 3px;
	padding:.3em .5em .15em;
	background:#3A3A3A;
	color: #fff;
	font-size: .92rem;
	top:-.2em;
	line-height:1;
}

#social-bt {margin-bottom:1em;}




/*--------------------------------------------
プロフィール写真　幅30%
--------------------------------------------*/
.salondetail_profilephotoR {width:38%;}


/*--------------------------------------------
img 幅調整
--------------------------------------------*/
img.spW33per {width: 33%; height: auto;}
img.spW50per {width: 50%; height: auto;}
img.spW63per {width: 63%; height: auto;}
img.spW100per {width: 100%; height: auto;}

/*--------------------------------------------------
header CIロゴを10周年に
--------------------------------------------------*/
#header p  {
    padding-top: 7px;
	padding-left:5px;
	max-width: 162px;
	width : -webkit-calc(100% - 160px) ;
	width : calc(100% - 160px) ;
}
/*#header > p {
	padding-left:5px;
    float: left;
	width : -webkit-calc(100% - 160px) ;
	width : calc(100% - 160px) ;
	max-width: 220px;
    padding-top: 2px;
}*/

#header p  a img {
	width : 100%;
	height:auto;
}

#header p  a img[src$="header_logo.png"] {
	width :100%;
	height:auto;
    }

/* -----------------------------
	Change Language TOP
----------------------------- */
h1 > span.freeEntrance {margin-right:.5em;}

h1 > a.changeLang {
	position:relative;
	display:inline-block;
	border-radius: 3px;
	padding:.3em .7em .2em .7em;
	background:#e9e9e9;
	font-size: .92rem;
	top:-.2em;
	line-height:1;
    vertical-align: middle;
    word-break: keep-all;
}

h1 > a.changeLang i {
font-style: normal;
position:relative;
display: inline-block;
top:-1px;
}





/*a {word-break: break-all;}  iPHone5 */
/*--------------------------------------------------------------------------------------------------------------------------------------
SPのみ
--------------------------------------------------------------------------------------------------------------------------------------*/
.sp-inlineBlock {display:inline-block;}


}

@media (min-width: 481px) {
	#btn-menu,
	#toggleNav,
	#header > h1 > span.freeEntrance{
		display: none;
	}
	#footer-nav{
		display: block;
	}

	#footerInfo{
		display: none;
	}


}

/*=====  End of Media Queries  ======*/