@charset "utf-8";

body{
	margin:0;
	padding:0;
  font-size:93%;
  font-weight:300;
  line-height:1.7;
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  color:#000;
  background-color:#fff;
	-webkit-text-size-adjust: 100%;
}
body a:link{
  color:#000;
  text-decoration:none;
  }
body a:visited{
  color:#000;
  text-decoration:none;
  }
body a:hover{
	color:#777;
  text-decoration:none;
  }
body a:active{
	color:#777;
  text-decoration:none;
  }
body a img{
  border:0px;
  }
body a:hover img{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  }

h1,h2,h3,h4,h5,h6,p,div,img,dl,dt,dd,ol,ul,li,form,header,nav,section,footer{
	margin:0;
	padding:0;
	font-size:100%;
}
table,tr,th,td{
	margin:0;
	padding:0;
	border-collapse:collapse;
  	vertical-align:top;
  }
img{
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,p,dl,ol,ul{
	margin-bottom:20px;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

p{
	margin:0 0 20px 0;
}

section{
	clear:both;
	padding:50px 0 30px 0;
}

.active{
	color:#ff5500;
}
  
.for_pc {
	display:block;
}
.for_pc_td {
	display:table-cell;
}
.for_sm {
	display:none;
}
.for_sm320 {
	display:none;
}
/*---------- width  ----------*/
.inner{
  margin:0 auto 0 auto;
  width: 1180px;
}

/*---------- font  ----------*/
.font_style1 {
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
}
.font_ex_small2 {
	font-size:50%;
}
.font_ex_small {
	font-size:80%;
}
.font_small{
	font-size:90%;
}

.font_large{
	font-size:110%;
}
.font_ex_large{
	font-size:120%;
}
.font_ex_large2{
	font-size:130%;
}
.font_ex_large3{
	font-size:170%;
}
.font_ex_large4{
	font-size:200%;
}

.font_huge{
	font-size:230%;
	letter-spacing:1px;
}

.font_bold{
	font-weight:bold;
}
/*---------- align  ----------*/
.align_center {
	text-align:center;
}
.align_left {
	text-align:left
}
.align_right {
	text-align:right;
}

/*---------- float  ----------*/
.float_clear {
	clear:both;
}

/*---------- back-ground  ----------*/
.bg_black {
	background-color:black;
	color:#fff;
}
.bg_black a:link{
	color:#fff;
  }
.bg_black a:visited{
	color:#fff;
  }
.bg_black a:hover{
	color:#aaa;
  }
.bg_black a:active{
	color:#aaa;
  }


.bg_dark_grey {
	background-color:#222;
	color:#fff;
}
.bg_dark_grey a:link{
	color:#fff;
  }
.bg_dark_grey a:visited{
	color:#fff;
  }
.bg_dark_grey a:hover{
	color:#aaa;
  }
.bg_dark_grey a:active{
	color:#aaa;
  }

.bg_grey {
	background-color:#F4F4F4;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

/*---------- button style  ----------*/
.button_dark_grey{
	width:230px;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	letter-spacing:1px;
	background-color:#444;
	text-align:center;
	line-height:2.5;
}
.button_dark_grey a{
	display:block;
}
.button_dark_grey a:link{
	color:#fff;
	background-color:#444;
  }
.button_dark_grey a:visited{
	color:#fff;
	background-color:#444;
  }
.button_dark_grey a:hover{
	color:#fff;
	background-color:#555;
  }
.button_dark_grey a:active{
	color:#fff;
	background-color:#555;
  }

.button_grey{
	width:230px;
	color:#000;
	font-size:130%;
	font-weight:bold;
	letter-spacing:1px;
	background-color:#ddd;
	text-align:center;
	line-height:2.5;
}
.button_grey a{
	display:block;
}
.button_grey a:link{
	color:#000;
	background-color:#ddd;
  }
.button_grey a:visited{
	color:#000;
	background-color:#ddd;
  }
.button_grey a:hover{
	color:#000;
	background-color:#bbb;
  }
.button_grey a:active{
	color:#000;
	background-color:#bbb;
  }

.button_more{
	margin:0px auto 20px auto;
	width:150px;
	font-size:110%;
	font-weight:300;
	letter-spacing:0px;
	line-height:2.2;
}


/* -------------------------------------------------------------------------------------------- */
/* container                                                                                    */
/* -------------------------------------------------------------------------------------------- */
#container{
  width: 100%;
  min-width:1180px;
  position:relative;
  text-align:left;
  }
  
/* -------------------------------------------------------------------------------------------- */
/* header                                                                                       */
/* -------------------------------------------------------------------------------------------- */
header{
	position:relative;
	top:0;
	left:0;
	z-index:200;
	width:100%;
	height:95px;
  }

#hr_inner1{
	position:fixed;
	width:100%;
	height:95px;
  }
/* -------------------------------------------------------------------------------------------- */
/* header　（PC用）                                                                              */
/* -------------------------------------------------------------------------------------------- */
#header_pc{
  height:95px;
  }
