/*-------------------------------------contentsbanner*/

#contentsbanner ul li {
    margin: 2% 0;
    line-height: 300%;
    list-style-type: none;
    width: 100%;
}

#contentsbanner ul a {
    margin: 2%;
    padding: 2%;
    display: block;
    font-size: 1.5em;
    color: #fff;
    border-bottom: solid 2px #ccc;
    border-radius: 4px;
    font-weight: bold;
    background-color: #f6bd70;
}

#contentsbanner ul li a.shinriha {
    background-color: #feb553;

}

#contentsbanner ul li a.taxy {
    background-color: #fb9aa3;

}


.topkoukiatsuwaku {
    margin: 20px 0 0 0;
    background-color: #fff;
    text-align: left;
}

.topkoukiatsuwaku h2 {
    text-align: center;
    width: 96%;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 1% 2%;
    background: #166d99;
    font-size: 1.2em;
    font-weight: bold;
}

.topkoukiatsuwaku .bun {
    margin: 10px 0 0 0;
    padding: 1% 2% 2% 2%;
}

/*-------------------------------------kyujin botlink*/
.topsubmenu {
    line-height: 200%;
    background-color: #f8f6e3;
    padding: 1em;
}

.topsubmenu li {
    list-style-type: disc;
    text-align: left;
    color: #690;
    margin: 0 0 0 3em;
}

.topsubmenu li a {
    color: #690;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 200%;
    display: block;
    list-style-type: none;
}

.topsubmenu li li {
    list-style-type: circle;
    margin: 0 0 0 1em;
    font-size: 0.9em;
}

.f09 {
    font-size: 0.9em;
}

.orangewaku2,
.orangewaku,
.yellowwaku {
    border-top: 10px solid #ffcc00;
    padding: 1em 0;
    background-color: #fff;
}

.orangewaku2,
.orangewaku {
    border-top: 10px solid #ff9933;
}


.koukiatsuwaku h3 {
    color: #166d99;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.annnaibox_line {
    text-align: center;
}

#newsbanner {
    margin: 2% 0;
}

#newstopics {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    width: 90%;
    padding: 2% 2% 4% 4%;
    margin: 0 auto;

}

#newstopics h2 {
    border-bottom: 3px solid #669900;
    padding: 1%;
}

#newstopics p {
    border: none;
    text-align: right;
    padding: 0;
}

#newstopics ul {
    text-align: left;
    list-style-type: none;
    height: 17em;
    overflow: auto;
}

/* スクロールバーのデザイン */
#newstopics ul::-webkit-scrollbar {
    width: 12px;
    /* スクロールバーの太さ */
}

#newstopics ul::-webkit-scrollbar-track {
    background: #fff;
    /* 背景（トラック）色 */
    border-radius: 6px;
}

#newstopics ul::-webkit-scrollbar-thumb {
    background-color: #333;
    /* スクロールバーの色（ピンクなど） */
    border-radius: 6px;
    border: 3px solid #f0f0f0;
    /* スクロールバーと背景の間に余白を作る */
}

#newstopics ul {
    scrollbar-width: thin;
    /* 細い or auto */
    scrollbar-color: #ccc #fff;
    /* thumb色 背景色 */
}

#newstopics ul li {
    line-height: 140%;
    margin: 0 0 8px 8px;
    color: #669900;
}

#newstopics ul li strong {
    background-color: #ccc;
    width: 5em;
    text-align: center;
    margin: 8px 8px 0 8px;
    display: inline-block;
    font-weight: normal;
    color: #fff;
    font-size: 0.8em;
}

#newstopics ul li a {
    display: block;
}

#newstopics .award {
    background-color: #EB6885;
}

#newstopics .news {
    background-color: #99c5d0;
}

@media screen and (min-width:1100px) and (max-width:1500px) {}

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

    .orangewaku2,
    .orangewaku,
    .yellowwaku {
        padding: 1em;
        display: flex;
    }

    .topsubmenu li {
        margin: 0;
    }

    .topsubmenu li a {
        font-size: 1em;
        font-weight: normal;
    }

    .topsubbot {
        width: 25%;
        text-align: left;
        margin: 0 0 0 2em;
    }

    .topsubbot2 img {
        width: 230px;
    }

    .topsubbot2 {
        width: 70%;
        text-align: left;
        margin: 0 0 0 2em;
    }

    .ulw {
        width: 100%;
    }

    #contentsbanner ul {
        display: flex;
        margin: 0 1%;
        font-size: 0.8em !important;
    }

    #contentsbanner ul li {
        margin: 0 0 0 0;
    }

    #newstopics {
        width: 93%;
        padding: 2% 1% 3% 2%;
    font-size:0.9em;
font-weight: normal;
    }

    #newstopics h2 {
        width: 100%;
        padding: 0 0 5px 0;
        border-bottom: none;
        text-align: left;
    }

    #newstopics ul {
        height: 12em !important;
    }

    #newstopics ul li a {
        display: inline;
    }

    #newstopics p {
        padding: 0;
        margin: 0 0 0 0;
        border-top: 2px solid #669900;
    }

    .koukiatsuwaku {
        display: flex;
        width: 100%;
        margin: 0 auto;
    }

    .koukiatsuwaku div {
        padding: 0 2% 0 1%;
    }

    .koukiatsuwaku div:first-child {
        padding: 0 1% 0 0;
    }

    .koukiatsuwaku div:last-child {
        margin: 3% 0;
    }
}

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

    .orangewaku2 img,
    .orangewaku img,
    .yellowwaku img,
    .koukiatsuwaku img {
        width: auto;
    }

    .koukiatsuwaku {
        width: 90%;
        margin: 0 auto;
    }

    .koukiatsuwaku div:first-child {
        width: 70%;
    }

    .koukiatsuwaku div:last-child {
        width: 30%;
    }
}