@charset "utf-8";


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

common

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


.sp{ display: none; }
.inblock{display:inline-block;}
.pc_br{
	display:block;
}
.disnone{display:none;}
.width_box{
	max-width:940px;
	margin:0 auto;
	padding:0 10px;
}

.disblock{
	display:block;
}


/*共通ボタン*/



/*全画面*/
#border_display{
	width: 100%;
	min-width: 960px;
	height: auto;
	overflow: hidden;
	position:relative;
}

#main_area{
	padding-top:36px;
	background:url(../img/cmn/bg1.jpg) center top repeat-y;
}

/*見出し*/

.img_head1{
	text-align:center;
	margin-bottom:35px;
}

.img_head1 img{
	vertical-align:middle;
}

/*ページ見出し*/
#sub_page_main{
	border:20px solid #fff;
	height:340px;
	position:relative;
}

.bg_concept#sub_page_main{
	background:url(../img/concept/bg_main.jpg) center center no-repeat;
	background-size:cover;
}

.bg_salon#sub_page_main{
	background:url(../img/salon/bg_main.jpg) center center no-repeat;
	background-size:cover;
}

.bg_recruit#sub_page_main{
	background:url(../img/recruit/bg_main.jpg) center center no-repeat;
	background-size:cover;
}

.bg_menu#sub_page_main{
	background:url(../img/menu/bg_main.jpg) center center no-repeat;
	background-size:cover;
}

.bg_staff#sub_page_main{
	background:url(../img/staff/bg_main.jpg) center center no-repeat;
	background-size:cover;
}

#sub_page_main .page_name img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding-top:50px;
}


/*パンくずリスト*/
#bread_area{
	margin:0 auto;
	max-width:940px;
	padding:20px 10px 0;
	margin:0 auto;
	font-size:14px;
	background:url(../img/cmn/bg1.jpg) center top repeat-y;

}
#bread_area ol{
	word-break: break-all;

}

#bread_area li+li:before {
	color:#007F00;
	content: ">";
}
#bread_area ol li{
	display:inline;
}

#bread_area ol li a{
	color:#007F00;
}

/********** header **********/
#header_area{
	position:relative;
	min-height:380px;
}
.h1_area,.face_btn,.scroll_img,.slide_text img{
	position:absolute;
	z-index:999;
}

.scroll_img{
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
}
.slide_text img{
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.h1_area{
	top:50px;
	left:70px;
	color:#fff;
	font-size:12px;
}

.h1_area .logo{
	margin-bottom:10px;
}

.face_btn{
	text-indent:-999999px;
	display:block;
	height:80px;
	width:80px;
	top:20px;
	right:20px;
	background:url(../img/cmn/facebook.png) top right no-repeat;
	-webkit-transition:0.5s;
	transition:0.5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.face_btn:hover{
	background:url(../img/cmn/facebook_hover.png) top right no-repeat;
}

/********** navi **********/
#pc_navi{
	background:#F5F7F1;
}

#g_navi{
    width:960px;
    height:80px;
	margin:0 auto;
    display: flex;
    justify-content: space-between;
}
#g_navi > li{
    position: relative;
    width: 14.28%;
    height: 100%;
}
#g_navi > li:before{
    content: "";
    width: 1px;
    height: 20px;
    background: #259323;
    position: absolute;
    left: 0;
    top: 0;
}
#g_navi > li a,
#g_navi > li .parent{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-left: 12px;
    padding-bottom: 2px;
    box-sizing: border-box;
    font-size: 12px;
    cursor: pointer;
    transition: 0.5s;
}
#g_navi > li a:hover,
#g_navi > li .parent:hover{
    background: #259323;
    color: #fff;
}
#g_navi .eng_text{
    display: block;
    font-size:18px;
    font-weight: bold;
    font-family:'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',"ヒラギノ明朝 Pro W3","MS 明朝", serif;
}
#g_navi .child{
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 100;
    background: #f5f7f1;
    width: 100%;
    display: none;
}
#g_navi .child li{
    border-bottom: 1px solid #259323;
    width: 100%;
}
#g_navi .child li a{
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

#sp_navi{
	display:none;
}



/********** footer **********/
#page_top{
	position:fixed;
	bottom:0;
	right:0;
	text-indent:-9999999px;
	z-index:99999;
	height:100px;
	width:100px;
}

#page_top a{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
	background:url(../img/cmn/btn_pagetop.png) bottom right no-repeat;
	-webkit-transition:0.5s;
	transition:0.5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

#page_top a:hover{
	background:url(../img/cmn/btn_pagetop_hover.png) bottom right no-repeat
}

#footer_area{
	background:#F5F7F1;
	position:relative;
}

#footer_in{
	width:940px;
	padding:40px 10px;
	margin:0 auto;
	overflow:hidden;
}

#copy,
#footer_in .f_logo{
	float:left;
}

#footer_in .f_logo{
	margin-bottom:10px;
}