/* ------------------------------- */
#header_pc_logo{
  width:300px;
  padding:0;
  vertical-align:middle;
  }
/* ------------------------------- */
#header_pc_reservation{
  width:880px;
  vertical-align:top;
  }
#header_pc_reservation div{
  margin:5px 10px 5px 670px;
	font-size:115%;
  }
/* ------------------------------- */

#header_pc_menu ul{
	list-style-type:none;
	margin-bottom:0;
	line-height:100%;
  }
#header_pc_menu li{
	display:inline-block;
	padding:6px 35px 0 0;
	font-size:115%;
	font-weight:bold;
	letter-spacing:1px;
	line-height:100%;
}

/* -------------------------------------------------------------------------------------------- */
/* header　（スマホ用）                                                                           */
/* -------------------------------------------------------------------------------------------- */
/* この方法だとスマホ用メニューが開かないのでダメ
#menu_sm{
 	margin-bottom:40px; 
}
@media screen and (max-width: 380px) {
	#menu_sm{
 		margin-bottom:35px; 
	}
}
@media screen and (max-width: 350px) {
	#menu_sm{
 		margin-bottom:30px;
	}
}
*/

#header_sm_logo{
  	position:absolute;
	top:5px;
	left:0px;
	width:100%;
	text-align:center;
  }

#header_sm_logo img{
  	width:22%;
  }
/* ------------------------------- */
#header_sm_reservation{
  	position:absolute;
	top:15px;
	right:10px;
	float:right;
	font-size:115%;
	font-weight:300;
  }

/* -------------------------------------------------------------------------------------------- */
/* slicknav                                                                                     */
/* -------------------------------------------------------------------------------------------- */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 500px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/* -------------------------------------------------------------------------------------------- */
/* contents area                                                                                */
/* -------------------------------------------------------------------------------------------- */
#contents{
	clear:both;
  }

/* ------------------------------- */
/* go to pagetop                   */
/* ------------------------------- */

#page-top { 
    position: fixed; 
    bottom: 210px; 
    right: 30px; 
    font-size: 77%; 
    z-index:9999999999;
} 

#page-top a { 
    width: 47px; 
    text-align: center; 
    display: block; 
} 

#page-top a:hover { 
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
} 


/* ------------------------------- */
/* go to the middle of page        */
/* ------------------------------- */

.page_link{
	height:100px;
	margin-top:-100px;
  }

/* -------------------------------------------------------------------------------------------- */
/* footer                                                                                       */
/* -------------------------------------------------------------------------------------------- */
footer{
  clear:both;
  padding:50px 0 20px 0;
  text-align:center;
  }

.access_link {
	margin:10px auto 10px auto;
	width:120px;
	font-size:100%;
	font-weight:300;
	letter-spacing:0px;
	line-height:2;
}

#footer_info{
	margin:0 0 30px 0;
}

#footer_link{
	margin:0 0 20px 0;
	padding:20px 0;
}

#footer_link ul{
	margin:-10px 0 0 0;
	padding:0;
	list-style-type:none;
	font-size:95%;
}

