@charset "utf-8";

/* reset
-----------------------------------------------------------------------*/

#customer_header,
#customer_header div,
#customer_header span,
#customer_header object,
#customer_header iframe,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_header p,
#customer_header blockquote,
#customer_header pre,
#customer_header abbr,
#customer_header address,
#customer_header cite,
#customer_header code,
#customer_header del,
#customer_header dfn,
#customer_header em,
#customer_header img,
#customer_header ins,
#customer_header kbd,
#customer_header q,
#customer_header samp,
#customer_header small,
#customer_header strong,
#customer_header sub,
#customer_header sup,
#customer_header var,
#customer_header b,
#customer_header i,
#customer_header dl,
#customer_header dt,
#customer_header dd,
#customer_header ol,
#customer_header ul,
#customer_header li,
#customer_header fieldset,
#customer_header form,
#customer_header label,
#customer_header legend,
#customer_header table,
#customer_header caption,
#customer_header tbody,
#customer_header tfoot,
#customer_header thead,
#customer_header tr,
#customer_header th,
#customer_header td,
#customer_header article,
#customer_header aside,
#customer_header dialog,
#customer_header figure,
#customer_header footer,
#customer_header header,
#customer_header hgroup,
#customer_header menu,
#customer_header nav,
#customer_header section,
#customer_header time,
#customer_header mark,
#customer_header audio,
#customer_header video,

#customer_footer,
#customer_footer div,
#customer_footer span,
#customer_footer object,
#customer_footer iframe,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6,
#customer_footer p,
#customer_footer blockquote,
#customer_footer pre,
#customer_footer abbr,
#customer_footer address,
#customer_footer cite,
#customer_footer code,
#customer_footer del,
#customer_footer dfn,
#customer_footer em,
#customer_footer img,
#customer_footer ins,
#customer_footer kbd,
#customer_footer q,
#customer_footer samp,
#customer_footer small,
#customer_footer strong,
#customer_footer sub,
#customer_footer sup,
#customer_footer var,
#customer_footer b,
#customer_footer i,
#customer_footer dl,
#customer_footer dt,
#customer_footer dd,
#customer_footer ol,
#customer_footer ul,
#customer_footer li,
#customer_footer fieldset,
#customer_footer form,
#customer_footer label,
#customer_footer legend,
#customer_footer table,
#customer_footer caption,
#customer_footer tbody,
#customer_footer tfoot,
#customer_footer thead,
#customer_footer tr,
#customer_footer th,
#customer_footer td,
#customer_footer article,
#customer_footer aside,
#customer_footer dialog,
#customer_footer figure,
#customer_footer footer,
#customer_footer header,
#customer_footer hgroup,
#customer_footer menu,
#customer_footer nav,
#customer_footer section,
#customer_footer time,
#customer_footer mark,
#customer_footer audio,
#customer_footer video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}


/* heading
-----------------------------------------------------------------------*/

#customer_header article,
#customer_header aside,
#customer_header dialog,
#customer_header figure,
#customer_header footer,
#customer_header header,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,

#customer_footer article,
#customer_footer aside,
#customer_footer dialog,
#customer_footer figure,
#customer_footer footer,
#customer_footer header,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 {
	font-weight: normal;
}


/* HTML5
-----------------------------------------------------------------------*/

#customer_header hgroup,
#customer_header nav,
#customer_header section,
#customer_footer hgroup,
#customer_footer nav,
#customer_footer section {
	display: block;
}


/* list
-----------------------------------------------------------------------*/

#customer_header ol,
#customer_header ul,
#customer_header dl,
#customer_header li,
#customer_footer ol,
#customer_footer ul,
#customer_footer dl,
#customer_footer li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
}


/* table
-----------------------------------------------------------------------*/

#customer_header caption,
#customer_header th,
#customer_footer caption,
#customer_footer th {
	font-weight: normal;
}

#customer_header table,
#customer_footer table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* form
-----------------------------------------------------------------------*/

#customer_header input,
#customer_header textarea,
#customer_header select,
#customer_footer input,
#customer_footer textarea,
#customer_footer select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	border: 1px solid #ccc;
	border-radius: 0;
	border-radius: 2px;
	font-size: 16px;
}