#footer_in .f_add_area{
	float:right;
	overflow:hidden;
	width:680px;
}

#footer_in .posi_le{
	float:left;
}

#footer_in .shop_name{
	font-size:16px;
}

#footer_in .posi_ri{
	float:right;
	width:340px;
}

#footer_in .add_dl{
	max-width:286px;
	overflow:hidden;
}

#footer_in .add_dl dt{
	clear:both;
	float:left;
	width:50px;
}

#footer_in .add_dl dd{
	width:225px;
	float:right;
}

#copy{
	font-size:12px;
}

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

index.html

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

#top_mess{
	margin-bottom:120px;
}

.top_mess_wrap{
	position:relative;
	margin-bottom:110px;
}

.top_mess_area{
	box-sizing:border-box;
	position:absolute;
	background:rgba(0,128,0,0.85);
	width:480px;
	right:10px;
	bottom:-20px;
	color:#fff;
	padding:60px 40px;
}

.top_mess_image img{
	vertical-align:middle;
}

.top_mess_area .ttl1{
	font-size:22px;
	margin-bottom:20px;
}

#top_salon{
	overflow:hidden;
	padding-bottom:110px;
}

#top_salon .hover_link{
	margin-bottom:15px;
}

.top_head_salon{
	float:left;
	width:460px;
}

.top_nakanosyo_salon{
	float:right;
	width:460px;
}

.hover_link{
	box-sizing:border-box;
	position: relative;
	display: block;
	overflow:hidden;
}


.hover_link .image{
	padding-right: 10px;
	padding-bottom: 10px;
}


.hover_link img{
	width: 100%;
	display: block;

}

.top_salon_in a:hover img{
	opacity:1;
}

.hover_link:before,
.hover_link .plus{
	position: absolute;
	z-index: 10;
	box-sizing: border-box;
}
.hover_link:before{
	content: " ";
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid #008000;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.hover_link .plus{
	width:50px;
	height:50px;
	background-image: linear-gradient(-45deg, rgba(0,128,0,0.85) 30px, transparent 0);
	bottom: 5px;
	right: 5px;
	font-size: 20px;
	color: #fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.hover_link .plus .bg_span{
	display:block;
	background:url(../img/cmn/plus1.png) no-repeat 80% 80%;
	width:100%;
	height:100%;
}
.hover_link:hover:before{
	top: 0;
	left: 0;
}

.hover_link:hover .plus{
	bottom: 10px;
	right: 10px;
	width:100%;
	height:100%;
	background: rgba(0,128,0,0.85);
}

.hover_link:hover .plus .bg_span{
	background:url(../img/cmn/plus1_hover.png) no-repeat center center;
}

.top_salon_in .shop_name{
	font-size:20px;
	margin-bottom:10px;
}

.top_salon_in .shop_info{
	overflow:hidden;
	margin-bottom:10px;
	height:170px;
}

.top_salon_in .shop_txt{
	margin-bottom:15px;
}

.top_salon_in .shop_info dt,
.top_salon_in .shop_info dd{
	margin-bottom:5px;
	box-sizing:border-box;
}

.top_salon_in .shop_info dt{
	background:url(../img/cmn/ico1.png) left center no-repeat;
	width:90px;
	float:left;
	padding-left:20px;
	clear:both;
}
.top_salon_in .shop_info dd{
	float:right;
	width:365px;
}

.g_top_ca iframe{
	width:100%;
	height:304px;
}

.bg_color1{
	background:#F5F7F1;
	padding:60px 0;
}

.staff_list{
	max-width:3420px;
	overflow:hidden;
	margin:0 auto 25px;
}

#top_staff #arrow{
	width:960px;
	position:relative;
	margin:0 auto;
}

.staff_list li{
	width:175px !important;
	margin-left:15px !important;
	position:relative;
}

#top_staff .slick-next {
	text-indent:-999999px !important;
	right: 10px !important;
	background:url(../img/top/next.png) top left no-repeat !important;
	z-index:10 !important;
	width:41px !important;
	height:11px !important;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

#top_staff .slick-prev {
	text-indent:-999999px !important;
	left: 10px !important;
	background:url(../img/top/prev.png) top left no-repeat !important;
	z-index:10 !important;
	width:41px !important;
	height:11px !important;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}


.staff_list img{
	vertical-align:middle;
}

.staff_list a:hover img{
	opacity:1;
}

#top_sns{
	padding-top:110px;
	padding-bottom:140px;
	overflow:hidden;
}

.face_area{
	float:left;
	width:456px;
}

.insta_area{
	float:right;
	width:460px;
}

.facebook-wrapper {
    max-width: 456px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

#insta ul{
	overflow:hidden;
	margin-left:-5px;
}

#insta li{
	float:left;
	margin-left:5px;
}

#insta .insta_li{
	width:150px;
	height:150px;
	vertical-align:middle;
	background-size:auto 150px;
	background-position:center center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin-bottom:5px;
}

