@charset 'UTF-8';
/* --------------------------------------- */
/* フッター */
/* --------------------------------------- */
/* 閉じタグ忘れ対策 */
footer {
    font-family: 'Helvetica';
    font-weight: normal;
    line-height: 1.5;
}

.footer_nav {
    font-size: 12px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #b2b2b2;
    background-color: #d3dbe9;
    color: #000;
}

.footer_nav [class^='link_'] {
    box-sizing: border-box;
    text-decoration: underline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.40);
    font-size: inherit;
}

.footer_nav .link_footer-nav {
    margin: 2px;
    padding: 2px 0;
    display: inline-block;
    color: #00106a;
}

/* リンク外枠 */
.footer_nav .box_single,
.footer_nav .box_2split,
.footer_nav .box_split {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.prg_separator {
    color: #b2b2b2;
}

/* 中身 */
.footer_nav .box_2split .inner,
.footer_nav .box_split .inner {
    width: auto;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 4px;
}

/* --------------------------------------- */
/* 姉妹サイトリンク */
/* --------------------------------------- */
.footer_nav .box_single.sub {
    margin: 0 auto;
    font-size: 12px;
}

.footer_nav .box_quick-search + .box_single.sub {
    border-top: 1px solid #b2b2b2;
}

.box_near-search + .box_single.sub {
    margin-top: -4px;
    margin-bottom: -4px;
}

.footer_nav .box_single.large {
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #b2b2b2;
}

.footer_nav .box_single.sub2 {
    font-size: 14px;
    font-weight: bold;
}

.footer_nav .box_quick-search + .box_single.sub2 {
    border-top: 1px solid #b2b2b2;
}

/* 運営会社・掲載・問い合わせ */
.footer_nav > .site_info,
.footer_nav > .box_split {
    border-top: 1px solid #b2b2b2;
}

.footer_nav .box_single.large + .site_info {
    border-top: 0 none;
}

.footer_nav > .site_info {
    padding-top: 2px;
}

/* 夜遊びガイド　見出し */
.footer_nav .yogai_header {
    padding-top: 4px;
}

/* --------------------------------------- */
/* エリア一発検索リンク */
/* --------------------------------------- */
.box_near-search,
.box_quick-search {
    width: 100%;
    margin: 0 auto;
    padding: 6px;
    box-sizing: border-box;
    text-align: left;
}

.box_near-search {
    background-color: #d3dbe9;
}

/* タブ枠 */
.box_quick-btn {
    font-size: 14px;
    font-weight: bold;
}

/* 近くのお店を探す */
.hl_near {
    padding: 4px 10px;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    color: #000;
    border-radius: 2px 2px 0 0;
    background-color: #a1b3c9;
}

/* 見出しタブ */
.box_quick-btn .hl {
    padding: 4px 4px 6px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

.box_quick-btn .tab {
    width: 48%;
    width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
    padding: 4px 10px;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

.box_quick-btn .tab:first-child:last-child {
    width: 100%;
}

.box_quick-btn .tab:before {
    margin-right: 2px;
    content: '▼';
}

/* 表示中のタブ */
.box_quick-btn .tab.current {
    margin-bottom: 0;
    padding-bottom: 8px;
    border-radius: 6px 6px 0 0;
}

.box_quick-btn .tab.current:first-child:last-child {
    margin-bottom: -5px;
}

.box_quick-btn .tab.current:before {
    content: '▲';
}

/* 外枠 */
.box_near-area,
.box_quick-area {
    margin: 0 auto;
    text-align: left;
}

.box_near-area {
    padding: 2px 4px;
    overflow: hidden;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #a1b3c9;
    border-radius: 0 0 2px 2px;
    background-color: #e8e8e8;
}

.box_quick-area {
    padding: 2px 6px 6px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
}

.box_quick-area {
}

/* 大枠 */
.frame_area,
.qs_frame {
    margin-top: 4px;
    font-size: 12px;
    display: block;
    color: #b2b2b2;
}

.box_near-area .frame_area {
    margin-top: 0;
}

.area_term,
.qs_lbl {
    display: inline-block;
}

/* 区分名 */
.area_term .link_area-search,
.qs_lbl .link_search {
    font-weight: bold;
}

/* 中枠 */
.inner_area,
.qs_inner {
    padding: 2px 8px 2px 2px;
    display: inline-block;
}

.job .frame_area:first-child ~ .frame_area {
    margin-top: 0;
}

/* 大区分 */
.frame_area > .area_term {
    margin-top: 8px;
    padding: 1px 8px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
}

.frame_area > .area_term:first-child {
    margin-top: 2px;
}

/* 区切り線 */
.sp_separator:after {
    color: #b2b2b2;
}

.area_term > .sp_separator,
.inner_area .area_term .link_area-search,
.qs_inner .qs_lbl {
    font-weight: bold;
    color: #666;
}

/* エリア中区分 */
.frame_area > .area_descript,
.qs_frame > .qs_content {
    display: inline-block;
}

.inner_area .area_term,
.qs_inner .qs_lbl {
    margin-right: 2px;
}

.inner_area .area_term .sp_separator::after,
.qs_inner .qs_lbl .sp_separator::after {
    margin-left: 4px;
    font-weight: normal;
    content: '||';
}

/* 小区分 */
.inner_area .area_descript,
.qs_inner .qs_content {
    display: inline;
}

.inner_area .area_descript .sp_separator,
.qs_inner .qs_content .sp_separator {
    display: inline-block;
}

.inner_area .area_descript .sp_separator::after,
.qs_inner .qs_content .sp_separator::after {
    margin: 0 4px;
    content: '|';
}

.inner_area .area_descript .sp_separator:last-child::after,
.qs_inner .qs_content .sp_separator:last-child::after {
    content: none;
}

.link_area-search,
.qs_frame .link_search {
    color: #666;
}

.box_near-area .area_descript .link_area-search {
    color: #555;
}

/* エリア・業種区切り */
.qs_frame + .qs_frame {
    border-width: 1px 0 0;
    border-style: dotted;
    padding-top: 3px;
}

/* 色指定：風俗 */
.fu.tab,
.box_near-area.fu .frame_area > .area_term,
.box_quick-area.fu .frame_area > .area_term {
    background-color: #b52d56;
}

.fu.box_quick-area {
    border-color: #b52d56;
}

.fu .area_term > .sp_separator,
.box_quick-area.fu .inner_area .area_term .link_area-search {
    color: #b52d56;
}

/* 色指定：デリヘル */
.de.tab,
.de.box_quick-area .frame_area > .area_term {
    background-color: #0a83c9;
}

.de.box_quick-area {
    border-color: #0a83c9;
}

.de.box_quick-area .area_term > .sp_separator,
.de.box_quick-area .inner_area .area_term .link_area-search {
    color: #0a83c9;
}

/* 色指定：ソープ */
.so.tab,
.so .frame_area > .area_term {
    background-color: #ff8d42;
}

.so.box_quick-area {
    border-color: #ff8d42;
}

.so .area_term > .sp_separator,
.so .inner_area .area_term .link_area-search {
    color: #ff8d42;
}

/* 色指定：キャンパブ */
.pb.tab,
.pb .frame_area > .area_term {
    background-color: #3ab231;
}

.pb.box_quick-area {
    border-color: #3ab231;
}

.pb .area_term > .sp_separator,
.pb .inner_area .area_term .link_area-search {
    color: #3ab231;
}

/* 色指定：キャバ */
.ca.tab,
.ca .frame_area > .area_term {
    background-color: #ff3a5b;
}

.ca.box_quick-area {
    border-color: #ff3a5b;
}

.ca .area_term > .sp_separator,
.ca .inner_area .area_term .link_area-search {
    color: #ff3a5b;
}

/* 色指定：ホスト */
.ho.tab,
.ho .frame_area > .area_term {
    background-color: #223293;
}

.ho.box_quick-area {
    border-color: #223293;
}

.ho .area_term > .sp_separator,
.ho .inner_area .area_term .link_area-search {
    color: #223293;
}

/* 色指定：JOBTOP */
.jobf.tab {
    background-color: #ff76ae;
}

.jobf.box_quick-area {
    border-color: #ff76ae;
}

.jobf .qs_frame .qs_lbl {
    color: #ff76ae;
}

.jobm.tab {
    background-color: #1a62db;
}

.jobm.box_quick-area {
    border-color: #1a62db;
}

.jobm .qs_frame .qs_lbl {
    color: #1a62db;
}

.qs_frame .qs_lbl .link_search {
    color: inherit;
}

@media screen and (max-width: 380px) {
    .box_quick-btn .hl {
        margin-left: 4px;
    }
}

@media screen and (min-width: 480px) {
    .frame_area,
    .qs_frame {
        display: block;
    }

    .frame_area > .area_descript {
        display: inline;
    }
}

/* 最少幅指定 */
.footer_nav .box_quick-search .link_area-search {
    min-width: 2.2em;
    text-align: center;
    display: inline-block;
}

/* --------------------------------------- */
/* エリア版リンク */
/* --------------------------------------- */
.area_flink {
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.area_aichi {
    display: block;
}

@media screen and (min-width: 480px) {
    .area_aichi {
        display: inline-block;
    }

    .area_aichi::after {
        content: '|';
        display: inline-block;
    }
}

/* --------------------------------------- */
/* コピーライト */
/* --------------------------------------- */
.copyright {
    height: 30px;
    margin: 0;
    line-height: 30px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background-color: #989898;
    white-space: nowrap;
}

/* --------------------------------------- */
/* お知らせリンク */
/* --------------------------------------- */
.link_announce {
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #737a9b;
    font-size: 16px;
    color: #0080de;
    text-decoration: underline;
}

/* --------------------------------------- */
/* キャバガイドデザイン変更 */
/* --------------------------------------- */
.ca_top .footer_nav {
    background-image: url(/sp/st_img/caba_footer_bg-e520ef25f063d1ccadcdb4b04d534031.png);
}

.ca_top .footer_nav .box_single.large {
    border-color: #fff;
}

.ca_top .footer_nav > .site_info,
.footer_nav > .box_split {
    border-top: 1px solid #fff;
}

.ca_top .box_quick-search + .box_single.sub {
    border-color: #fff;
}

.ca_top .footer_nav .link_footer-nav {
    color: #b9003e;
}

.ca_top .footer_nav .seo-text-contents {
    color: #c4708c;
    border-color: #fff;
}

.ca_top .copyright {
    background-color: #b9003e;
}

/* --------------------------------------- */
/* PC版用リンク追加用*/
/* --------------------------------------- */
.f_pclink {
    border-bottom: 1px solid #b2b2b2;
}