@charset "UTF-8";

/*@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(http://fonts.googleapis.com/css?family=Fenix);*/


/* Base Setting
==========================================================*/
/*
body { font: 12px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",  Helvetica, Arial, sans-serif;
	 margin:0; padding: 0; background: #FFF; letter-spacing:0.1px;  -webkit-text-size-adjust: 100%;}
*/
/*
body { font: 14px/1.8 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif;
	font-weight: 500; margin:0; padding: 0; background: #FFF; color:#444; -webkit-text-size-adjust: 100%;}
*/

body { font: 16px/2.3 "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;
	  margin:0; padding: 0; background:#fff; color: #A89C7E; letter-spacing:0.1em; }

a       { text-decoration: none; color:#1A1311; }
a:hover { text-decoration: underline; color:#666666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; }
:focus { outline: 0; }


/* main-layout
==========================================================*/

#wrapper  { overflow: hidden; }
.wrap{ margin:0 auto; max-width:1050px; }
.wrapInner{ }


/* header
==========================================================*/

#header { margin-top: 35px; }
#logo{ margin: 0 0 40px; padding: 0 75px; position: relative; z-index: 9990;}
#logo img { vertical-align: bottom; }


/* menu */

.navInner{ position:fixed; right:36px; top:36px; z-index:9999; }
.menu-trigger{ width:40px; height: 30px; line-height: inherit; cursor: pointer; position:relative; }
.menu-trigger.active{ margin-left:0px; }
.menu-trigger,
.menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu-trigger span{position:absolute; left:0; width:100%; height:3px; background-color:#897B55;}
	.menu-trigger span:nth-of-type(1){top:0}
	.menu-trigger span:nth-of-type(2){top:13px}
	.menu-trigger span:nth-of-type(3){bottom:0}
	.menu-trigger:not(.active):hover span:nth-of-type(1){top:2px}
	.menu-trigger:not(.active):hover span:nth-of-type(3){bottom:2px}
	.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(13px) rotate(-45deg);transform:translateY(13px) rotate(-45deg)}
	.menu-trigger.active span:nth-of-type(2){opacity:0}
	.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-13px) rotate(45deg);transform:translateY(-13px) rotate(45deg)}

#navMenu{ position: fixed; top: 0; text-align: center; width: 100%; height: 100%; background:url(../images/common/menu_bg.png) 0 0 repeat; z-index: 9000; display: none;}
#navMenu #navMenu_inner {height: 100%; overflow-y: scroll; }
	#navMenu ul { margin: 0 0 100px; padding: 145px 0 0; }
	#navMenu li { margin: 0 0 75px; }

@media screen and (max-height: 800px) {
	#navMenu ul { margin: 0;}
	#navMenu li { margin: 0 0 40px; }
}

@media screen and (max-height: 600px) {
	#navMenu li { margin: 0 0 20px; }
}
@media screen and (max-height: 600px) {
	#navMenu ul { padding: 100px 0 0; }
}




/* content
==========================================================*/
#Container{ }

.pages{}
.ContentInner{}
.ContentInnerBlock{}


/* footer
==========================================================*/
#footerContainer { background:#746964; padding: 30px 0 26px; }
#footer {}
#footer .col-l { width: 800px; width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); }
#footer .col-r { width: 200px; }
	#footer ul { width: 450px; margin: 30px 0 0; font-size: 11px; font-weight: normal; line-height: normal; }
	#footer li { float:left; width: 150px; margin: 0 0 30px; }
	#footer li a { color: #fff; text-decoration: none; }

	#footer .copyright { width: 200px; text-align: right; color: #fff; font-size: 13px; }
	#footer .copyright .foot_logo { margin: 0 0 20px; }


@media screen and (max-width: 1050px) {
#footer .col-l { width: 800px; width: -moz-calc(100% - 215px); width: -webkit-calc(100% - 215px); width: calc(100% - 215px); }
#footer .col-r { margin-right: 15px; }
}


/* 2: layout
----------------------------------------------------------------------------------------------*/

.col{ }
	.col-l{ float:left; width: 50%;}
	.col-r{ float:right; width: 50%; }


/* pages
==========================================================*/

#concept,#message,#map_canvas,#menu,#contact { margin-top:-50px; padding-top:50px; }

.col-main { margin: 0 0 90px; }
	.col-main .col-l { max-width:50%; width: -moz-calc(100% - 565px); width: -webkit-calc(100% - 565px); width: calc(100% - 565px); position: relative;}
	.col-main .col-r { min-width: 565px; }
	.col-main .image_posi01 { position: absolute; right: -245px; top:-85px; }
	.col-main .col-l .col-main .image_posi02 img { width: 100%; height: auto; }
	.col-main .image_posi03 { margin: 200px 0 55px -25px; position: relative; z-index: 100; }
	.col-main .col-r p { margin: 0 0 0 60px; position: relative; z-index: 100; text-shadow: 1px 1px .5px #fff; }

#concept { margin-top:999px; }
.col-concept { margin: 0 0 240px; }
	.col-concept .title { margin: 0 0 57px; }
	/*.col-concept .title img { width: auto; height: auto; }*/
	.col-concept .image_posi01 { margin: 280px 0 0; }
	.col-concept .image_posi02 { margin: 90px 0 0; }

	.col-concept #concept_treatment { cursor: pointer; }
	.col-concept #concept_cut { cursor: pointer;}

	.col-concept .treatment_text { font-size: 20px; padding-left:50px; }
	.col-concept .cut_text { font-size: 20px; text-align: right; }
	.col-concept .treatment_text i.fa.pad-right , .col-concept .cut_text i.fa.pad-right { padding-right: 7px; }
	.col-concept a { color:#A89C7E; text-decoration: none; }

	.concept_popup_block {display: none;}
		.concept_popup_block_inner { width: auto; margin: 0 auto; font-size: 14px; line-height: 1.7; }
		.concept_popup_block_inner dl{ }
		.concept_popup_block_inner dt{ font-size: 16px; font-weight: bold; }
		.concept_popup_block_inner dd{ line-height: 1.7; margin: 0 0 40px;}
		.concept_popup_block_inner dd p.price { margin: 0 0 10px; }


	@media screen and (max-width: 1050px) {
		.col-concept .title {margin-left: 15px; }
		.col-concept .col-l { margin-left: 15px; width: -moz-calc(50% - 15px); width: -webkit-calc(50% - 15px); width: calc(50% - 15px);}
		.col-concept .cut_text { padding-right: 15px; }
	}
	@media screen and (max-width: 840px) {
		.col-concept .image_posi01 img,.col-concept .image_posi02 img { width: 100%; height: auto; }
	}


.col-menu {}
	.col-menu .image_posi01 { }
	.col-menu .image_posi02 { margin: -320px 0 80px;}

		.concept_popup_block_inner.bg-white { background: #fff; padding: 15px 25px;}
		.concept_popup_block_inner dl.menu_list { }
		.concept_popup_block_inner .menu_list dt{ font-size: 16px; font-weight: bold; }
		.concept_popup_block_inner .menu_list dd{ line-height: 1.7; margin: 0 0 30px; padding: 0 0 30px; border-bottom:dotted 1px #DAD6D1;  }
		.concept_popup_block_inner ul.menu_list { font-size: 12px; line-height: 1.9; }
		.concept_popup_block_inner .menu_list li { padding-left: 1em; text-indent: -1em; }

.col-message { margin: 0 0 110px; }
	.col-message .col-l {width: 325px;}
	.col-message .col-r {width:635px; width: -moz-calc(100% - 415px); width: -webkit-calc(100% - 415px); width: calc(100% - 415px);}
	.col-message .greeting { margin:70px 0 0; font-size: 14px; line-height: 3;}

	@media screen and (max-width: 900px) {
	.col-message .col-r {width:635px; width: -moz-calc(100% - 360px); width: -webkit-calc(100% - 360px); width: calc(100% - 360px);}
	}
	@media screen and (max-width: 840px) {
	.col-message .col-l {width:38%;}
		.col-message .col-l img { width: 100%; height: auto; }
	.col-message .col-r {width:60%;margin:35px 0 0;}
	}


.col-images { margin: 0 0 100px; }
	.col-images .image_posi01 { float:right; margin: 0 0 130px; width:635px; width: -moz-calc(100% - 415px); width: -webkit-calc(100% - 415px); width: calc(100% - 415px);}
	.col-images .image_posi02 {}


.col-contact { margin: 0 0 100px; }
	.col-contact .col-l {width:600px; width: -moz-calc(100% - 428px); width: -webkit-calc(100% - 428px); width: calc(100% - 428px); margin:40px 0 0 50px; }
	.col-contact .col-r { width: 348px; margin: 0 30px 0 0; }

	.col-contact .address { font-size: 19px; }
	.col-contact .information { margin: 0 0 5px; font-size: 19px;}
	.col-contact .information a { color:#A89C7E ; }
	.col-contact .comment { margin: 0 0 15px; padding: 0 0 0 1em; text-indent: -1em; font-size: 13px; line-height: 1.6; }
	.col-contact .open { font-size: 21px; }
	.col-contact .close { font-size: 13px; line-height: 1.8;}

	@media screen and (max-width: 940px) {
	.col-contact .col-l {width:490px; margin:20px 0 0 15px; }
	.col-contact .col-r { width:400px; width: -moz-calc(100% - 510px); width: -webkit-calc(100% - 510px); width: calc(100% - 510px); margin: 0; }
	.col-contact .col-r img { width: 100%; height: auto; }
	}


#map_canvas { height: 400px; width: 100%; margin: 0 0 20px; }
.map_link { margin: 0 0 20px; }