#insta li a{
	display:block;
	height:100%;

}

#insta li:nth-child(3n){
	float:right;
	margin-left:0;
}

#insta li:nth-child(3n+1){
	clear:both;
}

#insta .insta_li:hover{
	opacity:0.6;

}

#insta .btn_insta{
	width:150px;
    font-weight: bold;
    text-align: center;
    position: relative;
}
#insta .btn_insta .tenpo{
    position: absolute;
    bottom:5px;
    left:0px;
    width:100%;
    text-align: center;
    color:#007F00;
    font-size:12px;
}
.hover_insta{
	box-sizing:border-box;
	position: relative;
	display: block;
	overflow:hidden;
}

.btn_insta img{
	vertical-align:middle;
}

.btn_insta a:hover img{
	opacity:1;
}

.hover_insta:before,
.hover_insta .plus{
	position: absolute;
	z-index: 10;
	box-sizing: border-box;
}

.hover_insta .plus{
	width:50px;
	height:50px;
	background-image: linear-gradient(-45deg, rgba(0,128,0,0.85) 30px, transparent 0);
	bottom: 0;
	right: 0;
	font-size: 20px;
	color: #fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.hover_insta .plus .bg_span{
	display:block;
	background:url(../img/cmn/plus1.png) no-repeat 80% 80%;
	width:100%;
	height:100%;
}

.hover_insta:hover .plus{
	width:100%;
	height:100%;
	background: rgba(0,128,0,0.85);
}

.hover_insta:hover .plus .bg_span{
	background:url(../img/cmn/plus1_hover.png) no-repeat center center;
}

#top_app{
	padding-bottom:60px;
}
#top_app .info_box{
	border:2px solid #007F00;
	padding:30px 30px 60px 190px;
	background:url(../img/top/app.png) no-repeat left 40px top 110px;
	overflow:hidden;
}
#top_app .info_box h3{
	font-size:28px;
	margin:0 0 30px;
}
#top_app .info_box .in{
	width:600px;
	float:right;
}
#top_app .info_box ul{
	overflow:hidden;
	margin:0 0 30px 0;
}
#top_app .info_box ul li{
	width:180px;
	height:180px;
	background:url(../img/top/bg_app.png) no-repeat center center;
	text-align:center;
	color:#fff;
	float:left;
	padding:40px 0 0;
	box-sizing:border-box;
}
#top_app .info_box ul li.l1{
	margin-right:30px;
}
#top_app .info_box ul li.l3{
	float:right;
}
#top_app .info_box .text{
	font-size:20px;
	float:left;
	width:435px;
	margin:0 0 15px;
}
#top_app .info_box .sp_qr,
#top_app .info_box .sp_click{
	display:none;
}
#top_app .qr_area{
	overflow:hidden;
}
#top_app .info_box .pc_qr{
	float:right;
}
#top_app .info_box .pc_click{
	float:left;
	width:435px;
	color:#007F00;
	text-align:right;
}


/*---------------------------------------------
slideshow
-----------------------------------------------*/
#header_slide{
	position:relative;

}

#slideshow {
	position: relative;
	margin: 0 auto;
	overflow:hidden;

}
#slideshow div {
	width: 100%;
	overflow: hidden;

}
#slideshow div div{
	box-sizing:border-box;
	border:20px solid #fff;
}

#slideshow div div+div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	display:none;
}


.bg_slide1{
	background:url(../img/top/slide1.jpg) center center no-repeat;
	background-size:cover;
}

.bg_slide2{
	background:url(../img/top/slide2.jpg) center center no-repeat;
	background-size:cover;
}

.bg_slide3{
	background:url(../img/top/slide3.jpg) center center no-repeat;
	background-size:cover;
}

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

concept.html

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

#sub_page_main .face_btn{
	top:0;
	right:0;
}
#concept_mess{
	margin-bottom:120px;
}

#concept_mess .top_mess_area{
	padding:90px 40px;
}

.top_mess_area .text2{
	text-align:center;
	font-size:22px;
	text-align:center;
	line-height:1.8;
}

#concept_about{
	margin-bottom:110px;
}

.concept_text1{
	font-size:16px;
	margin-bottom:25px;
	line-height:1.6;
}

.image_list_3{
	overflow:hidden;
	margin-left:-20px;
}

.image_list_3 li{
	float:left;
	margin-left:20px;
}

.image_list_3 li:nth-child(3n){
	float:right;
	margin-left:0;
}

#concept_commitment{
	padding-bottom:140px;
}

.commitment_list li{
	overflow:hidden;
}

.commitment_list li .text_area{
	width:460px;
	background:url(../img/concept/ico_concept1.jpg) left top no-repeat;
}

.commitment_list li .area_in{
	box-sizing:border-box;
	padding:15px 10px 0;
	min-height:300px;
	background:url(../img/concept/ico_concept2.jpg) right bottom no-repeat;
}