/* -------------------------------------------------------------------------------------------- */
/* top page                                                                                     */
/* -------------------------------------------------------------------------------------------- */
/* ------------------------------- */
/* slider  (pc)                    */
/* ------------------------------- */
#top_slider_pc{
	background-color:#000;
}
#top_slider_pc #wrapper{
	width:100%;
	min-width:1180px;
}
@media print{
#top_slider_pc{
	display:none;
	}
}

/* ------------------------------- */
/* slider  (スマホ)                 */
/* ------------------------------- */
#top_slider_sm{
	width:100%;
	background-color: #000;
	text-align:center;
}

.swiper-wrapper img{
	width:100%;
}

@media print{
#top_slider_sm{
	display:none;
	}
}

/* ------------------------------- */
#top_concept {
	margin-top:-10px;  /*pc only */
	background-image:url(../image/back_hexagon.jpg);
}
#top_concept div{
	margin:40px auto 10px auto;
}
/* ------------------------------- */
.square1{
	margin:40px auto 20px auto;
	padding:10px 20px;
	width:10em;
	border:1px solid black;
	line-height:1;
}
/* ------------------------------- */
.gallery{
	padding-top:10px;
}

.gallery img{
	margin:0px 15px 40px 15px;
}

/* ------------------------------- */
#top_recruit{
	margin:0 auto 20px auto;
	padding:20px 0 5px 0;
	width:280px;		
	line-height:0.9;
	background-color:#fff;
	border:4px double #333;
}

/* ------------------------------- */
#top_corona{
	margin:30px auto 30px auto;
	padding:20px 0 20px 0;
	width:800px;		
	background-color:#FFF3FA;
	text-align:left;
}

#top_corona p{
	margin:0 30px 10px 30px;
	padding:0;
}
#top_corona ul{
	margin:0 30px 0 60px;
	padding:0;
	list-style-type:disc;
}

/* -------------------------------------------------------------------------------------------- */
/* sub page                                                                                     */
/* -------------------------------------------------------------------------------------------- */

.h3_style1{
  margin:0px auto 20px auto;
  padding:0px 0px 0px 2px;
  width:860px;
  text-align:left;
  font-size:120%;
  font-weight:bold;
  border-bottom:1px solid #444;
  line-height:140%;	
  }

.h3_style3{
  margin-bottom:0;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
  font-size:170%;
	letter-spacing:1px;
  }


/* ------------------------------- */
/* topic path                      */
/* ------------------------------- */
#topic_path{
  margin:10px 40px 20px 0px;
  text-align:right;
  font-size:90%;
  }
#topic_path i{
  font-size:120%;
	color:#777;
  }
#topic_path a:link{
	text-decoration:underline;
  }
#topic_path a:visited{
	text-decoration:underline;
  }
#topic_path a:hover{
	color:#777;
	text-decoration:underline;
  }
#topic_path a:active{
	color:#777;
	text-decoration:underline;
  }

/* ------------------------------- */
/* concept page                    */
/* ------------------------------- */
.concept_message {
	margin:0px 0px 20px 0px;
	text-align:center;
}

#concept_owner_photo {
	margin:0;
	padding:20px 0px 50px 250px;
	width:250px;
	height:286px;
	position: relative;
	float:left;
}
#concept_owner_profile {
	margin:0;
	padding:20px 0px 0px 30px;
	width:420px;
	height:336px;
	position: relative;
	font-size:90%;
	float:left;
}

#concept_owner_profile span{
  position: absolute;
  bottom: 130px;
}

#concept_kodawari {
	margin:30px auto 30px auto;
	width:800px;
}

#concept_kodawari h4 {
	margin:0 0 10px 0;
	padding:5px 2px 3px 10px;
	font-size:110%;
	font-weight:bold;
	text-align:left;
/*	background-image:url('../image/concept_h4_back.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;*/
  line-height:100%;
/*  color:#444;*/
	clear:both;
	border-bottom:1px dotted #333;
}
#concept_kodawari h4 span{
  font-size:90%;
  
}

#concept_kodawari p{
  margin:0;
  padding:0;
}

