@charset "UTF-8";

/* CSS Document */

.flex { display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
.flex-between { justify-content: space-between;
    -webkit-justify-content: space-between; }

.menu_list > li figure { width: 40%; }
.menu_list > li figure img { width: 100%; }
.menu_list > li .menu_d_box { width: 55%; }


/* top-page---------------------- */

/*お知らせ*/
.newsBox { margin: 20px auto 50px; padding: 20px; border: 4px double #a02332; background: #fff; }
.newsBox .ttl { margin-bottom: 1em; text-align: center; font-size: 1.5em; color: #a02332; letter-spacing: .1em; font-family: "Sawarabi Mincho"; font-weight: bold;}
.newsBox .kome { margin-top: 1em; }

.dl { margin: 20px auto; padding: 1em 0 0; text-align: center; border-top: 1px solid #e5d8d8; border-bottom: 1px solid #e5d8d8; }
.dl>dt { margin-bottom: .5em;font-size: 1.2em; font-family: "Sawarabi Mincho"; font-weight: bold; color: #333; letter-spacing: .15em; }
.dl>dd { margin-bottom: 1em; }

.center { text-align: center; }
.red { color: #a02332; }
ul.kome li { text-indent:-1em; margin-left:1em; }
ul.kome li::before { content:"※"; }
.corona_kome::before{ content:"※"; }

#main-contents{
	width:698px;
	text-align:left;
	margin-bottom:30px;
}

#main-contents h2{
	width:698px;
	height:39px;
	margin:20px 0 10px 0;
}

/*#main-contents h2 img{
	margin:20px 0 10px 0;
}*/


/*#main-contents li{
	float:left;
}*/

#main-contents .photo{
	margin-right:5px;
}

/*#special,
#voice,
#event{
	margin-bottom:50px;
	border:1px solid red;
}*/

#dayori dl{
	padding-bottom:30px;
}

#dayori dt,
#event dt{
	margin:3px 0 10px 10px;
	float:left;
}

#dayori dd,
#event dd{
	width:530px;
	margin:10px 0 10px 0;
	padding:0 20px 20px 20px;
	float:left;
	line-height:18px;
	border-bottom:3px dotted #e2e0e0;
}

#dayori .daikon{ margin-top:10px; }
#dayori .daikon li{ position:relative; float:left; margin-right:8px; }
#dayori .daikon li img{ width:122px; border:1px solid #e2e0e0; }
#dayori .daikon li:after{
	position:absolute;
	top:50%; right:-10px;
	content:"";
	width: 0;
	height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #17341b;
    border-bottom: 5px solid transparent;
    border-right: 3px solid transparent;
	margin-top:-6px;
}
#dayori .daikon li:last-child:after{ border:none; }

/*#bold_pu{
	font-size:120%;
	font-weight:bold;
	color:#17341b;
}*/

#voice{
	width:678px;
	clear:both;
	margin-bottom:30px;
	background-color:#FFF;
	border:2px solid #e2e0e0;
	border-radius: 10px;         /*CSS3草案*/
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    border-radius: 10px;   /* Firefox用 */
}

#voice img{
	margin:10px 20px 10px 20px;
}

#voice dd{
	margin:0 0 20px 60px;
	line-height:18px;
}

#special li{
	float:left;
	margin-bottom:20px;
}

#dayori .bottom{
	margin-bottom:30px;
}

#event .bottom{
	margin-bottom:20px;
}

.bnr_cheese { margin-bottom:10px; }

.top_bnr { margin-top:10px;}

