@charset "utf-8";


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

body {
	-webkit-text-size-adjust: 100%;
	color: #444;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background: #fff;
}



nav a {
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
	line-height: 3.0em;
	font-family: 'Volkhov', serif;
}

nav a:hover {
	color: #fec0c0;
}

#hWrapper,
#fWrapper {
	background: url(../images/common/bg.gif);
	width: 100%;
	color: #fff;
}

/* スライダー */

.flexslider {
	margin: 0 auto;
	max-width: 960px;
}

.flexslider ul {
	margin-bottom: 20px;
}

.flex-direction-nav li a {
	width: 45px;
	height: 45px;
	top: 60%;
}

.flex-direction-nav li .flex-next {
	background: url(../images/common/arrow_right.png) no-repeat 0 0;
}

.flex-direction-nav li .flex-prev {
	background: url(../images/common/arrow_left.png) no-repeat 0 0;
}

.flex-direction-nav li .disabled {
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: default;
}

/* スライダー */

article>h1,
#concept>div>h1,
#information>div>h1,
#news>div>h1 {
	font-family: 'Jacques Francois Shadow', cursive;
	color: #5c4038;
	text-align: center;
	background: url(../images/common/title_line.gif) bottom center no-repeat;
	padding-bottom: 30px;
}

#concept #steam {
	background: url(../images/concept/pattern01.gif);
}

#concept #care {
	background: url(../images/concept/pattern02.gif);
}

#concept #este {
	background: url(../images/concept/pattern03.gif);
}

#concept #tansan {
	background: url(../images/concept/pattern04.gif);
}

#concept #treatment {
	background: url(../images/concept/pattern05.gif);
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: rgba(255, 255, 255, 0.8);
}

.nivo-lightbox-close {
	background: url(../images/style/close.gif) no-repeat;
	width: 83px;
	height: 33px;
	text-indent: -9999px;
}

#sns iframe {
	width: 100px;
}

#sns div {
	display: inline;
}


#gMap {
	width: 100%;
}

#pageTop {
	position: fixed;
	z-index: 1000;
}

#pageTop a:hover {
	opacity: 1;
}

/* スマホ向け */

