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

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

	.inner_content,
	#pan,
	#contents,
	h2.campaign_title,
	.salon_info,
	p.company_map,
	.menu_area1,
	header nav,
	#page_ttl h2.p_ttl,
	.cont_box{
		width:100% !important;
	}


}

@media screen and (max-width:736px) {
html, body {
	min-width: 0;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust : 100%;
}

img {
	max-width: 100% !important;
	height: auto;
}

.sp_only {
	display: inherit;
}


div {
	box-sizing: border-box;
}

header{
	display: none;
}

.inner_content {
	width: 100%;
	overflow:hidden;
	margin: 0 auto;
}

/*---------main_img---------*/

#main_img {
    background: url(../images/page/top/main_img02.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
    padding-top: 10rem;
    height: 500px;
	position:relative;
}

#main_img h1 {
	position: absolute;
	top:100px;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:180px;
	height:220px;
}

#main_img p.scroll {
	position: absolute;
	top:340px;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:60px;
	height:50px;
}

/*--------------news_area---------------*/

.news_area {
	clear:both;
	width: 100%;
	height: auto;
	background: url(../images/page/top/news_bg.jpg) no-repeat center right #EDEBE6;
	text-align:center;
	margin: 0 0 10%;
	background-size: cover;
	padding: 10% 0;
}

.news_area h2.news_ttl {
	padding: 0;
	margin: 0 0 30px;
}

.news_area dl {
	width: 96%;
	overflow: hidden;
	margin: 0 auto 10px;
}

.news_area dl dt {
	width: 100%;
	float: none;
	font-size: 16px;
}

.news_area dl dd {
	width: 100%;
	float: none;
	font-size: 16px;
	letter-spacing: 0.05em;
}



/*--------------content_area---------------*/

.content_area {
	clear:both;
	overflow:hidden;
	margin: 0 0 40px;
}

.content_area h2 {
	text-align:center;
	margin: 0 0 30px;
}

.content_area ul {
	width: 96%;
	overflow:hidden;
	margin: 0 auto;
}

.content_area ul li {
	width: 49%;
	float: left;
	margin: 0 0 1%;
}

.content_area ul li img {
}

.content_area ul li:nth-last-child(1),
.content_area ul li:nth-last-child(4),
.content_area ul li:nth-last-child(7){
	margin: 0 0 1%;
}

.content_area ul li:nth-child(even){
	float: right;
}

/*--------------staff_area---------------*/

.staff_area {
	clear:both;
	overflow:hidden;
	background: url(../images/page/top/staff_bg.png) repeat-x top;
	padding: 50px 0 0;
	margin: 0 0 10%;
}


.staff_area .staff_img {
	width: 96%;
	overflow:hidden;
	float: none;
	margin: 0 auto 4%;
	text-align: center;
}

.staff_area .staff_txt {
	width: 96%;
	overflow:hidden;
	float: none;
	margin: 0 auto;
}

.staff_area .staff_txt p {
	font-size:13px;
	padding: 0;
	line-height: 2.0em;
	margin: 0px;
}

.staff_area .staff_txt p br {
	display: none;
}

.staff_area .staff_txt h3 {
	text-align: center;
	font-size:18px;
	margin: 0 40px 45px 0;
}

.staff_area ul {
	overflow:hidden;
}

.staff_area ul li {
	width: 49%;
	float:left;
}

.staff_area ul li:last-child{
	float:right;
}


/*--------------gallery_area---------------*/

.gallery_area {
	overflow:hidden;
	clear:both;
	text-align:center;
	margin: 0 0 10%;
}

.gallery_area h2 {
	text-align:center;
	margin: 0 0 30px;
}

.gallery_area ul.gallery_list {
	width: 96%;
	overflow:hidden;
	text-align: center;
	margin: 0 auto 20px;
}

.gallery_area ul.gallery_list li {
	float: left;
	margin: 0 0 4%;
	width: 49%;
}

.gallery_area ul.gallery_list li:nth-child(even){
	float: right;
}


/*--------------menu_area---------------*/