.commitment_list li:nth-child(odd) .text_area{
	float:left;
}

.commitment_list li:nth-child(even) .text_area{
	float:right;
}

.commitment_list li:nth-child(odd) .image_area{
	float:right;
}

.commitment_list li:nth-child(even) .image_area{
	float:left;
}

.commitment_list .commitment_title1{
	font-size:18px;
	margin-bottom:20px;
	text-align:center;

}

.commitment_list .commitment_text1+.commitment_text1{
	margin-top:25px;
}

.commitment_list li img{
	vertical-align:middle;
}

.commitment_list li+li{
	margin-top:60px;
}

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

salon.html

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

#salon_info_area{
	padding-bottom:140px;
}

.slon_info_box{
	position:relative;
}

.slon_info_box .text_area{
	box-sizing:border-box;
	background:rgba(0,128,0,0.85);
	width:420px;
	position:absolute;
	color:#fff;
	padding:20px 40px 20px;
}

.slon_info_box .text_area a{
	color:#fff;
}

#head_salon .text_area,
#eyelash_salon .text_area{
	top:40px;
	right:0;

}
#head_salon .image,
#eyelash_salon .image{
	height:410px;
}

#head_salon{
	margin-bottom:100px;
}
#eyelash_salon{
    margin-bottom:0;
}

#nakanosyo_salon .text_area{
	top:30px;
	left:0;
}

#nakanosyo_salon .image{
	float:right;
}
.slon_info_box .shop_name{
	font-size:20px;
	margin-bottom:10px;
}


.slon_info_box .shop_info{
	overflow:hidden;
}

.slon_info_box .shop_info dt,
.slon_info_box .shop_info dd{
	box-sizing:border-box;
	margin-bottom:5px;
}

.slon_info_box .shop_info dt{
	float:left;
	width:80px;
	background:url(../img/cmn/ico2.png) left center no-repeat;
	padding-left:20px;
	clear:both;
}
.slon_info_box .shop_info dd{
	width:250px;
	float:right;
}

.salon_map{
	clear:both;
}

.salon_map iframe{
	width:100%;
	height:460px;
}

.salon_map .map_link{
	text-align:right;
}

.salon_map .map_link a{
	color:#007F00;
}

#head_salon .salon_map{
    padding-top:120px;
}
#nakanosyo_salon {
    margin-bottom:60px;
}
#nakanosyo_salon .salon_map{
    padding-top:40px;
}
#eyelash_salon .salon_map{
	padding-top:20px;
}

.menu_btn{
    padding:20px 0 0;
    text-align: center;
}
.menu_btn a{
    display: inline-block;
    padding:5px 15px;
    background: #fff;
    color:#007F00 !important;
    font-weight: bold;
    font-size:14px;
}


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

recruit.html

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

#recruit_greeting{
	overflow:hidden;
	padding-bottom:120px;
}

.greeting_image_area{
	float:right;
}

.greeting_text_area{
	float:left;
	width:580px;
}

.greeting_text_area p+p{
	margin-top:15px;
}

#recruit_mess .top_mess_area{
	width:420px;
	padding:70px 30px;
}
#recruit_area,
#recruit_info{
	padding-bottom:120px;
}

.recruit_info_dl{
	display:table;
	width:700px;
	margin:0 auto;
}

.recruit_info_dl+.recruit_info_dl{
	margin-top:5px
}

.recruit_info_dl dt,
.recruit_info_dl dd{
	box-sizing:border-box;
	display:table-cell;
	padding:7px 20px;
}

.recruit_info_dl dt{
	background:#008000;
	color:#fff;
	width:180px;
	text-align:center;
	vertical-align:middle;
}

.recruit_info_dl dd{
	background:#F5F7F1;
}

.recruit_info_dl .in_list{
	padding:14px 0;
}
.recruit_info_dl .in_list li{
	background:url(../img/cmn/ico3.png) left 9px no-repeat;
	padding-left:20px;
}

.recruit_info_dl .in_list li+li{
	margin-top:10px;
}
.recruit_info_dl .in_list .shop_name{
	margin-bottom:5px;
}

#recruit_about{
	padding-bottom:140px;
}

#recruit_about .img_head1{
	margin-bottom:30px;
}
.recruit_c{
	text-align:center;
	margin-bottom:25px;
}

.recruit_tel_area{
	box-sizing:border-box;
	max-width:700px;
	margin:0 auto;
	background:#F5F7F1;
	text-align:center;
	padding:10px 10px 25px;
}

.recruit_tel_area .kochira{
	color:#fff;
	background:#008000;
	padding:8px 10px;
	margin-bottom:25px;
}

.recruit_tel_area .tel_num{
	margin-bottom:15px;
}

.recruit_tel_area .tel_responsible{
	font-size:12px;
}

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

menu.html

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

#menu_area{
	overflow:hidden;
	padding-bottom:110px;
}

