/* ####################################################
	yaechika-morning
#################################################### */

/* main__image */
.main__image--wrap{
    max-width: 870px;
    margin: 0 auto;
}
.main__image--wrap div img{
    display: block;
    margin: 30px auto 40px;
}
.main__image--wrap p{
	font-size: 2.0rem;
	font-weight: 700; /* --font-weight-noto-bold */
	text-align: center;
	margin: 0 0 60px;
}
div.btn__box--flex {
    display: flex;
    flex-wrap: wrap;
	margin: 0 0 60px;
}
div.btn__box--flex a{
    max-width: 425px;
    width: 100%;
    margin-bottom: 20px;
    background-image: url(../__common_img/down-arrow-bold_icon.svg);
}
div.btn__box--flex a:hover {
    background-image: url(../__common_img/down-arrow-bold_icon_hover.svg);
}
.shoplists_shop__area {
	background-color: #F3F1F0; /* --color-bg */
}

.shoplists_shop__area:last-child {
	border: 0;
}

.shoplist_shop__wrap {
	padding: 0 0 0 0;
	margin: 0 auto 0px auto;
}
#content section#area_1.shoplists_shop__area{
	padding: 80px 0 0 0;
}
.shoplist_shop__wrap h3 {
	font-size: 2.6rem;
    font-weight: 700; /* --font-weight-noto-bold */
    text-align: center;
    margin-bottom: 40px;
}
#content section#area_4{
	border: 0;
    padding-bottom: 20px;
    margin-bottom: 80px;
}
.content_title--wrap svg {
    top: -5px;
}
.content_title--wrap svg.right-object {
    right: 440px;
}
.content_title--wrap svg.left-object {
    left: 440px;
}
.shoplist_shop__wrap ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
}

.shoplist_shop__wrap ul li {
	position: relative;
	max-width: 425px;
	width: 100%;
	padding: 0 0 40px 0;
	margin: 0 20px 60px 0;
	background-color: #ffffff;
}

.shoplist_shop__wrap ul li:nth-child(2n) {
	margin: 0 0 60px 0;
}

.shoplist_shop__wrap ul li a {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 10px 0;
	background-image: url("../__common_img/right-arrow_icon_hover.svg");
	background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 8px;
    background-color: #4C4948; /* --color-accent */
}

/* shop__data */
.shop__data {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 15px;
}

.shop__data > div:nth-child(1) {
	width: 120px;
}

.shop__data > div:nth-child(2) {
	width: calc(100% - 120px);
	padding: 0 0 0 10px;
}

.shop__data > div:nth-child(2) p {
	font-size: 1.2rem;
}

.shop__data > div:nth-child(2) strong {
	font-size: 1.8rem;
}

/* menu__image */
.menu__image {
	margin: 0 0 20px 0;
}

.menu__image p {
	font-size: 1.2rem;
	padding: 0 15px;
}

/* morning__block */
.morning__block {
	padding: 0 15px;
}

/* morning__nemu */
.morning__nemu {
	border-bottom: 2px solid #4C4948; /* --color-accent */
	margin: 0 0 15px 0;
}

.morning__nemu dl {
	display: block;
	width: 100%;
}

.morning__nemu dl dt {
	font-size: 1.8rem;
	font-weight: 700; /* --font-weight-noto-bold */
	margin: 0 0 10px 0;
}

.morning__nemu dl dd {
	margin: 0 0 15px 0;
}

/* morning__time, morning__order */
.morning__time,
.morning__order {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 15px 0;
}

.morning__time dt,
.morning__order dt {
	font-weight: 700; /* --font-weight-noto-bold */
	line-height: 1.2;
	width: 130px;
}

.morning__time dd,
.morning__order dd {
	width: calc(100% - 130px);
}


.info_sns__area{
	margin: 80px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.main__image--area {
		padding: 0 5.025%;
	}
	.shoplists_shop__area{
		padding: 0 5.025% 0;
	}
	#content section#area_1.shoplists_shop__area{
		padding: 100px 5.025% 0;
	}
	.shoplist_shop__wrap{
		margin: 0 auto 0px auto;
	}
	.shoplist_shop__wrap ul li{
		max-width: 100%;
		margin: 0 0px 60px 0;
	}
}

@media only screen and (max-width: 414px) {
	.main__image--wrap div img{
		margin: 15px auto 40px;
	}
	#content section#area_1.shoplists_shop__area{
	    padding: 45px 5.025% 0;
	}
	.shoplist_shop__wrap ul li{
		margin: 0 0 40px 0;
	}
	.shoplist_shop__wrap ul li:nth-child(2n){
		margin: 0 0 40px 0;
	}
	#content section#area_4 .shoplist_shop__wrap{
		margin: 0 auto 0px auto;
	}
	.shop__data > div:nth-child(2) strong{
		line-height: 20px;
	}
	.morning__time dd{
		line-height: 20px;
	}
}