.kodawari_left {
  padding:15px 10px 30px 30px;
  vertical-align:top;
  text-align:left;
/*  font-size:95%;*/
  width:300px;
  float:left;

}
.kodawari_right {
  padding:15px 20px 30px 30px;
  vertical-align:top;
  text-align:left;
/*  font-size:95%;*/
  width:410px;
  float:left;
}

.kodawari_right div{
  text-align:center;
}

/* ------------------------------- */
/* menu page                       */
/* ------------------------------- */

.cut_menu_area{
	margin:0px auto 30px auto;
	width:1032px;
  /*\*//*/
  overflow:hidden;
  /**/
}

.cut_menu_area:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
}


.cut_menu_style{
	margin:0 30px 10px 30px;
	padding:20px 0 10px 0 ;
	width:276px;
	border:4px double #888;
	text-align:center;
	float:left;
}

.cut_menu_style h4{
	margin-bottom:15px;
	font-size:130%;
	line-height:1.3;	
}
.cut_menu_style h4 span{
	font-size:80%;
}
.cut_menu_style h5{
	font-size:120%;	
}
.cut_menu_style h5 span{
	font-size:80%;
	font-weight:300;	
}

.recommend{
	margin:30px 0 0 448px;
	padding:0;
	line-height:1.0;
	width:284px;
	text-align:left;
}

.recommend p{
	margin:0;
	padding:6px 0;
	line-height:1.0;
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	background-color:#000;
	width:7em;
	text-align:center;
}

.menu_table {
	margin:0px auto 50px auto;
	width:860px;
}

.menu_table th{
  padding:23px 10px 18px 10px;
  white-space:nowrap;
  font-weight:300;
  vertical-align:middle;
  text-align:left;
	font-size:110%;
	border-bottom:1px dotted #999;
	border-right:1px dotted #999;
	line-height:1;
}
.menu_table th p{
	margin:0;
}
.menu_table th span{
  font-size:90%;
}


.menu_table td{
  padding:23px 10px 18px 15px;
  vertical-align:middle;
  text-align:left;
  white-space:nowrap;
	font-size:110%;
	border-bottom:1px dotted #999;
	width:16em;
	line-height:1;
}
.menu_table td p{
	margin:0;
}

.menu_table td span{
	font-size:80%;
}

.menu_table2 td{
	width:13em;
}

#menu_comment {
  padding:23px 0 0px 10px;
  white-space:normal;
	font-size:100%;
	border-bottom-style:none;
	width:auto;
	line-height:140%;
}
#menu_comment p{
	margin-left:1em;
	text-indent:-1em;
	margin-bottom:10px;
}


/* ------------------------------- */
/* reluxation menu                 */
/* ------------------------------- */
.r_menu_box {
	margin:0px auto 60px auto;
	padding:0 28px;
	width:740px;
	border:1px #bbb solid;
}

.r_menu_box h3{
  margin:20px 0 20px 0;
  padding:0px 0px 0px 2px;
  text-align:left;
  font-size:105%;
  font-weight:bold;
  border-bottom:1px solid #444;
  letter-spacing:1px;
  line-height:130%;
  }

.r_menu_box h4{
  margin-bottom:10px;
  font-size:105%;
  }

.r_menu_box h4 span{
  letter-spacing:1px;
	color:#666;
  }

.r_menu_box table {
	margin:0px 0px 0px 30px;
}

.r_menu_box table td{
  padding:0px 30px 20px 0px;
  vertical-align:top;
  text-align:left;
}
.r_menu_box table td p{
  margin:0;
	padding:0;
}

#contents .r_menu_image {
	padding-top:10px;
	width:200px;
}

/* ------------------------------- */
/* salon page                      */
/* ------------------------------- */

.salon_gallery{
	text-align:center;
  /*\*//*/
  overflow:hidden;
  /**/
}
.salon_gallery:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
}

.salon_gallery div{
	margin:0;
	padding:0px 21px 40px 22px;
	width:350px;
	float:left;
}
.salon_gallery p{
	margin:10px 0 0 0;
	text-align:left;
}