#menu_area .img_head1{
	margin-bottom:25px;
}

.menu_c{
	text-align:center;
	margin-bottom:30px;

}

.zei{
	text-align:right;
	font-size:12px;
	margin-bottom:10px;
}

.menu_box{
	width:460px;
}

.menu_left{
	float:left;
}

.menu_right{
	float:right;
}

.menu_name{
	background:#008000;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding:11px 10px;
}

.menu_name .small_text{
	font-size:14px;
	vertical-align:middle;
	display:inline-block;
	margin-left:7px;
}

.menu_price{
	background:#F5F7F1;
	padding:30px;
	margin-bottom:10px;
}

.menu_type{
	font-size:16px;
	border-bottom:2px solid #008000;
	padding-bottom:5px;
	margin-bottom:13px;
}
.menu_type small{
    font-size:12px;
    display: inline-block;
    
}
.price_list+.menu_type{
	margin-top:30px;
}

.price_list li{
	overflow:hidden;
	border-bottom:1px dashed #d5d7d1;
    padding-bottom:5px;
}
.price_list li:last-child,
.price_list li.child,
.price_list li.child_border_none{
	border-bottom:none;
}


.price_list li+li{
	margin-top:5px;
}

.price_list li .name{
	float:left;
}

.price_list li .small_name{
	font-size:12px;
}


.price_list li .price{
	float:right;
	text-align:right;
}

.menu_desc{
	text-align:right;
	font-size:12px;
	margin-bottom:25px;
}


.price_list li .price.small_name{
	line-height:2;
}

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

staff.html

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

.ank_list{
	overflow:hidden;
	margin-bottom:50px;
}

.ank_list li{
	width:49%;
	font-size:16px;
	text-align:center;
	margin-bottom:10px;
}

.ank_list li:nth-child(odd){
	float:left;
	clear:both;
}

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

.ank_list li a,
.ank_list li .bg1{
	display:block;
}

.ank_list li a{
	background:#F5F7F1;
	color:#007F00;
	padding:0 20px;
	-webkit-transition:0.5s;
	transition:0.5s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;

}

.ank_list li .bg1{
	background:url(../img/cmn/arrow1.png) right center no-repeat;
	padding:20px 20px;
}

.ank_list li a:hover{
	text-decoration:none;
	background:#007F00;
	color:#fff;
}

.ank_list li a:hover .bg1{
	background:url(../img/cmn/arrow1_hover.png) right center no-repeat;
}

.bg_head1{
	background:#007F00;
	color:#fff;
	font-size:20px;
	padding:12px 10px;
	text-align:center;
	margin-bottom:40px;
}

.staff_list_area{
	max-width:700px;
	margin:0 auto;
}

.staff_list_area li{
	overflow:hidden;
}

.staff_list_area li+li{
	margin-top:60px;
}

.staff_list_area .staff_img{
	float:left;
	margin-bottom:20px;
}

.staff_list_area .staff_img img{
	vertical-align:middle;
}

.staff_list_area .staff_intro{
	width:420px;
	float:right;
	margin-bottom:20px;
}

.staff_list_area .staff_title{
	font-size:12px;
	margin-bottom:6px;
	padding-top:3px;
}

.staff_list_area .staff_name{
	font-size:20px;
	margin-bottom:14px;
	display:inline-block;
	margin-right:10px;
}

.staff_list_area .staff_name .eng{
	font-size:12px;
	padding-left:10px;
}

.staff_list_area .insta_icon{
	display:inline-block;
	vertical-align:middle;
}

.staff_list_area .staff_comment{
	line-height:1.7;
}

.google_ca_btn{
	clear:both;
	background:url(../img/staff/open.png) 97% center no-repeat #F5F7F1;
	border:1px solid #F5F7F1;
	color:#007F00;
	text-align:center;
	padding:10px;
	cursor:pointer;
	position:relative;
	z-index:99999;
}

.google_ca_btn .bg1{
	background:url(../img/staff/ico_staff1.png) left center no-repeat;
	padding:10px 0 10px 50px;
}

.google_ca_btn.open{
	background:url(../img/staff/close.png) 97% center no-repeat #fff;
	border:1px solid #008000;
}

.google_ca{
	padding-top:20px;
	display:none;
}

.google_ca .ca_color{
	background:#F5F7F1;
	padding:20px;
}

.google_ca iframe{
	width:100%;
	height:450px;
}

#staff_area1{
	padding-bottom:120px;
}

#staff_area2{
	padding-bottom:140px;
}

@media only screen and (max-width:650px){
.sp{ display: block; }
.sp_br{display:block;}
.pc{ display: none; }
.pc_br{
	display:inline;
}
.sp_br{
	display:block;
}

a img {
	border: 0;
	-webkit-transition: none;
	transition: none;
}

a:hover img:not(.over),
a:active img:not(.over){
	opacity:1;
}
.width_box{
	padding-left:10px;
	padding-right:10px;
}

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

common

----------------------------------------------------*/
body{
	min-width:320px;
	font-size:18px;
}


#bread_area{
	display: none;
}

