@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.restaurant__content {
width: 100%;
max-width: 980px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.restaurant__content {
padding: 0 2.6vw;
}
}
.restaurant__inner {
padding: 2em 0;
}
.section__title {
font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 22px;
padding: 0 0 0.5em 0;
margin: 0 0 1em 0;
border-bottom: 1px solid #000;
}
.section__title small {
font-size: 85%;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.section__title {
text-align: center;
}
}
.article__wrapper {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
@media screen and (min-width: 768px) {
.article__wrapper {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.article__wrapper {
gap: 5vw;
}
}
.article {
margin: 0 0 0;
display: flex;
gap: 30px;
}
@media screen and (max-width: 767px) {
.article {
width: calc((100% - 5vw) / 2);
flex-direction: column;
}
}
.article__image {
width: fit-content;
}
.restaurant__omiya .article__image {
width: 215px;
}
.restaurant__takasaki .article__image {
width: 300px;
}
@media screen and (max-width: 767px) {
.article__image,
.restaurant__omiya .article__image,
.restaurant__takasaki .article__image {
width: 100%
}
}
.article__image img {
width: 100%;
height: auto;
}

.article__text--wrapper {
flex-grow: 1;
}
.restaurant__omiya .article__text--wrapper {
width: calc(100% - 245px);
}
.restaurant__takasaki .article__text--wrapper {
width: calc(100% - 330px);
}
@media screen and (max-width: 767px) {
.article__text--wrapper,
.restaurant__omiya .article__text--wrapper,
.restaurant__takasaki .article__text--wrapper {
width: 100%
}
}
.article__title {
font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 18px;
margin-bottom: 0.5em;
}
.article__title small {
font-size: 90%;
}
.article__description {
font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.6;
}
.article__description em {
color: #F00;
font-style: normal;
}
.article__floor {
font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1;
background-color: #5a0000;
color: #FFF;
padding: 0.25em 0.5em;
width: fit-content;
margin-top: 0.5em;
}
.restaurant__footer {
padding: 0.5em 0 0 0;
margin: 1em 0 0 0;
border-top: 1px solid #000;
}
.restaurant__footer--note {
font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 15px;
}