.menu_area {
    background: url(../images/page/top/menu_bg.jpg) no-repeat center top;
    background-size: cover;
	height: auto;
	padding: 0 0 10%;
	clear:both;
	text-align:center;
	margin: 0 0 10%;
}


.menu_area ul.menu_br {
	overflow: hidden;
	margin: 0 0 3%;
}

.menu_area ul.menu_br li {
	float: left;
	margin: 0 0 2%;
	width: 49%;
	text-align: center;
}

.menu_area ul.menu_br li:nth-child(even){
	float: right;
}


/*--------------info_area---------------*/

.info_area {
	clear:both;
	overflow:hidden;
	margin: 0 0 10%;
}

.info_area h2 {
	text-align:center;
	margin: 0 0 30px;
}

.info_area .info_address {
	text-align:center;
	font-size:14px;
	letter-spacing: 0.05em;
	margin: 0 0 10px;
}

.info_area .f_s {
	font-size:20px;
}


.info_area .info_address span {
	color:#808080;
	font-size: 16px;
	margin: 0 10px 0 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
}

.btn-insata {margin: 20px 20px 0;}
.btn-insata img{
	width: 100%;
}

/*---------------------

	page_ttl

------------------------*/

#page_ttl {
	clear:both;
	width:100%;
	height:200px;
	margin: 0 auto;
}

#page_ttl h2.p_ttl {
	width:100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0 0;
	font-weight:bold;
	font-size:28px;
	letter-spacing: 0.1em;
	text-align: center;
}

#page_ttl h2.p_ttl span {
	display:block;
	font-size:14px;
	color: #000;
	padding: 10px 0 0;
}


/*--------パンくず---------*/


#pan{
	width: 96% !important;
	margin: 10px auto 10px !important;
	clear: both;
	font-size: 12px;
	padding: 5px 0px;
}

#pan a{
	color: #4a3a23;
	text-decoration: none;
}

#pan a:hover{
	color:#8dae45;
	text-decoration: underline;
}

/*▼------------------　

	  ブログ詳細
	
▲---------------------*/

#contents {
	width: 96%;
	height: auto;
	margin: 0 auto;
}


#blog_area_page .blog_information {
	width: 100%;
	overflow: hidden;
	float: none;
}

#blog_area_page .blog_information .b_content {
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	word-wrap: break-word;
	box-sizing: border-box;
}

.page_left {
	width: 100%;
	float: none;
	text-align: left;
	font-size: 12px;
	line-height: 1.8em;
}

.page_center {
	width: 100%;
	float: none;
	text-align: center;
}

.page_right {
	width: 100%;
	float: none;
	text-align: right;
	font-size: 12px;
	line-height: 1.8em;
}

#blog_area_page .blog_cat_list {
	width: 100%;
	overflow: hidden;
	float: none;
}

#blog_area_page .blog_cat_list h3 {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
}


#blog_area_page .campaign_cat_list h3 {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #c00 !important;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: normal;
}

.cont_box {
	width:96%;
	overflow:hidden;
	clear:both;
	margin: 0 auto 100px;
}

ul.shop_list {
	overflow: hidden;
	margin-bottom: 20px;
}


ul.shop_list li {
	width: 49%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	margin: 0 0 10px;
}

ul.shop_list li:nth-child(even){
	float: right;
}

.blog_box {
	background-color: #f1f1f1;
}

.blog_area li {
	width:100%;
	overflow:hidden;
	float: none;
	margin: 0 0 10px;
}

.blog_area .blog_box .blog_img img {
	width:100%;
	height:200px;
	overflow:hidden;
	object-fit: cover;
}


/*------footer--------*/

footer {
	background-color: #231F20;
	padding: 50px 0 100px;
	clear: both;
}

footer h1 {
	width: 100%;
	float: none;
	text-align: center;
	margin: 0 0 5%;
}

footer .footer_info {
	width: 100%;
	float: none;
	text-align: center;
	margin: 0;
}

footer .footer_info ul.footer_nav {
	width: 96%;
	margin: 0 auto;
}

