@charset "utf-8";

/*===============================================
●共通
===============================================*/
body.osmicdish #container,
body.osmicdish a #container,
body.osmicdish .btn02 a {
	color: #4d3f37;
}
body.osmicdish .btn02 a {
	border: 1px solid #4d3f37;
}
body.osmicdish .btn02 a:not(:nth-last-of-type(1)) {
	margin-bottom: 16px;
}
body.osmicdish .btn02 a:nth-last-of-type(1) {
	margin-bottom: 48px;
}
body.osmicdish .btn05 a:not(:nth-last-of-type(1)) {
	margin-bottom: 16px;
}
body.osmicdish .btn02 .arrowInner span {
	background-color: #4d3f37;
}
h1 {
	margin: 0;
}
/* mainImageWrap
---------------------------------------- */
#mainImageWrap .mainBgImage {
	background: url("../../images/cheese/mainImage.jpg") no-repeat center center / cover;
}

/* headWrap
---------------------------------------- */
#headWrap #roadnavWrap,
#headWrap #roadnavWrap a {
	color: rgba(77, 63, 55, 0.6);
}
#headWrap .titLogo:after {
	background-color: #466b42;
}

.btnWrapper {
	margin-top: 5em;
}

.note {
	margin: 0 3.5% 4em;
}

.img01 > img {
	width: 100%;
}

.course {
	margin-top: 7em;
}

.courseTitle {
	text-align: center;
}

.courseContainer {
	margin-top: 3em;
}

.courseContainer > p + p {
	margin-top: 1em;
}

.courseMenu {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 4em;
}

.menuList > li,
.cancelList > li {
	list-style: none;
	line-height: 2;
	text-indent: -1em;
	padding-left: 1em;
}

.menuList > li::before {
	content: "■";
	margin-right: 0.2em;
}

.menuList > li + li {
	margin-top: 0.5em;
}

.cancelList > li::before {
	content: "・";
}

#informationWrap #informationBox dd {
    padding-bottom: 1.57em;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px) {
	/* mainImageWrap
	---------------------------------------- */
	#mainImageWrap .inner img {
		max-width: 200px;
		margin: 2.29em 0 0;
	}

	/* imageContents
	---------------------------------------- */
	.imageContents .rBox .textBox,
	.imageContents .lBox .textBox {
		background-color: #bf1c24;
	}

	/* menuWrap
	---------------------------------------- */
	#menuWrap #menuContainer .menuBox:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	#menuWrap #menuContainer .menuBox table caption {
		margin-bottom: 1.2em;
	}
	#menuWrap #menuContainer .menuBox table tr {
		display: flex;
		padding-bottom: 0.71em;
	}
	#menuWrap #menuContainer .menuBox table tr:last-of-type {
		padding-bottom: 0;
	}
	#menuWrap #menuContainer .menuBox table tr th {
		line-height: 1.7em;
		width: 98%;
		margin-right: 2%;
	}
	#menuWrap #menuContainer .menuBox table tr td {
		width: 20% !important;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px) {
	/* headWrap
	---------------------------------------- */
	#headWrap .lead {
		padding-bottom: 10.36em;
	}
	/* informationWrap
	---------------------------------------- */
	#informationBox table dl {
		margin-bottom: 1.57em;
	}

	.course {
		margin-top: 10em;
	}
}