@charset "utf-8";
/* CSS Document */
#detail #mainBlock a:hover{
	text-decoration: none;
}

/*------------------------------------------
   メインビジュアル
------------------------------------------*/
#mainVisual{
	position: relative;
	overflow: hidden;
	padding-top: 70px;
}
	#mainVisual .ttl{
		position: absolute;
		top: 54%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 2rem;
		text-shadow: 0px 2px 5px #000;
		overflow: hidden;
		width: 100%;
		color: #fff;
		line-height: 1;
	}
		#mainVisual .ttl h2 span{
			display: inline-block;
			line-height: 1;
		}

@media screen and (max-width: 1023px){
	#mainVisual{
		padding-top: 60px;
	}
}
@media screen and (max-width: 767px){
	#mainVisual .ttl{
		top: 56%;
		font-size: 1.6rem;
	}
		#mainVisual .ttl h2 span{
			min-width: 130px;
			width: 28%;
		}
			#mainVisual .ttl h2 span img{
				max-width: 209px;
				width: 100%;
			}
}

/*------------------------------------------
   宴会会場（#hall）
------------------------------------------*/
#hall{
	padding: 82px 0 0;
}
	#hall .top_txt{
		padding: 0 15px;
		text-align: center;
		font-size: 1.8rem;
		overflow: hidden;
	}
		#hall .top_txt .lead{
			font-size: 2.4rem;
			margin-bottom: 22px;
			overflow: hidden;
		}

.hall_list{
	padding-top: 82px;
}
.hall_list li{
	font-size: 1.6rem;
	margin-bottom: 50px;
}
	.hall_list li h3{
		font-size: 3rem;
		font-weight: 500;
		text-align: center;
		margin-bottom: 20px;
	}
		.hall_list li h3 > span{
			display: inline-block;
			position: relative;
			padding-bottom: 20px;
		}
			.hall_list li h3 > span::before{
				content: "";
				display: block;
				width: 60px;
				height: 1px;
				background: #953833;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
			}

.hall_list li h3 span.hall_name{
	font-size: 2.6rem;
}

.hall_list li .inner{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 40px 60px 60px;
}
	.hall_list li .inner .lead{
		line-height: 2;
		text-align: center;
	}

.hall_list li .slide_area figure{
	height: 46.875vw;
	max-height: 750px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
	/*TACHIBANA*/
	.hall_list li.hall01 .slide_area figure.image01{
		background-image: url("/banquet/img/slid_img_tachibana01_pc.jpg");
	}
	.hall_list li.hall01 .slide_area figure.image02{
		background-image: url("/banquet/img/slid_img_tachibana02_pc.jpg");
	}
	.hall_list li.hall01 .slide_area figure.image03{
		background-image: url("/banquet/img/slid_img_tachibana03_pc.jpg");
		background-position: 80% center;
	}
	/*SAKURA*/
	.hall_list li.hall02 .slide_area figure.image01{
		background-image: url("/banquet/img/slid_img_sakura01_pc.jpg");
	}
	.hall_list li.hall02 .slide_area figure.image02{
		background-image: url("/banquet/img/slid_img_sakura02_pc.jpg");
	}
	.hall_list li.hall02 .slide_area figure.image03{
		background-image: url("/banquet/img/slid_img_sakura03_pc.jpg");
	}
	.hall_list li.hall02 .slide_area figure.image04{
		background-image: url("/banquet/img/slid_img_sakura04_pc.jpg");
	}
	/*TOKOWAKA*/
	.hall_list li.hall03 .slide_area figure.image01{
		background-image: url("/banquet/img/slid_img_tokowaka01_pc.jpg");
	}
	.hall_list li.hall03 .slide_area figure.image02{
		background-image: url("/banquet/img/slid_img_tokowaka02_pc.jpg");
	}



.hall_list li .plan_box_wrap{
	background: #f0e7e4;
	padding: 70px 20px;
}
	.hall_list li .plan_box_wrap .inner{
		background: #fff;
		padding: 40px 20px;
	}
		.plan_box_wrap .inner h4{
			font-size: 2.2rem;
			font-weight: 500;
			text-align: center;
			margin-bottom: 40px;
		}
			.plan_box_wrap .inner h4 span{
				background: url("../img/hd_tablePlan.png") no-repeat center top;
				background-size: contain;
				display: inline-block;
				padding: 20px 8px 0;
			}
			.plan_box_wrap .inner h4.hd_spec span{
				background: url("../img/hd_banquetSpec.png") no-repeat center top;
				background-size: contain;
				display: inline-block;
				padding: 20px 25px 0;
			}

		.plan_box_wrap .inner > .flex{
			margin-bottom: 60px;
		}

		.plan_box_wrap .plan_box{
			text-align: center;
			max-width: 480px;
			width: 48%;
		}
		.plan_box_wrap .plan_box:nth-child(2){
			margin-left: 20px;
		}
			.plan_box_wrap .plan_box p{
				color: #953833;
				font-size: 18px;
				font-weight: 600;
				margin-bottom: 20px;
			}
			.plan_box_wrap .plan_box figure img{
				max-width: -webkit-fit-content;
				max-width: -moz-fit-content;
				max-width: fit-content;
				width: 70%;
			}

.plan_box_wrap table{
	max-width: 784px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
	font-weight: 600;
}
	.plan_box_wrap table th{
		background: #ddc9c6;
	}
	.plan_box_wrap table th.bg_gy{
		background: #e7e3e3;
		width: 100px;
	}

	.plan_box_wrap table th,
	.plan_box_wrap table td{
		border: solid 1px #c0b9bf;
		padding: 8px;
	}

.scroll{
	overflow: auto;
}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 900px){
	#hall {
		padding: 60px 0 0;
	}
	.hall_list{
		padding-top: 60px;
	}
	.hall_list li{
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 767px){
	#hall .top_txt{
		font-size: 1.6rem;
	}
		#hall .top_txt .lead {
			font-size: 2rem;
			margin-bottom: 20px;
		}
	
	.hall_list li h3{
		font-size: 2.6rem;
	}
		.hall_list li h3 span.hall_name{
			font-size: 2.2rem;
		}
	
	.hall_list li .inner{
		padding: 20px 20px 40px;
	}
	
	.hall_list li .plan_box_wrap{
		padding: 40px 20px;
	}
	
	.plan_box_wrap .inner > .flex{
		margin-bottom: 40px;
	}
	
	.plan_box_wrap .plan_box{
		padding: 0;
		width: 50%;
	}
		.plan_box_wrap .plan_box:nth-child(2){
			margin-left: auto;
		}
	
		.plan_box_wrap table th.bg_gy{
			width: 18%;
			padding: 2px;
		}
	
	.hall_list li .slide_area figure{
		height: 70vw;
		max-height: 500px;
	}
	/*TACHIBANA*/
	.hall_list li.hall01 .slide_area figure.image01{
		background-image: url("/banquet/img/slid_img_tachibana01_sp.jpg");
	}
	.hall_list li.hall01 .slide_area figure.image02{
		background-image: url("/banquet/img/slid_img_tachibana02_sp.jpg");
	}
	.hall_list li.hall01 .slide_area figure.image03{
		background-image: url("/banquet/img/slid_img_tachibana03_sp.jpg");
		background-position: 77% center;
	}
	/*SAKURA*/
	.hall_list li.hall02 .slide_area figure.image01{
		background-image: url("/banquet/img/slid_img_sakura01_sp.jpg");
	}
	.hall_list li.hall02 .slide_area figure.image02{
		background-image: url("/banquet/img/slid_img_sakura02_sp.jpg");
	}
	.hall_list li.hall02 .slide_area figure.image03{
		background-image: url("/banquet/img/slid_img_sakura03_sp.jpg");
		background-position: 30% center;
	}
	.hall_list li.hall02 .slide_area figure.image04{
		background-image: url("/banquet/img/slid_img_sakura04_sp.jpg");
	}
	/*TOKOWAKA*/
	.hall_list li.hall03 .slide_area figure.image01{
		background-image: url("/banquet/img/slid_img_tokowaka01_sp.jpg");
		background-position: 15% center;
	}
	.hall_list li.hall03 .slide_area figure.image02{
		background-image: url("/banquet/img/slid_img_tokowaka02_sp.jpg");
	}
}
@media screen and (max-width: 600px){
	.plan_box_wrap .inner > .flex{
		display: block;
	}
	.plan_box_wrap .inner h4{
		margin-bottom: 20px;
	}
	.plan_box_wrap .plan_box{
		width: 100%;
		margin: 0 auto;
	}
	.plan_box_wrap .plan_box:nth-child(2){
		margin-top: 30px;
	}
	.plan_box_wrap table th,
	.plan_box_wrap table td{
		font-size: 1rem;
	}

}