/* link
-----------------------------------------------------------------------*/

#customer_header a,
#customer_footer a {
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #2B2B2B;
	transition: all .3s ease;
}

#customer_header a:hover,
#customer_footer a:hover {
	color: #7d5f37;
}


/* image
-----------------------------------------------------------------------*/

#customer_header img,
#customer_footer img {
	border: 0;
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	height: auto;
	width: auto;
}


/* base
-----------------------------------------------------------------------*/

#customer_header,
#customer_footer {
	position: relative;
	color: #333;
	-webkit-print-color-adjust: exact;
	word-break: break-all;
	font-weight: normal;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height:1.8;
	letter-spacing: .05em;
	font-size:16px;
}

#customer_header {
	z-index: 1044;
}
#customer_footer {
	z-index: 0;
}


/* box-sizing
-----------------------------------------------------------------------*/

#customer_header,
#customer_header *,
#customer_header::before,
#customer_header::after,
#customer_header *::before,
#customer_header *::after,
#customer_footer,
#customer_footer *,
#customer_footer::before,
#customer_footer::after,
#customer_footer *::before,
#customer_footer *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#webc_con{padding-top: 75px;}

/**
#b99361
*/

/* header

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#customer_header #headerPc {
	position:absolute;
	z-index:998;
}

#customer_header #headerPc .logo {
	position:absolute;
	top:15px;
	left:20px;
	background-position:0;
	background-repeat:no-repeat;
	background-size:100%;
	background-image:url(https://www.toba-kisara.com/kisara/kisara-oneness/img/com/logo.svg);
}

#customer_header #headerPc .logo a {
	display:block;
	width:100px;
	height:42px;
	font-size:0;
}

/* main navigation
-----------------------------------------------------------------------*/
#customer_header #headerPc .mainNavi {
	position:fixed;
	top:15px;
	right:20px;
}

#customer_header #headerPc .mainNavi ul.uk-flex{
	display:flex;
}

#customer_header #headerPc .mainNavi li {
	padding-left:20px;
}

#customer_header #headerPc .rsvBtn a {
	width:210px;
}


/* SNS
-----------------------------------------------------------------------*/
#customer_header .snsSideNavi {
	position:fixed;
	right:0;
	top:50%;
	text-align:center;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	z-index: 1;
}

#customer_header .snsSideNavi li {
	margin:18px 0;
}

#customer_header .snsSideNavi li a {
	color:#aaa;
	display:block;
}

#customer_header .snsSideNavi li i:before {
	font-size:20px;
}


/* toggle button
-----------------------------------------------------------------------*/
#customer_header .toggleBtn {
	position:relative;
	top:0;
	right:0;
	display:block;
	width:48px;
	height:48px;
	padding:0;
	cursor:pointer;
	z-index:100;
	background:#fff;
	border:1px solid #ddd;
	border-radius:100px;
	appearance:none;
	-webkit-appearance:none;
}

#customer_header .toggleBtn span {
	display:block;
	position:absolute;
	right:10px;
	width:25px;
	height:1px;
	background:#2e2e2e;
	font-size:0;
}

#customer_header .toggleBtn span:nth-child(1) {
	top:15px;
}

#customer_header .toggleBtn span:nth-child(2) {
	top:23px;
}

#customer_header .toggleBtn span:nth-child(3) {
	top:31px;
}


/* offcanvas
-----------------------------------------------------------------------*/
#customer_header #spNavi {
	position:fixed;
	inset:0 0 0 auto;
	width:350px;
	height:100dvh;
	max-height:100dvh;
	margin:0;
	padding:0;
	border:0;
	background:#fff;
	overflow:visible;

	opacity:0;
	transform:translateX(100%);

	transition:
		transform .4s ease,
		opacity .4s ease,
		overlay .4s allow-discrete,
		display .4s allow-discrete;
	
	transition-behavior:allow-discrete;		
}

/* menu open
-----------------------------------------------------------------------*/
#customer_header #spNavi:popover-open {
	display:block;
	opacity:1;
	transform:translateX(0);
}


/* 開くときの開始位置 */
@starting-style {
	#customer_header #spNavi:popover-open {
		opacity:0;
		transform:translateX(100%);
	}
}


