@charset "UTF-8";

#main-visual{
	width:100%;
	min-width:1080px;
	margin:auto;
	position:relative;
	text-align:center;
}
#main-visual img{
	display:block;
	width:100%;
	heihgt:auto;
	min-width:1080px;
}
#contents{
	padding-bottom:120px;
}
.left{
	width:64%;
	float:left;
}
.right{
	width:30%;
	float:right;
}
dd img{
	vertical-align:bottom;
}
.right dd{
	margin-bottom:5px;
}
.right dt{
	font-size:14px;
}
.right dl{
	margin-bottom:10px;
}
.content h2 {
	padding-top:40px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.8;
    padding-bottom: 50px;
    width: 1000px;
    margin: auto;
}
.content h2:after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    margin: auto;
    background: #410908;
    margin-top: 10px;
}
.content h3{
	text-align:center;
	font-weight:500;
	padding-bottom:20px;
	font-size:24px;
}
.menu-list{
	clear:both;
	overflow:hidden;
	padding:12px 0 18px;
	border-bottom:1px solid rgba(65,9,8,0.3);
}
.menu-list dt{
	font-weight:600;
	float:left;
	line-height:2;
}
.menu-list dd.price{
	font-weight:600;
	float:right;
	line-height:2;
	clear:right;
	display:none;
}
.menu-list dd.price span{
	font-size:14px;
	display:inline-block;
	padding-right:10px;
    vertical-align: bottom;
    font-weight: 500;
}
.menu-list dd.detail{
	clear:both;
	line-height:1.5;
	font-size:14px;
}
.content.inner{
	overflow:hidden;
	margin-bottom:60px;
}
.left .text{
	font-size:14px;
	padding-top:15px;
	font-weight:600;
}

.cake .clear{
	margin-bottom:40px;
}
.cake .left{
	float:left;
}
.cake .right{
	float:right;
}
.cake .pic{
	display:block;
	width:420px;
	margin:0;
}
.cake .txt{
	display:block;
	width:540px;
	margin:0;
}
.cake .text{
	font-size: 14px;
    padding-top: 15px;
    font-weight: 600;
}



@media screen and (max-width: 768px){
	#main-visual{
		width:100%;
		min-width: 100%;
		height: 15rem;
	}
	#main-visual img{
		display:block;
		width: 100%;
		height: 100%;
		min-width: 100%;
		object-fit: cover;
		font-family: "object-fit: cover";
	}
	#contents{
		padding-bottom: 6rem;
	}
	section.inner.content{
		display: flex;
		flex-direction: column;
	}
	section.inner.content .right{
		order: 1;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	section.inner.content .left{
		order: 2;
		width: 100%;
	}
	.right dd img{
		display: block;
		width: 100%;
	}
	.right dd{
		margin-bottom: 0;
	}
	.right dt{
		font-size: 100%;
		padding-top: 1rem;
	}
	.right dl{
		margin-bottom: 2rem;
		width: calc(50% - .75rem);
	}
	.content h2{
		padding-top: 3rem;
		text-align: center;
		font-size: 2.4rem;
		padding-bottom: 3rem;
		width: 100%;
	}
	.content h3{
		padding-bottom: 1.5rem;
		font-size: 2rem;
	}
	.content.inner{
		margin-bottom: 4rem;
	}
	.menu-list{
		padding:1.5rem 0;
	}
	.menu-list dd.detail{
		font-size: 100%;
	}
	.content.inner{
		margin-bottom: 4rem;
	}
	.left .text{
		font-size: 1.2rem;
		padding-top:1rem;
		line-height: 1.5;
	}
	.cake .right{
		flex-direction: column;
	}
	.cake .right h4{
		font-size: 1.5rem;
		padding: 1.5rem 0 1rem;
	}
	.cake .clear{
		margin-bottom: 4rem;
	}
	.cake .pic{
		width: 100%;
	}
	.cake .txt{
		width: 100%;
	}
	.cake .text{
		font-size: 1.2rem;
		padding-top: 1rem;
	}
	.inner.content:last-of-type .right dl{
		width: calc(50% - .75rem);
	}
	.comment{
		font-size: 1.2rem !important;
	}
}