.notice_box { margin:30px 0; padding-bottom:15px; border:1px solid #a30505; }
.notice_box h3 { margin:0 0 15px; padding:7px 10px 3px; font-size:14px; text-align:center; color:#FFF; background:#a30505; }
.notice_box p { padding:0 15px; }


/* modoru---------------------- */
div.modoru {
	width: 695px;
	margin: 20px 0 30px 0;
}
div.modoru a {
	display: block;
	width: 88px;
	height:13px;
	padding: 1px;
	float: right;
}


.banner{border:1px solid #7d9279;}

/* instagram---------------------- */
.insta h3 { margin-bottom:1em; font-size:1.8em; line-height:1; }
.insta_post { margin-bottom:25px; }
.insta_post li { float:left; width:32%; margin-bottom:1.3%; box-sizing:border-box;}
.insta_post li:not(:nth-child(3n)) { margin-right:1.3%; }
.insta_post li a { display: block;  position: relative;  overflow: hidden;  width: 100%;  padding-top: 100%; }
.insta_post li img { position: absolute;  top: 50%;  left: 50%;  max-width: 150%;  max-height: 150%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); -webkit-transition: all .3s;  transition: all .3s; }


/* Meeting */
#meeting #main-contents{ margin-bottom:70px; font-size:1.1em; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.05em; }
#meeting #main-contents h2{ width:auto; height:auto; margin:auto; }
#meeting #main-contents h4{ color: inherit; border-bottom:0; background: none;	padding: 0;
	font-size:inherit; width:auto; margin-bottom:0; }
#meeting .mv{ margin-top:20px; margin-bottom:35px; padding:30px; text-align:center; background:#FFF; }
#meeting #main-contents .ttl-annex{ margin-bottom:15px; }
#meeting .ttl-main{ margin-bottom:15px; font-size:1.9em; font-weight:700; color:#854e2a; }
#meeting #main-contents .ttl-sub{ margin-bottom:25px; font-size:1.4em; font-weight:700;
	color:inherit; border-bottom:0; background:none; padding:0; width:auto; }
