.flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }

    .end-f::after {
        display: block;
    }

    .flex-w {
        width: calc(100%/2 - 1rem);
    }

    .flex-w2 {
        width: calc(100%/4 - 1rem);
    }

    .flex-w3 {
        width: calc(100%/3 - 1rem);
    }

    #search #header h1 {
        width: auto;
        height: auto;
        padding: 0;
        background-image: none;
        position: absolute;
        left: 27%;
        top: 12rem;
        z-index: -1;
        color: #036db800;
        font-family: 'Kiwi Maru', serif;
        font-weight: bold;
        font-size: 1.3rem;
    }

    #search .search-form-box .clear-space {
        display: none;
    }

    .headder-inner {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 94%;
        max-width: 1200px;
        margin: 2rem auto;
    }

    .headder-inner h2 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        border-bottom: solid 3px #2ab1e6;
        margin-bottom: 1rem;
    }

    .headder-inner p {
        display: inline;
    }

    .campaign_box_m {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .content-main {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .menu-top-gokibou {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 4rem 0 0;
    }

    .menu-top-gokibou h3 {
        font-size: 18px;
        text-align: center;
    }

    .search-form-box {
        padding: 4% 8% 3%;
    }

    .side-bar .sfs {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }


    .side-bar input[type=checkbox],
    .side-bar input[type=radio] {
        opacity: 0;
    }

    .side-bar input[type=checkbox]:checked,
    .side-bar input[type=radio]:checked {
        opacity: 1;
    }


    /* checkbox-style */
    .side-bar .checkbox-style label {
        background-color: #fff;
        color: #111111;
        text-decoration: none;
        text-align: center;
        width: 100%;
        padding: 1.5rem 0;
        cursor: pointer;
        display: block;
        margin: 1rem auto;
        transition: background-color 150ms ease-in;
    }

    /* .side-bar .checkbox-style label:hover {
        background-color: #55a1d8;
        color: #fff;
    } */

    .side-bar input[type=checkbox]:checked+label {
        background: #036eb8;
        background-size: 13px 11px;
        color: #fff;
    }

    .side-bar input[type=checkbox]:checked:hover+label {
        color: rgba(255, 255, 255, 0.5);
        background: #036eb8;
        background-size: 13px 13px;
    }

    .side-bar .checkbox-flex,
    .side-bar .checkbox-flex-popular {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .none {
        display: none;
    }

    .side-bar .checkbox-flex-item {
        width: 48.5%;
    }

    .side-bar .checkbox-style .checkbox-flex-item label,
    .side-bar .radio-style .checkbox-flex-item label {
        margin: 0.5rem auto;
        padding: 1.5rem 0;
    }

    .side-bar .checkbox-flex-popular .checkbox-flex-item label {
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* radio-style */

    .side-bar .radio-style label {
        background-color: #fff;
        color: #111111;
        text-decoration: none;
        text-align: center;
        width: 100%;
        cursor: pointer;
        display: block;
        margin: 1rem auto;
        transition: background-color 150ms ease-in;
    }

    .side-bar .radio-style label:hover {
        background-color: #036eb8;
        color: #fff;
    }

    .side-bar input[type=radio]:checked+label {
        background: #036eb8;
        background-size: 13px 11px;
        color: #fff;
    }

    .side-bar input[type=radio]:checked:hover+label {
        color: rgba(255, 255, 255, 0.5);
        background: #036eb8;
        background-size: 13px 13px;
    }


    .ldk {
        font-size: 12px;
    }

    .ldk-p {
        padding-bottom: 1.6rem;
    }

    .side-bar .checkbox-style .rl_1 label {
        margin: 1rem 0 0.5rem;
    }

    @media screen and (max-width:896px) {
        .ldk-p {
            padding-bottom: 2.95rem;
        }
    }

    .sfs-01::after,
    .sfs-02::after,
    .sfs-03::after,
    .sfs-04::after,
    .sfs-05::after,
    .sfs-06::after,
    .sfs-07::after,
    .sfs-08::after,
    .sfs-09::after,
    .sfs-10::after,
    .sfs-11::after,
    .sfs-12::after {
        content: "";
        display: inline-block;
        width: 3rem;
        height: 1.8rem;
        position: absolute;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../images/svg/sfs-01.svg);
    }

    .sfs-01::after {
        margin-left: 3px;
    }

    .sfs-02::after {
        margin-left: 3px;
        background-image: url(../images/svg/sfs-02.svg);
    }

    .sfs-03::after {
        background-image: url(../images/svg/menu_icon_1.svg);
    }

    .sfs-04::after {
        background-image: url(../images/svg/sfs-04.svg);
    }

    .sfs-05::after {
        background-image: url(../images/svg/sfs-05.svg);
    }

    .sfs-06::after {
        background-image: url(../images/svg/sfs-06.svg);
    }

    .sfs-07::after {
        background-image: url(../images/svg/sfs-07.svg);
    }

    .sfs-08::after {
        background-image: url(../images/svg/sfs-08.svg);
    }

    .sfs-09::after {
        background-image: url(../images/svg/sfs-09.svg);
    }

    .sfs-10::after {
        background-image: url(../images/svg/sfs-10.svg);
    }

    .sfs-11::after {
        background-image: url(../images/svg/sfs-11.svg);
    }

    .sfs-12::after {
        background-image: url(../images/svg/sfs-12.svg);
    }






    #search .search-form-box .submit_button {
        width: 700px;
        height: auto;
        overflow: hidden;
        margin: 40px auto;
    }

    #search .search-form-box .submit_button a {
        display: block;
        width: 300px;
        height: 60px;
        background-color: #036eb8;
        font-size: 1.2em;
        color: #ffffff;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        float: left;
        transition: .5s;
    }

    #search .search-form-box .submit_button a:hover {
        background-color: #158add;
        box-shadow: 4px 4px 3px #8096b16e;
    }

    #search .search-form-box .submit_button input {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        width: 300px;
        height: 60px;
        background-color: #55a1d8;
        font-size: 1.2em;
        color: #ffffff;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        text-decoration: none;
        float: left;
        margin-left: 100px;
        transition: .5s;
    }

    #search .search-form-box .submit_button input:hover {
        background-color: #158add;
        box-shadow: 4px 4px 3px #8096b16e;
    }

    @media screen and (max-width:768px) {
        .flex-w3 {
            width: calc(100%/2 - 1rem);
        }

        #search .search-form-box .submit_button {
            width: 94%;
            height: 170px;
            margin: 1rem auto;
        }

        #search .search-form-box .submit_button a,
        #search .search-form-box .submit_button input {
            width: 100%;
        }

        #search .search-form-box .submit_button input {
            margin: 0.5rem auto 0;
        }

        .side-bar .checkbox-style label {
            margin: 0.5rem auto;
        }

        .ldk-p {
            padding-bottom: 1.6rem;
        }

        .ldk-p2 {
            padding-bottom: 0;
        }
    }

    @media screen and (max-width:610px) {
        .ldk-p {
            padding-bottom: 2.95rem;
        }

        .ldk-p2 {
            padding-bottom: 0;
        }
    }

    @media screen and (max-width:500px) {
        .checkbox-style {
            font-size: 14px;
        }

        .flex-w3 {
            width: calc(100%/2 - 1rem);
        }

        .end-f3 {
            width: 100%;
        }

        .ldk-p,
        .ldk-p2 {
            padding-bottom: 0;
        }
    }

    @media screen and (max-width:420px) {
        .flex-w2 {
            width: calc(100%/2 - 1rem);
        }

        .end-f2 {
            width: 100%;
        }

        .sfs-01::after,
        .sfs-02::after,
        .sfs-03::after,
        .sfs-04::after,
        .sfs-05::after,
        .sfs-06::after,
        .sfs-07::after,
        .sfs-08::after,
        .sfs-09::after,
        .sfs-10::after,
        .sfs-11::after,
        .sfs-12::after {
            height: 2rem;
        }

    }