body {
    font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

header {
    background-color: #f4eeff;
}

h1 {
    color: #fff;
    font-size: 1rem;
    margin: 0;
}


main {
    padding: 0 0 3.0rem;
}

h2.main-lead {
    text-align: center;
    font-size: 1.75rem;
    font-weight: bold;
    color: #111;
    margin: 0;
}

.list-search-tab .nav-item {
    width: 32%;
    text-align: center;
    border: 1px solid #dcd6f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: none;
    font-size: 1.2rem;
    
}
.list-search-tab .nav-item .nav-link.active {
    background-color: #dcd6f7;
    border-radius: 9px 9px 0 0;
    color: #111;
}
.list-search-tab .nav-item .nav-link:before{
    display: inline-block;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 0.5rem;
}
.nav-link.sbyk:before{
    background-image: url(/img/fast_icon.png);
}
.nav-link.sbyk.active:before{
    background-image: url(/img/fast_icon_active.png);
}
.nav-link.kwsk:before{
    background-image: url(/img/detail_icon.png);
}
.nav-link.kwsk.active:before{
    background-image: url(/img/detail_icon_active.png);
}
.nav-link.map:before{
    background-image: url(/img/map_icon.png);
}
.nav-link.map.active:before{
    background-image: url(/img/map_icon_active.png);
}



.list-search-type {
    padding-top: 40px;
    background-image: url(img/arrow-down.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.list-search-type-inner {
    border: solid 5px #ffc924;
}

.list-search-result {
    padding-top: 40px;
    background-image: url(img/arrow-down.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.result-info {
    padding: 25px 15px 35px 15px;
    font-size: 1.2em;
    text-align: center;
}

.result-info strong {
    font-size: 2em;
    font-weight: 600;
}

footer {
    background-color: #a6b1e1;
    padding: 1rem 0;
}

p#copyright {
    text-align: center;
    color: #fff;
    font-size: 0.9rem;
    margin: 1rem 0 0 0;
}

.footer-link div {
    border-right: 1px solid #fff;
    padding: 0 0.5em;
}

.footer-link div:last-of-type {
    border-right: none;
}

.footer-link a {
    color: #fff;
}

.tab-pane {
    background-color: #dcd6f7;
}

/* くわしく検索部 */

div.kwsk #list-search-genre {
    padding: 40px 0 0 0;
    background-image: url(img/arrow-down.png);
    background-repeat: no-repeat;
    background-position: top center;
}

div.kwsk #list-search-genre-header {
    border: solid 5px #DCD6F7;
    background: #DCD6F7;
    padding: 15px;
}

div.kwsk #list-search-genre-inner {
    border: solid 5px #DCD6F7;
    padding: 15px;
}

div.kwsk .list-search-genre-inner > div.row:first-child {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ls-2-box {
    border: solid 1px #ccc;
    background: #fff;
    color: #000;
    padding: 15px;
    font-size: 80%;
}
.ls-2-box .row{
    margin-bottom: 0.5rem;
}

.ls-2-box h3 {
    font-size: 150%;
}

.ls-2-box .ls-2-cat-header {
    border-bottom: solid 1px #ccc;
}

.ls-2-box .ls-2-header {
    font-weight: 600;
    text-align: right;
    line-height: 1.8;
}

.ls-2-box ul.ls-2-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.ls-2-box ul.ls-2-list li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.ls-2-box ul.ls-2-list li a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
}

.ls-2-box ul.ls-2-list li a.selected {
    background: #B71E12;
    color: #FFF;
}

.ls-2-box ul.ls-2-list li a.selected:before {
    content: "â—‹ ";
}

.ls-2-box ul.ls-2-list li a:hover {
    background: #f0f0f0;
}


/* ボタンカラー */
a.bt_srch, a.bt_save, button.bt_select_area, a.bt_cnfm{
    background: #ffc924;
    border-color: #9c4814;
    color: #000000;
}
a.bt_srch:hover, a.bt_save:hover, button.bt_select_area:hover, a.bt_cnfm:hover{
    background: #ffc924;
    border-color: #9c4814;
    color: #ffffff;
}
a.bt_srch:focus, a.bt_save:focus, button.bt_select_area:focus, a.bt_cnfm:focus{
    background: #ffc924;
    border-color: #9c4814;
    color: #ffffff;
}
a.bt_srch:not(:disabled):not(.disabled):active, a.bt_save:not(:disabled):not(.disabled):active, button.bt_select_area:not(:disabled):not(.disabled):active, bt_cnfm:not(:disabled):not(.disabled):active{
    background: #ffc924;
    border-color: #9c4814;
    color: #ffffff;
}
a.fax_cnt, a.all_cnt{
    border-color: #ffc924;
}
a.fax_cnt:hover, a.all_cnt:hover{
    background-color: #f9f0d5;
    border-color: #f9f0d5;
    color: #B71E12;
}
a.fax_cnt:focus, a.all_cnt:focus{
    background-color: #f9f0d5;
    border-color: #f9f0d5;
    color: #B71E12;
}
a.fax_cnt:not(:disabled):not(.disabled):active, a.all_cnt:not(:disabled):not(.disabled):active{
    background-color: #f9f0d5;
    border-color: #f9f0d5;
    color: #B71E12;
}

a.btn_entry{
    display: block;
    background-color: #ff5b61;
    border-color: #ff5b61;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 2;
}
a.btn_entry:hover {
    opacity: 0.7;
    text-decoration: none;
    background-color: #ff5b61;
    border-color: #ff5b61;
}
a.btn_entry:focus {
    opacity: 0.7;
    text-decoration: none;
    background-color: #ff5b61;
    border-color: #ff5b61;
}
a.btn_entry:not(:disabled):not(.disabled):active{
    opacity: 0.7;
    text-decoration: none;
    background-color: #ff5b61;
    border-color: #ff5b61;
}
a.btn_entry i{
    margin-right: 0.25rem;
    padding: 0.4rem;
    border: 0.1rem solid #ffffff;
    border-radius: 50%;
}


/* top_outline_container */
.top_outline_container{
    background: #f7f6f5;
    padding: 1.0rem 0;
}

.outline_text h2{
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 1.0rem;
}
.outline_text h2 span{
    font-size: 0.9rem;
    
}
.outline_text ul{
    margin: 0 0 1.0rem;
    padding: 0;
    list-style-type: none;
}
.outline_text ul li{
    margin-bottom: 1.0rem;
    font-size: 1.1rem;
}
.outline_text ul li:last-child{
    margin: 0;
}
.outline_text ul li span{
    color: #cc0000;
    font-size: 1.25rem;
    font-weight: 900;
}
.outline_text h3{
    font-size: 1.5rem;
    margin-bottom: 2.0rem;
    color: forestgreen;
}
.outline_text h3 span{
    font-size: 2.0rem;
    font-weight: 900;
}
.outline_text h3:before{
    content: '';
    display: inline-block;
    width: 5.0rem;
    height: 5.0rem;
    background-image: url(/img/num_member.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
}
@media screen and (min-width: 768px){
    .top_outline_container {
        margin-bottom: 3.0rem;
        padding: 2.0rem 0;
    }
    .outline_text h2{
        font-size: 2.0rem;
    }
    .outline_text h2 span{
        font-size: 1.15rem;
    }
    .outline_text ul{
        margin-bottom: 1.0rem;
    }
    .outline_text ul li{
        font-size: 0.9rem;
    }
    .outline_text h3{
        font-size: 2.0rem;
        margin: 0;
    }
    .outline_text h3 span{
        font-size: 2.5rem;
    }
    .outline_text h3:before{
        width: 6.0rem;
        height: 4.0rem;
    }
}
@media screen and (min-width: 992px){
    .outline_text h2{
        font-size: 2.25rem;
    }
    .outline_text h2 span{
        font-size: 1.2rem;
    }
    .outline_text ul li{
        font-size: 1.0rem;
    }
    .outline_text ul li span{
        font-size: 1.5rem;
    }
}
@media screen and (min-width: 1200px){
    .outline_text h2{
        font-size: 2.75rem;
    }
    .outline_text h2 span{
        font-size: 1.65rem;
    }
    .outline_text ul li{
        font-size: 1.0rem;
    }
    .outline_text ul li span{
        font-size: 1.75rem;
    }
    .outline_text h3{
        font-size: 2.0rem;
    }
    .outline_text h3 span{
        font-size: 3.0rem;
    }
    .outline_text h3:before{
        width: 7.0rem;
        height: 5.0rem;
    }
}