/*------------------------------------------
   フロアガイド（#floorGuide）
------------------------------------------*/
#floorGuide{
	padding: 109px 0 118px;
}
#floorGuide h3{
	font-size: 2.4rem;
	text-align: center;
}
.floorMap{
	margin: 53px 0 80px;
	text-align: center;
}
	.floorMap img{
		max-width: 569px;
		width: 100%;
		backface-visibility: hidden;
		cursor: pointer;
	}

#floorGuide ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
#floorGuide ul li{
	margin: 0 30px;
	max-width: 380px;
	width: 100%;
}
#floorGuide ul li a{
	display: inline-block;
	font-size: 2.4rem;
	color: #fff;
	background: #953833;
	width: 100%;
	padding: 11px 10px 12px;
	text-align: center;
	border: solid 1px #953833;
	transition: 0.3s ease-in-out;
}
	#floorGuide ul li a:hover{
		text-decoration: none;
		background: #fff;
		color: #953833;
	}

	.modal {
		display: none;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	.modal__bg {
		background: rgba(0,0,0,0.8);
		height: 100vh;
		position: absolute;
		width: 100%;
	}
	.modal__content {
		background: #fff;
		left: 50%;
		padding: 20px;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		max-width: 1080px;
		width: 85%;
		height: 95vh;
		overflow: auto;
		cursor: auto;
		text-align: center;
	}

.modal__content img{
	max-width: 924px;
	width: 100%;
}

.close_btn_outer {
	position: absolute;
	top: 20px;
	right: 20px;
}
	.close_btn {
		display: block;
		width: 33px;
		height: 33px;
		text-align: center;
		outline: none;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		transition: opacity 0.2s;
		position: relative;
		margin: 0 auto;
	}
	.close_btn::before,
	.close_btn::after {
		content: "";
		display: inline-block;
		height: 2px;
		width: 33px;
		background: #c3c5d1;
	}
		.close_btn::before {
			transform: rotate(45deg);
		}
		.close_btn::after {
			margin-left: -33px;
			transform: rotate(-45deg);
		}

@media screen and (max-width: 900px){
	#floorGuide{
		padding: 60px 0;
	}
	.floorMap{
		margin: 40px 0;
	}
	.modal__content{
		height: auto;
	}
}
@media screen and (max-width: 767px){
	#floorGuide {
		padding: 60px 0 40px;
	}
	#floorGuide ul{
		display: block;
	}
		#floorGuide ul li{
			margin: 0 auto 20px;
		}
	
	#floorGuide ul li a{
		font-size: 1.6rem;
	}
}