@charset "UTF-8";
@import "common.css";
@import "calendar.css";
@import "sns.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-size: 16px;letter-spacing: 0.5px;color:#000;z-index: 0;}

table{font-size:1em;}

/********** ヘッダー **********/

/*.l_container.second_page .l_header #top{display: flex;justify-content: space-between;}*/
.l_header h1{display: block;width: 150px;z-index: 5;background: #fff;height: 145px;position: absolute;}
.l_header h1 a{text-indent: 100%;white-space: nowrap;overflow: hidden;background: url(../images/logo.png) no-repeat center;background-size: cover;display: block;width: 150px;height: 145px;}
.l_header .fixed{animation: DownAnime 0.5s forwards;}

@keyframes DownAnime{
  from {opacity: 0;transform: translateY(-100px);}
  to {opacity: 1;transform: translateY(0);}
}


.l_header .fixed h1{height: 85px;top: 9px;}
.l_header .fixed h1 a {background-size: contain;width: 150px;height: 85px;}
.l_header .fixed{position: fixed;width: 100%;box-shadow: 0px 4px 21px -10px rgba(168, 182, 82,0.6);z-index: 8000;background: #fff;}

.top_page .l_header h1{display:none;} 
.top_page .l_header .open h1,.top_page .l_header .fixed h1{display:block;} 


.l_main_navi{    width: 100%;}
.l_main_navi .navi_list{display: flex;justify-content: flex-end;padding: 0 55px;}
.l_main_navi .navi_list li{
}
.l_main_navi .navi_list li a{text-decoration: none;padding: 30px 12px;display: block;font-weight:bold;}
.l_main_navi .navi_list li a.on{color:#2ca453;border-style:solid;padding:26px 12px;
border-image: linear-gradient(272deg,rgb(44,164,83)0%, rgb(89,179,84)50%, rgb(134,194,85)90%) 1/4px 0 0 0; }
.l_main_navi .navi_list li a.line{width:120px;margin: 0 auto;background: none;padding: 20px 0 0 0;}
.l_main_navi .navi_list li a.line:after{content:none;}

.second_title{z-index: 0;}
.second_title .title_wrapper{background: url(../images/bg_second_about.png) no-repeat;max-width: 1810px;margin: 0 auto;padding: 100px 0;color:#fff;text-shadow: #000 0px 2px 11px;}
/****個別にする場合は使ってください
.second_title.about .title_wrapper{}
.second_title.beauty_salon .title_wrapper{}
.second_title.nail .title_wrapper{}
.second_title.faq .title_wrapper{}
.second_title.form_1 .title_wrapper{}
**/
.second_title .title{text-align: center;font-weight: 600;font-size: 42px;}
.second_title .sub_title{text-align: center;}


/**mainimage***/
.l_header_image{/*height: 800px;*/padding-bottom:4.04%;}
.l_header_image ul.image_slider li span{padding-top: 38%;/* height: 726px; */background-repeat: no-repeat;background-position: 90%;background-size: contain;}
/* Dots */
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: end;left: -60px;}
.slick-dots li{position: relative;display: inline-block;width: 10px;height: 13px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 5px;cursor: pointer; border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:before{line-height: 10px;position: absolute;top: 0;left: 0;width: 10px;height: 10px;content:"";border-radius:50%;border:1px solid #c2a400;background-color: #c2a400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{border:1px solid #c2a400;background:transparent;}

/********** コンテンツ *********/
.l_contents{}
.l_breadcrumb{max-width: 1200px;margin: 0 auto;padding: 5px;font-family: "YuGothic", "Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;color:#596156;}
.l_breadcrumb ul{}
.l_breadcrumb li{}
.l_column{}
.l_column_sub{}
.l_column_main{}

/********** フッター **********/
.l_footer{}
.l_footer .contents{background: url("../images/bg_footer_adress.png") #fbfcf6 no-repeat left bottom;color: #778273;}
/*.l_footer .box{font-weight:bold;}*/
.l_footer .copyright{text-align: center;background: #333;color: #fff;}
.contact_btn a{text-decoration: none;color: #fff; background: #c2a400;width: 100%;display: block;text-align: center;}



/********** レスポンシブル ********/


@media screen and (max-width:767px) {
	.pc{display:none !important;}
	.sp{}
	
	body{font-size:15px;}
	
	.l_header_image ul.image_slider:after{display:none;}
	.l_container.top_page .l_header{background: url(../images/sp_header_image_bg.png) no-repeat;    background-position: left -5px;background-size: contain;}
	#nav-toggle div:after{left: -1px !important;}
	.l_header_image ul.image_slider li span{padding-top: 0;background-position: 100%;/*height: 350px;*/height: 380px;}
	.site_message_img{max-width: 289px;padding:30px 0 52px;margin: 0 auto;}
	.l_main_navi .navi_list li a.on{}

	.l_main_navi .navi_list {padding: 75px 20px !important;}
	.sp .l_header_image{position:relative;}
	.sp .l_header_image:before{position: absolute;content:"";    background: url(../images/sp_logo.png) no-repeat;width: 110px;height: 100px;z-index: 10;left: 13px;top: -53px;background-size: cover;}

	.l_header h1,.l_header h1 a{width:75px;height:73px !important;top: 1px !important;}
	.l_header .fixed h1 a {width: 75px;height: 73px;}
	.second_title .sub_title{line-height:1;font-size: 16px;}
	.second_title .title{font-size:24px;}
	.second_title .title_wrapper{padding: 44px 0;background-size: cover;background-position: center;}
	.l_breadcrumb{padding:5px 20px;font-size:12px;}
	
	.l_footer .wrapper .gmap{}
	.l_footer .wrapper .gmap iframe{width:100%;height: 320px;}
	.l_footer .contents{text-align:center;padding:30px 0;}
	.l_footer .contents .img{display:none;}
	.l_footer .box .line{max-width: 150px;margin: 20px auto 0;}
	.l_footer .box .shop_name{font-size:18px;margin-bottom:14px;}
	.l_footer .box .time{margin:10px 0 0;}
	.contact_btn a{box-shadow: 0px 4px 21px -10px rgba(168, 182, 82,0.6);color: #c2a400;background: #fff;width: 100%;max-width: 255px;font-size: 15px;margin: 20px auto 0;padding:15px 0;}
	.l_footer .copyright {font-size: 12px;padding: 6px 0;}
}
@media screen and (max-width:330px) {
.l_header_image ul.image_slider li span{padding-top: 100%;background-position: 100%;height:auto;}

}
@media screen and (min-width:768px) {
	.pc{}
	.sp{display:none !important;}
	
	.l_container.top_page .l_header{background: url(../images/header_image_bg.png) no-repeat;}
	.l_header_image ul.image_slider{background: url(../images/top_message.png) no-repeat;background-position: 60px center;position: relative;}
	.l_header_image ul.image_slider:after{content:"";background: url(../images/scroll_down.png) no-repeat;position:absolute;width: 9px;height: 162px;right: 10px;bottom:-40px;}
	.l_breadcrumb{font-size:14px;}
	
	/**共通フッター**/
	.contact_btn a{padding: 17px 0;max-width: 250px;}
	.l_footer .contents{display: flex;align-items: center;flex-direction: row-reverse;justify-content: center;padding: 0 55px;max-width: 700px;width: 100%;}
	.l_footer .wrapper{display: flex;justify-content: space-between;height: 400px;}
	.l_footer .wrapper .map-wrap{width: 1220px;}
	.l_footer .img{margin-left: 50px;}
	.l_footer .box{font-size: 14px;}
	.l_footer .box .shop_name{font-size:24px;}
	.l_footer .box .shop_name .sub{font-size:18px;margin-right: 10px;}
	.l_footer .box .time{margin:20px 0 30px;}
	.l_footer .box .line{max-width: 150px;margin:0 0 10px;}
	.l_footer .copyright{padding: 13px 0;font-size:12px;}
	.l_footer .wrapper .gmap{position: relative;width: 100%;height: 0;/*padding-top: 75%;*/}
	.l_footer .wrapper .gmap iframe {position: absolute;top: 0;left: 0;width: 100%;}
	.l_header .fixed h1 a,.l_header .fixed h1{height:73px;top: 0;width: 85px;}
}




/******/
@media screen and (max-width:1625px) {
.l_header_image ul.image_slider{background-size:21%;}
}

/******/
@media only screen and (min-width: 768px) and (max-width: 940px){
.l_footer .contents{width: 205%;}
}
@media only screen and (min-width: 768px) and (max-width: 980px){
.l_footer .box .time{margin: 10px 0 15px;}
}
@media only screen and (min-width:956px) and (max-width: 1024px){
.l_main_navi .navi_list{padding: 0 20px;font-size: 14px;}
.l_header h1{width:95px;height: 73px;}
.l_header h1 a{padding-top: 10px;width: 75px;height: 73px;}
}
@media screen and (max-width:1024px) {.l_main_navi .navi_list li a.line{width: 130px;}}
@media screen and (min-width: 768px) and (max-width:820px) {
.l_header_image ul.image_slider li span{background-size:500px;}

}
@media screen and (max-width:900px) {
.l_main_navi .navi_list{padding:0 25px;    justify-content: space-between;}
.l_header_image ul.image_slider{background-position:30px center;}
.l_header_image ul.image_slider:after{right:5px;}

.slick-dots{left:-30px;}
}

@media screen and (min-width:886px) {
.small_device{display:none;}
}

@media screen and (max-width:955px) {
.small_device{display:block;}
.l_header .open h1, .l_header .open h1 a {
    width: 75px;
    height: 73px !important;
    top: 1px !important;
}
.l_main_navi{display: none;}
.l_header .open .l_main_navi{display:block;}
.l_header .open{position: fixed !important;z-index: 500;top: 0;width: 100%;}
.l_header #top{position: relative;height: 75px;}
.l_header #top.open{    height: 100vh;background: #fff;    display: block !important;}
.l_header .sp_wrapper{overflow-y: scroll;height: 100%;}
.l_main_navi .navi_list{display: block;}
/* Toggle Button */
#nav-toggle {position: absolute;right: 20px;top: 25%;width: 36px;height:45px;cursor: pointer;/*z-index: 101;*/}
#nav-toggle div {position: relative;}
#nav-toggle div:after{content: "MENU";position: absolute;left: -1px;top: 27px;font-size: 11px;}

#nav-toggle span {display: block;position: absolute;height: 2px;width: 100%;background: #666;left: 0;
    -webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1){top: 0;}
#nav-toggle span:nth-child(2){top: 10px;}
#nav-toggle span:nth-child(3){top: 20px;}
.l_header .open #nav-toggle{top:3%;}

.l_main_navi .navi_list li a{background:#fff;padding:20px;margin: 0 0 5px;position: relative;}
.l_main_navi .navi_list li a:after{content:"";top:45%;right:15px;position:absolute;width:8px;height:8px;border-top: 1px solid #5d6d58;border-right: 1px solid #5d6d58;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.l_main_navi .navi_list li a.on:after{border-color:#5eba7c;}
.l_main_navi .navi_list li a.on{border-image: linear-gradient(272deg,rgb(44,164,83)0%, rgb(89,179,84)50%, rgb(134,194,85)90%) 1/0 0 2px 0;    padding: 20px;
    color: #5d6d58;    height: 25px;}
.l_main_navi .navi_list li a.on:before{content:"";position:absolute;width: 90px;height: 70px;right: 30px;top: -3px;background: url(../images/sp_menu_on.png) no-repeat;background-size: cover;}
.l_main_navi .navi_list li:last-of-type a{padding: 10px 0 0;width: 150px;}
.l_main_navi .navi_list{padding: 70px 20px 20px!important;}
.l_main_navi .adress_wrapper{text-align:center;padding-bottom:60px;color: #778273;}
.l_main_navi .adress_wrapper .shop_name{margin-bottom: 15px;font-size: 18px;font-weight: bold;}
.l_main_navi .adress_wrapper .tel{font-size: 13px;margin-top: 10px;}
.l_main_navi .adress_wrapper .time{font-size: 13px;margin-top: 10px;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(330deg);-moz-transform: rotate(330deg);transform: rotate(330deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-330deg);-moz-transform: rotate(-330deg);transform: rotate(-330deg);}
.l_header #top.open{background-image: -moz-linear-gradient( 45deg, rgb(248,252,231) 0%, rgb(251,248,232) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(248,252,231) 0%, rgb(251,248,232) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(248,252,231) 0%, rgb(251,248,232) 100%);
  opacity: 0.97;}
.l_header .open h1{background: #fff0;}
}