@charset "utf-8";

#page_header{
	background: url("../images/cuisine/page_header_bg.jpg") no-repeat center bottom;
}
.page_header_catch{
	background: url("../images/cuisine/page_header_pic01.webp") no-repeat center center;
	height: 632px;
	z-index: 9;
}
.page_header_catch h2{
	position: absolute;
	left: 50%;
	top: 260px;
}
.cuisine01_lead .caution{
	padding: 16px 0;
}
.dinner_title{
	background: url("../images/cuisine/dinner_title.png") no-repeat center center;
	background-size: 100%;
	width: 244px;
	height: 195px;
	color: #FFF;
	flex-direction: column;
	position: absolute;
	top: 38px;
	left: calc(50% - 12px);
	z-index: 99;
}
.dinner_title.hanare {
	background: url("../images/cuisine/dinner_title_hanare.png") no-repeat center center;
	background-size: 100%;
}
.dinner_box .left{
	width: calc(100% - 80px - 355px);
}
.dinner_box .left .image{
	width: 1100px;
	float: right;
	border-top-right-radius: 80px;
	overflow: hidden;
}
.dinner_box .right{
	width: 355px;
}
.dinner_section:not(.reverse) .dinner_box .right h4,
.dinner_section:not(.reverse) .dinner_box .right .season{
	padding-left: 64px;
}
.dinner_box .right .season{
	background: url("../images/common/line01_pink.png") no-repeat center bottom;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
.dinner_box .right table{
	border-collapse: collapse;
	width: 100%;
}
.dinner_box .right table th{
	width: 100px;
}
.dinner_box .right table th,
.dinner_box .right table td{
	line-height: 1.8;
	vertical-align: top;
}
.dinner_section.reverse .dinner_title{
	left: auto;
	right: calc(50% - 12px);
}
.dinner_section.reverse .dinner_box{
	flex-direction: row-reverse;
}
.dinner_section.reverse .dinner_box .left .image{
	float: left;
	border-top-right-radius: 0;
	border-top-left-radius: 80px;
}

#cuisine03 .list03::before {
  content: "";
  display: block;
  width: calc(100% + 200px);
  height: 50%;
  position: absolute;
  left: -100px;
  bottom: 0;
  background:url("../images/common/list02_bg.png") repeat center center;
  background-size: 173px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

#dinner04:before{
	border-top-left-radius: 0;
	background-image: url(../images/cuisine/bg01.jpg);
	background-size: cover;
}
#cuisine04 .box02 h3{
	background: url("../images/cuisine/cuisine04_h3.png") no-repeat center top;
	background-size: 104px;
	height: 124px;
	width: 100%;
	text-indent: -9999px;
}
.cuisine04_slider .swiper-wrapper {
  transition-timing-function: linear !important;
}
.cuisine04_slider .swiper-slide{
	width: 270px;
}
.cuisine04_info{
	align-items: flex-start;
}
.cuisine04_info .text{
	width: 476px;
	max-width: 100%;
}
.cuisine04_info .text .table01 th{
	width: 40%;
}
.cuisine04_info .map{
	width: 508px;
	max-width: 100%;
	border-radius: 24px;
	background-color: #FFF;
	padding: 20px;
	display: block;
}
.cuisine04_info .map .image{
	width: 226px;
}
.cuisine04_info .map:after{
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/cuisine/cuisine04_map_loupe.png") no-repeat center center;
	background-size: 100%;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 9;
}

/*webp非対応対策*/
@supports (background-image: url(data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=)) {
	.page_header_catch{
		background-image: url("../images/cuisine/page_header_pic01.png") ;
	}
}