footer .footer_info ul.footer_nav li {
	float: none;
	margin:0 0 5%;
	border-bottom: 1px dashed #fff;
	padding: 0 0 3%;
}

footer .footer_info ul.footer_nav li a {
	color:#fff;
	font-size: 18px;
	display: block;
}

footer .footer_info ul.footer_nav li:first-child{
	margin:0 0 5%;
}

footer dl {
	float:none;
	overflow:hidden;
}

footer dl dt {
	float:none;
	text-align: center;
}

footer dl dd {
	float:none;
	text-align: center;
}

p.copyright {
	color: #fff;
	text-align:center;
	padding: 20px 0 0;
	font-size:12px;
}

/*--------------------------------------

			 sp_navi

--------------------------------------*/

.sp_nav {
	position: relative;
	z-index: 9999;
}

h1.sp_logo img {
	max-width: 80%;
}

h1.sp_logo {
	width: 50%;
	height: 46px;
	float: left;
	text-align: center;
	margin: 0;
}

p.sp_contact {
	float: left;
	line-height: 46px;
	background-color: #703e23;
	width: 38%;
	text-align: center;
	margin: 0;
}

p.sp_contact a {
	color: #fff !important;
	display: block;
}

.sp_nav {
	z-index: 99999;
	height: 46px;
	/*position: fixed;*/
	background-color: #fff;
	width: 100%;
	top:0;
}
 
.menu1{
  position: fixed;
  top: 0;
  right: 0;
  background: url('../images/common/menu.png') #E5C253;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
  width: 12%;
  height: 46px;
  /*margin: 30px;*/
}

