@charset "UTF-8";

.breakfast_menu {
	
	}
	.breakfast_menu .container h2 {
		text-align: center;
		margin-top: 70px;
		}
	.breakfast_menu .container h2:first-of-type {
		margin-top: 0;
		}
	.breakfast_menu .container p {
		max-width: 940px;
		margin: 35px auto;
		text-align: center;
		line-height: 1.6;
		}

		.breakfast_menu .alter_list {
			max-width: 940px;
			margin: auto;
			}
			.alter_list .alter_item .alter_info {
				padding: 15px 20px 20px;
			}

	.breakfast_menu .container dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 940px;
		margin: 70px auto 10px;
		font-size: 15px;
		line-height: 1.6;
		border-top: 1px solid rgb(84,88,90);
		}
		.breakfast_menu .container dl dt {
			width: 150px;
			padding: 10px;
			border-bottom: 1px solid rgb(84,88,90);
			font-weight: 300;
			}
		.breakfast_menu .container dl dt.center {
			display: flex;
			align-items: center;
			}
		.breakfast_menu .container dl dd {
			width: calc(100% - 150px);
			padding: 10px;
			border-bottom: 1px solid rgb(84,88,90);
			font-weight: 300;
			}
@media screen and (max-width: 450px) {
	.breakfast_menu .container dl dt {
		width: 100%;
		padding: 10px 0 0;
		font-weight: 500;
		border-bottom: none;
	}
	.breakfast_menu .container dl dd {
		width: 100%;
		padding: 10px 0;
	}
}

			
.one_slick {
	max-width: 940px;
		margin: 35px auto 70px !important;
	}
	.one_slick article {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
			background-color: rgb(84,88,90)
		}
	/*.one_slick article:last-of-type {
		margin-bottom: 0;
		}*/
		.one_slick article img {
			width: 100%;
			object-fit: cover;
			aspect-ratio: 16 / 10;
			}
		.one_slick article .information_area {
			/*position: absolute;*/
			bottom: 0;
			right: 0;
			width: 100%;
			/*background-color: rgba(0, 0, 0, .5);*/
			padding: 20px;
			color: #fff;
			}
			.one_slick article .information_area p {
				margin: 0;
				line-height: 1.6;
				text-align: left;
				}
			.one_slick article .information_area h3 {
				margin: 0 0 10px;
				font-size: 21px;
				font-weight: 400;
				color: #fff;
				}
			.one_slick article > .information_area > .information {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				margin: 20px 0 0;
				}
@media screen and (max-width: 600px) {
	.one_slick article {
		background-color: rgba(0, 0, 0, .5);
		}
	.one_slick article .information_area {
		position: relative;
		bottom: auto;
		right: auto;
		background-color: transparent;
	}
}
				
.slick-slider .slick-track,
.slick-slider .slick-list {
	display: flex;
}