@charset "UTF-8";

/* TOP 家事代行サービスのエリア別口コミ */
body.page-template-page-top .top-map #service-area-list.service-area-list {
/*    margin-top: 3rem !important;*/
}

body.page-template-page-top .top-map #service-area-list.service-area-list h3 {
    font-size: 17px !important;
    font-weight: normal;
/*    margin-top: -1.5rem !important;*/
/*    padding-bottom: 20px !important;*/
    line-height: 1;
/*    margin-bottom: auto !important;*/
}

@media only screen and (max-width: 769px) {
    .top-map {
        margin: 0;
    }

    body.page-template-page-top .top-map #service-area-list.service-area-list {
/*        margin-top: 3rem !important;*/
    }

    body.page-template-page-top .top-map #service-area-list.service-area-list h3 {
        font-size: 17px !important;
        font-weight: normal;
/*        margin-top: -1.5rem !important;*/
/*        padding-bottom: 16px !important;*/
        line-height: 1;
/*        margin-bottom: auto !important;*/
/*        transform: translateY(-4px);*/
    }
}
/*
@media only screen and (min-width: 770px) {
    #area-map {
        padding: 30px 0 40px;
    }
}
*/
.navigation.pagination {
    display: flex !important;
    justify-content: center;
}

.pagination .nav-links {
    display: table !important;
    margin-right: auto;
    margin-left: auto;
    border: solid 1px #ccc;
}

.pagination .nav-links .page-numbers {

}

.pagination .nav-links a {
    text-decoration: none !important;
}

.pagination .page-numbers {
    display: table-cell;
    padding: 0;
    margin: 0;
    width: 36px;
    line-height: 36px;
    font-size: 14px;
    border-right: solid 1px #ccc;
}

.pagination .page-numbers:last-child {
    border-right: none;
}

.pagination .page-numbers.current {
    background-color: #3c2c1c;
    border-color: #3c2c1c;
    color: #fff !important;
}

.pagination .page-numbers.dots {
    display: none;
    border: none;
}

@media only screen and (min-width: 769px) {
    .pagination .nav-links {
    /*    display: flex;
        justify-content: center;*/
    }
    .pagination .page-numbers {
/*        display: block;
        padding: .3em 8px;
        width: auto;*/
    }
    .pagination a.page-numbers:hover {
        background-color:#876;
        color:#fff;
    }

    .pagination .page-numbers.dots:hover {
        background-color: transparent !important;
    }
}

.pagination .page-numbers:first-child {
    margin-left: 0;
    min-width:36px;
}

.pagination .page-numbers:last-child {
    /*border-top-right-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
    min-width:36px;
}

.tax-wa_areatype .bx-sdw {
    border: none !important;
}

.tax-wa_areatype .bx-sdw img {
    border: none !important;
}

.service-area.voice {
    width: 100%;
}

.service-area.voice .detail {
    margin-bottom: 1em;
}

/* 近郊の対応エリア */
.tax-wa_areatype .area-wrap.near span {
    font-size: 14px;
}
@media only screen and (max-width: 768px) {
    ul.near li {
        margin-right: 0;
    }
}

@media only screen and (min-width: 769px) {
    ul.near li {
        margin-right: 0;
    }
}

/* 他のエリアの家事代行サービス */
.suburbs-service-area {

}

.suburbs-service-area li b {

}

/* 掃除代行サービスの提供エリア */
#service-area-list.service-area-list {
/*    margin: 8em auto 1em !important;*/
/*    padding: 1em 1em 2em !important;*/
    text-align: center !important;
/*    border: solid 1px #ccc !important;*/
    border-radius: 6px !important;
    font-size: 14px;
}

body.page-template-page-top #service-area-list.service-area-list {
/*    margin-top: 0 !important;*/
}

body.post-type-archive-voices #service-area-list.service-area-list {
    margin-top: 4em !important;
}

/* /service/cooking/ 専用の余白設定 */
.registerBtnArea + #service-area-list.service-area-list {
    margin: 6em auto 2em !important;
}

@media (max-width: 640px) {
    #service-area-list.service-area-list {
/*        margin: 5em auto 1em !important;*/
    }

    .registerBtnArea + #service-area-list.service-area-list {
        margin: 4em auto 0 !important;
    }
}

#service-area-list.service-area-list header {
    display: inline-block !important;
    top: 0;
    width: auto !important;
    height: auto !important;
}

#service-area-list.service-area-list h3 {
/*    margin-top: -1.5em !important;*/
/*    margin-bottom: 0 !important;*/
/*    padding: 0 .5em .3em !important;*/
    margin:0;
    padding:0;
    text-align: center;
    font-size: 26px !important;
    line-height: 1.6em;
    font-weight: bold;
    border-bottom: none !important;
/*  RishunTrading Limited */
/*    background-color: #fff !important;*/
    background-color: #fff;
}

#service-area-list.service-area-list p {
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 1.6em;
    background-color: #fff !important;
}

#service-area-list.service-area-list .service-area-list-items {
    display: flex;
/*    justify-content: space-between;*/
    justify-content:flex-start;
/*    flex-wrap: wrap;*/
    flex-flow:row wrap;
    align-items:flex-start;
    width: auto;
/*    margin: 2em -16px 0 0 !important;*/
    font-size: 14px;
}

#service-area-list.service-area-list .service-area-list-item {
    display: block !important;
    width: calc(25% - 16px) !important;
    margin-right: 16px;
/*    padding: .8em 0;*/
    padding: 0 0 1.6em 0;
}

#service-area-list.service-area-list .service-area-list-item a {
    font-size: 14px;
    font-weight: 500;
    color: #3c2c1c;

    line-height: 36px;
    text-decoration: none;
    display: block;
    background: #fff;
    border: 1px solid #3c2c1c;
    border-radius: 4px;

}
#service-area-list.service-area-list .service-area-list-item a:hover {
/*    color: #818a91 !important;*/
    text-decoration: none;
/*    background-color:#3c2c1c;*/
    background-color:#876;
    color:white;
}
/*
#service-area-list.service-area-list .service-area-list-item a::after {
    content: '' !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 12px !important;
    height: 12px !important;
    margin-left: .3em !important;
    background: url('../images/blue_arrow.png') no-repeat center center !important;
    background-size: cover !important;
}
*/
@media (max-width: 640px) {
    #service-area-list.service-area-list {
/*        padding: 1em 1em 1em !important;*/
    }

    #service-area-list.service-area-list h3 {
        font-size: 18px !important;
    }

    #service-area-list.service-area-list p {
        font-size: 14px;
    }

    #service-area-list.service-area-list .service-area-list-items {
        padding: 0 0 12px;
        margin: 0 0 1em;
        justify-content:space-between;
    }

    #service-area-list.service-area-list .service-area-list-item {
        line-height: 36px;
        flex: 0 0 33%;
        margin: 0 0 4px;
        padding:0;
    }
    /* RishunTrading Limited hokaido/tohoku area */
    #service-area-list.service-area-list .service-area-list-item:first-of-type a{
        font-size:13px;
    }

}
@media (max-width: 400px) {
    #service-area-list.service-area-list .service-area-list-item {
        flex: 0 0 33.33%;
        margin: 0 0 4px;
        align-self: flex-start;
        padding:0;
    }
}