@media screen and (max-width: 568px) {
	body {
		font-size: 90%;

	}

	#hWrapper {
		margin-bottom: 15px;
		padding: 15px 0;
	}

	#fWrapper {
		padding: 22px 0;
	}

	header {
		overflow: hidden;
	}

	header,
	.content,
	.inner section,
	footer,
	.news {
		width: 80%;
		margin: 0 auto;
	}

	header>h1 {
		text-align: center;

	}

	header>h1 img {
		width: 35%;
		height: 35%;
	}

	nav {
		overflow: hidden;
		margin-top: -22px;
	}

	nav li {
		font-size: 120%;
		border-bottom: #65453a 1px solid;
		float: left;
		width: 40%;
		margin: 0 5% 0 4%;
	}

	nav li a {
		display: block;
		margin: 7px 0 0;
	}

	nav span {
		float: right;

	}

	nav div {
		clear: both;
	}


	.flexslider ul {
		margin-bottom: 10px;
	}

	.flex-direction-nav {
		display: none;
	}

	article {
		padding: 25px auto;
	}

	article>h1,
	#concept>div>h1,
	#information>div>h1,
	#news>div>h1 {
		font-size: 200%;
		-webkit-background-size: 120px 25px;
		background-size: 120px 25px;
		padding-bottom: 28px;
		margin: 60px 0 20px;

	}

	article#style>h1 {
		padding-bottom: 33px;
	}

	#news p span {
		display: block;
	}

	#concept h2,
	#menu section h1,
	#information dt,
	#news h2 {
		color: #5c4038;
		font-size: 120%;
		padding-bottom: 10px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

	}

	#concept p,
	#menu p,
	#news p {
		line-height: 1.5em;
	}

	#concept .content>p,
	#news .news>p {
		padding: 0 0 20px;
	}


	#concept section h1 {
		color: #5c4038;
		font-size: 115%;
		padding-bottom: 10px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

	}

	#concept #steam,
	#concept #care,
	#concept #este,
	#concept #tansan,
	#concept #treatment {
		padding: 25px 0;
	}

	#concept section img {
		width: 48%;
		height: 48%;
		margin: 10px 5px 0px 0px;
	}

	#menu h1 span {
		font-size: 70%;
	}

	#menu section {
		margin-bottom: 20px;
	}

	#menu .lBraun,
	#menu .rBraun {
		background: #f6f4f3;
	}

	#menu dt {
		padding: 8px 10px 3px;
	}

	#menu dd {
		text-align: right;
		padding: 0 10px 8px;
	}

	#menu .bnr {
		margin-top: 20px;
		text-align: center;
	}

	#menu .bnr img {
		width: 100%;
	}

	#menu #eyep span {
		float: none;
	}

	#style li {
		position: relative;
		width: 33%;
		float: left;
	}

	#style li a img {
		width: 100%;
	}

	#style .new {
		width: 50%;
		position: absolute;
		top: -7px;
		left: -7px;
	}

	.nivo-lightbox-close {
		right: 39%;
		top: 84%;
	}

	#information a {
		color: #444;
	}

	#gMap {
		height: 180px;
		margin-bottom: 15px;
	}

	#information dl {
		overflow: hidden;
	}

	#information dt {
		width: 4.5em;
		float: left;
		clear: both;
		font-weight: bold;
		line-height: 1.5em;
	}

	#information dd {
		margin-left: 5.5em;
		padding: 0 0 12px 0;
		line-height: 1.5em;
	}

	#fWrapper {
		margin-top: 30px;
	}

	footer {
		font-size: 70%;
		text-align: center;
	}

	#sns {
		margin: 0 auto 10px;
	}

	.txt70 {
		font-size: 80%;
	}

	#pageTop {
		bottom: 88px;
		right: 0%;
	}

	#pageTop img {
		width: 70%;
		height: 70%;
	}

	/*p.mobTop{
	text-align:right;
	font-size:80%;
	margin:8px 0;
	}
p.mobTop a{
    color: #666;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	text-decoration:none;
}
p.mobTop a:hover {
    color: #eb9595!important;
}*/
	p.mobTop {
		display: none !important;
	}

	#sns iframe {
		width: 100px !important;
	}

	#sns #___plusone_0 {
		width: 70px !important;
	}

}

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

	header,
	.content,
	.inner section,
	footer,
	.news {
		width: 90%;
		margin: 0 auto;
	}

}

/* タブレット向け */
/*@media  screen and (min-width: 480px) and (max-width: 959px) {

}*/


