@charset "utf-8";
@import url("common.css");



/* region for Contents */


a {
    color: black;
}
span.five {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 2px;
    color: #0a4874;
}
    p.souko_bunner {
        line-height: 1.3em;
   }
   .top {
       position: relative;
   }
   .jump {
       display: flex;
       justify-content: space-around;
       font-weight: bold;
       color: #666;
       width: 80%;
       margin: auto;
   }

.jump ul {
        margin: 35px;
        text-align: left;
   }

   .jump ul li {
        padding: 15px 0 5px 0;
   }

   .jump h2 {
       border-bottom: solid 2px #b3b3b3;
   }

   .jump ul li a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
   }
   ul.nara, ul.kyouto, ul.hyougo, ul.osaka {
       width: 100px;
   }
   div.keyword_search {
       position: absolute;
       top: 50%;
       left: 50%;
       -ms-transform: translate(-50%,-50%);
       transform: translate(-50%,-50%);
       margin: 0;
       padding: 0;
       text-align: center;
   }
   .top img {
       object-fit: cover;
       width: 100%;
       height: 500px;
   }
   .keyword_search h1 {
       border-top: solid 4px;
       border-bottom: solid 4px;
       margin: 42px;
       padding: 13px;
       font-size: 37px;
       letter-spacing: 7px;
       font-weight: bold;
       width: 367px;
       display: inline-block;
       color: #FFFF;
       transform: scale(1.1, 1.3);
       letter-spacing: 19px;
   }

   form h2 {
       font-weight: bold;
       font-size: 26px;
       color: #014188;
       letter-spacing: 3px;
       margin-top: 27px;
       background: #a4d1f1;
   }
    input[type="text"] {
        position: relative;
        width: 420px;
        height: 50px;
        margin-top: -15px;
        border-radius: 5px 0 0 5px;
        border: solid 4px #014188;
    }

    input {
        font-size: 16px;
    }

    input[type="image"] {
    position: absolute;
    background: #014188;
    width: 49px;
    height: 48px;
    margin-top: -15px;
    border-radius: 0 5px 5px 0;
    margin-left: -49px;
    padding: 6px;
}
    div.keyword_search input[type='submit'] {
        padding: 5px 10px;
    }


    .title {
        background: #605e5e;
        padding: 10px;
        border-radius: 500px;
        width: 70%;
        text-align: center;
        margin: 100px auto 40px auto;
        font-size: 20px;
        color: #FFFF;
        letter-spacing: 2px;
        transform: scale(1.1, 1.2);
    }

    .back {
        background: #e3f3ff;
        padding-bottom: 50px;
    }

    .back-all {
        margin-bottom: 100px;
    }
    .category {
        border-top: solid #0a4874;
        border-bottom: solid 1px #0a4874;
        padding: 10px;
        font-size: 25px;
        width: 80%;

        margin: 0 auto;
        margin-top: 100px;
    }

    .td_flex {
        display: flex;
        width: 95%;
        margin: auto;
        justify-content: space-between;
    }
    ul.cate_links {
        list-style: none;
    }
    ul.cate_links > li {
        display: inline;
    }
    ul.cate_links > li > a {
        padding: 5px 10px;
    }
    .table_container {
        width: 100%;
        overflow-x: auto; /* 横スクロールを有効にする */
    }

    table.main_lnk {
        width: 80%;
        min-width: 1000px;
        border-collapse: collapse;
        margin: 40px auto;
    }

    table.main_lnk tr:nth-child(even) td {
        background: #daecf9;
    }

    table.main_lnk tr {
        border-bottom: 1px solid #cbcbcb;
    }

    table.main_lnk tr > th.category {
        font-size: 140%;
        text-align: left;
        padding-left: 10px;
        border-width: 5px 0px 1px 0px;
        /* margin: 120px 0 0 0; */
    }
    table.main_lnk tr > th.to_pagetop {
        text-align: right;
        padding-top: 50px;
    }

    table.main_lnk tr > th, table.main_lnk tr > td {
        font-size: 75%;
        line-height: 1.5em;
        padding: 20px 4px;
        border: solid 0.5px #0a4874;
        }

    table.main_lnk tr > td.main_title {
        text-align: center;
    }

    table.main_lnk tr > td {
            text-align: center;
    }

    th.main_title {
        background: #0a4874;
        color: #FFFF;
    }