.bg-mv{ position:relative; }
.bg-mv .txt-mv{ position:absolute; top:35px; left:50%; transform:translateX(-50%); }
.ttl-open{ margin-bottom:15px; }
.btn-mtg {margin-bottom: 35px;}
.a-link{ display:-webkit-box; display:flex; flex-wrap:wrap; -webkit-box-pack:justify; justify-content:space-between; margin-bottom:35px; }
.a-link li{ width:220px; margin-bottom:1.2em; }
.a-link a{ display:block; position:relative; padding:0.8em 0; text-align:center; text-decoration:none;
	font-size:1.2em; font-weight:500; color:#26492b; background:#ecdfa9; }
.a-link a::before{ position:absolute; content:""; right:15px; top:18px;
	width:8px; height:8px; border-bottom:2px solid #26492b; border-right:2px solid #26492b; transform: rotate(45deg); }
.sub{ margin-bottom:1.2em; padding:0.4em 0.8em; font-size:1.25em; font-weight:500; color:#FFF; background:#26492b; }
.ttl-box{ display:-webkit-box; display:flex; flex-wrap:wrap; margin-bottom:1.2em; padding-bottom:0.3em; border-bottom:1px dashed #854c25; }
#meeting #main-contents .ttl-border{ margin-left:0.2em; padding-left:0.8em; font-size:1.5em; color:#854c25; border-left:6px solid #854c25; }
#meeting #main-contents .ttl-box .ttl-border{ width:90px; }
.ttl-box .comment{ flex:1; }
.section{ margin-bottom:3em; }
.section .section{ margin-bottom:4.5em; }
.map{ margin:1.5em 0; }
#a-layout .map{ margin-top:0.8em; }
.room-data{ display:-webkit-box; display:flex; flex-wrap:wrap; align-items: center; margin-bottom:1.5em; }
.room-data + .room-data{ padding-top:1em; border-top:1px dashed #854c25; }
.data-sub{ width:120px; margin-left:0.5em; font-size:1.15em; line-height: 1.4; color:#26492b; }
.data{ display:-webkit-box; display:flex; flex-wrap:wrap; flex:1; align-items: center; }
.data dt{ padding:0.5em 1em; background:#cadbcc; }
.data dd{ flex:1; padding:0.5em 1em; }
.ttl-round{ text-align:center; }
.ttl-round span{ display:inline-block; padding:0.2em 2em; font-size:1.1em; color:#FFF; background:#2f6536; border-radius:20px; }
.t-data{ width:100%; margin-bottom:1.5em; border:1px solid #cccccc;  border-collapse:collapse; border-spacing:0; }
.t-data tr > th, .t-data tr > td{ padding:0.5em 0.8em; border:1px solid #cccccc; }
.t-data tr > th{ text-align:center; background:#e0ecda; }
ol.kome { padding-left:5px; }
ol.kome li { text-indent:-2em; margin-left:2em; margin-bottom:1.2em; }
ol.kome { list-style:none; counter-reset:number; }
ol.kome li::before { counter-increment:number; content: "※" counter(number) ""; }
#meeting #a-fee ol.kome{ margin-top:2em; padding-top:1.5em; border-top:1px solid #CCC; }
.contact-box{ padding:20px; text-align:center; text-decoration:none; font-size:1.2em; border:4px solid #854c25; }
.contact-box .tel-link{ margin-top:1em; text-align:center; }
.contact-box .tel-link a{ display:inline-block; padding:0.3em 2em; text-decoration:none; font-size:1.2em;
	color:#FFF; background:#854c25; border-radius:30px; }
.contact-box .ttl-main{ margin-bottom: 10px !important; font-size: 1.6em !important; }

#meeting.reserve #main-contents { margin-top: 20px; }
#meeting.reserve #main-contents .sub { margin-bottom: 1em; }
#meeting.reserve #main-contents p { margin-block:1em; }
#meeting.reserve .notice_box { margin-block: 1em; padding: 1em; }

/* カレンダー */
.cal-wrap { width: calc(100% - 30px); max-width: 1000px; margin: 20px auto;}
.calendar { position:relative; }
.calendar h3 { text-align:center; margin-bottom:10px; font-size:160%; }
.calendar table { width: 100%; text-align: center; border:2px solid #26492b; border-collapse:collapse; }

.calendar tr>* { border:1px solid #cccccc;}
.calendar td {position:relative; width:12.5%; padding:5px; vertical-align:top; text-align:center;}
.calendar thead th { white-space:nowrap; }
.calendar tr:nth-child(3n) td { border-bottom:1px solid #26492b; }
.calendar td.close { background:#e3dfdf; }
.calendar td>a { display: block; }
.calendar th {padding:5px; text-align:center; color:#fff; background:#26492b;border-bottom:none;}
#cal a.prev,
#cal a.next { position: absolute; top: 0; display: block; width: 40px; height: 40px; border: 1px solid #26492b; border-radius: 50%; }
#cal a.prev { left: 0;}
#cal a.next { right: 0;}
#cal a.prev::before, #cal a.next::before { position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-6px; content:""; display:block; width:9px; height:9px; border-top:2px solid #26492b; border-right:2px solid #26492b; transform: rotate(45deg);}
#cal a.prev::before { margin-left: -2px; transform: rotate(-135deg);}

/* フォーム */
.c-form,.c-form * { box-sizing: border-box; }
.c-form { margin:1em 0; }
.c-form > div { display:-webkit-flex; display:flex; margin-bottom: 1px; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:1px; }
.c-form dt { width: 12em; padding: 5px; text-align: right; background-color: #879b81; color: #fff; padding: 4px 10px; font-feature-settings: "palt"; }
.c-form dt.required::after { content:'*'; }
.c-form dd { padding: 5px; -webkit-box-flex:1; flex:1; background:#fff; }

.submit input { display: inline-block; margin: 0 20px; padding: 0 50px; color: #fff; font-size: 1.2em; text-align: center; line-height: 2.5; background: #26492b; }
.submit input:hover { opacity: 0.7; }

.reserve.thanks p { margin: 1em auto; }

#osechi .img_osechi { display: flex; }
#osechi .pdf_osechi { display: flex; }

/* 宴会プラン */

.enkai .reserve { margin-top: 2em; padding: 1em 1.5em; background: #fff; }
.enkai .reserve > p:first-of-type { margin-bottom: .3em; }
.enkai .reserve a { text-decoration: none; }
.enkai .bnr-reserve { margin-bottom: .7em; }

.small { font-size: .88em; color: #6e6e6e; }
.c-form dt .small { color: #e4e4e4; }
.sub .small { color: #c3d3c6; }