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

/*共有*/

.pc{display:block;}
.sp{display:none;}
.page_wrap{overflow: hidden;}
.indent{padding-left:1em;text-indent:-1em;}
.ank{margin-top:-60px;padding-top:60px;}
.cf:after {
  display: block;
  clear: both;
  content: "";
}

/*タイトル*/
.title_wrap{
	text-align:center;
	font-size:60px;
	}
	
.title_wrap span{
	font-size:0.5em;
	display:block;
	margin-top:0.8em;
	padding-top:0.2em;
	background:url(../img/title_bg.gif) top center no-repeat;
	}


/*ヘッダー*/
.f_header{
	height:60px;
	background:rgb(0,0,0,0.5);
	position:fixed;
	width:100%;
	z-index:999;
	}
.f_header .header_navi{float:right;margin:9px 20px 0 0;}
.f_header li{float:left;margin-left:2em;}
.f_header li a{color:#FFF;}
.f_header li a:hover{color:#F60;}

/*メイン*/
#main_img{
	background:url(../img/main_img.webp) center center no-repeat;
	background-size:cover;
	}
#main_img .inner{
	max-width:1200px;
	padding:10% 0;
}
#main_img h1{
	max-width:550px;
	width:55%;
	}

/*メニューボタン*/
.menu_list{
	position:fixed;
	top:200px;
	right:0;
	z-index:999;
}
.menu_list a{
	color:#FFF;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding:20px 5px;
	height:9em;
	width:42px;
	display:block;
	text-align:center;
	}


.menu_list .lady{
	background:#ea6188 url(../img/corner.webp) 5px 5px no-repeat;
	margin-bottom:5px;
	}

.menu_list .men{
	background:#71a7dd url(../img/corner.webp) 5px 5px no-repeat;
  }

