

#topHeader{
	height:100%;
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	z-index:-1;
}
#topHeader ul{
	width:100%;
	height:100%;
	margin-inline: auto;
	overflow: hidden;
}
#topHeader ul *{
}
#topHeader ul li{
	height:100vh;
	background-size:cover;
}
@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.15); /* 拡大率 */
	}
}
.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}

#topHeader h1{
	margin:0px auto;
	position:absolute;
	top:50%;
	left:50%;
	width:120px;
	transform: translate(-50%, -50%);
}

.topMain{
	margin-top:98vh;
	min-height:100vh;
}


.scrollify{
	width: 100%;
	min-height: 100vh;
}




.concept{
	position:relative;
	padding:50px auto;
	clip-path: inset(0 0 0 0);
}
.conceptBG{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-image:url(/img/pc_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:-1;
}
.welcome{
	max-width:1200px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}
.welcome dt{
	text-align:center;
	padding-top:100px;
	position:relative;
	width:40%;
	float:left;
}
.welcome dt::after{
	transform: rotate(90deg);
	content:'――― welcom concept';
	color:#9c9692;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:20px;
	padding-left:20px;
	line-height:1.2em;
}
.welcome dt span{
	display:block;
	font-family: "Zen Old Mincho", serif;
}
.welcome dt p{
	text-align: initial;
	font-size:29px;
	writing-mode: vertical-rl;
	font-family: "Zen Old Mincho", serif;
	color:#9c9692;
	margin:0px auto;
	letter-spacing:4px;
}
.welcome dd{
	margin-left:40%;
}
.welcome dd p{
	padding-top:100px;
	font-size:17px;
	font-family: "Zen Old Mincho", serif;
	color:#9c9692;
	letter-spacing:6px;
	line-height:3.0em;
}


.chef{
	max-width:1200px;
	margin:50px auto;
	overflow:hidden;
}
.chef dt{
	text-align:center;
	position:relative;
	width:30%;
	float:left;
}
.chef dd{
	margin-left:30%;
	padding-left:20px;
}
.chef *{
	font-family: "Zen Old Mincho", serif;
	color:#9c9692;
}
.chef b{
	display:block;
	line-height:2em;
	letter-spacing:0px;
	font-size:13px;
	font-weight:normal;
	font-family:"BIZ UDPGothic", "M PLUS Rounded 1c", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.chef dd h5{
	font-size:25px;
	letter-spacing:6px;
	margin-bottom:36px;
}
.chef dd h5 span{
	font-size:19px;
	margin-right:20px;
}
.chef dd h5 b{
	margin:-8px 0px 0px 2px;
}
.chef dd p{
	margin-left:30px;
	letter-spacing:4px;
	font-size:15px;
	line-height:2.5em;
}
.chef dd p b{
	margin-top:20px;
}

.dishSlide{
	padding:10px 0px;
}
.dishSlide ul li{
	padding:10px;
}



.liveEventWrap{
	position: sticky;
	top:0px;
	z-index:9;
}
.liveEvent{
	width:100%;
	height:100vh;
	overflow:hidden;
	position:relative;
}
.liveEventBG{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0); //上下左右距離ゼロ
	z-index: -1;
}
.liveEventBG::before{
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/img/bg_liveFilter.png");
	background-position: 0%;
}
.liveEventCast{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url("/img/bg_topLiveCast.png") no-repeat;
	background-position:10% 100%;
	background-size:auto 90%;
}
.liveEventContentWrap{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.liveEventContent{
	margin:20vh 10px 0% 10px;
	text-align:center;
}
.liveEventContent *{
	color:#a69d9a;
}
.liveEventContent h3{
	display:inline-block;
	border:1px solid #a69d9a;
	margin:0px auto;
	max-width:50vw;
	padding:3vw;
}
.liveEventContent p{
	font-family: "Shippori Mincho", serif;
	font-weight:normal;
	font-size:19px;
	margin-top:30px;
}
.liveEventContent table{
	margin:0px auto;
	border-collapse:collapse;
	margin-top:20px;
}
.liveEventContent table *{
	color:#ddd;
}
.liveEventContent table tr{
	border-bottom:1px solid #a69d9a;
}
.liveEventContent td{
	padding:8px 4px;
}
.liveEventContent td time{
	font-size:13px;
}
.liveEventContent td span{
	display:block;
	padding:0px 8px;
	line-height:1.4em;
}
.liveEventContent td span.classic{
	background-color:#a69d9a;
	color:#444;
}
.liveEventContent td span.jazz{
	background-color:#795c3f;
}
.liveEventContent td h5{
	display:inline-block;
	font-weight:bold;
}
.liveEventContent td strong{
	margin-left:10px;
}
.liveEventContent tr td:first-of-type{
	padding-left:20px;
}
.liveEventContent tr td:nth-of-type(4){
	text-align:left;
}
.liveEventContent tr td:last-of-type{
	padding-right:20px;
}
.liveEventContent td b{
	display:inline-block;
	width:100%;
	padding:0px 10px;
	line-height:1.4em;
	margin-left:10px;
}
.liveEventContent td b.available3{
	background-color:#db3448;
}
.liveEventContent td b.available2{
	background-color:#288fb1;
}
.liveEventContent td b.available1{
	background-color:#dbc934;
	color:#444;
}




.courseMenuWrap{
	position: sticky;
	top:0px;
	z-index:10;
}
.courseMenu{
	width:100%;
	padding:20px 0px 50px 0px;
	height:auto;
	position:relative;
}
.courseMenuBG{
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	width: 100%;
	height: 100%;
	clip-path: inset(0); //上下左右距離ゼロ
	z-index: -1;
}
.courseMenuBG::before{
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	bottom:0;
	width: 100%;
	height: 100%;
	background: url("/img/bg_course.jpg") no-repeat;
	background-size: cover;
	background-position: 0%;
}
.courseMenu h3{
	position:relative;
	z-index:99;
	text-align:center;
	font-size:25px;
	font-family: "Shippori Mincho", serif;
	color:#66625f;
	margin-top:50px;
}
.dinnerCourse{
	width:1000px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	z-index:99;
}
.dinnerCourse ul{
	box-sizing:border-box;
	width:50%;
	float:left;
	padding:10px;
}
.dinnerCourse ul *{
	font-family: "Zen Old Mincho", serif;
	color:#66625f;
}
.dinnerCourse ul li{
	border-width:0px 1px 0px 1px;
	border-color:#9c9692;
	border-style:solid;
	padding:10px 0px;
	text-align:center;
	font-size:17px;
}
.dinnerCourse ul li:first-of-type{
	border:none;
}
.dinnerCourse ul li:nth-of-type(2){
	border-top:1px solid #9c9692;
	padding-top:70px;
	margin-top:-70px;
}
.dinnerCourse ul li:last-of-type{
	border-bottom:1px solid #9c9692;
}
.dinnerCourse ul li h4{
	font-size:29px;
	width:54px;
	height:54px;
	line-height:54px;
	margin:0px auto;
	border-radius:50%;
	background-color:#66625f;
	color:#fff;
	position:relative;
	z-index:99;
}
.dinnerCourse ul li h4 span{
	display:block;
	font-family:"BIZ UDPGothic", "M PLUS Rounded 1c", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size:13px;
	line-height:1em;
}
.dinnerCourse ul li strong{
	display:block;
	color:#a6a883;
	font-size:15px;
	line-height:1em;
}




























