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

/*共有*/
.pc{display:block;}
.sp{display:none;}
.page_wrap{overflow: hidden;}

.indent{padding-left:1em;text-indent:-1em;}

.d_title{
	padding-bottom:30px;
	}

/*ホームボディ*/
body.index{background:url(../img/bg_img.gif) repeat;}



/*ヘッダー*/
.sp_head {
    width: 100%;
    height: 50px;
    position: fixed;
    background: #FFF;
    text-align: center;
    z-index: 980;
  }

  .sp_head img {
    max-width: 130px;
  }


/*メインイメージ*/
#main_img{
	background:url(../img/main_img.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	max-height:600px;
}
#main_img .inner{
	max-width:1000px;padding:5vw 0 0;
	}
#main_img h1{max-width:480px;width:48%;}
#main_img .scroll{max-width:60px;margin:5vw auto 0;position:relative;bottom:0;width:8%;}
#main_img .color{background:url(../img/color.gif) center repeat-x;height:12px;}



/*コンセプト*/

.concept_wrap .concept_bg{
	background:url(../img/concept_bg1.png) right no-repeat;
	background-size:cover;
}

.concept_wrap .inner{padding:5vw 0;}

.concept_wrap h2{max-width:500px;width:50%;}
.concept_wrap ul{margin:1vw 0;}


/*カレンダー*/
.calendar_wrap{padding-top:3vw;}
.calendar_wrap .inner{padding:7vw 0 5vw;}
.calendar_wrap .inner2{padding:0 0 5vw 0;}

.calendar_wrap h2{max-width:511px;width:51%;margin:0 auto;}
.calendar_wrap p{display:block;text-align:center;}
.calendar_wrap .icon_calendar{display:block;margin:0 auto 0.5vw;max-width:300px;width:90%;}
.calendar_wrap .calendar_dammy{display:block;margin:3vw auto;max-width:726px;}

.calendar{
	position:relative;
	width:100%;
	max-height:610px;
	height:75vw;
}
.calendar iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:75vw;
	max-height:660px;
	overflow:hidden;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}

.calendar2{

}
.calendar2 iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:75vw;
	overflow:hidden;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}

/*予約*/
.yoyaku{margin-bottom:5%;}

.yoyaku_wrap{padding:0 0 70px;position:static;z-index:900;}
.yoyaku_wrap .inner2{width:90%;}
.yoyaku_wrap h2 {
  max-width: 511px;
  width: 51%;
  margin: 0 auto;
}

.btm_booking{
  max-width:800px;
  margin:0 auto;
  display: block;
  font-size:0.9em;
  }
.btm_booking li{
  text-indent:-1em;
  padding-left:1em;
}

.yoyaku_wrap .inner2 a{display:block;max-width:800px;margin:0 auto;}