/* overlay
-----------------------------------------------------------------------*/
#customer_header #spNavi::backdrop {
	background:rgba(0, 0, 0, 0);

	transition:
		background .4s ease,
		overlay .4s allow-discrete,
		display .4s allow-discrete;
	transition-behavior:allow-discrete;
}

#customer_header #spNavi:popover-open::backdrop {
	background:rgba(0, 0, 0, .4);
}

@starting-style {
	#spNavi:popover-open::backdrop {
		background:rgba(0, 0, 0, 0);
	}
}


/* menu body
-----------------------------------------------------------------------*/
#customer_header #spNavi .spNaviBar {
	position:relative;
	width:100%;
	height:100%;
	padding:40px;
	background:#fff;
	overflow-y:auto;
	overscroll-behavior:contain;
	box-sizing: border-box;
	-webkit-overflow-scrolling:touch;
}


/* close button
-----------------------------------------------------------------------*/
#customer_header #spNavi .spNaviClose {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:24px;
	height:24px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
}

#customer_header #spNavi .spNaviClose span {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:14px;
	height:1px;
	background:#2e2e2e;
	font-size:0;
}

#customer_header #spNavi .spNaviClose span:nth-child(1) {
	transform:translate(-50%, -50%) rotate(45deg);
}

#customer_header #spNavi .spNaviClose span:nth-child(2) {
	transform:translate(-50%, -50%) rotate(-45deg);
}


/* sp navigation
-----------------------------------------------------------------------*/
#customer_header #spNavi .uk-nav {
	border-top:1px solid #e5e5e5;
	margin:40px 0 20px;
}

#customer_header #spNavi .uk-nav > li {
	border-bottom:1px solid #e5e5e5;
}

#customer_header #spNavi .uk-nav li a {
	padding:15px 0;
	color:#2B2B2B;
	font-size:16px;
	display:block;
}


/* reservation
-----------------------------------------------------------------------*/
#customer_header #spNavi .rsvBtn a {
	line-height:50px;
	font-size:15px;
}

#customer_header #spNavi .rsvNav {
	margin-top:25px;
}

#customer_header #spNavi .rsvNav li {
	margin-top:10px;
}

#customer_header #spNavi .rsvNav li a {
	color:#666;
	font-size:14px;
}


/* menu open時のページスクロール停止
-----------------------------------------------------------------------*/
body:has(#spNavi:popover-open) {
	overflow:hidden;
}


/* 予約ドロップダウンボタン
-----------------------------------------------------------------------*/
#customer_header #headerPc .dropdown__lists {
	visibility:hidden;
	opacity:0;
	transition:all .3s;
	width:210px;
	position:absolute;
	top:48px;
	left:40px;
}

#customer_header #headerPc .gnavi__list:hover .dropdown__lists {
	visibility:visible;
	opacity:1;
}

#customer_header #headerPc .dropdown__list {
	transition:all .3s;
	position:relative;
	border-bottom:1px solid #c1b4a3;
	padding-left:0!important;
}

#customer_header #headerPc .dropdown__list:first-child {
	border-top:1px solid #c1b4a3;
}

#customer_header #headerPc .dropdown__list:last-child {
	border-bottom:none;
}

#customer_header #headerPc .dropdown__list i {
	margin-right:5px;
}

#customer_header #headerPc .dropdown__list:not(:first-child)::before {
	content:"";
	width:100%;
	height:1px;
	background-color:#ddd;
	position:absolute;
	top:0;
	left:0;
}

#customer_header #headerPc .dropdown__list:hover {
	background-color:#c3711a;
	opacity:1!important;
}

#customer_header #headerPc .dropdown__list a {
	background:#b99361;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	color:#fff;
	text-decoration:none;
	position:relative;
	border-radius:0!important;
	padding:10px 10px!important;
	font-size:14px;
}

#customer_header #headerPc .dropdown__list a:hover {
	background:#7d5f37;
}

#customer_header #headerPc .init-bottom:after {
	content:'';
	display:inline-block;
	width:6px;
	height:6px;
	margin:0 0 3px 15px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* tablet