#border_display{
	width: auto;
	min-width: inherit;
	height: auto;
}


#main_area{
	background:url(../img/cmn/bg1_sp.jpg) center top repeat-y;
	background-size:100%;

}

/*見出し*/


/*ページ見出し*/

#sub_page_main{
	border:10px solid #fff;
	border-top:90px solid #fff;
	height:200px;
}

#sub_page_main .page_name img{
	padding-top:0;
}

/********** header **********/
#header_area{
	min-height:initial;
}

.slide_text img{
	width:170px;
	padding-top:60px;
}

.h1_area{
	position:static;
	z-index:999;
	float:left;
}

.h1_area .logo{
	margin-bottom:0;
	margin-top:10px;
}

.h1_area .logo img{
	width:150px;
}

.face_btn{
	display:none;
}


#header_in{
	box-sizing:border-box;
	position:fixed;
	background:rgba(0,128,0,0.9);
	top:0;
	width:100%;
	z-index:999999;
	padding:10px;
	min-width:320px;
}

/********** navi **********/

#pc_navi{
	display:none;
}
#sp_navi{
	display:block;
}

#sp_navi .button{
	float:right;
}

#sp_navi .button img{
	vertical-align:middle;
}

#sp_navi .panel{
	position:fixed;
	z-index:9999999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	background:rgba(0,0,0,0.8);
}

#sp_navi .panel ul,
#sp_navi .close{
	width:100%;
	margin:0 auto;
	min-width:320px;
}

#sp_navi .close{
	text-align:right;
}

#sp_navi .close img{
	padding-top:10px;
	padding-right:10px;
}

#sp_navi ul{
	box-sizing:border-box;
	padding:0 10px;

}
    
#sp_navi li .parent,
#sp_navi li a{
	display:block;
	color:#fff;
	font-size:16px;
	padding:13px 0;
	border-bottom:1px solid #999;
    cursor: pointer;
    position: relative;
}

#sp_navi li:first-child a{
	border-top:1px solid #999;
}

#sp_navi li a:hover{
	text-decoration:none;
}

#sp_navi li .eng_text{
	padding-right:20px;
	font-size:23px;
	font-family:'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',"ヒラギノ明朝 Pro W3","MS 明朝", serif;
}
    
#sp_navi .gnavi_acc .parent:before,
#sp_navi .gnavi_acc .parent:after{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
    height: 2px;
    background: #fff;
}
#sp_navi .gnavi_acc .parent:after{
    transform: rotate(90deg);
}
#sp_navi .gnavi_acc .parent.__open:after{
    display: none;
}
#sp_navi .gnavi_acc .child{
    display: none;
}
#sp_navi .gnavi_acc .child li:first-child a{
    border-top: none;
}
    
/********** footer **********/


#page_top a:hover{
	background:url(../img/cmn/btn_pagetop.png) bottom right no-repeat;
}

#footer_area{
	background:#F5F7F1;
	position:relative;
}

#footer_in{
	width:auto;
	padding:40px 10px 50px;
	margin:0 auto;
	overflow:hidden;
}

#footer_in .shop_name{
	font-weight:bold;
	font-size:20px;
}

#copy,
#footer_in .f_logo{
	float:none;
	text-align:center;
}

#footer_in .f_add_area{
	float:none;
	width:auto;
}

#footer_in .posi_le{
	float:none;
	max-width:286px;
	margin:0 auto 20px;
}

#footer_in .posi_ri{
	float:none;
	width:auto;
	max-width:286px;
	margin:0 auto;
}

#footer_in .add_dl{
	max-width:initial;
	overflow:hidden;
	margin:0 auto 20px;
}

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

index.html

----------------------------------------------------*/
top_mess_wrap{
	position:static;
	margin-bottom:60px;
}

.top_mess_area{
	box-sizing:border-box;
	position:static;
	width:auto;
	padding:20px 10px;
}
.top_nakanosyo_salon,
.top_head_salon{
	float:none;
	width:auto;

}

.top_head_salon{
	margin-bottom:40px;
}

#top_salon{
	overflow:hidden;
	padding-bottom:60px;
}

.hover_link .image{
	padding-right: 2%;
	padding-bottom: 2%;
}

.hover_link:before{
	box-sizing:border-box;
	width: 98%;
	height: 98%;
	-webkit-transition:none;
	transition:none;
	top: 2%;
	left: 2%;
}

.hover_link:hover:before{
	box-sizing:border-box;
	top: 2%;
	left: 2%;
	width: 98%;
	height: 98%;
}

.hover_link .plus{
	bottom: 0;
	right: 0;
}

.hover_link:hover .plus{
	width:50px;
	height:50px;
	background:none;
	background-image: linear-gradient(-45deg, rgba(0,128,0,0.85) 30px, transparent 0);
	bottom: 0;
	right: 0;
}