.booking{background:#FFF;}
.booking_wrap{
	margin:2vw 0;
	padding:0 !important;
	/*background:#FFF;*/
	height: 93vw;
	max-height: 595px !important;
  }
.calendarHeader{background:#FFF;}
#booking-package_calendarPage .week_slot{background:#FFF;}
#booking-package_calendarPage .day_slot{background:#FFF;}
.book_now_button{
	border: none;
	border-radius: 0.2em;
	padding:1em;
	background:#900;
	color:#FFF;
	}
.return_form_button{padding:1em;}


/*コロナウイルス感染対策*/
.covid_wrap{
	/*background:#eee;*/
	}
.covid_wrap .inner{padding:0 0 7vw 0;}

.covid_wrap h2{max-width:511px;width:51%;margin:0 auto;}
.covid_wrap li{text-indent:-1em;padding-left:1em;}


/*メニュー*/
.menu_wrap{
	/*background:#b81c22;*/
	}
.menu_wrap .inner{padding:7vw 0 10vw;color:#000;}
.menu_wrap .title_btm{display:block;text-align:center;padding:1vw 0;}

.menu_wrap ul{margin:1.5vw 0;display:table;width:100%;}
.menu_wrap li{width:49%;display:table-cell;padding:0 1%;}
.menu_wrap li .price_wrap{display:table;width:100%;border-bottom:1px #000 dashed;padding:1vw 0;}
.menu_wrap li .menu{width:72%;display:table-cell;font-size:30px;vertical-align:middle;line-height:1.2em;}
.menu_wrap li .menu .menu_sub{font-size:0.6em;display:block;line-height: 1em;}
.menu_wrap li .price{width:28%;display:table-cell;text-align:right;font-size:33px;vertical-align:bottom;ine-height:1.2em;}

.menu_wrap .course_menu{text-align:center;font-size:30px;display:block;line-height:1.2em;}
.menu_wrap .course_menu span{font-size:0.6em;display:block;}

.price_line .menu{width:65% !important;}
.price_line .price{width:35% !important;}

.line_w li{width:100%;display:table-cell;padding:0;}
.line_w li .menu{width:70%;display:table-cell;font-size:30px;vertical-align:middle;line-height:1.2em;}
.line_w li .price{width:30%;display:table-cell;text-align:right;font-size:33px;vertical-align:middle;ine-height:1.2em;}

.menu_wrap .cutmenu h2{max-width:511px;width:51%;margin:0 auto;}
.menu_wrap .option{margin-top:10vw;}
.menu_wrap .option h2{max-width:250px;width:25%;margin:0 auto;}
.menu_wrap .course1{margin-top:5vw;}
.menu_wrap .course1 h2{max-width:250px;width:25%;margin:0 auto;}
.menu_wrap .course2{margin-top:10vw;}
.menu_wrap .course2 h2{max-width:450px;width:45%;margin:0 auto;}


/*スタッフ紹介*/
.staff_wrap{
	background:url(../img/staff_bg.png) top right no-repeat;background-size:35%;
	}
.staff_wrap .inner{padding:7vw 0;}

.staff_wrap h2{max-width:511px;width:51%;margin:0 auto;}

.staff_img_wrap img{display:block;}
.staff_img_wrap .staff_img1{width:48%;float:left;}
.staff_img_wrap .staff_img2{width:48%;float:right;}
.staff_img3{margin-top:5%;display:block;}

.owner_wrap{margin-bottom:5%;}
.owner_wrap .staff_img2{width:60%;margin:0 auto;display:block;}



/*ヘアスタイルカタログ*/
/*.catalog_wrap{
	background:url(../img/catalog_bg.jpg) center no-repeat;background-size:cover;}
.catalog_wrap .mark{background:url(../img/catalog_bg2.png) top right no-repeat;background-size:25%;}*/
.catalog_wrap .inner{padding:7vw 0;}

.catalog_wrap h2{max-width:511px;width:51%;margin:0 auto;}

.catalog_wrap li{
	float:left;
	max-width:320px;
	width:32%;
	margin-right:1.5%;
	overflow: hidden;
	height: 320px;
	margin-bottom: 1.5%;
	}
.catalog_wrap li:nth-child(3n){margin-right:0;}


.catalog_wrap .catalog img{
	height:300px;
	width:100%;
	object-fit: cover;
	}
.catalog_wrap .catalog figure{margin:0;}

.catalog_wrap .wp-block-image{
	display:block;
	float:left;
	max-width:320px;
	width:32%;
	margin-right:1.5% !important;
	overflow: hidden;
	height: 300px;
	margin-bottom: 1.5% !important;
	}
.catalog_wrap .wp-block-image:nth-child(3n){margin-right:0 !important;}

/*カレンダー追加*/
#booking-package_schedulePage .selected_service_slot{
	background:#888 !important;
	color:#FFF !important;
}

#booking-package .selectable_service_slot{line-height:1.2em;}



/*お店からのメッセージ*/
.information_wrap{z-index: 850;position: relative;}
.information_wrap .inner{padding:0 0 7vw 0;}

.information_wrap h2{max-width:511px;width:51%;margin:0 auto;}

.information_wrap li{border-bottom:1px #888 dashed;display:table;padding:2vw 0;width:100%;}
.information_wrap li .day{display:table-cell;padding-right:1em;width:5em;}
.information_wrap li p{display:table-cell;}

.btn_wrap{padding:10vw 0 0;text-align:center;}
.btn_wrap a{
	display:block;
	padding:10px;
	background:#000;
	color:#FFF;
    border-radius: 6vw;
    -webkit-border-radius:6vw;
    -moz-border-radius: 6vw;
	max-width:14em;
	margin:0 auto;
	line-height:1em;
}
.btn_wrap a:hover{background:#333;}

/*PayPay*/
.paypay{max-width:300px;margin:2% auto;width:50%;}

/*インスタグラム*/
.instagram_wrap a{border-radius: 10px;display:block;max-width:200px;width:20%;margin:3% auto 0;padding:10px;background:#FFF;}
.instagram_wrap p{display:block;text-align:center;}


/*よくある質問*/
/*.faq_wrap{background:url(../img/faq_bg.jpg) center no-repeat;background-size:cover;}*/
.faq_wrap .inner{padding:7vw 0;}
.faq_wrap a{color:#09F;}
.faq_wrap a:hover{color:#F90;}

.faq_wrap h2{max-width:511px;width:51%;margin:0 auto;}
.faq_wrap .faq{border:1px #888 solid;background:#FFF;padding:2vw;}
.faq_wrap .faq .icon_q{display:table;padding:2vw 1vw;width:98%;}
.faq_wrap .faq .icon_q span{display:table-cell;width:1em;color:#09F;font-size:50px;line-height:0.5em;}
.faq_wrap .faq .icon_q p{display:table-cell;font-size:32px;padding-left:0.5em;line-height:1em;vertical-align:top;}
.faq_wrap .faq .icon_a{display:table;padding:2vw 1vw;background:#f2eac6;width:98%;}
.faq_wrap .faq .icon_a span{display:table-cell;width:1em;color:#F00;font-size:50px;line-height:0.5em;}
.faq_wrap .faq .icon_a p{display:table-cell;font-size:24px;padding-left:0.5em;line-height:1.4em;vertical-align:top;}

.faq_wrap li{padding:2.5vw 0;}
.faq_wrap li:last-child{padding-bottom:0;}

.logo_paypay{max-width:100px;width:50%;margin:2% 0 0;}


/*アクセス*/
.access_wrap{}
.access_wrap .inner{padding:7vw 0 3vw;}

.access_wrap h2{max-width:511px;width:51%;margin:0 auto;}

.access_wrap address{display:block;text-align:center;}
.access_wrap address span{font-size:0.9em;}

/*GoogleMAP*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*採用情報*/
.recruit_wrap{}
.recruit_wrap .inner{padding:7vw 0;}

.recruit_wrap h2{max-width:511px;width:51%;margin:0 auto;}

.recruit_wrap .recruit{padding:3vw 0 0;text-align:center;}
.recruit_wrap .recruit .left{float:left;width:50%;}
.recruit_wrap .recruit .right{max-width:440px;float:right;width:44%;}

.recruit_wrap .btn_wrap{padding-top:5vw;}
.recruit_wrap .btn_wrap a{background:#000;margin:0;margin:0 auto;}
.recruit_wrap .btn_wrap a:hover{background:#333;}



/*フッター*/
footer{
	background:#000;
	color:#FFF;
	display:table;
	width:100%;
	}

footer .left{display:table-cell;width:90%;padding:0 1%;font-size:0.8em;vertical-align: middle;}
footer .right{display:table-cell;width:8%;padding:1vw;border-left: 1px #FFF solid;}
footer a{display:block;padding:1.5vw 0.5vw 0;text-align:center;}
footer a img{max-width:47px;}


/*ページトップ*/
#fixedBox{
position:fixed;
max-width:60px;
bottom:10px;
right:10px;
z-index:900;
}

.fadein {
animation : fadeIn 1s;
animation-fill-mode: both;
}

/*ブログ*/
#main_img_blog{
	background:url(/img/main_img_blog.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	max-height:450px;
}
#main_img_blog .inner{
	max-width:1000px;padding:3vw 0 3vw;
	}
#main_img_blog h1{max-width:330px;width:33%;}
#main_img_blog .color{background:url(/img/color.gif) center repeat-x;height:22px;}

.blog_inner{max-width:1200px;width:96%;margin:0 auto;}

.container{margin:3vw 0;}
.container .contents{width:70%;padding-right:5%;float:left;}
.container .contents .post-item{padding: 1vw 0 3vw;}
.container .contents h2{
border-top: 1px #888 solid;
border-bottom: 1px #888 solid;
padding: 0.5vw 0;
font-size: 24px;
font-weight: bold;
margin-bottom:2vw;
display:none;
}
.container .contents .btn_udr {
    text-align: right;
    padding: 20px 0 0;
}
.container .contents .btn_udr a {
    border: 1px #888 solid;
    display: inline-block;
    padding: 5px 15px;
}
.container .sidebar{width:25%;float:right;vertical-align: top;}
.container .sidebar h2{background:#000;color:#FFF;line-height:1.2em;padding:5px;}
.container .sidebar .wp-block-search__label{
background:#000;
color:#FFF;
line-height:1.2em;
padding:5px;
width:96%;
display:block;
}
.container .sidebar .wp-block-search__inside-wrapper{padding:1vw 0;}

.container .sidebar li li{padding:0.2vw;border-bottom:1px #888 dashed;}
.container .sidebar li li:last-child{border-bottom:none;}

.wp-block-search .wp-block-search__input {height:2em;padding: 0 0.5vw;}
.wp-block-search .wp-block-search__button {min-width: 4em;line-height:1.2em;}

.page_links{padding:8% 0 4%;}
.page_links h2{display:none;}
.page_links:after {
  display: block;
  clear: both;
  content: "";
}
.page_links a{display:inline-block;padding:0.2em;float:left;border:1px #888 solid;margin-right:2px;}
.current{background:#f0e9d8;padding:0.2em;display:inline-block;float:left;border:1px #888 solid;margin-right:2px;}

/*個別ページ*/
.container .contents .btn_wrap_wp{padding:6% 0 2% 0;}
.container .contents .btn_wrap_wp:after {
  display: block;
  clear: both;
  content: "";
}

.container .contents .btn_wrap_wp .prev{border:1px #888 solid;padding:0 10px;float:left;}
.container .contents .btn_wrap_wp .next{border:1px #888 solid;padding:0 10px;float:right;}

.alost .calendar{pointer-events: none;}
.alost .symbolPanel{display:none !important;}
.alost .dateField{padding:1em 0 !important;}
.booking_wrap{padding:2vw 0;}


/*メニュー2025板*/
.course_inner{padding:2vw 0;}
.course_inner .left{float:left;max-width:470px;width:47%;}
.course_inner .right{float:right;max-width:470px;width:47%;}
.course_inner h4{
	color:#FFF;
	background:#900;
	line-height:1.2em;
	font-size:40px;
	font-weight:700;
	text-align:center;
	border-radius: 0.2em;
	padding:0.2em 0;
	line-height: 1em;
	}
.course_inner img{
	display:block;
	margin:1vw auto 0;
	}
.course_inner .price{
	color:#900;
	line-height:1.2em;
	font-size:40px;
	font-weight:700;
	text-align:center;
	}

.price .star{
	color:#09C;
	font-size:0.5em;
	position: relative;
	top: -0.3em;
	padding-right:0.2em;
	}

.menu .s_comment{font-size:0.7em;padding:0 0.2em;position:relative;top:-0.2em;}
.menu .s_comment .cyuui{font-size:0.7em;padding-left:0.5em;position:relative;top:-0.2em;}

.star_wrap{
	margin:1em 0;
	padding:0.5em;
	color:#09C;
	background:#FFF;
	font-size:1.4em;
	font-weight:700;
	text-align:center;
	border-radius: 0.5em;
	}
.star_wrap .black{color:#333;}
.star_wrap .black .price{color:#900;}
.star_wrap .black .price .hiki{font-size:0.7em;}

.course1 .indent{padding-left:1em;text-indent:-1em;text-align:justify;}

@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}



@media screen and (max-width:1000px) {
.catalog_wrap li{height:29vw;}
.booking_wrap{padding:100px 0;}

}

@media screen and (max-width:760px) {
/*共通*/
.pc{display:none;}
.sp{display:block;}


/*ヘッダー*/
.sp_head{width:100%;height:50px;position:fixed;background:#FFF;text-align:center;z-index:880;}
.sp_head img{max-width:130px;}

#main_img{margin-top:50px;padding:30vw 0 0;}

#concept,#calendar,#covid,#cutmenu,#staff,#catalog,#information,#faq,#access,#recruit{
	margin-top:-150px;
	}
	

/*スライダー*/
.slider{margin-top:50px;}
.slider_img{margin-bottom:-10px;}
.slider .color{background:url(../img/color.gif) center repeat-x;height:8px;}

/*コンセプト*/
.concept_wrap .concept_bg{
	background:none;
	/*background:url(../img/concept_bg1.png) right top no-repeat;
	background-size:50%;*/
}
.concept_wrap h2{max-width:600px;width:100%;margin:5vw 0 3vw;}

/*カレンダー*/
.calendar_wrap .inner{padding:8vw 0 10vw;}
.calendar_wrap .inner2{padding:8vw 0 24vw;}
.calendar_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.calendar_wrap .d_title{background-size:30%;}

.calendar_wrap .inner2{padding:0 0 3vw 0;}


.calendar{width:100%;}


/*コロナウイルス*/
.covid_wrap .inner{padding:8vw 0;}
.covid_wrap h2{max-width:450px;width:70%;margin:0 auto;}
.covid_wrap .d_title{background-size:30%;}


/*メニュー*/
.menu_wrap li{width:100%;padding:0;display:block;}
.menu_wrap li .price_wrap{}
.menu_wrap li .menu{font-size:21px;width:65%;}
.menu_wrap li .price{font-size:21px;width:35%;}

.menu_wrap .cutmenu h2{max-width:440px;width:70%;margin:0 auto;}
.menu_wrap .option h2{max-width:240px;width:35%;margin:0 auto;}
.menu_wrap .course1 h2{max-width:260px;width:35%;margin:0 auto;}
.menu_wrap .course2 h2{max-width:350px;width:50%;margin:0 auto;}

.menu_wrap .course_menu{font-size: 21px;}


/*スタッフ紹介*/
.staff_wrap{background:none;}
.staff_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.staff_wrap .d_title{background-size:45%;}


/*ヘアスタイルカタログ*/
.catalog_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.catalog_wrap .d_title{background-size:30%;}

.catalog_wrap .mark{/*background:url(../img/catalog_bg2.png) top right no-repeat;background-size:35%;*/}
.catalog_wrap .inner{padding:7vw 0;}

.catalog_wrap li:nth-child(3n){margin-right:2%;}
.catalog_wrap li{float:left;max-width:300px;width:49%;margin-right:2%;margin-bottom:2%;height:42vw;}
.catalog_wrap li:nth-child(2n){margin-right:0;}

.catalog_wrap .wp-block-image img{height:200px;}
.catalog_wrap .wp-block-image:nth-child(3n){margin-right:2% !important;}
.catalog_wrap .wp-block-image{float:left;max-width:300px;width:49%;margin-right:2%;margin-bottom:2%;height:42vw;}
.catalog_wrap .wp-block-image:nth-child(2n){margin-right:0 !important;}


/*お店からのメッセージ*/
.information_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.information_wrap .d_title{background-size:30%;}

.information_wrap li{display:block;}
.information_wrap li .day{display:block;}
.information_wrap li p{display:block;}


/*PayPay*/
.paypay_wrap{padding:4%;background:#FFF;border:1px #888 solid;}
.paypay_wrap .paypay_inner{display:block;margin: 0 auto;width:80%;}
.paypay_wrap .paypay_inner div{display:block;}
.paypay_wrap .paypay_inner div.paypay img{display:block;max-width:300px;margin:0 auto;}
.paypay_wrap .paypay_inner div.paypay_text{font-size:1.2em;text-align:center;}

/*インスタグラム*/
.instagram_wrap a{border-radius:10px;display:block;max-width:350px;width:70%;margin:3% auto;padding:10px;background:#FFF;}


/*よくある質問*/
.faq_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.faq_wrap .d_title{background-size:30%;}

.faq_wrap .faq .icon_q{padding:3vw;width:93%;}
.faq_wrap .faq .icon_q span{font-size:40px;}
.faq_wrap .faq .icon_q p{font-size:28px;}
.faq_wrap .faq .icon_a{padding:3vw;width:93%;}
.faq_wrap .faq .icon_a span{font-size:40px;}
.faq_wrap .faq .icon_a p{font-size:21px;}


/*アクセス*/
.access_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.access_wrap .d_title{background-size:55%;padding-bottom:0;}

.ggmap {margin-top:5vw;}

/*採用情報*/
.recruit_wrap h2{max-width:440px;width:70%;margin:0 auto;}
.recruit_wrap .d_title{background-size:55%;}

.recruit_wrap .recruit{padding:0 0 5vw;}
.recruit_wrap .recruit .left{float:none;width:100%;}
.recruit_wrap .recruit .right{max-width:700px;float:none;width:100%;}

.recruit_wrap .btn_wrap a{margin:0 auto;}

/*フッター*/
footer{font-size:14px;}


/*ページトップ*/
#fixedBox{
position:fixed;
max-width:50px;
bottom:5px;
right:5px;
}


/*BLOG*/
.container .contents{width:96%;padding-right:0;float:none;margin:0 auto;padding-bottom:5vw;}
.container .sidebar{width:96%;float:none;margin-top:5vw;margin:0 auto;}

.container .sidebar .wp-block-search__inside-wrapper{padding:3vw 0;}


/*カレンダー*/
.booking_wrap{
	padding:5vw 0;
height: 130vw;
    max-height: 490px !important;
  }

.btm_booking{text-align:left !important;}


.calendar iframe{
	height:85vw;
	max-height:700px;
}
.calendar {
  max-height: 450px;
  height: 75vw;
}

/*メニュー2025板*/
.course_inner{padding:2vw 0;}
.course_inner .left{float:none;max-width:none;width:100%;}
.course_inner .right{float:none;max-width:none;width:100%;margin:5vw 0;}
.course_inner h4{font-size:28px;}

.menu .s_comment{font-size:0.7em;padding:0;position:relative;top:-0.2em;display:block;line-height:1.4em;}
.menu .s_comment .cyuui{font-size:0.8em;padding-left:0;position:relative;top:-0.4em;}

.course1 .indent{font-size:0.8em;line-height:1.4em;}


}

@media screen and (max-width:650px) {
.concept_wrap .concept_bg p{font-size:3.7vw;}
.concept_wrap .concept_bg li{font-size:3.7vw;}


}