/*************************/
/* 目次 */
/*************************/

ul.cool-toc {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

ul.cool-toc li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
}

ul.cool-toc h2 {
    width: 100%;
    margin: 20px 0 10px;
    border-bottom: solid 1px #1f3c76;
}

ul.cool-toc p {
    width: 30%;
    margin: 0.2rem 0;
}

/* for PC */

@media screen and (min-width:768px) {
    ul.cool-toc {
        margin: 0 60px;
    }

    ul.cool-toc li {
        width: 30%;
    }
}

/* for SP */
@media screen and (max-width:767px) {
    ul.cool-toc {
        margin: 0 40px;
    }

    ul.cool-toc li {
        width: 100%;
    }

    ul.cool-toc h2 {
        font-size: 1.8rem;
    }
}


/*************************/
/* 都道府県 */
/*************************/
.list-pref dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.8rem;
    background-color: #999;
    margin: 0;
}


.list-pref dl dt,
.list-pref dl dd {
    margin-left: 1px;
    margin-bottom: 1px;
    padding: 4px 28px;
    background-color: #fff;
    text-align: center;
}

/*
.list-pref dl dd:last-child,
.list-pref dl dt:last-child {
    margin-right: 1px;
}
*/

a.backToTop {
    text-align: right;
    display: block;
    margin: 10px 0;
}

/* for PC */

@media screen and (min-width:768px) {
    .list-pref {
        margin: 0 60px;
    }

    .list-pref h2 {
        font-size: 3rem;
    }

    .list-pref dl:first-of-type dt {
        background-color: #efefef;
        font-weight: 600;
        margin-top: 1px;
    }

    .list-pref dl dt,
    .list-pref dl dd {
        width: 33.1%;
    }

    .list-pref dl dd:nth-child(3n+3),
    .list-pref dl:nth-child(2) dt:last-child {
        margin-right: 1px;
    }
}

/* for SP */
@media screen and (max-width:767px) {
    .list-pref h2 {
        font-size: 2.4rem;
    }

    /*
    .list-pref dl dt {
        display: none;
    }

    .list-pref dl:nth-of-type(2) dt {
        display: block;
        width: 100%;
        background-color: #efefef;
        margin: 1px;
    }
*/
    .list-pref dl:nth-of-type(1) {
        display: none;
    }

    .list-pref dl:nth-of-type(2) dt {
        margin-top: 1px;
    }

    .list-pref dl dt:not(:first-child) {
        display: none;
    }

    .list-pref dl dt:first-child {
        background-color: #efefef;
        width: 100%;
        margin-right: 1px;
    }

    .list-pref dl dd {
        margin-right: 1px;
    }

    .list-pref dl dd {
        width: 49.2%;
    }
}