@charset "utf-8";
/* CSS Document */

br.pc {
	display: block;
}
br.sp {
	display: none;
}
	@media only screen and (max-width: 768px) {
		br.pc {
			display: none;
		}
		br.sp {
			display: block;
		}
	}
.tac { text-align: center; }
.mb30 { margin-bottom: 30px!important;}
section {	
	width: 980px;
	margin: 0 auto;
}
section#info {
    margin: 0 auto 50px;
    padding-top: 180px;
}
section#info > h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 180%;
    text-align: center;
}
section#info > div {
    width: 400px;
    margin: 30px auto 50px;
}
section#info > div.img_box {
    width: 800px;
    margin: 30px auto 50px;
}
section#info > div > img {
    width: 100%;
    height: auto;
}
section#info > div.img_box > img {
    width: 50%;
    height: auto;
}
section#info > p {
    text-align: center;
    line-height: 180%;
	margin-bottom: 16px;
}

section#menu > dl > dt {
	font-weight: 600;
	margin-bottom: 8px;
}
section#menu > dl > dd {
	line-height: 160%;
	margin-bottom: 16px;
}
section#menu > dl > dd > a {
	border-bottom: #333 1px dashed!important;
}
section#menu > dl > dd > a.reserve_btn {
	display: inline-block;
	background: #ae0e16;
	color: #fff;
	font-weight: bold;
	border-bottom: none!important;
	border-radius: 5px;
	padding: 10px 32px;
}
	@media only screen and (max-width: 768px) {
		section {
			width: 90%;
		}
		section#info > p {
			text-align: left;
		}
		section#info > div {
			width: 100%;
		}
		section#info > div.img_box {
			width: 100%;
		}
		section#info > div.img_box > img {
			width: 100%;
		}
	}