@charset "utf-8";

/*
1.サブナビ
2.メニュー
3.宴会の部コース内容
4.鍋の部
*/

p {
	margin: 0.5em;
}

/*1.サブナビ*/

.subNav li {
	display: inline-block;
	width: calc(80% / 4);
	padding: 0.3em 0;
	margin: 0 0.3em;
	letter-spacing: 0.3em;
	text-align: center;
}
.subNav li:nth-of-type(2) {
	min-width: 125px;
}



/*2.メニュー*/
dl {
	box-sizing: border-box;
	width: calc(100% / 3);
	font-size: 0.9em;
}

dt {
	width: 162px;
	float: left;
	clear: left;
	padding: 0.4em 0em 0em 0.3em;
}

dd {
	box-sizing: border-box;
	width: 92%;
	margin: 0 0.3em 0 0.3em;
	text-align: right;
	border-bottom: 1px solid #d3c0a7;
	padding: 0.4em 0.3em 0em 0em;
}
dd::after {
	content: "円";
}
.comment {
	width: calc(100% / 3);
	display: inline-block;
}
.comment p {
	width: calc(100%);
	display: inline-block;
	font-size: 0.9em;
}
.comment p:first-line {
	color:#e02b2e;
}
.comment p span {
	display: block;
}
.comment dl {
	box-sizing: border-box;
	width: calc(100%);
}


/*3.宴会の部コース内容*/
.inDetailDt {
	width: 92%;
	float: none;
	padding: 0.4em 0em 0em 0.3em;
}
.inDetailDd {
	width: 92%;
	margin: 0 0.3em 0 0.3em;
	text-align: left;
	padding: 0.4em 0.3em 0em 2em;
}
.inDetailDd::after {
	content: "";
}


/*4.鍋の部*/
.nabeMenu div div {
	width: calc(90% / 3);
	text-align: center;
	margin: 1em 0;
	padding: 0.9em 0.5em 1em;
	background-color: rgba(230,230,230,0.5);
}
.nabeMenu dl {
	width:100%;
}
.nabeMenu dt {
	width:80%;
	border-bottom: 1px solid #f5d444;
	float: none;
	margin: 0em auto;
}
.nabeMenu dd {
	box-sizing: border-box;
	width: 80%;
	margin: 0em auto;
	text-align: center;
	border-bottom: 0px solid #d3c0a7;
	padding: 0em;
}
.nabeMenu dd:nth-child(3) {
	border-bottom: 1px solid #ed7d00;
	padding: 0em;
}
.nabeMenu dd:nth-child(n + 3) {
	margin-top: 1em;
}
.nabeMenu dd::after {
	content: "";
}

.enkaiWrap dl {
	width: calc(100% / 3 * 2);
}
.boder-none {
	border: 0px;
}
.boder-dot {
	border-bottom: 1px dotted #d3c0a7;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.small {
	font-size: 80%;
}

@media screen and (max-width: 750px) {

	/*メニュー*/
	dd {
		padding-top: 0;
			display: inline-block;
	}

	/*宴会の部コース内容*/
	.inDetailDd {
		padding-top: 0;
}


}


@media screen and (max-width: 500px) {

	/*1.サブナビ*/
	.subNav li {
		width: calc(70% / 4);
		margin: 0;
		letter-spacing: 0em;
	}
	.subNav li:nth-of-type(2) {
		min-width: 110px;
	}

	/*メニュー*/
	dl {
		width: 84%;
		margin: 0 auto;
	}
	dd {
		width: 96%;
		padding-top: 0.3em;
		display: block;
	}
	.comment {
		width: calc(84%);
	}
	.enkaiWrap dl {
		width: 84%;
	}
	.enkaiWrap dd {
		width: 96%;
		padding-top: 0.3em;
		display: block;
	}

	/*鍋の部*/
	.nabeMenu div div {
		width: calc(84%);

	}



}