@charset "UTF-8";

hr {
    height: 3px;
    border-width: 0;
    background-repeat: repeat-x;
    background-size: 0.7em 0.3em,1.7em 0.3em,3.5em 0.3em,3.7em 0.3em;
    background-position: right bottom;
    background-image:
    radial-gradient(0.3em 0.2em at center center,#c4a584,rgba(246,89,115,0)),
    radial-gradient(0.5em 0.2em at center center,#c4a584,rgba(246,89,115,0)),
    radial-gradient(0.8em 0.2em at center center,#c4a584,rgba(246,89,115,0)),
    radial-gradient(7.2em 0.2em at center center,#c4a584,rgba(246,89,115,0));
}

/* スライドショー */
.slick-next {
    right: 4px !important;
}
.slick-prev {
    left: 4px !important;
    z-index: 1;
}
#slideshow {
    height: 480px;
    margin: 0 auto;
    max-width: 1080px;
    position: relative;
    width: 90vw;
}
#slideshow img {
    height: 480px;
    margin: 0 auto;
    max-width: 720px;
    object-fit: cover;
    object-position: center;
    position: relative;
    width: 84vw;
}
@media (max-width: 800px) {
    #slideshow {
        height: 240px;
    }
    #slideshow img {
        height: 240px;
        max-width: 400px;
        width: 84vw;
    }
}

#reservation_floating {
    background-color: var(--theme_color);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 148px;
    padding: 16px 12px;
    position: fixed;
    right: 0;
    top: 200px;
    writing-mode: vertical-rl;
    z-index: 1000;
}

@media (max-width: 800px) {
    #reservation_floating {
        display: none;
    }
}

#reservation_floating a {
    color: var(--header_font_color);
    font-size: 1.2em;
    text-decoration: none;
}

#reservation_floating img {
    height: 28px;
    width: 28px;
}

/* お知らせ */
#newsevent {
	max-height: 300px;
	overflow-y: scroll;
    width: 90%;
}
.news {
    display: flex;
    justify-content: center;
}
.news .item {
    align-items: center;
    border-bottom: 1px dotted lightgray;
    border-top: 1px dotted lightgray;
    display: flex;
    padding: 12px;
}
.news .item .date {
    margin-right: 0.5em;
}
.news .item .title {
    text-align: left;
    word-break: break-all;
}
.news .item .new:after {
    color: orangered;
    content: 'New!!';
    margin-left: 8px;
}
.news a {
    color: var(--font_color);
}

.menu-table {
    align-items: center;
    background-color: var(--theme_color);
    border-radius: 0.6em;
    display: flex;
    flex-direction: row;
    padding-bottom: 2.0em;
    width: 90%;
}
.menu-table h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1.4em;
}
.menu-table p {
    font-size: 1.2em;
    margin: 0.2em;
}
.menu-item {
    min-width: 320px;
    width: 50%;
}
.menu-item p {
    display: flex;
    justify-content: center;
}
.menu-item p span.time {
    margin-right: 4px;
    text-align: right;
    width: 80px;
}
.menu-item p span.price {
    margin-left: 4px;
    text-align: left;
}
@media (max-width: 800px) {
    .menu-table {
        flex-direction: column;
    }
}

/* フッター */
.sp-menu {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
}
.sp-menu img {
    width: 20px;
}
.sp-menu .item {
    background-color: var(--theme_color);
    border-top: 1px solid var(--header_font_color);
    color: var(--header_font_color);
}
.sp-menu .item:nth-child(1) {
    align-items: center;
    /* background-color: rgb(187, 78, 78); */
    border-right: 1px solid var(--header_font_color);
    display: flex;
    height: 2.0em;
    justify-content: center;
    padding: 0.2em;
    text-align: center;
    width: 50%;
}
.sp-menu .item:nth-child(1) a {
    color: var(--header_font_color);
    display: flex;
    text-decoration: none;
}
.sp-menu .item:nth-child(2) {
    align-items: center;
    /* background-color: rgb(183, 187, 78); */
    bottom: 0;
    display: flex;
    height: 2.0em;
    justify-content: center;
    padding: 0.2em;
    text-align: center;
    width: 50%;
}
.sp-menu .item:nth-child(2) a {
    color: var(--header_font_color);
    display: flex;
    text-decoration: none;
}
@media (max-width: 800px) {
    .sp-menu {
        display: flex;
    }
    .copyright {
        margin-bottom: 3em;
    }
}