@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300;400&family=Baskervville&family=Noto+Serif+JP&family=Roboto+Condensed:wght@300&display=swap");
/*layout*/
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pl25 { padding-left: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pl35 { padding-left: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pl40 { padding-left: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pl45 { padding-left: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pl50 { padding-left: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pl55 { padding-left: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pl60 { padding-left: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pl65 { padding-left: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pl70 { padding-left: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pl75 { padding-left: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pl85 { padding-left: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pl90 { padding-left: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pl95 { padding-left: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pl100 { padding-left: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

/* ========================================
	共通
======================================== */
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }

@media (max-width: 768px) { .inner > .flex > * { width: 100% !important; } }
.button-01.no-arrow a:after { display: none; }

@media (min-width: 768px) { .buttons { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
  .buttons .button-01 + .button-01 { margin-left: 30px; margin-top: 0; } }
@media (max-width: 767px) { .buttons .button-01 a { width: 100%; }
  .buttons .button-01 + .button-01 { margin-top: 20px; } }
.toggle-button a:after { content: ''; display: block; width: 10px; height: 10px; right: 15px; border-top: 1px solid #f3efee; border-right: 1px solid #f3efee; transform-origin: center center; margin-top: -3px; transform: translateY(-50%) rotate(135deg); }
.toggle-button a:hover:after { transform: translate(0, -2px) rotate(135deg); }
.toggle-button.active a { background-color: #f3efee; color: #fff; }
.toggle-button.active a:after { border-color: #fff; transform: translateY(0) rotate(-45deg); }
.toggle-button.active a:hover:after { transform: translateY(-5px) rotate(-45deg); }

.price_table .tit { background-color: #000; color: #fff; padding: 0 15px; margin-bottom: 10px; display: flex; align-items: center; }
.price_table .tit small { display: inline-block; margin-right: 0; margin-left: auto; font-size: 16px; }
.price_table .border-top { margin-top: 1em; padding-top: 1em; border-top: 1px solid #000; }

.table-border > div { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5px 15px; line-height: 1.6666666667em; }
.table-border > div:nth-child(2n+1) { background: #f3efee; }
.table-border dt { flex: 2; }
.table-border dd { flex: 1; }
.table-border dd small { font-size: 70%; display: inline-block; line-height: 1.2; }

/* ========================================
	plan
======================================== */
.banquet_plan .header_image { position: relative; height: 200px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; flex-wrap: wrap; align-content: center; }
.banquet_plan .header_image a { display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: center; align-items: center; text-align: center; padding: 20px 70px; background-color: rgba(0, 0, 0, 0.25); position: relative; transition: .5s; }
.banquet_plan .header_image a:hover { background-color: transparent; }
.banquet_plan .header_image a .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.banquet_plan .header_image a .bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover;"; }
.banquet_plan .header_image a.toggle:after, .banquet_plan .header_image a.toggle:before { content: ''; display: block; width: 30px; height: 2px; background-color: #fff; position: absolute; right: 30px; top: 50%; }
.banquet_plan .header_image a.toggle:before { transform: rotate(90deg); transition: .3s; }
.banquet_plan .header_image a.active.toggle:before { transform: rotate(0); }
.banquet_plan .header_image a:not(.toggle):after { content: ''; display: block; background: url("../images/meetingroom/plan_header_blank.png") no-repeat center center/contain; width: 30px; height: 28px; position: absolute; right: 30px; top: 50%; margin-top: -14px; }
.banquet_plan .header_image h4 { color: #FFF; font-weight: 500; font-size: 30px; line-height: 1.2; vertical-align: middle; }
.banquet_plan .header_image h4 small { font-size: 70%; }
.banquet_plan .header_image .date { color: #f3efee; font-size: 20px; line-height: 1.2; font-weight: 500; margin-top: 20px; }
@media (max-width: 768px) { .banquet_plan .header_image h4 { font-size: 20px; }
  .banquet_plan .header_image .date { font-size: 15px; } }

section .inner { margin-top: 40px; }
@media (max-width: 768px) { section .inner { margin-top: 30px; } }
section .inner > .flex .tit { margin-bottom: 20px; border-bottom: 1px solid; }
@media (max-width: 768px) { section .inner > .flex .tit { margin-bottom: 20px; } }
section .inner > .flex .tit.black { background-color: #000; color: #fff; padding: 0 15px; }
section .inner > .flex + .flex { margin-top: 40px; }
@media (min-width: 769px) { section .inner > .flex .text { width: 50%; padding: 0 30px; }
  section .inner > .flex .text:nth-child(2n) { padding-right: 0; }
  section .inner > .flex .text:nth-child(2n+1) { padding-left: 0; } }
section .inner > .flex .text > *:not(.tit) { margin-top: 20px; }
section .inner > .flex b { font-weight: bold; }
section .inner > .flex + p { margin-top: 60px; padding-top: 30px; border-top: 1px solid #000; }

.img_text figure { width: 50%; text-align: center; }
@media (max-width: 768px) { .img_text figure { margin-bottom: 30px; } }

.text_only .text { margin-top: 40px; }
@media (min-width: 769px) { .text_only .text:nth-child(-n+2) { margin-top: 0; } }
@media (max-width: 768px) { .text_only .text:first-child { margin-top: 0; } }

.plan_menu { column-count: 2; }
.plan_menu li { position: relative; padding-left: 1.5em; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
.plan_menu li:before { content: '・'; display: block; position: absolute; top: 0; left: 0; }

.plan_menu_dl dt { font-weight: bold; }
.plan_menu_dl dt:before { content: '['; display: inline-block; }
.plan_menu_dl dt:after { content: ']'; display: inline-block; }
.plan_menu_dl dd + dt { margin-top: 10px; }
.plan_menu_dl dd { padding-left: .5em; }
.plan_menu_dl .flex dt { flex-shrink: 0; }
@media (min-width: 768px) { .plan_menu_dl .flex { flex-wrap: nowrap; } }
@media (max-width: 767px) { .plan_menu_dl .flex dt, .plan_menu_dl .flex dd { width: 100%; } }

section + section { margin-top: 60px; }
section.banquet_plan + section.banquet_plan { margin-top: 50px; }
@media (max-width: 768px) { section.banquet_plan + section.banquet_plan { margin-top: 30px; } }
section.banquet_plan .inner { display: none; }
section.banquet_plan:last-of-type .inner { margin-bottom: 0; }

/* ========================================
	main
======================================== */
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }

.detail_lr + .detail_lr { margin-top: 40px; }
.detail_lr figure { width: calc(457/1190*100%); }
.detail_lr section { width: calc(733/1190*100%); }

.mar_box { margin-top: 50px; }
.mar_box h5 { text-align: center; font-weight: bold; }

ul.box4 { overflow: hidden; max-width: 1190px; }
ul.box4 li { overflow: hidden; float: left; width: 22.4369%; margin-right: 3.36134%; padding: 0 1%; }
ul.box4 li:last-child { margin-right: 0; }
ul.box4 li:nth-child(4n+1) { clear: both; }

@media (min-width: 769px) { ul.box4 > li { margin-top: 80px; }
  ul.box4 > li:nth-child(-n+4) { margin-top: 0; } }
.img_box { width: 90%; max-width: 900px; text-align: center; padding: 0 1% 80px; margin: 0 auto; }

.ban_table td { width: 40%; }

.other_table { margin-bottom: 80px; }
.other_table th { width: 100%; }

.txt_box { width: 90%; margin: 0 auto 50px; font-size: 18px; }

.btn_box { text-align: center; }
.btn_box p { margin-bottom: 10px; }

.btn_box2 { text-align: center; margin-bottom: 40px; }

/*料金表テーブル*/
.banquet_price { width: 100%; border: 1px solid #969696; background-color: #fff; }
.banquet_price th, .banquet_price td { border: 1px solid #969696; text-align: center; vertical-align: middle; font-weight: 500; line-height: 1.2; padding: 10px; }
.banquet_price th { background-color: #f3efee; }
.banquet_price th small { display: block; font-size: 88.8888888889%; }
.banquet_price + p { margin-top: 20px; }
.banquet_price + p + p { margin-top: 20px; }
p + .banquet_price { margin-top: 40px; }

@media (max-width: 768px) { /*	.banquet_price { 		display: -webkit-flex; 		display: -moz-flex; 		display: -ms-flex; 		display: -o-flex; 		display: flex; 	} 	.banquet_price thead,.banquet_price tbody{ 		display: -webkit-flex; 		display: -moz-flex; 		display: -ms-flex; 		display: -o-flex; 		display: flex; 	}*/
  .banquet_price th, .banquet_price td { /*display: block;*/ font-size: 2vw; padding: 5px 0; text-align: center; } }
/*宴会場スペック表記*/
.banquet_spec { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; }
.banquet_spec li { border: 1px solid #C4C4C4; color: #808080; border-radius: 10px; min-width: 120px; padding: 10px; text-align: center; margin-right: 20px; margin-bottom: 10px; line-height: 1.2; }
.banquet_spec li:last-child { margin-right: 0; }

@media (max-width: 768px) { .banquet_spec li { border-radius: 10px; min-width: 100px; padding: 5px; font-size: 13px; margin-right: 10px; } }

/*# sourceMappingURL=meetingroom.css.map */