@charset "UTF-8";

#details .hov li {
    font-weight: bold;
    margin: 23px 0px 23px 10px;
}

#details .flex_sb_start {
    padding-left: 10px;
}

#conclusion .border-bottom {
    border-color: #ff69ff;
}

#future img {
    width: 100%;
}

#future .blue-box {
    padding: 23px;
}

#contents ol {
    list-style: auto;
    padding-left: 30px;
    padding-bottom: 23px;
}

#contents ul {
    list-style: auto;
    padding-left: 40px;
}

#contents h2 {
    font-size: 20px;
    font-weight: bold;
}

#contents .color_and_bold {
    padding-right: 10px;
}

#contents p {
    padding-left: 0px;
}

#page_good-b .table_scroll table {
    border: 1px solid #595959;
    border-collapse: collapse;
    margin: 0px 10px 23px;
}

#page_good-b .table_scroll th {
    border-bottom: 1px dotted #d9d8d8;
    border-left: 1px solid #595959;
    border-collapse: collapse;
    padding: 10px;
    vertical-align: middle;
}

#page_good-b .table_scroll th:not(tr:first-of-type th) {
    font-weight: normal;
}

#page_good-b .table_scroll tr:first-of-type {
    background: #e8ffe4;
}

#page_good-b .table_scroll td {
    border-bottom: 1px dotted #d9d8d8;
    border-left: 1px solid #595959;
    border-collapse: collapse;
    padding: 10px;
    vertical-align: middle;
}

h3 img {
    width: 200px;
}

#agaricus .flex_start_end {
    display: flex;
    justify-content: start;
    align-items: end;
    margin-bottom: 16px;
}

#agaricus .right-arrow {
    padding-right: 50px;
}

#p-1-3 .border-bottom,
#p-1-6 .border-bottom,
#p-1-8 .border-bottom,
#p-3 .border-bottom {
    border-color: #8a80ff;
}

#p-1-6 .flex_start_center .text-deco:first-child {
    color: #ccfecd;
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    text-shadow:
        1px 1px 1px #333333,
        -1px 1px 1px #333333,
        1px -1px 1px #333333,
        -1px -1px 1px #333333,
        1px 0px 1px #333333,
        0px 1px 1px #333333,
        -1px 0px 1px #333333,
        0px -1px 1px #333333;
}

#p-1-6 .flex_start_center .text-deco:last-child {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1px;
    text-shadow:
        1px 1px 1px #005e00,
        -1px 1px 1px #005e00,
        1px -1px 1px #005e00,
        -1px -1px 1px #005e00,
        1px 0px 1px #005e00,
        0px 1px 1px #005e00,
        -1px 0px 1px #005e00,
        0px -1px 1px #005e00;
}

#p-1-6 .flex_start_center:last-of-type {
    border-bottom: 1.5px solid #7bcc7b;
    margin-bottom: 23px;
}

#p-1-8 .flex_sb_center {
    text-align: start;
}

#p-1-8 .flex_sb_center img {
    width: 170px;
}

#p-1-8 .flex_sb_center .fw_bold {
    padding-right: 8px;
}

#p-2 img {
    width: 100%;
}

#p-3 .border-bottom {
    margin-bottom: 23px;
}

#p-3 .flex_start_start {
    padding-left: 10px;
    margin: 23px 0px;
}

#p-3 .flex_start_start .inner {
    padding-left: 10px;
}

#p-3 .flex_start_start .text-deco {
    color: #fff;
    font-size: 24px;
    font-family: "Noto Serif JP", serif;
    font-weight: 900;
    text-shadow: 2px 2px 3px #939393,
        -2px 2px 3px #939393,
        2px -2px 3px #939393,
        -2px -2px 3px #939393,
        2px 0px 3px #939393,
        0px 2px 3px #939393,
        -2px 0px 3px #939393,
        0px -2px 3px #939393;
    padding-left: 10px;
}

#p-3 p img:not(a img) {
    width: 100%;
}

/* sp */
@media screen and (max-width:900px) {
    #details .flex_sb_start {
        padding-left: 0px;
    }

    #details .flex_sb_start img {
        display: block;
        margin: auto;
    }

    #contents ol {
        padding-left: 20px;
    }

    #contents ul {
        padding-left: 10px;
    }

    #contents ul li {
        padding-bottom: 10px;
    }

    #agaricus .right-arrow {
        padding-right: 0px;
    }

    #agaricus .flex_start_end {
        display: block;
    }

    #agaricus .flex_start_end img,
    #agaricus .flex_sb_start img {
        display: block;
        margin: auto;
        width: 80%;
    }

    #p-1-6 img {
        width: 100%;
    }

    #p-1-6 .flex_start_center .text-deco:first-child {
        padding-bottom: 0px;
    }

    #p-1-6 .flex_start_center .text-deco:last-child {
        display: inherit;
        text-align: center;
    }

    #p-1-8 .flex_sb_center img {
        margin-bottom: 16px;
        width: 100%;
    }

    #p-3 img {
        width: 100%;
    }

    #p-3 .flex_start_start img {
        display: block;
        margin: 0px auto 16px;
        width: 80%;
    }
    #p-3 .flex_start_start {
        padding-left: 0px;
    }
    #p-3 .flex_start_start .inner,
    #p-3 .flex_start_start .text-deco {
        padding-left: 0px;
    }

    .ta_center {
        text-align: start;
    }

}