.hover_link:hover .plus .bg_span{
	background:url(../img/cmn/plus1.png) no-repeat 80% 80%;
}
.top_salon_in .shop_info{
	height:auto;
}
.top_salon_in .shop_info dd,
.top_salon_in .shop_info dt{
	width:auto;
	float:none;
}
.staff_list .shop_info dt{
	font-weight:bold;
}

#top_staff #arrow{
	width:auto;
}

#top_sns{
	padding-top:60px;
	padding-bottom:60px;
}

.insta_area,
.face_area{
	float:none;
	width:auto;
}

.face_area{
	margin-bottom:60px;
}

#insta ul{
	margin-left:0;
}

#insta li{
	margin-left:0;
}

#insta .insta_li{
	width:48%;
	height:150px;
	vertical-align:middle;
	background-size:100% auto;
	margin-bottom:10px;
	-webkit-transition: none;
	transition: none;
}


#insta li:nth-child(3n){
	float:left;
}

#insta li:nth-child(3n+1){
	clear:none;
}
    #insta li + li{
        margin-top:15px;
    }
#insta li:nth-child(odd){
	/*float:left;*/
	clear:both;
}

#insta li:nth-child(even){
    /*float:right;*/
}

#insta insta_li:hover{
	opacity:1;
}

#insta .btn_insta{
	width:100%;
	float:none;
	clear:both;
	text-align:center;
	background:#F5F7F1;
}

.hover_insta{
	box-sizing:border-box;
	position: relative;
	display: block;
	overflow:hidden;
}


.hover_insta:hover .plus{
	width:50px;
	height:50px;
	background: linear-gradient(-45deg, rgba(0,128,0,0.85) 30px, transparent 0);
}

.hover_insta:hover .plus .bg_span{
	background:url(../img/cmn/plus1.png) no-repeat 80% 80%;
}
#top_app .info_box{
	border:2px solid #007F00;
	padding:15px;
	background:url(../img/top/app.png) no-repeat left 15px top 20px;
	background-size:100px auto;
	overflow:hidden;
}
#top_app .info_box h3{
	font-size:20px;
	margin:0 0 0 110px;
	height:180px;
}
#top_app .info_box .in{
	width:auto;
	float:none;
}
#top_app .info_box ul li{
	width:auto;
	height:auto;
	border-bottom:1px solid #007F00;
	margin:0 0 15px;
	padding:0 0 10px;
	background:none;
	text-align:left;
	color:#007F00;
	float:none;
}
#top_app .info_box ul li.l1{
	margin-right:0;
}
#top_app .info_box ul li.l3{
	float:none;
}
#top_app .info_box .text{
	float:none;
	width:auto;
	font-size:18px;
}
#top_app .info_box .pc_qr,
#top_app .info_box .pc_click{
	display:none;
}
#top_app .info_box .sp_qr,
#top_app .info_box .sp_click{
	display:block;
}
#top_app .qr_area{
	overflow:hidden;
}
#top_app .info_box .sp_qr{
	text-align:center;
}
#top_app .info_box .sp_click{
	color:#007F00;
	text-align:center;
}


/*---------------------------------------------
slideshow
-----------------------------------------------*/


