@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

.r {
    text-align:right;
}

.main_pic img {
    display:block;
    margin: 5px auto 1em;
    max-height:400px;
}

.list-container, .pickup {
    flex-wrap: wrap;
    justify-content:center;
}

.pager {
    text-align:center;
    margin: 5px auto;
    width:80%;
}

.search_box {
    margin-bottom:15px;
}

.search_box form {
    border: solid 1px #999;
}

.search_box table {
    margin: 15px auto;
}

.search_box th {
    width:50%;
}

.button {
    display: inline-block;
    text-decoration: none;
    border: solid 1px #999;
    border-radius: 5px;
    padding: 5px 10px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
    width: 98%;
    height: 100%;
    margin: 15px 0;
}

.button2 {
    display: inline-block;
    text-decoration: none;
    border: solid 1px #999;
    border-radius: 5px;
    padding: 5px 10px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
    width: 98%;
    height: 100%;
    margin: 15px 0;
}

.button:hover,
.button2:hover {
    opacity: 0.9;	/*透明度。0.9は色が90%ついた状態のこと。*/
    background-color:#389168;
    color:#fff;
}

.checkbox_inline {
    display:inline-block;
    margin: 5px auto;
    width:98%;
}

.html_code iframe {
    margin: 0 auto;
}

.bg2 th {
    background-color:#ccffcc;
}

.bg3 th {
    background-color:#99cc99;
}

@media screen and (min-width:1000px) {
    .search_box th {
        width:20%;
    }

    .checkbox_inline {
        width:18%;
    }

    .button, .button2 {
        width:18%;
    }
}