.menu_list a.lady:hover{background:#ea4688 url(../img/corner.webp) 5px 5px no-repeat;}
.menu_list a.men:hover{background:#50a7dd url(../img/corner.webp) 5px 5px no-repeat;}

/*メイン下*/
.main_btm_wrap{
	background:url(../img/main_btm_bg.webp) top right no-repeat;
	}
.main_btm_wrap .inner{padding:3% 0;}
.main_btm_wrap .wanwan_wrap{
	max-width:420px;
	width:42%;
	}

.main_btm_wrap .wanwan_wrap p{line-height:1.4em;padding-top:1em;display:block;}



/*こだわり*/
.obsession_wrap{padding:8% 0;}

.obsession1{margin:5% 0;}
.obsession1 .left{float:left;max-width:600px;width:50%;}
.obsession1 .right{float:right;max-width:550px;width:46%;}
.obsession1 h3 img{max-width:540px;}
.obsession1 h3{margin-bottom:0.3em;}

.obsession2{margin:5% 0;}
.obsession2 .left{float:left;max-width:550px;width:46%;}
.obsession2 .right{float:right;max-width:600px;width:50%;}
.obsession2 h3 img{max-width:440px;}
.obsession2 .price_wrap{margin-top:1em;line-height:1.4em;text-align:center;border:1px #a37c52 solid;padding:10px;}
.obsession2 .price_wrap h4{color:#a37c52;}
.obsession2 h3{margin-bottom:0.3em;}


.obsession3{margin:5% 0;}
.obsession3 .left{float:left;max-width:600px;width:50%;}
.obsession3 .right{float:right;max-width:550px;width:46%;}
.obsession3 h3 img{max-width:490px;}
.obsession3 .btn_wrap a{
	display:block;
	background:url(../img/btn_icon.webp) bottom right no-repeat;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border:1px #888 solid;
	margin-top:1em;
	border-radius: 10px;
	color:#333;
	}
.obsession3 .btn_wrap a:hover{
	background:#e96081 url(../img/btn_icon_w.webp) bottom right no-repeat;
	color:#FFF;
	border:1px #e96081 solid;
	}
.obsession3 h3{margin-bottom:0.3em;}
	
	
/*スタッフ*/
.staff_wrap{
	padding:6% 0;
	background:#faeff4 url(../img/staff_img_pc.webp) center right no-repeat;
	background-size:cover;
	}
.staff_wrap .wrap{width:48%;}
.staff_wrap .title_wrap2{
	color:#e96081;
	font-size:60px;
	font-weight:bold;
	margin-bottom:50px;
	}
.staff_wrap p{text-align:justify;font-size:21px;}
	
	
.staff_name{font-size:36px;}
.staff_name span{
	font-size:15px;
	color:#e96081;
	display:block;
	line-height:1.2em;
	padding-left:0.2em;
	}

.staff_wrap h4{font-size:32px;color:#e96081;padding-top:1em;}


/*SNS*/
.sns_wrap{padding:8% 0;}
.sns_wrap .title_wrap{margin-bottom:20px;}
.sns_wrap p{display:block;text-align:center;}
.sns_wrap ul{margin:3% 0;}
.sns_wrap li{float:left;width:48%;}
.sns_wrap li a{display:block;max-width:170px;width:60%;}
.sns_wrap li:nth-child(1){padding-right:2%;}
.sns_wrap li:nth-child(1) a{float:right;}
.sns_wrap li:nth-child(2){padding-left:2%;}
.sns_wrap .bosyu{font-size:1.4em;}


/*アクセス*/
.access_wrap{padding:8% 0 0;background:#faeff4}
.access_wrap .title_wrap{margin-bottom:20px;}
.access_wrap .access{text-align:center;}

.access_wrap .car_map{max-width:1000px;margin:5% auto;}
.access_wrap .car_map h3{color:#e96081;font-size:32px;}
.access_wrap .car_map .car_map_text{float:left;width:54%;}
.access_wrap .car_map .car_map_img{float:right;width:44%;}
.access_wrap .car_map .car_map_img img{border:1px #ccc solid;}

.access_wrap .car_map .car_map_img .text{font-size:0.8em;line-height:1.8em;padding-bottom:1em;}
.access_wrap .car_map .car_map_img .text h3{padding-bottom:0.3em;}


.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*フッター*/
footer{
	background:#e96081;
	color:#FFF;
	text-align:center;
	padding:1em 0;
	line-height:1.2em;
	}
.access a{color:#333;cursor:auto;}
.access a:hover{color:#333;}



/*メニュー・料金表*/
.menupage_wrap{padding:8% 0;}
.menupage_wrap .menu_title{max-width:580px;width:48%;margin:0 auto 5%;}


.menupage_wrap table{width:100%;margin:1% 0;}
.menupage_wrap table tr td{text-align:center;line-height:1.4em;padding:0.5em;border:1px #ccc solid;}
.menupage_wrap table tr:nth-child(odd){background:#efe1e8;}
.menupage_wrap table tr td:nth-child(1){text-align:left;}
.menupage_wrap table tr:nth-child(1) td{text-align:center;}

.table_btm{margin:2% 0;}
.table_btm li{padding-left:1em;text-indent:-1em;line-height:1.4em;padding-bottom:1%;}
.table_btm span{font-size:0.8em;}


/*トリミング*/
.trimming_wrap{margin:10% 0;}
.trimming_wrap .title_wrap{margin-bottom:30px;}
.trimming_wrap .table_right{text-align:right;font-size:0.8em;line-height:1.4em;}


/*オプション*/
.option_wrap{margin:10% 0;}
.option_wrap .title_wrap{margin-bottom:40px;}


/*ホテル*/
.hotel_wrap{margin:10% 0;}
.hotel_wrap .title_wrap{margin-bottom:40px;}

.hotel_wrap table tr.tr_standard{background:#FFF;}
.hotel_wrap table tr.tr_premium{background:#efe1e8;}
.hotel_wrap table td.hanbou{text-align:center !important;}
.hotel_wrap table td.hanbou span{display:block;font-size:0.8em;line-height:1.4em;}
.hotel_wrap p{}


/*お預かり*/
.custody_wrap{margin:10% 0;}
.custody_wrap .title_wrap{margin-bottom:40px;}

/*サイドメニュー*/
.side_menu{position:fixed;right:0;top:15vw;max-width:89px;z-index:999;}


/*管理者*/
.kanri{padding:2% 0 4%;color:#FFF;font-size:0.8em;line-height:1.8em;}

/*お知らせ*/
.info_wrap{padding:0;}
.info_wrap ul{display:table;}
.info_wrap li{display:table-cell;}
.info_wrap li:first-child{
	width:5em;
	background:#e96081;
	color:#FFF;
	text-align:center;
	border-radius: 0.5em;
	vertical-align:middle;
	padding:0 0.7em;
	}
.info_wrap li:last-child{
	vertical-align: top;
	padding-left:1em;
	line-height:1.4em;
}


/*キャッシュレス決済*/
.pay_wrap{padding:3%;border:5px #e96081 solid;}
.pay_wrap h2{text-align:center;font-size:48px;font-weight:bold;color:#e96081;padding-bottom:0.2em;margin-bottom:1%;}
.pay_wrap img{width:50%;float:left;}




/*@media screen and (min-width:1200px) {}*/
@media screen and (max-width:1200px) {
.main_btm_wrap{background-size:contain;}
}
	
@media screen and (max-width:1000px) {
.staff_wrap .sp{display:block;}


/*スタッフ*/
.staff_wrap{
	padding:10% 0;
	background:#faeff4;
	}
.staff_wrap .wrap{width:100%;}
.staff_wrap .title_wrap2{
	text-align:center;
	color:#e96081;
	font-size:9vw;
	font-weight:bold;
	margin-bottom:50px;
	}
	
.staff_name{
	text-align:center;
	border-bottom:1px #888 solid;
	margin-bottom:5%;
}
.staff_name span{
	line-height:2em;
}

.staff_wrap p{
	font-size:18px;
}


.staff_wrap h4{
	font-size:32px;
	text-align:center;
	margin-bottom:0.5em;
	}

.staff_wrap .staff_img{margin:5% auto 0;max-width:600px;}


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

/*タイトル*/
.title_wrap{
	font-size:9vw;
	}
	
.title_wrap span{
	margin-top:3vw;
	padding-top:1vw;
	}

/*メイン*/
#main_img .inner{padding:5% 0;}


/*スマホヘッダー*/
.sp_head{border-top:2px #FFF solid;height:50px;background:#888;position:fixed;width:100%;z-index:999;bottom:0;}
.sp_head .logo{float:left;max-width:130px;margin:10px 0 0 5px;}
.sp_head a{color:#FFF;padding:5px 5px 0;float:left;background:#ef5078;display:block;width:100%;height:50px;}
.sp_head a .a_line{
		border:2px #FFF solid;
		border-bottom:none;
		height:45px;
		margin-right:60px;
		text-align:center;
		font-size:24px;
		padding-top:0.2em;
		}
.sp_head a:hover{background:#F69;}
.sp_head .icon_scissors{
	display:block;
	position:absolute;
	max-width:70px;
	top:-25px;
	left:0;
	}

.sp_head .icon_scissors{
	display:block;
	position:absolute;
	max-width:70px;
	top:-25px;
	left:0;
	}

/*メニューボタン*/
.menu_list{
	position:fixed;
	top:auto;
	bottom:0;
	right:0;
	width:100%;
	padding-top:3px;
	background:#FFF;
}
.menu_list a{
	color:#FFF;
	-ms-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	padding:10px 0;
	height:30px;
	width:49.8%;
	display:block;
	text-align:center;
	font-size:3.5vw;
	}


.menu_list .lady{
	background:#ea6188 url(../img/corner.webp) 5px 5px no-repeat;
	margin-bottom:0;
	float:left;
	}

.menu_list .men{
	background:#71a7dd url(../img/corner.webp) 5px 5px no-repeat;
	float:right;
  }

/*メイン下*/
.main_btm_wrap{
	background:none;
	}
.main_btm_wrap .inner{padding:3% 0;}
.main_btm_wrap .wanwan_wrap{
	max-width:none;
	width:100%;
	}
.main_btm_wrap .wanwan_wrap h2{width:70%;margin:0 auto;}


/*こだわり*/
.obsession_wrap{}

.obsession1{margin:5% 0 10%;}
.obsession1 .left{float:none;max-width:none;width:100%;margin-bottom:0.5em;}
.obsession1 .right{float:none;max-width:none;width:100%;}
.obsession1 h3{padding:0 0 5% 0;}
.obsession1 h3 img{margin:0 auto;}

.obsession2{margin:5% 0 10%;}
.obsession2 .left{float:none;max-width:none;width:100%;}
.obsession2 .right{float:none;max-width:none;width:100%;margin-bottom:0.5em;}
.obsession2 h3{padding:0 0 5% 0;}
.obsession2 h3 img{margin:0 auto;width:85%;}

.obsession3{margin:5% 0 10%;}
.obsession3 .left{float:none;max-width:none;width:100%;margin-bottom:0.5em;}
.obsession3 .right{float:none;max-width:none;width:100%;}
.obsession3 h3{padding:0 0 5% 0;}
.obsession3 h3 img{margin:0 auto;}

.obsession3 .btn_wrap a{
	font-size:5vw;
	background-size: 18px 18px;
	}

.obsession3 .btn_wrap a:hover{
	background:#e96081 url(../img/btn_icon_w.webp) bottom right no-repeat;
	background-size: 18px 18px;
	}
	
/*SNS*/
.sns_wrap{padding:10% 0;}

/*アクセス*/
.access_wrap{padding:10% 0 0;}

.access_wrap .car_map{max-width:none;margin:5% auto;}
.access_wrap .car_map h3{text-align:center;margin-bottom:0.3em;}
.access_wrap .car_map .car_map_text{float:none;width:100%;}
.access_wrap .car_map .car_map_img{float:none;width:100%;margin-top:5%;}
.access_wrap .car_map .car_map_img img{border:1px #ccc solid;}

.access_wrap .car_map .car_map_img .text{font-size:1em;}


/*フッター*/
footer{
	font-size:0.8em;
	}


/*メニューページ*/
.menupage_wrap{padding:10% 0;}
.menupage_wrap .menu_title{max-width:580px;width:80%;margin:0 auto 10%;}



/*メニューテーブル*/
.menupage_wrap table tr td{font-size:2.5vw;padding:5px;width:18%;}
.menupage_wrap table tr td:nth-child(1){font-size:2vw;}
.menupage_wrap table tr:nth-child(1) td{font-size:2vw;line-height:1.2em;}

.hotel_wrap table td.hanbou{width:25%;font-size:2.5vw !important;}
.hotel_wrap table td.kansan{width:25%;}

.trimming_wrap .table_right{font-size:2vw;}

.table_btm li{font-size:3vw;}
.hotel_wrap p{font-size:3vw;}

/*お知らせ*/
.info_wrap li:last-child{font-size:2.4vw;}

/*キャッシュレス決済*/
.pay_wrap{border:3px #e96081 solid;}
.pay_wrap h2{font-size:4.5vw;padding-bottom:0.2em;margin-bottom:1%;}
.pay_wrap img{width:100%;float:none;}



}