/* ------------------------------- */
/* recruit page                    */
/* ------------------------------- */
.recruit_h3 {
	margin:20px 200px 5px 200px ;
	border-bottom:0px;
	color:#333;
	font-size:110%;
	font-weight:bold;
}

.recruit_p {
	margin:0px 200px 20px 200px;
	padding:0;
	text-align:left;
}

#recruit_dl{
  margin:0px 200px 0px 210px;
  }
#recruit_dl dt{
  	padding:3px 0px 2px 10px;
	color:#333;
	font-weight:300;
	background-image:url('../image/list_square_brown.jpg');
	background-repeat:no-repeat;
  }
#recruit_dl dd{
	margin-left:0px;
  	padding-left:30px;
	font-size:100%;
	line-height:170%;
  }

#recruit_table {
  margin:40px auto 30px auto;
  width:750px;
  }
#recruit_table th{
  padding:10px 8px;
  white-space:nowrap;
  font-weight:300;
  border:1px solid #ccc;
  background-color:#f6f6f0;
  vertical-align:middle;
  text-align:center;
  letter-spacing:0.3em;
  width:10em;
  
  }
#recruit_table td{
  padding:10px 8px 10px 30px;
  border:1px solid #ccc;
  vertical-align:top;
  text-align:left;
  }

#recruit_table td p{
  margin:0;
	padding:0;
  }

.recruit_list{
	margin:-7px 200px 10px 210px;
	padding:0;
	list-style-type:none;
}
.recruit_list li{
	margin:0;
	padding:0px 0px 3px 23px;
	background-image:url('../image/list_circle_brown.jpg');
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#recruit_pamph {
	margin:0px auto 30px auto;
	padding:0px 65px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
}
  
.recruit_link{
	margin:20px auto;
	width:900px;
	list-style-type:none;
}
.recruit_link li{
	display:inline-block;
	margin:5%;
	width:39%;
}

.recruit_link_entry{
	margin:50px auto;
	width:900px;
	text-align:center;
}
.recruit_link_entry img{
	width:39%;
}

/* ------------------------------- */
/* campaign page                   */
/* ------------------------------- */

#campaign_catch {
	margin:-10px auto 50px auto;
	width:630px;
	text-align:center;
}


/* ------------------------------- */
/* calendar area                   */
/* ------------------------------- */

#calendar_area {
	margin:0 auto 0 auto;
	padding:10px 0px 20px 0px;
	width:1026px;
  /*\*//*/
  overflow:hidden;
  /**/
  }
#calendar_area:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
  }

/* ------------------------------- */
/* shop calendar                   */
/* ------------------------------- */

#calendar_area .shop_calendar{
	margin:0 30px 20px 30px;
	padding:10px 30px;
	border:1px solid #ddd;
	background-color:white;
	width:220px;	
	float:left;
}

#calendar_area .shop_calendar table{
	width:220px;
	text-align:center;
	line-height:100%;
}

#calendar_area .shop_calendar th {
	padding:5px 0px;
	font-weight:300;
}
#calendar_area .shop_calendar td {
	padding:3px 0px;
	font-size:90%;
}

#calendar_area .calendar_month {
	border-bottom:1px #aaa solid;
	color:#444;
}
#calendar_area .calendar_sunday {
	color:#222;
}
#calendar_area .calendar_weekday {
	color:#222;
}
#calendar_area .calendar_saturday {
	color:#222;
}

#calendar_area .calendar_holiday {
	background-color:#f4f4f4;
	border:1px #ccc solid;
	color:#e00;
	
}

#calendar_area #message {
	padding:10px 0px 10px 0px;
	font-size:90%;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	text-align:left;
}

#calendar_area #message p{
	margin:0px 0px 0px 0.5em;
	padding:0;
	text-indent:-0.5em;
	line-height:130%;
}

/* --- google maps --- */
.google-maps {
position: relative;
padding-bottom: 30%; /* これが縦横比 */
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media screen and (max-width:1030px) {
.google-maps {
padding-bottom: 60%; /* これが縦横比 */
}
}

@media screen and (max-width:500px) {
.google-maps {
padding-bottom: 80%; /* これが縦横比 */
}
}