/* end region */

table.main_lnk2 {
    width: 80%;
    min-width: 1000px;
    border-collapse: collapse;
    margin: 10px auto;
}

table.main_lnk2 tr:nth-child(odd) td {
    background: #daecf9;
}

table.main_lnk2 tr {
    border-bottom: 1px solid #cbcbcb;
}

table.main_lnk2 tr > th.category {
    font-size: 140%;
    text-align: left;
    padding-left: 10px;
    border-width: 5px 0px 1px 0px;
    /* margin: 120px 0 0 0; */
}
table.main_lnk2 tr > th.to_pagetop {
    text-align: right;
    padding-top: 50px;
}

table.main_lnk2 tr > th, table.main_lnk2 tr > td {
    font-size: 75%;
    line-height: 1.5em;
    padding: 10px 4px;
    border: solid 0.5px #0a4874;
}

table.main_lnk2 tr > td.main_title {
    text-align: center;
}


th.main_title2 {
    background: #0a4874;
    color: #FFFF;
}




/* region for Other Links */

    table.lnk {
        width: 750px;
        margin: 60px auto;
        border-collapse: collapse;
    }
    table.lnk caption {
        font-size: 130%;
        font-weight: bold;
        text-align: left;
    }
    table.lnk tr > th.to_pagetop {
        text-align: right;
        padding: 0;
    }
    table.lnk tr > th span.title {
        font-size: 120%;
        font-weight: bold;
        line-height: 1.3em;
    }
    table.lnk tr > th, table.lnk tr > td {
        font-size: 75%;
        text-align: left;
        line-height: 1.5em;
        padding: 5px;
    }
    table.lnk tr > th {
        font-weight: normal;
    }

    table.lnk tr > td.comment {
        border-top: 1px dashed #999999;
        border:solid;
    }

    .kinki_area,.links_others {
        width: 900px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-weight: bold;
        font-size: 1.1rem;
    }

    .links_others {
        margin-top: 30px;
    }



/* end region */
@media only screen and (max-width: 690px) {
    h1 {
        text-align: center;
    }

    div.keyword_search {
        text-align: left;
    }

    .keyword_search h2 {
        text-align: center;
    }

    input[type="image"] {
        /* position: static; */
        margin-top: 0px;
        margin-left: 0;
    }
    input[type="text"] {
        width: 80%;
        font-size: 16px;
        margin-top: 0;
    }
    .title {
        font-size: 12px;
    }
    table.main_lnk tr > td {
        padding: 10px 0px;
        line-height: 1.0em;
    }
    table.main_lnk tr > th, table.main_lnk tr > td {
        text-align: left;
        padding-left: 7px;
    }
    .top img {
        height: 240px;
    }
    .keyword_search h1 {
        margin: 0;
        font-size: 17px;

    }
    form h2 {
        font-size: 15px;
    }
    ul.nara, ul.kyouto, ul.hyougo, ul.osaka {
        width: 100%;
    }
    .jump {
        display: block;
        padding-left: 10px;
        font-size: 0.8rem;
    }
    .jump h2 {
        border-bottom: solid 2px #b3b3b3;
        padding-top: 30px;
    }
    .title {
        margin: 15px auto 10px auto;
    }
    .category {
        margin-top: 20px;
        text-align: center;
    }
    .back-all {
        margin-bottom: 50px;
    }
    .back {
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 900px) {
    body {
        font-size: 0.8rem;
    }
    span.five {
        font-size: 16px;
    }
    .jump ul {
        margin: 10px auto;
    }


}
@media only screen and (max-width: 1000px) {
    .category {
        width: 98%;
    }
    .table_container {
        width: 98%;
        margin: 0 auto;
    }

}