-----------------------------------------------------------------------*/
@media screen and (max-width:959px) {
	
	#customer_header #headerPc .mainNavi {
			right: 10px;
	}	

	#customer_header #headerPc .rsvBtn a {
		width:175px;
	}

	#customer_header #headerPc .dropdown__lists {
		width:175px;
		left: 30px;
	}

	#customer_header #headerPc .dropdown__list a {
		font-size:13px;
	}

	#customer_header #headerPc .dropdown__list:first-child {
		border-top:none;
	}

	#customer_header #headerPc .dropdown__list:last-child {
		border-bottom:1px solid #c1b4a3;
	}

	#customer_header #headerPc .mainNavi li {
    padding-left: 15px;
	}

	#customer_header #headerPc .init-bottom:after {
		display:none;
	}

}


/* mobile
-----------------------------------------------------------------------*/
@media screen and (max-width:960px) {
	#customer_header #spNavi {
		width:270px;
	}

	#customer_header #spNavi .spNaviBar {
		padding:20px;
	}
}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#customer_footer footer {
	position:relative;
	width:100%;
	text-align:center;
	line-height:2;
	margin-top:3em;
	overflow:hidden;
}

#customer_footer footer .logo {
	width:120px;
	margin:0 auto 35px auto;
}

#customer_footer footer .telAndFax {
	margin:30px 0;
}

#customer_footer footer .nav1 {
	margin:100px 0;
}

#customer_footer footer .snsNavi {
	display:-webkit-flex;
	display:flex;
	justify-content:center;
}

#customer_footer footer .snsNavi li {
	margin:0 10px;
}
#customer_footer footer .groupNav {
	margin-bottom:50px;
}

#customer_footer footer .groupNav p {
	margin-bottom:10px;
}

#customer_footer footer .copy {
	font-size:12px;
}

@media screen and (min-width:640px) {

	#customer_footer footer ul {
		display:-webkit-flex;
		display:flex;
		justify-content:center;
	}

	#customer_footer footer ul li:after {
		content:"|";
		color:#777;
		padding:0 10px;
	}

	#customer_footer footer ul li:last-child:after {
		content:none;
	}

	#customer_footer footer .snsNavi li:after {
		content:none;
	}

}

@media screen and (max-width:639px) {
	#customer_footer footer .telAndFax span {
		display:block;
	}

	#customer_footer footer .nav1 {
		margin:50px 0;
	}

	#customer_footer footer ul li {
		margin:5px 0;
	}

	#customer_footer footer .copy {
		padding-bottom:70px;
	}

}

/* 汎用

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/*背景LINE*/
#customer_footer .bgCircle span{position:absolute;font-size:0;display:block;z-index:-1;overflow:hidden;background-image:url(https://www.toba-kisara.com/kisara/kisara-oneness/img/com/circle.svg);background-repeat:no-repeat;height:708px;width:746px;}
#customer_footer .bgCircle .c01{top:-150px;left:-150px;}
#customer_footer .bgCircle .c02{bottom:-100px;right:-100px;}
/* 予約ボタン */
#customer_header .rsvBtn a{text-decoration:none;background:#b99361;color:#fff;text-align:center;display:block;width:100%;font-size:15px;letter-spacing:.05em;line-height:48px;font-weight: bold;}
#customer_header .rsvBtn a span{font-size:12px;}
#customer_header .rsvBtn a:hover{background:#7d5f37;}


@media screen and (max-width:959px){
	#customer_footer .bgCircle span{position:absolute;z-index:-1;background-image:url(../img/com/circle.svg);background-repeat:no-repeat;background-size:100%;height:100%;}
	#customer_footer .bgCircle .c02{top:45%;right:-200px;background-position:15em 0;}
}


#customer_header, #customer_footer {
	::-webkit-scrollbar{width:7px;height:7px;}
	::-webkit-scrollbar-track{background:#eee;border:none;border-radius:10px;}
	::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;box-shadow: none;}

	/* font */
	.ffJaM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}

	.uk-margin-small-bottom {margin-bottom: 10px !important;}
	.uk-margin-small-top {margin-top: 10px !important;}

	#customer_header a:focus,
	#customer_footer a:focus{outline:none;}
}