#slideshow div div{
	border:10px solid #fff;
	border-top:90px solid #fff;
}
/*---------------------------------------------------

concept.html

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

#concept_mess{
	margin-bottom:60px;
}

#concept_mess .top_mess_area{
	padding:20px 10px;
}

.top_mess_area .text2{
	text-align:left;
}

#concept_about{
	margin-bottom:60px;
}

.concept_text1{
	margin-bottom:20px;
	font-size:18px;
}

.image_list_3{
	overflow:hidden;
	margin-left:-3%;
}

.image_list_3 li{
	float:left;
	margin-left:3%;
	width:30%;
}

.image_list_3 li:nth-child(3n){
	float:right;
	margin-left:3%;
}

#concept_commitment{
	padding-bottom:60px;
}


.commitment_list .commitment_title1{
	font-size:20px;
}


.commitment_list li .text_area{
	width:auto;
	margin-bottom:20px;
}

.commitment_list li .area_in{
	box-sizing:border-box;
	padding:20px 10px 20px;
	min-height:0;
}

.commitment_list li:nth-child(even) .image_area,
.commitment_list li:nth-child(odd) .image_area,
.commitment_list li:nth-child(even) .text_area,
.commitment_list li:nth-child(odd) .text_area{
	float:none;
}

.commitment_list .commitment_text1+.commitment_text1{
	margin-top:10px;
}

.commitment_list li .image_area{
	text-align:center;
}

.commitment_list li+li{
	margin-top:40px;
}

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

salon.html

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

#nakanosyo_salon,
#head_salon,
#eyelash_salon{
	margin-top:-80px;
	padding-top:80px;
}

#salon_info_area{
	padding-bottom:60px;
}

.slon_info_box .text_area{
	width:auto;
	position:static;
	padding:20px 10px;
}

#head_salon .image,
#eyelash_salon .image{
	height:auto;
}

.slon_info_box .image{
	text-align:center;
}

#nakanosyo_salon .image{
	float:none;
}

.slon_info_box .image img{
	width:100%;
}

#head_salon,
#eyelash_salon{
	margin-bottom:60px;
}

.image img{
	vertical-align:middle;
}

.slon_info_box .shop_info dt,
.slon_info_box .shop_info dd{
	float:none;
	width:auto;
}

.slon_info_box .shop_info dt{
	font-weight:bold;
}

.slon_info_box .shop_info dd+dt{
	margin-top:10px;
}


.salon_map iframe{
	height:300px;
}
#nakanosyo_salon {
    margin-bottom:40px;
}
#head_salon .salon_map,
#nakanosyo_salon .salon_map,
#eyelash_salon .salon_map{
	padding-top:20px;
}
    
/*----------------------------------------

recruit.html

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

#recruit_greeting{
	overflow:hidden;
	padding-bottom:60px;
}

.greeting_image_area{
	float:none;
	text-align:center;
	margin-bottom:10px;
}

.greeting_text_area{
	float:none;
	width:auto;
}


#recruit_mess .top_mess_area{
	width:auto;
	padding:20px 10px;
}
#recruit_area,
#recruit_info{
	padding-bottom:60px;
}

.recruit_info_dl{
	display:block;
	width:auto;
}

.recruit_info_dl dt,
.recruit_info_dl dd{
	display:block;
	padding:10px;
}

.recruit_info_dl dt{
	background:#008000;
	color:#fff;
	width:auto;
	text-align:center;
	vertical-align:middle;
}

#recruit_about{
	padding-bottom:60px;
}

.recruit_tel_area .tel_num{
	margin-bottom:5px;
}

.recruit_tel_area .tel_responsible{
	font-size:14px;
}


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

menu.html

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

#menu_area{
	overflow:hidden;
	padding-bottom:80px;
}

#menu_area .img_head1{
	margin-bottom:25px;
}

.menu_c{
	text-align:center;
	margin-bottom:30px;

}

.zei{
	text-align:right;
	font-size:12px;
	margin-bottom:10px;
}

.menu_box{
	width:auto;
}
.menu_right,
.menu_left{
	float:none;
}

.price_list+.menu_type{
	margin-top:50px;
}
.menu_price{
	padding:20px 10px;
}
.menu_desc{
	margin-bottom:45px;
}
.menu_type{
	font-size:20px;
	font-weight:bold;
	margin-bottom:16px;
}
.price_list li{
	border-bottom:none;
}
.price_list li+li{
	margin-top:15px;
	padding-top:15px;
	border-top:1px dotted #333;
	border-bottom:none;
}

.price_list li .name{
	padding:0 15px 0 0;
}

.price_list li .small_name{
	font-size:16px;
}

.price_list li .price{
	display:inline-block;
}

.menu_desc{
	font-size:16px;
}

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

staff.html

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

.ank_list li{
	font-size:20px;
}

.ank_list li a:hover{
	background:#F5F7F1;
	color:#007F00;
}

.ank_list li a:hover .bg1{
	background:url(../img/cmn/arrow1.png) right center no-repeat;
}

.bg_head1{
	font-size:23px;
}

.staff_list_area .staff_img{
	float:none;
	text-align:center;
}

.staff_list_area .staff_intro{
	width:auto;
	float:none;
}

.staff_list_area .staff_title{
	font-size:16px;
}

.staff_list_area .staff_name{
	font-size:22px;
}

.staff_list_area .staff_name .eng{
	font-size:14px;
}
/*
.google_ca{
	padding-top:10px;
}*/

.staff_list_area .google_ca_btn,
.staff_list_area .google_ca{
	display:none;
}

.google_ca .ca_color{
	padding:10px;
}

.google_ca iframe{
	height:300px;
}

#staff_area1,
#staff_area2{
	padding-bottom:60px;
}
#staff_area1,
#staff_area2,
#staff16,
#recruit_greeting{
	padding-top:82px;
	margin-top:-82px;
}
#staff1,
#staff2,
#staff3,
#staff4,
#staff5,
#staff6,
#staff7,
#staff8,
#staff9,
#staff10,
#staff11,
#staff12,
#staff13,
#staff14,
#staff15,
#staff17{
	padding-top:142px;
	margin-top:-82px;
}

}/* max-width:650px */


/* max-width:480px */
@media only screen and (max-width:530px){

.ank_list li{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.ank_list li:nth-child(odd){
	float:none;
	clear:none;
}

.ank_list li:nth-child(even){
	float:none;
}

}/* max-width:480px */



.news_b{
	display:block;
	margin:10px 0 50px;
	text-align:center;
	border:double 5px #F00;
}