body {
    background-image: url("../images/logo.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: rgba(255, 255, 255, 0.9);
    overflow-x: hidden;
    scrollbar-width: none;
    /*Firefox対応のスクロールバー非表示コード*/
    -ms-overflow-style: none;
    /*Internet Explore対応のスクロールバー非表示コード*/
}

body::-webkit-scrollbar {
    display: none;
    /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

:root {
    --primary-color: rgb(225, 216, 135);
    --sub-color: rgb(191, 208, 117);
    --main-font: 'M PLUS Rounded 1c', sans-serif;
}

.sticky {
    width: 100%;
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.sticky>li {
    color: white;
    list-style: none;
    font-size: 1.3em;
    text-align: center;
    line-height: 2;
}

.menu_list_items>.sticky:nth-child(1) {
    background: var(--primary-color);
}

.menu_list_items>.sticky:nth-child(2) {
    background: var(--sub-color);
}

.menu_list_items>.sticky:nth-child(3) {
    background: var(--primary-color);
}

.menu-table {
    border: 1px solid black;
    border-collapse: collapse;
}

.table-title {
    font-family: serif;
    color: black;
    margin-top: 10px;
}

tr td,
tr th {
    text-align: center;
    padding: 10px;
    border: 1px solid black;
    background: white;
    font-family: serif;
    font-weight: 900;
    font-size: .9em !important;
}

th {
    background: rgb(254, 130, 109) !important;
    color: white;
}

.parts-ul {
    padding: 0;
}

.parts-ul>li {
    list-style: none;
    font-size: .6em !important;
}

.percent {
    font-size: .9em !important;
}

#bg1 {
    background-image: url("../img/webp/flower1.webp");
    background-size: cover;
    background-position: center;
}

#bg2 {
    background-image: url("../img/webp/flower2.webp");
    background-size: cover;
    background-position: center;
}

#bg3 {
    background-image: url("../img/webp/flower3.webp");
    background-size: cover;
    background-position: center;
}

#bg4 {
    background-image: url("../img/webp/flower4.webp");
    background-size: cover;
    background-position: left;
}

#bg5 {
    background-image: url("../img/webp/flower5.webp");
    background-size: cover;
    background-position: center;
}

.table-img-wrapper {
    background-size: cover;
}

.table-img-wrapper>table {
    margin: 3% auto !important;
    margin-top: 0 !important;
}


.down-icon {
    margin-top: 20px;
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}

@keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}


/* PC */

@media screen and (min-width:601px) {

    tr td,
    tr th {
        font-size: 1.5em !important;
        padding: 10px 20px;
    }
}


/* 携帯のCSS */

@media screen and (max-width:600px) {
    .flex {
        flex-direction: column;
    }

    .navbar-brand {
        padding-left: 10px;
    }
}