/* PC向け */
@media screen and (min-width: 569px) {

	p,
	#menu dt,
	#menu dd,
	#information,
	footer {
		font-size: 80%;
	}

	#hWrapper {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		height: 148px;
	}


	header,
	.content,
	.inner section,
	footer,
	.news {
		width: 960px;
		margin: 0 auto;
	}

	header>h1 {
		text-align: center;
		margin-top: 20px;
	}

	nav li {
		display: inline;
		position: relative;
		top: -75px;
	}

	nav li.concept {}

	nav li.menu {
		left: 151px;
	}

	nav li.style {
		left: 588px;
	}

	nav li.information {
		left: 707px;
	}

	.flexslider {
		padding-top: 178px;
	}

	article>h1,
	#concept>div>h1,
	#information>h1,
	#news>div>h1 {
		font-size: 40px;
	}

	article>h1 {
		padding-bottom: 33px;
	}

	#concept>div>h1,
	article#style>h1,
	#news>div>h1 {
		padding-bottom: 38px;
	}

	#concept,
	#menu,
	#style,
	#information,
	#news {
		/*margin-top:90px;*/
		margin-top: 120px;
	}

	#concept>div>h1,
	#menu>h1,
	#style>h1,
	#information>h1,
	#news>div>h1 {
		padding-top: 200px;
		margin: -200px 0 45px;
	}

	/*　　コンセプト　　*/
	/*　　ニュース　　*/
	#concept h2 {
		background: url(../images/concept/title.gif) no-repeat;
		text-indent: -9999px;
		width: 347px;
		height: 22px;
		margin-bottom: 20px;
	}

	#news h2 {
		color: #5c4038;
		margin: 20px 0;
	}

	#concept p span {
		display: block;
		margin: 0 auto 60px;
		width: 200px;
	}

	#concept p,
	#news p {
		line-height: 2.0;
	}

	#steam section,
	#care section,
	#este section,
	#tansan section,
	#treatment section {
		padding: 55px 0 50px;
		overflow: hidden;
	}

	#steam h1 {
		background: url(../images/concept/steam.gif) no-repeat;
		text-indent: -9999px;
		width: 173px;
		height: 17px;
		margin-bottom: 20px;
	}

	#concept .lColumn {
		float: left;
	}

	#concept .rColumn {
		float: right;
	}

	#este .lColumn img {
		margin-right: 60px;
	}

	#steam .lColumn,
	#este .rColumn,
	#tansan .lColumn {
		width: 400px;
	}

	#steam .rColumn img,
	#tansan .rColumn img {
		margin-left: 60px;
	}

	#treatment .lColumn img {
		margin-right: 30px;
	}

	#treatment .rColumn {
		width: 350px;
	}

	#care h1 {
		background: url(../images/concept/care.gif) no-repeat;
		text-indent: -9999px;
		width: 301px;
		height: 17px;
		margin-bottom: 20px;
	}

	#este h1 {
		background: url(../images/concept/este.gif) no-repeat;
		text-indent: -9999px;
		width: 369px;
		height: 17px;
		margin-bottom: 20px;
	}

	#tansan h1 {
		background: url(../images/concept/tansan.gif) no-repeat;
		text-indent: -9999px;
		width: 159px;
		height: 20px;
		margin-bottom: 20px;
	}

	#treatment h1 {
		background: url(../images/concept/treatment.gif) no-repeat;
		text-indent: -9999px;
		width: 265px;
		height: 20px;
		margin-bottom: 20px;
	}

	/*　　コンセプト　　*/

	/*　　メニュー　　*/
	#menu .lColumn,
	#menu .rColumn {
		float: left;
		width: 450px;
		margin-bottom: 30px;
	}

	#menu .lColumn {
		margin-right: 60px;
	}

	#menu #cut h1 {
		background: url(../images/menu/cut.gif) no-repeat;
		text-indent: -9999px;
		width: 196px;
		height: 19px;
		margin: 0 0 15px;
	}

	#menu #colorling h1 {
		background: url(../images/menu/colorling.gif) no-repeat;
		text-indent: -9999px;
		width: 305px;
		height: 19px;
		margin: 40px 0 15px;
	}

	#menu #dressing h1 {
		background: url(../images/menu/dressing.gif) no-repeat;
		text-indent: -9999px;
		width: 70px;
		height: 19px;
		margin: 40px 0 15px;
	}

	#menu #esthetic h1 {
		background: url(../images/menu/esthetic.gif) no-repeat;
		text-indent: -9999px;
		width: 91px;
		height: 16px;
		margin: 40px 0 15px;
	}


	#menu #eyelash h1 {
		background: url(../images/menu/eyelash.gif) no-repeat;
		text-indent: -9999px;
		width: 243px;
		height: 19px;
		margin: 40px 0 15px;
	}

	#menu #option h1 {
		background: url(../images/menu/option.gif) no-repeat;
		text-indent: -9999px;
		width: 68px;
		height: 19px;
		/*margin:40px 0 15px;*/
		margin: 0 0 15px;
	}

	#menu #permanent h1 {
		background: url(../images/menu/permanent.gif) no-repeat;
		text-indent: -9999px;
		width: 321px;
		height: 17px;
		margin: 40px 0 15px;
	}

	#menu #spa h1 {
		background: url(../images/menu/spa.gif) no-repeat;
		text-indent: -9999px;
		width: 389px;
		height: 19px;

		/*margin:40px 0 15px;*/
		margin: 0 0 15px;
	}

	#menu #styling h1 {
		background: url(../images/menu/styling.gif) no-repeat;
		text-indent: -9999px;
		width: 78px;
		height: 19px;
		margin: 40px 0 15px;
	}

	#menu #treatment h1 {
		background: url(../images/menu/treatment.gif) no-repeat;
		text-indent: -9999px;
		width: 378px;
		height: 19px;
		margin: 40px 0 15px;
		/*margin:0 0 15px; */
	}

	#menu #eyep h1 {
		background: url(../images/menu/eyep.gif) no-repeat;
		text-indent: -9999px;
		width: 300px;
		height: 19px;
		margin: 40px 0 15px;
		/*margin:0 0 15px; */
	}

	#menu dl {
		overflow: hidden;
	}

	#menu dt {
		padding: 20px 0 20px 20px;
	}

	#menu dd {
		padding: 20px 20px 20px 0;
	}

	#menu dt.lBraun,
	#menu dd.rBraun {
		background: #f6f4f3;
	}

	#menu dt {
		float: left;
		clear: left;
		width: 55%;
	}

	#menu #eyep dt {
		height: 25px;
	}

	#menu dd {
		float: left;
		width: 35%;
		text-align: right;
	}

	#menu #eyep dd {
		height: 25px;
	}

	#menu #eyep span {
		float: right;
	}

	#menu p {
		line-height: 1.6;
		font-size: 80%;
		clear: both;
		margin-top: 10px;
	}


	#menu .bnr {
		margin-top: 40px;
		text-align: center;
	}

	/*　　メニュー　　*/

	/*　　スタイル　　*/
	#style ul {
		margin-right: -40px;
	}

	#style li {
		float: left;
		margin: 0 40px 40px 0;
		position: relative;

	}

	#style .new {
		position: absolute;
		top: -8px;
		left: -8px;
	}

	.nivo-lightbox-close {
		right: 47%;
		top: 82%;
	}


	/*　　スタイル　　*/


	/*　　インフォメーション　　*/
	#gMap {
		height: 370px;
		margin-bottom: 40px;
	}

	#information .content {
		overflow: hidden;
	}

	#information .lColumn {
		float: left;
		width: 440px;
		margin-right: 50px;
	}

	#information .rColumn {
		float: left;
		width: 460px;
	}

	#information dl {
		overflow: hidden;
	}

	#information dt {
		width: 4em;
		float: left;
		clear: both;
		line-height: 1.5;
	}

	#information dd {
		margin-left: 4.5em;
		padding: 0 0 30px 0;
		line-height: 1.5;
	}

	#information .rColumn dt {
		width: 7em;
	}

	#information .rColumn dd {
		margin-left: 7.5em;
	}

	#information #address {
		background: url(../images/information/address.gif) no-repeat;
		text-indent: -9999px;
		width: 45px;
		height: 17px;
	}

	#information #holiday {
		background: url(../images/information/holiday.gif) no-repeat;
		text-indent: -9999px;
		width: 61px;
		height: 19px;
	}

	#information #tel {
		background: url(../images/information/tel.gif) no-repeat;
		text-indent: -9999px;
		width: 45px;
		height: 17px;
	}

	#information #time {
		background: url(../images/information/time.gif) no-repeat;
		text-indent: -9999px;
		width: 80px;
		height: 19px;
	}

	#information #traffic {
		background: url(../images/information/traffic.gif) no-repeat;
		text-indent: -9999px;
		width: 45px;
		height: 17px;
	}

	/*　　インフォメーション　　*/


	/*　　フッター　　*/
	footer {
		text-align: center;
		padding: 50px 0;
		margin-top: 60px;
	}

	#sns {
		margin: 0 auto 20px;
	}


	/*　　フッター　　*/

	#pageTop {
		bottom: 40px;
		right: 20px;
	}

	#pageTop a {
		opacity: 0.7;
	}

	.mobTop {
		display: none;
	}

	.txt70 {
		font-size: 75%;
	}

}