@media screen and (max-width: 540px){
	#page_header{
		background: url("../images/cuisine/page_header_bg_sp.jpg") no-repeat center bottom;
		background-size: 100%;
		padding-bottom: 104vw;
	}
	.page_header_catch{
		background: none;
		height: auto;
		padding: 0 20px;
	}
	.page_header_catch h2{
		position: relative;
		inset: auto;
		text-align: center;
		margin: 16px 0;
	}
	.cuisine01_lead .caution{
		letter-spacing: 0;
	}
	.dinner_title{
		width: 220px;
		height: 176px;
		top: -20px;
		right: auto !important;
		left: calc(50% - 110px) !important;
	}
	.dinner_box .left{
		width: 100%;
		margin-top: 72px;
	}
	.dinner_box .right{
		width: 100%;
		margin-top: 20px;
		background-color: rgba(255,255,255,0.5);
		padding: 20px;
	}
	.dinner_box .right h4{
		padding-left: 0;
		background: url("../images/common/plus_pink.png") no-repeat right center;
		background-size: 18px;
	}
	.dinner_box .right h4.open{
		background-image: url("../images/common/minus_pink.png");
	}
	.dinner_box .right .season{
		background: none;
		padding-bottom: 0;
		margin-bottom: 0;
		padding-left: 0;
	}
	#cuisine03 .list03:before {
		height: calc(100% - 20vw);
	}
	#cuisine04 .box02{
		margin-top: 0;
		padding-top: 0;
	}
	#cuisine04 .box02 h3{
		margin-top: 24px;
	}
	.cuisine04_slider .swiper-slide{
		width: 240px;
	}
	#cuisine04 .caution{
		text-align: left;
	}
	.cuisine04_info{
		flex-direction: column;
		gap: 24px;
	}
	.cuisine04_info > div{
		width: 100%;
	}
	.cuisine04_info .map:after{
		width: 24px;
		height: 24px;
	}
	
}









/* 会席修正 */
.dinner01-wrap {
	position: relative;
}
.dinner-detail {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	transform: translateX(-50%);
	opacity: 0;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease;
	z-index: -10;
}
.dinner-detail.active {
	position: relative;
	opacity: 1;
	left: auto;
	transform: translateX(0%);
	top: auto;
	z-index: 10;
}
.dinner-tab {
	position: absolute;
	left: calc(50% - 540px);
	top: 86px;
	width: 464px;
	display: flex;
	gap: 8px;
	z-index: 100;
	color: white;
}
.dinner-tab.right {
	left: calc(50% + 76px);
}
.dinner-tab li {
	width: calc((100% - 24px) / 4);
}
.dinner-tab li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 60px;
	background-color: #DEB6C1;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding-left: 64px;
}
.dinner-tab li:nth-of-type(1) a {
	background-image: url(../images/cuisine/tab-bg01.png);
}
.dinner-tab li:nth-of-type(2) a {
	background-image: url(../images/cuisine/tab-bg02.png);
}
.dinner-tab li:nth-of-type(3) a {
	background-image: url(../images/cuisine/tab-bg03.png);
}
.dinner-tab li:nth-of-type(4) a {
	background-image: url(../images/cuisine/tab-bg04.png);
}
.dinner-tab li a::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	border-top: 15px solid #BE6D83;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	opacity: 0;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease;
}
.dinner-tab li.active a {
	background-color: #BE6D83;
}
.dinner-tab li.active a::after {
	opacity: 1;
}

@media screen and (max-width: 540px){
	.dinner-tab {
		width: 90%;
		left: 5%;
		top: 176px;
		gap: 5px;
	}
	.dinner-tab.right {
		left: 5%;
	}
	.dinner-tab li {
		width: calc((100% - 15px) / 4);
	}
	.dinner-tab li a {
		padding-left: 46px;
	}
	.dinner-tab li a::after {
		border-top-width: 10px;
		border-left-width: 7px;
		border-right-width: 7px;
	}
	.dinner-detail-wrap {
		padding-top: 60px;
	}



	.page_nav03 li a .fukidashi {
		left: 126px;
		top: 28px;
	}
	#dinner01 .dinner_box .right {
		background-color: #f7f4ed;
		color: #000000;
	}
	#dinner01 .dinner_box .right .pink {
		color: #be6d83;
	}
}