.panel{
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.panel-inner{
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 0.5s;
  overflow-y: scroll;
}


.l-nav{
  padding: 46px 0 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  /*position: absolute;*/
}

i.fa-angle-right {
	text-align: left;
	position: absolute;
	left: 10%;
	top: 40%;
}

.nav-item {
  font-size: 16px;
  font-weight: bold;
  width: 96%;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.nav-item span {
	position: absolute;
	top: 0;
	left: 10%;
}

.nav-item a{
  display: block;
  color: #231F20;
  line-height: 5.6em;
  text-decoration: none;
  transition: all 0.3s;
  border-bottom: 1px dashed #231F20
}

.nav-item:hover > a{
  color: #231F20;
  letter-spacing: 0.5em;
}

.close{
  position: fixed;
  top: 0;
  right: 0;
  background: url('../images/common/close.png') #703e23;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
  width: 12%;
  height: 46px;
  /*margin: 30px;*/
}

.side_content {
	display: none;
}


/*--------------------------------------

			 ul.sp_footer

--------------------------------------*/

ul.sp_footer {
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
}


ul.sp_footer li {
	width: 33%;
	text-align: center;
	float: left;
	font-size:4vw;
}

ul.sp_footer li a {
	display: block;
	color: #fff !important;
	padding: 8px 0;
}
	
ul.sp_footer li:nth-child(1){background: #85cbeb;}
ul.sp_footer li:nth-child(2){background: #FF70A3;}
ul.sp_footer li:nth-child(3){background: #9ada7f; width: 34%;}

/*---------------------

	サロン情報

------------------------*/

h3.salon_ttl2 {
	width: 96%;
	text-align: center;
	font-size: 20px;
	letter-spacing:  0.1em;
	margin: 0 auto 50px;
}

h3.salon_ttl2 span {
	display: block;
	font-size: 14px;
	padding: 5px 0 0;
	letter-spacing:  0em;
}

.salon_info {
	overflow: hidden;
	width: 96%;
	margin: 0 auto 100px;
}

.salon_area {
	width: 100%;
	overflow: hidden;
	float: none;
	text-align: center;
	margin: 0 0 10%;
}

.salon_area h2.lib_salon,
.salon_area p.lib_tel {
	margin: 0 0 10px;

}

.salon_area p.lib_time {
	border: 1px solid #000;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}

.salon_area dl {
	overflow: hidden;
	clear: both;
	border-bottom: 1px dashed #000;
}

.salon_area dl dt {
	font-size: 16px;
	width: 100%;
	float: none;
	text-align: left;
	border-right: none;
	box-sizing: border-box;
	padding: 10px 10px 0;
}

.salon_area dl dd {
	font-size: 16px;
	width: 100%;
	float: none;
	text-align: left;
	box-sizing: border-box;
	padding: 0 10px 10px;
}

.salon_map {
	width: 100%;
	overflow: hidden;
	float: none;
}

.salon_map p.map_info {
	border: 1px solid #000;
	pointer-events: none;
}

.salon_map p.access_info {
	text-align: center;
	font-size: 14px;
	padding: 10px 0 0;
}


/*---------------------

	会社概要

------------------------*/

dl.company_info {
	width: 96%;
	overflow: hidden;
	margin: 0 auto 30px;
	clear: both;
	border-bottom: 1px dashed #000;
}

dl.company_info dt {
	width: 100%;
	float: none;
	font-size: 14px;
}

dl.company_info dd {
	width: 100%;
	float: none;
	font-size: 14px;
}

.company_area {
	overflow: hidden;
	margin: 0 0 50px;
}

	
div.company_group{
	width: 96%;
	margin: 0 auto 60px;
}

p.company_map iframe{width: 100%;}

div.company_group h4{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}



/*---------------------

	メニュー

------------------------*/

.menu_area1 {
	overflow: hidden;
	width: 96%;
	margin: 0 auto;
}

.menu_area1 h2.coupon_ttl1 {
	text-align: center;
	margin: 0 0 5%;
}

.menu_area1 h3.coupon_ttl2 {
	text-align: center;
	margin: 0 0 5%;
}

.menu_area1 .coupon_area {
	overflow: hidden;
	margin: 0 0 50px;
}

.menu_area1 .coupon_left {
	width: 100%;
	float:  none;
	padding: 10px;
	box-sizing: border-box;
}

.menu_area1 .coupon_right {
	width: 100%;
	float:  none;
	padding: 10px;
	box-sizing: border-box;
}


.coupon_menu {
	font-size: 13px;
	position: inherit;
	border-bottom: 1px solid #929393;
	padding: 0 0 10px;
	margin: 0 0 25px;
	font-weight: bold;
}

.coupon_menu .coupon_p {
	position: inherit;
	top: 0px;
	right: 0;
}

span.coupon_menu1 {
	font-size: 14px;
	text-align: right;
}

span.coupon_menu2 {
	color: #c00;
	font-size: 24px;
}

ul.coupon_number {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 50px;
}

ul.coupon_number li {
	float: none;
	margin: 0 0 20px;
	text-align: center;
}

ul.coupon_number li:nth-child(even){
	float: none;
	text-align: center;
}

h2.menu_ttl2 {
	text-align: center;
	font-size: 40px;
	letter-spacing: 0.1em;
	margin: 0 0 40px;
}

.menu_area1 {
	overflow: hidden;
	clear: both;
	margin: 0 auto;
}

.menu_area1 .menu_area1_left {
	width: 96%;
	float: none;
	margin: 0 0 10%;
}

.menu_area1 .menu_area1_right {
	width: 96%;
	float: none;
	margin: 0 0 10%;
}

.menu_area1 h3 {
	font-size: 26px;;
	margin: 0 0 10px
}

.menu_area1 h3 span {
	font-size: 13px;
	display: block;
}

.menu_area1 h4 {
	font-size: 16px;
	margin: 0 0 20px
}

.menu_area1 p.menu_txt {
	font-size: 14px;
	margin: 0 0 30px;
}

.menu_area1 p.menu_txt1 {
	font-size: 14px;
	margin: 0 0 5px;
	clear: both;
}

.menu_area1 p.menu_txt1 span {
	float: none;
	display: block;
	text-align: right;
}

#tansansen {
	margin: 0 0 20%;
}


h1.wideslider_logo {
	width: 100%;
	height: auto;
	background: url(../images/page/top/main_logo_img1.png) no-repeat center;
	z-index: 10;
	position: absolute;
	top:0;
	left: 0;
	background-size: cover;
	padding-top: 50.875%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


p.scroll1 {
	width: 100%;
	height: auto;
	background: url(../images/page/top/scroll_img1.png) no-repeat center;
	z-index: 11;
	position: absolute;
	top:0;
	left: 0;
	background-size: cover;
	padding-top: 50.875%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.wideslider {
	width: 100%;
	height: 250px !important;
	text-align: left;
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 0 0 5%;
}

.wideslider img {
	width: 100% !important;
	height: 250px !important;
    object-fit: cover;
}


.instagram_area {
	overflow:visible;
	margin: 0 0 70px;
}

.inner_content_instagram {
	width: 100%;
	height: auto;
	overflow-y: scroll;
	margin: 0 auto;
	text-align: center;
}
	
	.inner_content_instagram iframe{
		width: 100%;
		height: 350px;
	}

#coupon,#tansansen{
  margin-top:0;
  padding-top:0;
}

/*---------------------

	すスタッフ紹介

------------------------*/
.staff_ttl {
	background: url(../images/page/staff/main_img.jpg) no-repeat 80% center;
	background-size: cover;
}

	
div.staff_contents{
	width: 90%;
	margin: 0 auto 80px;
	
}

div.staff_contents ul.staff-list{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	margin-right:0;
}

div.staff_contents ul.staff-list li{
	margin: 0 0 60px;
	width: 100%;
}

p.staff-list-photo img{
	object-fit: cover;
	width: 100%;
	height: 300px;
}

div.staff_contents ul.staff-list li p.s-001,
div.staff_text p.s-001{
	font-size: 18px;
	margin-top:8px;
	text-align: center;
}

div.staff_contents ul.staff-list li h4,
div.staff_text h4{
	font-size: 28px;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
}

div.staff_contents ul.staff-list li h4 span,
div.staff_text h4 span{
	display: block;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, "sans-serif";
	margin: 0 auto;
}

/* 詳細ページ */
div.staff_head{ margin-bottom: 30px;}

.staff_photo{
	float:none;
	width: 100%;
}
div.staff_text{
	float:none;
	width:100%;
}

div.staff_text h4{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	
}

div.staff_text dl{margin-top:30px;}

div.staff_text dl dt,
div.staff_text dl dd{
	float: left;
	font-size: 15px;
}

div.staff_text dl dt{
	font-weight: bold;
	width: 20%;
	border-right:1px
	solid #ccc; margin-right: 5%;
}

div.staff_comment{margin:0 0 30px 0; border-top: 1px dotted #ccc; padding-top: 30px;}
div.staff_comment h4{
	font-size: 15px;
	font-weight: bold;
}

div.staff_comment p{margin: 15px 0 0 10px;}

p.stabb-btn a{
	padding: 20px 0;
	width: 100%;
	margin: 40px auto;
}
	
/* 求人情報 */

.recruit_ttl {
	background: url(../images/page/recruit/main_img.jpg) 85% center no-repeat ;
	background-size:auto;
}
	
.recruit-contents div.inner{
	width: 90%;
	margin: 0 auto;
}

.bg-blown{
	background: #fffbef;
	padding: 40px 0;
}

.rec-text p{
	text-align:left;
	margin-bottom: 20px;
}

.recruit-table table{
	width: 100%;
	border-top: 1px dotted #666;
	margin-top: 15px;
	margin-bottom: 30px;
}

.recruit-table table th,
.recruit-table table td{
	border-bottom: 1px dotted #666;
	padding: 15px 0;
	display: block;
	width: 100%;
}

.recruit-table table th{
	text-align: left;
	
}

.recruit-table.youkou table th{
	text-align: center;
	width: 100%;
	background: #f5f5f5;
}

.recruit-table table th span.req{
	background-color: #e21c42;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	margin-right: 20px;
}

.recruit-table table td.w30 input{width: 20%; padding: 10px 2%;}	
	
.recruit-table table td.w90 input,
.recruit-table table td.w90 textarea{
	width: 80%;
}
#submit{text-align: center;}



}