@charset "utf-8";

/*-------------- all --------------*/

.btns { display: block; width: 320px; border: 1px solid #9a8b68; padding: 25px 0; font-size: 14px; text-align: center; letter-spacing: 0.04em; color: #bdb28f; font-weight: 700; margin: 100px auto;}
.view { font-weight: 700; letter-spacing: 0.04em; color: #bdb28f; text-decoration: underline; text-decoration-color: #bdb28f; text-underline-offset: 9px;}
h3 { font-size: 20px; letter-spacing: 0.04em; text-align: center; font-weight: 500; color: #fff;}
h3 span { display: block; font-size: 0px;  margin-bottom: 20px;}

p.text{text-align: center; line-height: 2; font-weight: 400;padding: 0 0 32px; }

.access { background: none; border-top: 1px solid #c9c9c9;}
.ininmer { width: 650px; margin: 0 auto;}
table{width: 650px; margin: 0 auto 59px;}
table tr.tr_tt td{font-weight: 100 !important; line-height: 2 !important;  font-size: 14px !important; font-feature-settings: "palt"; padding: 27px 0 !important;}
 
.slider_box p{font-size: 20px; line-height: 2; text-align: center; padding: 10px 0 0; }
 .btn_box{margin: 0 auto;width: 420px;}
 .btn{display: block; text-align: center; color: #fff; font-weight: 500;}
 .btn.red{background: #8c0000; border: 1px solid #8c0000; font-size: 20px; padding: 30px 0; margin: 0 0 20px;}
 .btn.tel{border: 1px solid #fff; font-size: 14px; padding: 13px 0; }
 .btn.tel p{display: flex; text-align: center; font-size: 30px; width: 227px; margin: 10px auto 0 ;}
 .btn.tel p img{margin: 0 6px 0 0;}
 
.slide{position: relative;}
.slide  .slick-dots li{width: 14px; height: 14px; margin: 0 10px; background-color: #c9c9c9; border-radius: 50%;}
.slide  .slick-dots { bottom: -40px;}
.slick-dots li button:before {display: none;}
#banquet .slide .slick-dotted.slick-slider { margin-bottom: 60px;}
.slide li.slick-active{background-color: #8c0000;}
/*-------------- fv --------------*/

#fv .fv { background: url(../images/banquet/fv.jpg) no-repeat center center / cover;}

/*-------------- about --------------*/
#about { position: relative; padding: 100px 0 96px; z-index: 2; text-align: center; }
#about h2 { font-size: 80px; font-weight:200; margin-bottom: 52px;}
#about h2 span { display: block; font-size: 0px; padding: 31px 0 0; }
#about p { font-size: 20px; line-height: 2; letter-spacing: 0.04em; font-weight: 300; }

/*-------------- dinner --------------*/
#dinner {background: url(../images/banquet/bg_01.png) no-repeat center center; background-size: cover; padding: 100px 0; margin: 0 0 100px;}
#dinner p.text{color: #fff; padding: 30px 0 40px; text-align: center; line-height: 2;}
#dinner table{ color: #fff;}
#dinner table tr th{background: #fff; color: #000; text-align: center; font-size: 20px; padding: 8px 0; }

  /*--------------------------- .dinner ----------------------------*/
#dinner .dinner table tr:not(:last-child){border-bottom: 1px solid #fff;}
#dinner .dinner table tr td {font-size: 16px; padding: 21px 0; font-weight: 500; line-height: 2; vertical-align: top;}
#dinner .dinner table tr td:nth-child(2) {font-weight: 400;}
#dinner .dinner table tr:not(:last-child) td:nth-child(1) {width: 33.6%;}
#dinner .dinner table tr:not(:last-child) td:nth-child(2) {width: calc(100% - 33.6%);}
#dinner .dinner table .tr_tt td { width: 100%;}
#dinner .dinner table .tr_tt td span{font-weight: 400;padding: 0 0 10px ; display: block; font-size: 16px;}

  /*------------------------------.slide---------------------------------*/
#dinner .slider_box{margin: 0 0 100px;}
#dinner .slider_box p{color: #fff;}
  /*--------------------------- .infotmation ----------------------------*/
#dinner .infotmation h3{font-size: 30px; font-weight: 700; padding: 0 0 40px;}
#dinner .infotmation h3 .logo{ padding: 0 0 15px; margin: 0;}
#dinner .infotmation table tr{border-bottom: 1px solid #313131;}
#dinner .infotmation table tr:first-child{border-top: 1px solid #313131;}
#dinner .infotmation table tr td {font-size: 16px; padding: 20px 0; font-weight: 500; line-height: 2; vertical-align: top;}
#dinner .infotmation table tr td:nth-child(2) {font-weight: 400;}
#dinner .infotmation table tr td:nth-child(1) {width: 25%;}
#dinner .infotmation table tr td:nth-child(2) {width: 75%;}
#dinner .infotmation table .tr_tt td{font-weight: 400;}

/*----------------------------- banquet ---------------------------------*/
#banquet{padding: 0 0 100px;}
#banquet h3{font-size: 20px; color: #000; padding: 0 0 30px;}
#banquet h3 .logo{width: 250px; padding: 0 0 20px; margin: 0 auto;}
#banquet table{margin: 0 auto 23px;}
#banquet table tr th{background: #000;  font-size: 20px; padding: 11px 0;color: #fff; }
#banquet table tr td{padding: 28px 0; font-weight: 500;}
#banquet table tr:not(:last-child,tr.center,tr.tr_1){border-bottom: 1px solid #c9c9c9;}
#banquet table tr.tr_tt td{line-height: 2; padding: 20px 0; font-size: 14px; font-weight: 400;}
#banquet table tr.tr_1 td{padding: 0px 0 5px;}
#banquet table.seats{margin: 0 auto 59px;}
#banquet table.seats tr th{ background: none; color: #000;width: 100%;border-bottom: 1px solid #000; font-size: 24px; font-weight: 500; padding: 20px 0;}
#banquet table.seats tr.center td:nth-child(1){font-weight: 400; font-size: 15px;}
#banquet table.seats tr.center td{text-align: center; padding: 30px 0 30px;}

#banquet table.seats tr.center td{border-bottom: 0px;}
#banquet table.seats tr td{line-height: 1.63;}
#banquet table.seats tr td:nth-child(2){font-weight: 400;}
#banquet table.seats tr:last-child { border-bottom: 1px solid #000;}
#banquet table.seats tr:last-child td{padding: 0 0 30px; }
#banquet .btn.tel{border: 1px solid #000; color: #000; }

#banquet .slide .slick-dotted.slick-slider { margin-bottom: 80px;}
/* ------------------------------- houseboat ------------------------------*/
#houseboat{padding: 0 0 150px;}
#houseboat h3{font-size: 20px; color: #000; margin: 0 0 30px;}
#houseboat h3 .logo{width: 368px; margin: 0 auto; padding: 0 0 20px;}
#houseboat table{margin: 0 auto 23px;}
#houseboat table.table_1 tr:nth-child(1){border-bottom: 1px solid #000; border-top: 1px solid #000;}
#houseboat table.table_1 tr:nth-child(1) td{ padding: 30px 0;}
#houseboat table.table_1 tr:nth-child(1) td:nth-child(1){font-weight: 500; width: 25%;  }
#houseboat table.table_1 tr:nth-child(1) td:nth-child(2){font-weight: 400; }
#houseboat table.table_1 tr.tr_tt td{padding: 20px 0;}

#houseboat table.table_2 tr th{font-size: 20px ;background: #000; color: #fff; font-weight: 500; padding: 10px 0; }
#houseboat table.table_2 tr:not(:last-child){border-bottom: 1px solid #000;}
#houseboat table.table_2 tr td{padding: 30px 0;font-weight: 500; width: 240px;}
#houseboat table.table_2 tr td:nth-child(2) { width: 410px;}
#houseboat table.table_2 tr td:nth-child(2) span{font-family: din-2014, sans-serif;  font-size: 24px;}
#houseboat .btn.tel {border: 1px solid #000; color: #000;}

/* -------------------------------- slider ---------------------------------*/
#slider{padding: 0 0 20px;}
#slider .slick-img{margin: 0 20px;}
#slider .slick-img img{width: 100%; height: auto;}
#slider .slide{position: relative;}
#slider li.slick-active{background-color: #8c0000;}

#slider  li{width: 14px; height: 14px; margin: 0 10px; background-color: #c9c9c9; border-radius: 50%;}
#slider .slide .slick-dots { bottom: -55px;}


/* -------------------------------- .img_box ---------------------------------*/
.img_box{border-top: 1px solid #c9c9c9; padding: 50px 0;}
.img_box a.img{display: block; margin: 0 auto; width: 345px;}
.img_box a.img p{display: flex;align-items: center; font-size: 20px; font-weight: 500; padding: 20px 0 0 ;}
.img_box a.img p img{margin: 0 5px 0 0;}

.img_box li.slick-active{background-color: #8c0000;}

.img_box  li{width: 14px; height: 14px; margin: 0 10px; background-color: #c9c9c9; border-radius: 50%;}
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	/*-------------- all --------------*/
	
	.btns { display: block; width: 80%; margin: 0 auto; padding: 18px 0; font-size: 12px; background-color: #fff; margin: 50px auto;}
	.view { }
	h3 { font-size: 15px;}
	h3 span {  margin-bottom: 11px;}
	h3 .logo img{height: 25px; width: auto; font-size: 0px;}
	
	p.text{padding: 0 0 30px; font-size: 13px; }

	.ininmer { width: auto;  padding: 0 25px;}
	table{width: 100%; margin: 0 auto 30px;}
	table tr.tr_tt td{font-size: 12px !important; padding: 20px 0 !important;}
/* 	table tr.tr_tt td span{ 	margin-left: 1.4em; text-indent: -1.4em;}  */
	.slider_box p{font-size: 15px;  padding: 10px 0 0; }
	 .btn_box{margin: 0 auto;width: 90%; }
	 .btn{display: block; }
	 .btn.red{font-size: 13px; padding: 17px 0 ;margin: 0 0 20px;}
	 .btn.tel{font-size: 12px; padding: 9px 0; }
	 .btn.tel p{ font-size: 25px; width: auto; margin: 5px auto 0 ; justify-content: center; align-items: center;font-family: din-2014, sans-serif;  }
	 .btn.tel p img{margin: 0 6px 0 0; width: 4%;}
	 
	.slide  .slick-dots li{width: 9px; height: 9px; margin: 0 5px; }
	.slide  .slick-dots { bottom: -20px;}
	#banquet .slide .slick-dotted.slick-slider { margin-bottom: 30px;}
	/*-------------- fv --------------*/
	
	#fv .fv { background: url(../images/banquet/fv_sp.jpg) no-repeat center center / cover;}
	#fv h2 { font-size: 15px; margin-bottom: 20px;}
	#fv h2 .logo{width: auto; margin: 0 auto 16px;}
	#fv h2 .logo img{height: 33px; width: auto;}
	/*-------------- about --------------*/
	#about { padding: 25px 0 0;}
	#about h2 { font-size: 60px; margin-bottom: 25px;}
	#about h2 span { font-size: 0px; margin: 0 auto; width: auto; padding: 20px 0 0; }
	#about h2 span img{ height: 11px; width: auto;}
	#about p { font-size: 13px; letter-spacing: 0; margin-bottom: 40px;}

	/*-------------- dinner --------------*/
	#dinner {background: url(../images/banquet/bg_01.png) no-repeat center center;  padding: 50px 0; margin: 0 0 50px;}
	#dinner h3{padding: 0 0 20px; }
	#dinner h3 .logo{width: auto;}
	#dinner p.text{ font-size: 13px; padding: 0 0 20px;}
	#dinner table tr th{font-size: 20px; padding: 11px 0; }
	
	  /*--------------------------- .dinner ----------------------------*/
	#dinner .dinner table tr td {font-size: 18px; padding: 0; display: block; }
	#dinner .dinner table tr td:nth-child(2) {font-weight: 400;}
	#dinner .dinner table tr:not(:last-child) td:nth-child(1) {width: auto; padding: 20px 0 0;}
	#dinner .dinner table tr:not(:last-child) td:nth-child(2) {width: auto; padding: 0px 0 20px 18px;}
	#dinner .dinner table .tr_tt td { width: 100%;}
	#dinner .dinner table .tr_tt td span{padding: 0 0 10px ;  font-size: 18px; line-height: 1.8;}
	
	  /*------------------------------.slide---------------------------------*/
	  #dinner .slider_box{margin: 0 0 50px;}
	  /*--------------------------- .infotmation ----------------------------*/
	#dinner .infotmation h3{font-size: 20px;  padding: 0 0 40px;}
	#dinner .infotmation h3 .logo{ padding: 0 0 10px;}
	#dinner .infotmation h3 .logo img{height: 11px; width: auto;} 
	#dinner .infotmation table tr td {font-size: 13px; padding: 0; display: block;}
	#dinner .infotmation table tr td:nth-child(1) {width: auto;padding: 20px 0 0;}
	#dinner .infotmation table tr td:nth-child(2) {width: auto;padding: 0 0 20px; }
	#dinner .infotmation table .tr_tt td{font-weight: 400;}
	
	
	/*----------------------------- banquet ---------------------------------*/
	#banquet{padding: 0 0 80px;}
	#banquet h3{font-size: 15px;  padding: 0 0 20px;}
	#banquet h3 .logo{width: auto;  padding: 0 0 12px; margin: 0 auto;}
	#banquet table tr th{font-size: 18px; padding: 11px 0;}
	#banquet table tr td{padding: 20px 0; font-size: 18px;}
	#banquet table tr.tr_tt td{padding: 20px 0; font-size: 14px; }
	#banquet table tr.tr_3 td:nth-child(1){padding: 20px 0 0px;}
	#banquet table tr.tr_3 td:nth-child(2){padding: 0 0 20px;}
	
	#banquet table.seats {margin: 0 auto 40px;}
	#banquet table.seats tr th{ font-size: 20px;  padding: 20px 0;}
	#banquet table.seats tr td{display: block; width: 100%; font-size: 15px;}
	#banquet table.seats tr.tr_1 td:nth-child(1){padding: 0;}
	#banquet table.seats tr.tr_1 td:nth-child(2){padding:0 0 10px;}
	#banquet table.seats tr.center td:nth-child(1) { padding: 15px 0 20px; font-size: 12px; text-align: left; }
	#banquet table.seats tr td:nth-child(2){font-size: 13px;}
	#banquet table.seats tr:last-child td:nth-child(1){padding: 0 0 0; }
	#banquet table.seats tr:last-child td:nth-child(2){padding: 0 0 30px; }
	
	/* ------------------------------- houseboat ------------------------------*/
	#houseboat{padding: 0 0 75px;}
	#houseboat h3{font-size: 20px;  margin: 0 0 30px;}
	#houseboat h3 .logo{width: auto;  margin: 0 auto; padding: 0 0 20px;}
	
	#houseboat table.table_1 tr td{display: block;}
	#houseboat table.table_1 tr:nth-child(1) td{padding: 30px 0;}
	#houseboat table.table_1 tr:nth-child(1) td:nth-child(1){ width: 100%; padding: 20px 0 10px; }
	#houseboat table.table_1 tr:nth-child(1) td:nth-child(2){ width: 100%; padding: 0 0 20px; }
	#houseboat table.table_1 tr.tr_tt td{padding: 20px 0;}
	
	#houseboat table.table_2 tr th{font-size: 20px ;padding: 10px 0; }
	#houseboat table.table_2 tr td{padding: 0; display: block; font-size: 15px;}
	#houseboat table.table_2 tr td:nth-child(1){ width: 100%; padding: 20px 0 12px;}
	#houseboat table.table_2 tr td:nth-child(2){ width: 100%; padding: 0 0 20px 15px;}
	#houseboat table.table_2 tr td:nth-child(2) span{ font-size: 25px;}
	#houseboat table.table_2 .tr_tt td:nth-child(1) {padding: 20px 0 0 !important;}
	
	/* -------------------------------- slider ---------------------------------*/
	#slider{padding: 0 0 0px; margin: 0 0 70px;}
	#slider  li{width: 9px; height: 9px; margin: 0 5px; }
	#slider .slick-img { margin: 0 10px;}
	#slider .slide .slick-dots { bottom: -30px;}
	/* -------------------------------- .img_box ---------------------------------*/
	.img_box{padding: 50px 0;}
	.img_box a.img{width: 100%; padding: 0 15px;}
	.img_box a.img img{width: 100%;}
	.img_box a.img p{font-size: 15px;  padding: 10px 0 0 ;}
	.img_box a.img p img{margin: 0 5px 0 0; width: 5%;}
		
}