@charset "UTF-8";

/********************
 * CSS for desktop meal page.
 ********************/

/**
 * Menu board style.
 */
.MealIndexPage #main_contents #meal #menu_board div {
    padding: 1.5em 0.5em 0.5em 1.5em;
}

.MealIndexPage #main_contents #meal #menu_board div a {
    width: calc((100% - 3em) / 3);
    margin: 0 1em 1em 0;
    padding: 0.4em;
    background-color: #fff;
}

.MealIndexPage #main_contents #meal #menu_board div a img {
    width: 100%;
}

/**
 * Slideshow style.
 */
.MealIndexPage #main_contents #meal .shop .slideshow {
    margin: 2em 1em 0;
}

.MealIndexPage #main_contents #meal .shop .slideshow .slide li img {
    width: calc(100vw - 2em);
}

.MealIndexPage #main_contents #meal .shop .slideshow .navigation button {
    width: 1.5em;
    height: 1.5em;
    border-radius: 0.75em;
}

/**
 * Description style.
 */
.MealIndexPage #main_contents #meal .shop .description div {
    width: 50%;
}

.MealIndexPage #main_contents #meal .shop .description .texts {
    padding-left: 1em;
    float: right;
}

.MealIndexPage #main_contents #meal .shop .description .images {
    float: left;
}

.MealIndexPage #main_contents #meal .shop .description .table {
    margin-top: 1em;
    padding-left: 1em;
    float: right;
}

.MealIndexPage #main_contents #meal .shop .description .menu {
    margin-top: 1em;
    float: left;
}

.MealIndexPage #main_contents #meal .shop .description .menu::after {
    display: block;
    clear: both;
}