/**********************************************
	レイアウト
**********************************************/
body {
	background-color:#fffef1;
}

.sectionBlockGaudi {
	padding:4rem 0;
}

.sectionBlockGaudiInner {
	margin:0 auto;
	padding:0 1rem;
	max-width:1024px;
}

/**********************************************
	ヘッダー
**********************************************/
#logoImage {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	gap:2rem;
	margin-bottom:4rem;
}

#logoImage img {
	width:40vw;
	height:auto;
}

@media screen and (max-width:568px) {
	#logoImage {
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	}

	#logoImage img {
		width:80vw;
		height:auto;
	}
}

.mainTextBlock {
	padding:20vh 0;
	text-align:center;
}

.eigyouInfo {
	margin:0 auto;
}

.eigyouInfo th {
	padding:0 10px;
	text-align:left;
	font-size:90%;
	color:#555;
}

.eigyouInfo td {
	padding:0 10px;
	text-align:left;
}

/**********************************************
	フッター
**********************************************/
#corpFooter {
	padding:5vh 0;
}

.footerLogoImage {
	margin:0 auto;
	max-width:400px;
}

@media screen and (max-width:568px) {
	.footerLogoImage {
		max-width:60vw;
	}
}

/**********************************************
	写真
**********************************************/
.imageBlock {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	margin:0 calc(50% - 50vw);
	width:100vw;
}

@media screen and (max-width:568px) {
	.imageBlock {
		flex-direction:column;
	}
}

/**********************************************
	ジャンルタイトル
**********************************************/
.genreBlock {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
}

.genreTitle {
	position:relative;
	display:inline-block;
	margin:0 auto;
	padding:0 160px;
	font-size:3rem;
	font-weight:bold;
	color:#003f7e;
}

.genreTitle:before, .genreTitle:after {
  content:'';
  display:inline-block;
  position:absolute;
  width:145px;
  height:2px;
  top:50%;
  background-color:#003f7e;
}

.genreTitle:before {
  left:0;
}

.genreTitle:after {
  right:0;
}

.genreSubTitle {
	margin-bottom:2rem;
	font-size:1.65rem;
	color:#003f7e;
}

@media screen and (max-width:568px) {
	.genreTitle {
		padding:0 60px;
		font-size:2.2rem;
	}

	.genreTitle:before, .genreTitle:after {
	  width:45px;
	}
}

/**********************************************
	メニューリスト
**********************************************/
.menuBlock {
	margin:0 auto;
	margin-bottom:4rem;
	max-width:1024px;
}

.menuName {
	margin:0.25rem 0;
	font-size:1.35rem;
}

.menuName span {
	font-size:1.05rem;
}

.menuSubName {
	margin-left:2rem;
	font-size:1.05rem;
	font-weight:normal;
}

.menuImage {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	margin:0 auto;
}

.menuImage img {
	max-width:320px;
	height:auto;
}

.menuSubText {
	margin:1rem 0;
	text-align:center;
	font-size:1.05rem;
}

.priceTable {
	margin-bottom:1rem;
	width:100%;
}

.priceTable th {
	padding:0.25rem 2rem 0.25rem 0;
}

.priceTable td {
	padding:0.25rem 0;
	white-space:nowrap;
	text-align:right;
	font-size:1.3rem;
}

.subPriceTable {
	margin:0 auto;
	margin-bottom:1rem;
	border:1px solid #ccc;
}

.subPriceTable td {
	padding:0.25rem 0;
	font-size:1.3rem;
}

.subPriceTableTitle {
	padding:0.25rem 0;
	text-align:center;
	font-size:1.3rem;
	font-weight:bold;
}

@media screen and (max-width:568px) {
	.menuName {
		font-size:1.3rem;
	}
}