@charset "UTF-8";
@import '/sp/st_css/reset-ca9fc7e65c5aea66ac9692eeb31a3715.css';

/* -------------------------------------------------------------

  夜遊びガイド共通部分CSS
  last-mod:00-00-00 name

   ------------------------------------------------------------- */

/* menu*共通部分のCSSメニュー

  0.ベースレイアウト
    0-1.アイフォンレイアウト
    0-2.ボックスの影用
    0-3.行間
    0-4.リンクあたりの設定
  1.ヘッダー
    1-4.ヘッダーインフォ部分
  2. メインエリア
    2-1.基本的なメインエリアの設定
    2-2.見出しH2
      2-2-1.それぞれの設定
    2-3.見出しH3
    2-4.切替用ドロップダウンメニュー（見出しH2につくやつ）
    2-5.各トップの帯の文字大きさ共通
  4.ランキング汎用部分
    4-1.ランキング 写真あり
    4-2.ランキング 写真なし（お店総合など）
  5.オススメ店紹介
  6.インフォテキスト（第二階層のテキストとか）
  7. 店の種別（第二階層の店種別から店or女の子一覧へいくところ）
  8. 検索ページ
  9. 緊急メッセージ
  10. 汎用的なリスト
    10-1.緊急メッセージのリスト用
    10-2.今日の最新Newsのリスト用
    10-3.イベント開催店のリスト用
    10-4.新着店のリスト用・DX導入店
    10-5.月間ランキング　monthRankingList
      10-5-1.各部門へのリンク
    10-6.検索結果：店一覧
    10-7.オキニを探そう okiniList  本日出勤 syukkinList
    10-8.ニューフェイス・プライベート日記・今週のBirthday #commonPersonList
    10-9. お店からのお得メール　mailList
  11. 絞り込み
    11-1.絞り込みパネル
  12.指定した条件
  13. ページトップ
  14. フッター
   ------------------------------------------------------------- */

/*画面暗転用 高崎追加*/
#mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    background: #000;
}

/* ============================================================
  0. Base Layout
============================================================ */
body {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica';
}

/* 0-1.アイフォンレイアウト
------------------------------------------------------------ */
#iphone-layout {
    overflow: hidden; /* 横スクロールが出ないように、はみ出た影などを隠す */
    background-color: #c6c6c6;
}

/* 0-2.ボックスの影用
------------------------------------------------------------ */
.boxShadow {
    margin-bottom: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 4px 4px;
}

/* 0-3.行間
------------------------------------------------------------ */
p {
    line-height: 1.3;
}

/* 0-4.リンクあたりの設定
------------------------------------------------------------ */
a {
    text-decoration: none;
    color: #333;
}

/* 小さい文字 */
a span.miniTxt {
    font-size: 10px;
    font-weight: normal;
    line-height: 1.1;
}

/* リンク色が青・下線あり ----------------------------------- */
/* 汎用テキストリンク */
.kinkyuTxt a,
a.textLink,
.syukei a,
.oshiraseTxt a,
.oshiraseTxt02 a,
.VIPex li a,
.mailDetail pre a {
    text-decoration: underline;
    color: #0d69e5;
}

/* ============================================================
  1. Header
============================================================ */
/* 1-1.ヘッダー
------------------------------------------------------------ */
#header {
    border-bottom: 1px solid #b65b5b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbcbc), color-stop(0.49, #ff7a7a), color-stop(0.51, #f44), to(#ff7b7b));
    background: linear-gradient(to bottom, #ffbcbc, #ff7a7a 49%, #f44 51%, #ff7b7b);
}

/* 1-2.ロゴ
------------------------------------------------------------ */
.logo {
    margin: 0;
    padding: 0;
    float: left;
}

.caba_logo {
    margin: 2px;
}

.caba_logo img {
    height: 40px;
}

/* 1-3.ヘッダー検索ドロップダウン
------------------------------------------------------------ */

.search_dropdown {
    width: 38px;
    position: absolute;
    top: 4px;
    right: 6px;
    float: right;
}

.search_dropdown dt {
    width: 38px;
    padding: 0;
    font-weight: bold;
    cursor: pointer;
}

.search_dropdown dd {
    position: absolute;
    z-index: 99;
    top: 26px;
    right: 0;
    display: none;
    overflow: hidden;
    border-top: 1px solid #a2bae7;
    border-right: 1px solid #3467cc;
    border-bottom: 1px solid #3467cc;
    border-left: 1px solid #a2bae7;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #fff;
}

.search_dropdown ul {
    width: 98px;
    list-style: none;
    border: 1px solid #ccc;
    border-top: none;
}

.search_dropdown li {
    display: inline;
}

.search_dropdown a,
.search_dropdown a:active,
.search_dropdown a:visited {
    padding: 4px;
    font-weight: bold;
    display: block;
    text-align: left;
    color: #333;
    border: 1px solid #ccc;
    background: white;
}

.search_dropdown a:hover {
    color: black;
    background: #d9e1e4;
}

.search_dropdown .underline {
    border-bottom: 1px solid #ccc;
}

/* ガイド検索選択のドロップダウン*/
.search_dropdown dd ul li a span.dd_huzoku {
    line-height: 40px;
    vertical-align: middle;
    color: #f00;
}

.search_dropdown dd ul li a span.dd_deli {
    line-height: 40px;
    vertical-align: middle;
    color: #0cf;
}

.search_dropdown dd ul li a span.dd_campub {
    line-height: 40px;
    vertical-align: middle;
    color: #3a7222;
}

.search_dropdown dd ul li a span.dd_caba {
    line-height: 40px;
    vertical-align: middle;
    color: #f0f;
}

.search_dropdown dd ul li a span.dd_host {
    line-height: 40px;
    vertical-align: middle;
    color: #900;
}

.search_dropdown dd ul li a {
    display: block;
}

/* 箱型、デリのドロップダウン*/
.dropdown dd ul li a div.dd_hakogata {
    font-size: 0.78em;
    line-height: 52px;
    vertical-align: middle;
    color: #f00;
}

.dropdown dd ul li a div.dd_deli {
    font-size: 0.78em;
    line-height: 52px;
    vertical-align: middle;
    color: #0cf;
}

.dropdown dd ul li a {
    display: block;
}

/* 1-4.ヘッダーインフォ部分
------------------------------------------------------------ */
div#info {
    padding: 10px 0 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cbcbcb;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(0.25, #fff), to(#fff));
    background: linear-gradient(to bottom, #e7e7e7, #fff 50%, #fff);
}

/*インフォメーション 掲載店舗 女の子 --------------------- */
div#info p.number {
    font-size: 14px;
    text-align: center;
}

div#info p.number span#shop {
    margin: 0 30px 0 0;
    padding: 0 0 0 23px;
    display: inline-block;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat top left;
    -webkit-background-size: 17px 17px;
    background-size: 17px 17px;
}

div#info p.number span#girl {
    padding: 0 0 0 23px;
    display: inline-block;
    background: url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat top left;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}

div#info p.number span.red {
    color: #dc0039;
}

/* 抽選会 */
p.btnChusenkai {
    padding-top: 10px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

p.btnChusenkai + p.btnChusenkai {
    padding-top: 10px;
}

p.btnChusenkai a {
    width: 310px;
    padding: 10px 6px;
    font-size: 20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border: solid 1px #a6a8ab;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4e3c9), color-stop(0.48, #c19e66), color-stop(0.5, #b68d4c), to(#f4e3c9));
    background: linear-gradient(to bottom, #f4e3c9, #c19e66 48%, #b68d4c 50%, #f4e3c9);
    -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 0 3px;
    box-shadow: rgba(200, 200, 200, 0.7) 0 0 3px;
    text-shadow: -1px -1px 0 #332b1e;
}

.btnChusenkai a > span {
    display: inline-block;
}

/* ------------------------------------------------------------
  6. 検索ボックス
------------------------------------------------------------- */
div#searchBox,
div.searchBox {
    margin: 0;
    padding: 6px 10px;
    font-size: 14px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #565656;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), color-stop(0.49, #737373), color-stop(0.5, #6a6a6a), to(#898989));
    background: linear-gradient(to bottom, #c9c9c9, #737373 49%, #6a6a6a 50%, #898989);
}

div#searchBox.ygSearch {
    margin-bottom: 10px;
}

div#searchBox input[type='text'],
div.searchBox input[type='text'] {
    width: 100%;
    height: 26px;
    margin: 0 5px 0 auto;
    padding: 0 5px 0 5px;
    border: 1px solid #959595;
    border-radius: 13px;
}

div#searchBox input[type='submit'],
div.searchBox input[type='submit'] {
    width: 58px;
    height: 26px;
    margin: 0;
    padding: 2px 0 0;
    text-align: center;
    border: 1px solid #959595;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.49, #f3f3f3), color-stop(0.5, #e8e8e8), to(#fff));
    background: linear-gradient(to bottom, #fff, #f3f3f3 49%, #e8e8e8 50%, #fff);
}

.wo_kensaku_bt {
    padding-left: 4px;
    display: table-cell;
}

div.searchBox_nobg {
    border: none 0 #fff;
    background: none;
}

/* ------------------------------------------------------------
  . トップのメッセージを送る
------------------------------------------------------------- */

.linkbox li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #b0b7cb;
    background: #e4ebff url(/sp/st_img/cur_01-ba950955de2a010726e1483b193d1ce2.png) no-repeat right center;
}

.linkbox li a {
    padding: 8px 25px 8px 32px;
    font-weight: bold;
    display: block;
    color: #000b4f;
}

.linkbox li a.messageSend {
    background: url(/sp/st_img/icon_mail02-1abe2198dda7ead4fe14051af4ed1c10.png) no-repeat 5px center;
    -webkit-background-size: 23px 18px;
    background-size: 23px 18px;
}

/* ============================================================
  2. メインエリア
============================================================ */

/* 2-1.基本的なメインエリアの設定
------------------------------------------------------------ */
.mainarea {
    overflow: hidden;
    background: #fff;
}

/* 2-2.見出しH2
------------------------------------------------------------ */
/* 色の設定はclassを付ける */
.mainarea h2 {
    margin-bottom: 5px;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    border: 1px solid #a0a0a0;
    border-right: none;
    border-left: none;
}

.mainarea h2 span.miniTitle {
    margin-top: 4px;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
}

/* 2-2-1.今日の最新ニュース */
.mainarea h2.titleNews {
    color: #06f;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-2-2.緊急メッセージ */
.mainarea h2.titleKinkyu {
    color: #800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-2-3.P日記 */
.mainarea h2.titlePdiary {
    color: #dc0039;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-2-4.ニューフェイス */
.mainarea h2.titleNewface {
    color: #db6300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-2-5.イベント開催店 */
.mainarea h2.titleEvent {
    color: #0064db;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-2-6.新着店 */
.mainarea h2.titleNewshop {
    color: #db6300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-2-7.新着店 */
.mainarea h2.titleDx {
    color: #db6300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 相性度チェック */
.mainarea h2.titleAishou {
    color: #db6300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 夜遊びタッチ導入店 */
.mainarea h2.titleTouch {
    color: #800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 当選者発表 */
.mainarea h2.titleTyusen {
    color: #db6300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 2-3.見出しH3
------------------------------------------------------------ */
/* 色の設定はclassを付ける */
.mainarea h3 {
    margin: 10px 10px 10px;
    padding: 5px 5px 5px 23px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    border: 1px solid #a0a0a0;
}

/* 2-3-1.共通の設定 */
.titleCommon {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8080), to(#ff4141));
    background: linear-gradient(to bottom, #ff8080, #ff4141);
    text-shadow: 1px 1px 0 #ab3737;
}

.MovContest .titleCommon {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #40e860), color-stop(100%, #30c050));
    background: -webkit-linear-gradient(top, #40e860 1%, #30c050 100%);
    background: linear-gradient(to bottom, #40e860 1%, #30c050);
    text-shadow: 1px 2px 0 #209040;
}

.h3Common {
    color: #303030;
    background: url(/sp/st_img/fuzoku/h3_bk-fa0c636c525b5661900bf223c07accb2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/fuzoku/h3_bk-fa0c636c525b5661900bf223c07accb2.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

.mainarea h3 .miniTitle {
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    top: 9px;
    right: 8px;
}

.titleCommon2 {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #90ff82), color-stop(100%, #41fc41));
    background: -webkit-linear-gradient(top, #90ff82 1%, #41fc41 100%);
    background: linear-gradient(to bottom, #90ff82, #41fc41);
    text-shadow: 1px 2px 0 rgb(55, 171, 92);
}

/* 2-4.切替用ドロップダウンメニュー（見出しH2につくやつ）
------------------------------------------------------------ */
.search_h2 {
    width: 150px;
    position: absolute;
    top: 3px;
    right: 0;
    float: right;
}

span.search_h2 {
    height: 26px;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 26px;
    position: absolute;
    right: 6px;
    cursor: pointer;
    text-align: right;
    color: #0080de;
}

.search_h2 dt {
    height: 23px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: normal;
    line-height: 23px;
    position: absolute;
    right: 6px;
    cursor: pointer;
    text-align: right;
    color: #0080de;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: white;
    text-shadow: 1px 1px 0 #fff;
}

.search_h2 dd {
    position: absolute;
    z-index: 200;
    top: 23px;
    right: 0;
    display: none;
    overflow: hidden;
    background: #fff;
}

.search_h2 li {
    width: 160px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    display: block;
    color: #000;
    border-bottom: 1px solid #ccc;
}

.search_h2 li a {
    color: #0060c4;
}

.search_h2 a:hover {
    color: #ff6000;
}

.search_h2 a.linenone {
    border-bottom: none;
}

.search_h2 a.here {
    color: #ff6000;
}

.search_h2 a.none {
    color: #808080;
}

.search_h2 dd ul li {
    width: 160px;
    padding: 3px 7px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    background: white;
}

.search_h2 dd ul li a {
    display: block;
    color: #0060c4;
}

/* 2-5.各トップの帯の文字大きさ共通
------------------------------------------------------------ */
div#access h3 span.date,
div#pDiary h3 span.date {
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    right: 5px;
    display: inline-block;
    vertical-align: middle;
    text-shadow: none;
}

/* ============================================================
  4.ランキング汎用部分
============================================================ */
/* 4-1.ランキング 写真あり
------------------------------------------------------------ */
ol.ranking {
    width: 318px;
    margin: 0 auto 7px;
}

ol.ranking li {
    width: 80px;
    margin: 10px 13px;
    float: left;
    text-align: center;
}

ol.ranking span.rank1 {
    padding-left: 16px;
    background: url(../st_img/fuzoku/icon_rank1.png) no-repeat left center;
}

ol.ranking span.rank2 {
    padding-left: 16px;
    background: url(../st_img/fuzoku/icon_rank2.png) no-repeat left center;
}

ol.ranking span.rank3 {
    padding-left: 16px;
    background: url(../st_img/fuzoku/icon_rank3.png) no-repeat left center;
}

/* 画像 */
ol.ranking li .img {
    margin: 0 0 2px;
    display: block;
}

/* 名前 */
ol.ranking li .name {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 1.1;
    display: block;
    color: #ff006c;
}

/* 店名 */
ol.ranking li .shopname {
    font-size: 10px;
    line-height: 1.1;
    display: block;
}

ol.ranking li .shopname span {
    color: #0a0;
}

/* 画像の大きさ --------------------------- */
/* 夜ガイメニュー、各ガイドトップのタブメニューのところ共通 */
ol.ranking li span.img img {
    max-width: 60px;
    max-height: 80px;
}

/* 4-2.ランキング 写真なし（お店総合など）
------------------------------------------------------------ */
ol.rankingNone {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
}

ol.rankingNone li {
    margin: 0 0 -1px;
    padding: 10px 0;
    float: none;
    text-align: left;
    border-bottom: 1px solid #eee;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

ol.rankingNone li div {
    width: 308px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

ol.rankingNone span.rank1 {
    background: url(../st_img/fuzoku/icon_rank1.png) no-repeat left center;
}

ol.rankingNone span.rank2 {
    background: url(../st_img/fuzoku/icon_rank2.png) no-repeat left center;
}

ol.rankingNone span.rank3 {
    background: url(../st_img/fuzoku/icon_rank3.png) no-repeat left center;
}

ol.rankingNone span.rank1,
ol.rankingNone span.rank2,
ol.rankingNone span.rank3 {
    width: 40px;
    min-height: 38px;
    padding-left: 16px;
    line-height: 38px;
    display: block;
}

ol.rankingNone li a {
    width: 268px;
    margin: 0;
    display: block;
}

/* 店名 */
ol.rankingNone .shopname {
    font-size: 16px;
    line-height: 1.1;
    display: block;
    color: #ff006c;
}

/* 店詳細 */
ol.rankingNone .syosai {
    font-size: 14px;
    display: block;
}

/* 業種 */
ol.rankingNone .syosai .gyosyu {
    margin-right: 0.5em;
    color: #0a0;
}

/* エリア */
ol.rankingNone .syosai .area {
    color: #3d7eff;
}

p.moreRank {
    font-size: 16px;
    text-align: center;
}

p.moreRank a {
    padding: 9px 0;
    display: block;
}

/* ============================================================
  5.オススメ店紹介
============================================================ */
.osusumePR {
    background: #fff;
}

.osusumePR .osusumeBnlist {
    /*  overflow:hidden;*/
    height: 84px;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #c6c6c6;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(0.25, #fff), to(#fff));
    background: linear-gradient(to bottom, #e7e7e7, #fff 25%, #fff);
}

.osusumePR .main {
    width: -moz-available;
    height: 84px;
}

/* 前へ */
.osusumePR .pre,
.osusumePR .pre2 {
    width: 25px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border-right: 1px #cbcbcb solid;
    background: url(../st_img/osusume_pre_bl.png) no-repeat center;
}

/* 次へ */
.osusumePR .next,
.osusumePR .next2 {
    width: 25px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border-left: 1px #fff solid;
    background: url(../st_img/osusume_next_bl.png) no-repeat center;
}

.osusumePR .osusumeBnlist .jCarouselLite,
.jCarouselLite2 {
    height: 84px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    border-right: 1px #cbcbcb solid;
    border-left: 1px #fff solid;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-flex: 1;
}

.osusumePR .osusumeBnlist ul {
    margin: 0;
    padding: 0;
    position: relative;
}

.osusumePR .osusumeBnlist ul li {
    /*  width: 1050px;*/
    width: 1050px;
    height: 84px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.osusumeWrapper a {
    height: 72px;
    margin: 0;
    padding: 12px 0 0 0;
    font-weight: bold;
    position: relative;
    display: block;
    color: #0080de;
}

.osusumeContainer {
    height: 84px;
}

.osusumeBnn {
    padding-top: 11px;
    display: block;
}

.osusumeBnn span {
    font-family: monospace;
    font-size: 18px;
    line-height: 1;
    text-decoration: underline;
}

.osusumeBnn img {
    margin-top: -11px;
}

/* オススメPR --------------- */
.osusumePRtitle {
    width: auto;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    z-index: 1800;
    top: 0;
    left: 0;
    -webkit-animation-name: osusumeblink;
    animation-name: osusumeblink;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    text-align: center;
    color: #f93;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
}

/* JOBバナーF */
.osusumePRtitle span.osusumePRtitleJob {
    color: #f7c;
}

.osusumeWrapper a .osusumePRtitle span {
    text-decoration: none;
}

/* 点滅 */
@-webkit-keyframes osusumeblink {
    0% {
        opacity: 0.0;
    }
    4% {
        opacity: 0.0;
    }
    8% {
        opacity: 1.0;
    }
    34% {
        opacity: 1.0;
    }
    38% {
        opacity: 0.0;
    }
    100% {
        opacity: 0.0;
    }
}

@keyframes osusumeblink {
    0% {
        opacity: 0.0;
    }
    4% {
        opacity: 0.0;
    }
    8% {
        opacity: 1.0;
    }
    34% {
        opacity: 1.0;
    }
    38% {
        opacity: 0.0;
    }
    100% {
        opacity: 0.0;
    }
}

/* ============================================================
  6. インフォテキスト（第二階層のテキストとか）
============================================================ */
.infoTxt {
    margin: 5px 10px 10px;
    font-size: 14px;
    color: #606060;
}

.infoTxt02 {
    margin: 5px 10px 0;
    font-size: 14px;
    color: #606060;
}

.infoTxt select {
    margin: 0;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
}

/* P日記アクセスコンテスト開催 */
.btnPdiarycon {
    margin: 0 10px 10px;
    font-size: 14px;
    text-align: center;
}

.btnPdiarycon a {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    color: #dc0039;
    border: solid 1px #c3c0a4;
    border-radius: 5px;
    background: url(../st_img/btn_bk.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(fdd4fe), color-stop(0.5, #fdd4fe), color-stop(0.6, #fbc0fc), to(#fdeffe));
    background: url(../st_img/btn_bk.png) no-repeat left center, linear-gradient(to bottom, #fdd4fe, #fdd4fe 50%, #fdeffe);
}

/* 集計方法・期間 ----------- */
.syukeiEx {
    margin: 0 10px;
    padding: 0;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.syukei {
    margin: 0 10px;
}

.syukei a {
    padding-left: 17px;
    font-size: 15px;
    display: inline-block;
    text-decoration: underline;
    color: #0090ff;
    background: url(/sp/st_img/icon_syukei-909c8a24c65e7205f6ec9a84c8d98c95.png) no-repeat left center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

.syukeiEx .syukei {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.syukeiEx .syukei a {
    font-size: 14px;
}

a.linkHappyou {
    margin: 0 0 3px;
    padding-left: 20px;
    font-size: 14px;
    display: inline-block;
    text-decoration: underline;
    background: url(/sp/st_img/icon_star-5ed4644b1f09d8ea2606381509c355fc.png) no-repeat 2px center;
    -webkit-background-size: 11px 12px;
    background-size: 11px 12px;
}

/* ============================================================
  7. 店の種別（第二階層の店種別から店or女の子一覧へいくところ）
============================================================ */
#shopType {
    margin: 0;
    padding: 0;
}

#shopType li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #c6c6c6;
    background: url(/sp/st_img/cur_red-d1a4be81d92b66aa926c8a170517d190.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* リンクないとき */
#shopType li font {
    margin: 0;
    padding: 10px 20px 10px 10px;
    font-weight: bold;
    display: block;
    color: #808080;
    background: url(/sp/st_img/cur_gray05-6968e7a9541bea2e110adf5dc841190c.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

#shopType li a {
    margin: 0;
    padding: 10px 20px 10px 10px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #303030;
}

/* 業種の色 */

/* キャバ */
#shopType li a.gm2 {
    color: #f0f;
}

/* ホスト */
#shopType li a.gm3 {
    color: #212181;
}

/* デリ */

#shopType li a.gm8 {
    color: #0cf;
}

#shopType li .gm8 p {
    margin: 0;
    padding: 10px 20px 10px 10px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #0cf;
}

/* ヘルス */

#shopType li a.gm5 {
    color: #f00;
}

/* 13.07.04 キャンパブ */
#shopType li a.gm16,
#shopType li a.gs13 {
    color: #00e900;
}

/* 13.07.04 ビデオパブ */
#shopType li a.gm16,
#shopType li a.gs45 {
    color: #3a7222;
}

/* ソープ */
#shopType li a.gm21 {
    color: #08f;
}

/* 風俗その他 */
#shopType li a.gm9999 {
    color: #f80;
}

/*デリバリーガイド*/
/* ホテヘル */
#shopType li a.gm6 {
    color: #f00;
}

/* ヘルス・サロン */
#shopType li a.gm1 {
    color: #f0f;
}

/* ソープ（関西） */
#shopType li a.gm4 {
    color: #84f;
}

/* 風俗 */
#shopType li a.gm8888 {
    color: #f00;
}

/* 性感・SM */
#shopType li a.gm20 {
    color: #08f;
}

/* 2ショットキャバ (関西) */
#shopType li a.gm48 {
    color: #f0f;
}

/*デリバリーガイド ---------------*/
/* デリ */
#shopType li a.gs25,
#shopType li a.gs6 {
    color: #f00;
}

/* デリ人妻 */
#shopType li a.gs26,
#shopType li a.gs7 {
    color: #f0f;
}

/* 待ち合わせ */
#shopType li a.gs72,
#shopType li a.gs11 {
    color: #84f;
}

/* 出張エステ */
#shopType li a.gs47 {
    color: #7c0;
}

/* ポチャでり */
#shopType li a.gs89 {
    color: #48f;
}

/* 中国韓国 */
#shopType li a.gs51 {
    color: #084;
}

/* 多国籍 */
#shopType li a.gs75 {
    color: #f80;
}

/* SM */
#shopType li a.gs68 {
    color: #f00;
}

/* 性感 */
#shopType li a.gs63 {
    color: #f0f;
}

/* デリバリーエステ  */
#shopType li a.gs42 {
    color: #f0f;
}

#shopType li a.gs8 {
    color: #f0f;
}

/* 北陸版 デリバリーガイド */
/* デリヘル  */
#shopType li a.gs6 {
    color: #f00;
}

/* デリヘル人妻 */
#shopType li a.gs7 {
    color: #34f;
}

/* 出張エステ  */
#shopType li a.gs42 {
    color: #7c0;
}

/* 待ち合わせ専門  */
#shopType li a.gs44 {
    color: #2d0;
}

/* ぽちゃでり  */
#shopType li a.gs43 {
    color: #80c;
}

/*hホストガイド*/
/* ホスト*/
#shopType li a.gs18 {
    color: #f00;
}

/* メンズパブ */
#shopType li a.gs19 {
    color: #f0f;
}

/* バー*/
#shopType li a.gs92 {
    color: #84f;
}

/* オナベ */
#shopType li a.gs82 {
    color: #7c0;
}

/* 出張ホスト */
#shopType li a.gs90 {
    color: #48f;
}

/*キャバガイド*/
/* キャバクラ*/
#shopType li a.gs16 {
    color: #f00;
}

/* セクシーキャバ */
#shopType li a.gs17 {
    color: #f0f;
}

/* ガールズバー */
#shopType li a.gs86,
#shopType li a.gs35 {
    color: #84f;
}

/* ラウンジクラブ */
#shopType li a.gs88,
#shopType li a.gs37 {
    color: #7c0;
}

/* スナック */
#shopType li a.gs87 {
    color: #48f;
}

/* キャバレー*/
#shopType li a.gs93 {
    color: #084;
}

/* フィリピンパブ*/
#shopType li a.gs69 {
    color: #f80;
}

/* 多国籍 */
#shopType li a.gs94 {
    color: #f00;
}

/* パブ */
#shopType li a.gs36 {
    color: #48f;
}

#shopType li a span {
    font-size: 14px;
    font-weight: normal;
    color: #808080;
}

#shopType li.none {
    margin: 0;
    padding: 10px 20px 10px 10px;
    font-weight: bold;
    color: #808080;
    border-top: 1px solid #c6c6c6;
    background: url(/sp/st_img/cur_gray05-6968e7a9541bea2e110adf5dc841190c.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* 過去ランキングで流用 ----------- */
#shopType.kakoRank {
    margin-top: 20px;
    border-bottom: 1px solid #c6c6c6;
}

/* ============================================================
  8. 検索ページ
============================================================ */

.search {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #c6c6c6;
}

.search h4 {
    margin: 0 10px 8px;
    padding: 8px 10px 8px 33px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 6px;
}

.search p {
    margin: 0 15px 15px;
    font-size: 17px;
}

.search p.chui {
    font-size: 14px;
    color: #f00;
}

.search p.btnSubmit {
    text-align: center;
}

/* submitボタン用 */
.search p.btnSubmit input[type='submit'],
p.btnSubmit input[type='button'],
#form p.btn input[type='submit'],
#form p.btn02 input[type='submit'],
#form p.btn03 input[type='submit'],
#form p.btn03 input[type='button'] {
    width: 245px;
    margin: 0 auto;
    padding: 6px 0;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

#form p.btn02 input[type='submit'] {
    width: 130px;
}

#form p.btn03 input[type='submit'] {
    width: 150px;
}

#form p.btn03 input[type='button'] {
    width: 110px;
}

/* 1行テキスト・サーチ用の虫眼鏡付き */
.search input[type='text'] {
    width: 300px;
    margin: 0;
    padding: 3px 15px 3px 25px;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: #fff url(/sp/st_img/search-04b651ca8722e9618482e1b63dd05e28.png) no-repeat 7px center;
}

.search input.id {
    width: 300px;
    margin: 0;
    padding: 2px;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: #fff;
}

/* プルダウンを横幅そろえる */
.search select,
.form select {
    width: 15em;
    margin: 0 0 5px;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
}

.search label {
    margin: 0 1.5em 10px 0;
    display: inline-block;
    vertical-align: middle;
}

.search label input[type='radio'] {
    margin: 0 3px 0 0;
}

/* 検索エラーメッセージ */
.kensakuErr {
    padding: 20px 10px;
    font-size: 16px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

/* フォーム
---------------------------------------------------------------*/
#form {
    margin: 0 10px;
}

/* 検索 */
#form h3 {
    margin: 0 0 8px;
    padding: 8px 10px 8px 33px;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    border: none;
    border-radius: 6px;
}

/* メール */
#form h3.titleMail,
.search h4.titleMail {
    background: #ffddef url(/sp/st_img/icon_mail-ecdf816f7ecc418d2ef3774c15ee8fa5.png) no-repeat 7px center;
    -webkit-background-size: 23px 18px;
    background-size: 23px 18px;
}

/* 電話 */
#form h3.titleTel,
.search h4.titleTel {
    background: #ffddef url(/sp/st_img/icon_tel-a93509615cfbefe079b71c55e4fd04ce.png) no-repeat 9px center;
    -webkit-background-size: 17px 20px;
    background-size: 17px 20px;
}

/* FAX */
#form h3.titleFAX,
.search h4.titleFAX {
    background: #ffddef url(/sp/st_img/icon_fax-371ad89b1b600a12d40d4b63b055d5cd.png) no-repeat 7px center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

/* 会員ID */
#form h3.titleID,
.search h4.titleID {
    background: #ffddef url(/sp/st_img/icon_id-e1826b6dc7165904c1d0713cf07ac817.png) no-repeat 11px center;
    -webkit-background-size: 15px 20px;
    background-size: 15px 20px;
}

/* 星座 */
#form h3.titleStar,
.search h4.titleStar {
    background: #ffddef url(../st_img/icon_favorite.png) no-repeat 7px center;
    -webkit-background-size: 23px 23px;
    background-size: 23px 23px;
}

/* タイプ */
#form h3.titleType,
.search h4.titleType {
    background: #ffddef url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat 8px center;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}

/* 店舗 */
#form h3.titleShop,
.search h4.titleShop {
    background: #ffddef url(/sp/st_img/icon_tenpo02-907de7ff8060d0bf1a51aeb71015a302.png) no-repeat 7px center;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
}

/* エリア */
#form h3.titleArea,
.search h4.titleArea {
    background: #ffddef url(/sp/st_img/icon_map02-37d7935902cfb276575991ba64b01812.png) no-repeat 12px center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}

/* カテゴリ */
#form h3.titleCate,
.search h4.titleCate {
    background: #ffddef url(/sp/st_img/icon_cate-417987d293ea58d007538c005b473be1.png) no-repeat 12px center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}

/* 指名チケット */
#form h3.titleShimei,
.search h4.titleShimei {
    background: #ffddef url(/sp/st_img/icon_ticket-e16df115e47ae35b99b72f4aa6f532d3.png) no-repeat 4px center;
    -webkit-background-size: 29px 17px;
    background-size: 29px 17px;
}

/* 年令 */
#form h3.titleAge,
.search h4.titleAge {
    background: #ffddef url(/sp/st_img/icon_age-840d99243be4a1e7102908016480a548.png) no-repeat 5px center;
    -webkit-background-size: 27px 17px;
    background-size: 27px 17px;
}

/* 身長 */
#form h3.titleShintyo,
.search h4.titleShintyo {
    background: #ffddef url(/sp/st_img/icon_shintyo-e95920ca5e9956dcb88c08b4dda647ea.png) no-repeat 5px center;
    -webkit-background-size: 25px 19px;
    background-size: 25px 19px;
}

/* バスト */
#form h3.titleBust,
.search h4.titleBust {
    background: #ffddef url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat 8px center;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}

/* 血液型 */
#form h3.titleBlood,
.search h4.titleBlood {
    background: #ffddef url(/sp/st_img/icon_blood-6d8dd4cd7944ae84c2a66dd004a281eb.png) no-repeat 12px center;
    -webkit-background-size: 13px 19px;
    background-size: 13px 19px;
}

/* プレイフェチ */
#form h3.titlePlay,
.search h4.titlePlay {
    background: #ffddef url(/sp/st_img/icon_lip-7672faf1c9582aa7531db065b6fea729.png) no-repeat 5px center;
    -webkit-background-size: 25px 13px;
    background-size: 25px 13px;
}

/* 写真 */
#form h3.titlePhoto,
.search h4.titlePhoto {
    background: #ffddef url(/sp/st_img/icon_title_camera-062f6f5e3918c018950fb462cb4dd692.png) no-repeat 6px center;
    -webkit-background-size: 23px 18px;
    background-size: 23px 18px;
}

/* 日記 */
#form h3.titleSyame,
.search h4.titleSyame {
    background: #ffddef url(/sp/st_img/icon_gmenu-25c1e7caebd19f8987827ed700c095db.png) no-repeat 5px -196px;
    -webkit-background-size: 29px 1800px;
    background-size: 29px 1800px;
}

/* 動画 */

.titleCommon span.newMovieLim {
    font-size: 13px;
}

#form h3.titleMovie,
.search h4.titleMovie {
    background: #ffddef url(/sp/st_img/movie_link_st-170243cddfb6268d6e08ffde1b5219fb.gif) no-repeat 5px;
    -webkit-background-size: 25px 15px;
    background-size: 25px 15px;
}

/* カード */
#form h3.titleCard,
.search h4.titleCard {
    background: #ffddef url(/sp/st_img/icon_card-1662990f4e13d40ae7e3a2bcbbd34769.png) no-repeat 8px center;
    -webkit-background-size: 22px 17px;
    background-size: 22px 17px;
}

/* イベント */
#form h3.titleEvent,
.search h4.titleEvent {
    background: #ffddef url(/sp/st_img/icon_event-0b872eac2c72ef6815c9774c5753a7aa.png) no-repeat 10px center;
    -webkit-background-size: 21px 23px;
    background-size: 21px 23px;
}

/* カラオケ */
#form h3.titleKaraoke,
.search h4.titleKaraoke {
    background: #ffddef url(../st_img/icon_karaoke.png) no-repeat 15px center;
    -webkit-background-size: 10px 19px;
    background-size: 10px 19px;
}

/* ドリンク */
#form h3.titleDrink,
.search h4.titleDrink {
    background: #ffddef url(../st_img/icon_drink.png) no-repeat 13px center;
    -webkit-background-size: 17px 20px;
    background-size: 17px 20px;
}

/* 営業時間・曜日 */
#form h3.titleYoubi,
.search h4.titleYoubi {
    background: #ffddef url(../st_img/../st_job_img/icon_kodawari.png) no-repeat 8px center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

/* ボトル */
#form h3.titleBottle,
.search h4.titleBottle {
    background: #ffddef url(../st_img/icon_bottle.png) no-repeat 13px center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}

/* 値段 */
#form h3.titleYen,
.search h4.titleYen {
    background: #ffddef url(/sp/st_img/icon_yen-9f094c76e3454152890084c57011678c.png) no-repeat 10px center;
    -webkit-background-size: 18px 19px;
    background-size: 18px 19px;
}

/* 女の子の名前 */
#form h3.titleName {
    background: #ffddef url(/sp/st_img/icon_private-1998015541735a57b0427a62bd9b53da.png) no-repeat 10px center;
    -webkit-background-size: 18px 17px;
    background-size: 18px 17px;
}

/* メッセージ */
#form h3.titleMessage,
.search h4.titleMessage {
    background: #ffddef url(/sp/st_img/icon_write-32bdb0ae3e21bdaee79b49f003751b23.png) no-repeat 10px center;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

/* パスワード */
#form h3.titlePW,
.search h4.titlePW {
    background: #ffddef url(../st_img/icon_pw.png) no-repeat 10px center;
    -webkit-background-size: 19px 22px;
    background-size: 19px 22px;
}

/* 性別 */
#form h3.titleSeibetsu,
.search h4.titleSeibetsu {
    background: #ffddef url(../st_img/icon_seibetsu.png) no-repeat 6px center;
    -webkit-background-size: 24px 25px;
    background-size: 24px 25px;
}

/* 郵便番号 */
#form h3.titleYubin,
.search h4.titleYubin {
    background: #ffddef url(../st_img/icon_zip.png) no-repeat 4px center;
    -webkit-background-size: 26px 18px;
    background-size: 26px 18px;
}

/* 通報理由 */
#form h3.titlereason,
.search h4.titlereason {
    background: #ffddef url(/sp/st_img/icon_reason-10c1d335d79c162e9ac99c80cb7e3a34.png) no-repeat 4px center;
    -webkit-background-size: 26px 18px;
    background-size: 26px 18px;
}

/* 店舗名 */
#form h3.titlestore,
.search h4.titlestore {
    background: #ffddef url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat 4px center;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
}

/* アイテム名 */
#form h3.titleitem,
.search h4.titleitem {
    background: #ffddef url(/sp/st_img/icon_private-1998015541735a57b0427a62bd9b53da.png) no-repeat 4px center;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
}

/* 動画タイトル */
#form h3.titledouga,
.search h4.titledouga {
    background: #ffddef url(/sp/st_img/icon_tv-7eaeb229190ce7b436f359ca99044920.png) no-repeat 4px center;
    -webkit-background-size: 22px 32px;
    background-size: 22px 32px;
}

#form p {
    margin: 0 0 20px;
}

#form p.inputTxt {
    line-height: 1.8;
}

#form p .red {
    font-size: 14px;
}

#form p .messageFix {
    font-size: 16px;
    color: #080;
}

#form p span {
    font-size: 14px;
}

#form input {
    margin: 0 0 5px;
}

#form input[type='text'] {
    width: 240px;
    padding: 5px;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 0 #ddd;
    box-shadow: 1px 1px 0 #ddd;
}

#form textarea {
    width: 260px;
    height: 5em;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 0 #ddd;
    box-shadow: 1px 1px 0 #ddd;
}

#form p.btn,
#form p.btn02 {
    text-align: center;
}

#form table {
    margin: 0 0 10px;
}

#form table th {
    padding-right: 10px;
    padding-left: 20px;
    background: url(/sp/st_img/icon_love-c696ecfd982e2ec9b4ca356f5700bd9c.png) no-repeat 3px 0.7em;
    -webkit-background-size: 14px 9px;
    background-size: 14px 9px;
}

#form table th,
#form table td {
    padding-top: 2px;
}

/* ============================================================
  9. 緊急メッセージ
============================================================ */
/* 地域選択 ----------- */
.selectPlace {
    margin: 0 10px;
    padding: 10px 0;
    font-size: 15px;
    line-height: 2;
    text-align: center;
}

.selectPlace02 {
    text-align: left;
}

/* インプットボタン大きく */
.selectPlace input[type='submit'],
.selectPlace02 input[type='submit'] {
    width: 8em;
    margin-top: 5px;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

.selectPlace select,
.selectPlace02 select {
    width: 10em;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
}

/* 件数の表示 ---------- */
.viewNum {
    margin: 0;
    padding: 5px 0;
    font-size: 16px;
    text-align: center;
    color: #667284;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.97, #f0f0f0), color-stop(0.98, #fff), to(#fff));
    background: linear-gradient(to bottom, #fff, #f0f0f0 97%, #fff 98%, #fff);
}

/* もっと見る */
.moreView {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

/* ボタン */
.moreView .btnTxt {
    margin: 0 3px;
    display: inline-block;
}

/* ボタン */
.btnTxt a {
    width: 140px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    font-weight: bold;
    display: block;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

/* 緊急メッセージ詳細
------------------------------------------------------------ */
.mainarea .kinkyuShop {
    margin: 0 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7f7f), to(#ff4242));
    background: linear-gradient(to bottom, #ff7f7f, #ff4242);
}

.mainarea .kinkyuShop a {
    padding: 7px;
    display: block;
    color: #fff;
    background: url(/sp/st_img/cur_white-8f6e75043af6609642bc223b8d9c2e5b.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.kinkyuTxt {
    margin: 0 10px;
    padding: 0 0 20px;
    font-size: 16px;
}

.kinkyuDate {
    margin: 10px 10px 5px;
    font-size: 13px;
}

/* ============================================================
  10. 汎用的なリスト
============================================================ */
.commonList01,
.commonList02 {
    margin: 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

.commonList01 li,
.commonList02 li {
    /*margin:0 0 -1px;*/
    padding: 0;
    line-height: 1.3;
    position: relative;
    text-align: left;
    word-break: break-all;
    border-bottom: 1px solid #c6c6c6;
}

/* 最後のボーダー消す 上記のmargin:0 0 -1px;は無効にしてOK */
.commonList01 li:last-child,
.commonList02 li:last-child {
    border-bottom: 0 none #fff;
}

.commonList01 li:first-child,
.commonList02 li:first-child {
    border-top: 1px solid #c6c6c6;
}

/* カーソル灰色 */
.commonList01 li a {
    padding: 4px 26px 4px 4px;
    display: block;
}

/* カーソル赤 */
.commonList02 li a {
    padding: 4px 20px 4px 4px;
    display: block;
    background: url(/sp/st_img/cur_red-d1a4be81d92b66aa926c8a170517d190.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* アイコン */
.commonList01 .icon,
.commonList02 .icon {
    padding: 0;
}

.commonList01 .icon img,
.commonList02 .icon img {
    margin: 0 1px;
    vertical-align: -10%;
}

/*
  10-1.緊急メッセージのリスト用
------------------------------------------------------------- */
/* 更新日時 */
.commonList01 .msgUpdate,
.commonList02 .msgUpdate {
    margin-right: 3px;
    font-size: 12px;
    color: #080;
}

.msgUpdateblack {
    margin-right: 3px;
    font-size: 12px;
    color: #667284;
}

/* 店名 */
#eventReportList .shopName,
#kinkyuList .shopName {
    padding-left: 18px;
    font-size: 14px;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat left center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

/* 職種 */
#eventReportList .shopType,
#kinkyuList .shopType {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    color: #667284;
}

/* コメント */
#listTopicsNews .msgTxt,
#kinkyuList .msgTxt,
#recruitReport .msgTxt,
#eventReportList .msgTxt {
    margin-bottom: 3px;
    font-size: 16px;
    display: block;
    word-break: break-all;
    color: #0080de;
}

/*
  10-2.今日の最新Newsのリスト用
------------------------------------------------------------- */
/* 店名 */
#newsList .shopName {
    padding-left: 18px;
    font-size: 14px;
    color: #0080de;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat left center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

/* 職種 */
#newsList .shopType {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    text-align: right;
    color: #667284;
}

/* コメント */
#newsList .msgTxt {
    font-size: 15px;
    display: block;
}

/*
  10-3.イベント開催店のリスト用
------------------------------------------------------------- */
/* 店名*/
#eventList .shopName {
    padding-left: 18px;
    font-size: 14px;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat left center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

/* 職種 */
#eventList .shopType {
    margin: 0;
    font-size: 12px;
    color: #667284;
}

/* コメント */
#eventList .msgTxt {
    font-size: 13px;
    display: block;
}

/* イベント期間 */
#eventList .eventDate {
    margin-right: 1em;
    font-size: 16px;
    color: #080;
}

/* イベントタイトル */
#eventList .eventTitle {
    font-size: 16px;
    font-weight: bold;
    color: #0080de;
}

/*
  10-4.新着店のリスト用・DX導入店
------------------------------------------------------------- */
/* プレミアLady ---------- */
.premiumLady {
    margin: 0 0 20px;
}

.premiumLady h2 {
    margin: 0 0 10px;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
    color: #fff;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7f7f), to(#ff4242));
    background: linear-gradient(to bottom, #ff7f7f, #ff4242);
    text-shadow: none;
}

.premiumLady dl {
    width: 300px;
    margin: 0 auto;
}

.premiumLady dl dt {
    margin: 0 0 5px;
    text-align: center;
}

.premiumLady dl dd {
    text-align: center;
}

.premiumLady dl dd p {
    margin: 0 0 4px;
    padding: 0;
    line-height: 1.2;
    background: none;
}

.premiumLady dl dd a {
    text-decoration: underline;
}

.premiumLady dl dd .girlName a {
    color: #0080de;
}

.premiumLady dl dd .shopName a {
    color: #555;
}

.premiumLady dl dd .shopName .icon {
    margin-left: 5px;
}

.premiumLady dl dd .shopName .icon img {
    vertical-align: bottom;
}

/* 画像 ---------- */
#newList dl dt,
#dxList dl dt {
    /*  width:65px;*/
    margin-right: 4px;
    float: left;
}

#dxList dl dt img {
    vertical-align: middle;
}

#newList dl dd,
#dxList dl dd {
    overflow: hidden;
    zoom: 1;
}

/* 新着日 */
#dxList .newDate {
    margin-right: 1em;
    font-size: 14px;
    display: block;
    color: #dc0039;
}

#newList .icon,
#dxList .icon {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

#newList .icon img,
#dxList .icon img {
    vertical-align: 0.3em;
}

/* 店名*/
#newList .shopName,
#dxList .shopName {
    font-size: 18px;
    font-weight: bold;
    color: #0080de;
}

#newList .shopName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 職種 */
#newList .shopType,
#dxList .shopType {
    margin: 0;
    font-size: 12px;
    display: block;
    color: #667284;
}

/*
  10-5.月間ランキング　monthRankingList
------------------------------------------------------------- */
#rankingBumon02 {
    margin: 0;
    padding: 8px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #ff4141;
}

.bgGuideColNew {
    background-color: #ffa018;
}

/* タブ切替1重目 -------------------------------- */
#newShopList,
#rankingBumon {
    width: -moz-available;
    margin: 10px 0 0;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    border-top: solid 1px #5a5a5a;
    border-bottom: solid 6px #ff4141;
    background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), color-stop(0.45, #7f7f7f), color-stop(0.52, #676767), to(#828282));
    background: linear-gradient(to bottom, #a0a0a0, #7f7f7f 30%, #676767 70%, #828282);
}

#newShopList li,
#rankingBumon li {
    width: 33%;
    margin-bottom: -1px;
    font-size: 13px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: solid 1px #5a5a5a;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}

#newShopList li:last-child,
#rankingBumon li:last-child {
    border-right: none;
}

#newShopList li a,
#rankingBumon li a {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    font-weight: bold;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #fff;
}

#newShopList li.current a,
#rankingBumon li.current a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #ff4141;
}

#rankingBumon li a span {
    line-height: 32px;
    vertical-align: middle;
}

.pageBox {
    border-top: 1px solid #5a5a5a;
}

/* 部門のサブジャンル */

/*デリバリーランキング用*/
ul.de_tab1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#c4e6f9), to(#fff));
    background: linear-gradient(to bottom, #c4e6f9, #fff);
}

ul.de_tab2 {
    background: #fff;
}

.rankingBumonSub {
    padding: 9px 10px;
    border-bottom: 1px solid #c0c0c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd), to(#fff));
    background: linear-gradient(to bottom, #fdd, #fff);
}

.rankingBumonSub li {
    font-size: 14px;
    float: left;
}

.rankingBumonSub li a {
    padding: 1px 8px;
    display: block;
    text-decoration: none;
    color: #ff4141;
    border-radius: 10px;
}

.rankingBumonSub li.current a {
    text-decoration: none;
    color: #fff;
    background: #ff4141;
}

/* ランキングのリスト -------------------------------- */
.newRanking .monthRankingList {
    margin-top: 20px;
    border-top: 1px solid #c6c6c6;
}

.monthRankingList dl dt {
    width: 90px;
    height: 120px;
    margin-right: 4px;
    position: relative;
    float: left;
    border: 1px solid #ccc;
}

.monthRankingList dl dt img {
    max-width: 90px;
    max-height: 120px;
    /*
  vertical-align:middle;
  position:absolute;
  */
    top: 0;
}

.monthRankingList dl dd {
    overflow: hidden;
    zoom: 1;
}

/* 順位 */
.monthRankingList .rank {
    margin-right: 1em;
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #dc0039;
}

.monthRankingList .ranking1,
.monthRankingList .ranking2,
.monthRankingList .ranking3 {
    margin-bottom: 3px;
    padding-left: 25px;
    line-height: 19px;
}

.monthRankingList .ranking1 {
    background: url(/sp/st_img/icon_crown1-b9819cab20c1bcb1130ff4bb80089b09.png) no-repeat left center;
    -webkit-background-size: 21px 17px;
    background-size: 21px 17px;
}

.monthRankingList .ranking2 {
    background: url(/sp/st_img/icon_crown2-7e1830e34ede8a86d2b531d931dd612e.png) no-repeat left center;
    -webkit-background-size: 21px 17px;
    background-size: 21px 17px;
}

.monthRankingList .ranking3 {
    background: url(/sp/st_img/icon_crown3-5112d8039f98d1e599c0565c527a4142.png) no-repeat left center;
    -webkit-background-size: 21px 17px;
    background-size: 21px 17px;
}

/* 殿堂入りマーク */
.mark_hof > a {
    position: relative;
    z-index: 1;
}

.mark_hof::after {
    width: 94px;
    height: 24px;
    margin: auto;
    position: absolute;
    z-index: 0;
    top: 4px;
    right: 26px;
    content: '';
    border: 3px solid #ffc926;
    border-width: 2px;
    border-radius: 6px;
    background-image: url(/sp/st_img/mark_fame-9d4eba42c71079bbc6baf6a5c8d92bcb.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 88px 22px;
}

.mark_hof .rank {
    margin-top: 4px;
    margin-bottom: 6px;
}

@media screen and (max-width: 320px) {
    .mark_hof::after {
        width: 82px;
        height: 22px;
        right: 4px;
        background-size: 80px 20px;
    }

    .mark_hof .rank {
        margin-top: 2px;
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 480px) {
    .mark_hof::after {
        right: auto;
        left: 250px;
    }
}

/* ヒット数 */
.monthRankingList .rank .hit {
    padding-left: 0.5em;
    font-size: 12px;
    color: #606060;
}

/* 店名*/
.monthRankingList .shopName {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #0080de;
}

.monthRankingList .shopNameBLK {
    color: #000;
}

.monthRankingList .icon {
    display: inline-block;
}

/* 職種 */
.monthRankingList .shopType {
    margin: 0;
    font-size: 12px;
    display: block;
    color: #667284;
}

/* 名前 */
.monthRankingList.rankingGirl .name {
    margin-bottom: 2px;
    padding-left: 17px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #0080de;
    background: url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat left 2px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.monthRankingList .name.mensname {
    background-image: url(/sp/st_img/icon_men.png);
}

/*一位の名前色*/
#iphone-layout .girlsname {
    color: #800000;
}

/* 店名*/
.monthRankingList.rankingGirl .shopName {
    padding-left: 17px;
    font-size: 14px;
    display: inline-block;
    color: #303030;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat left center;
    background-size: 14px 14px;
    vertical-align: middle;
}

.monthRankingList.rankingGirl .shopName img {
    vertical-align: -10%;
}

/* 職種 */
.monthRankingList.rankingGirl .shopType {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
}

.monthRankingList .icons_mise {
    padding: 2px 0 1px;
}

.icons_item .icon,
.icons_mise .icon {
    margin: 1px 1px 1px 1px;
}

.icons_item .icon img,
.icons_mise .icon img {
    margin: 0 0 0 0;
}

/* 喜びのコメントへのリンク ---- */

.monthRankingList.rankingGirl .rankComment {
    margin: 0 10px 10px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #20b4e2;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccecf8), to(#7cd2ee));
    background: linear-gradient(to bottom, #ccecf8, #7cd2ee);
}

.monthRankingList.rankingGirl .rankComment a {
    padding: 4px;
    font-weight: bold;
    color: #0080de;
    background: none;
}

.monthRankingList.rankingGirl .rankComment a span {
    padding-left: 30px;
    background: url(/sp/st_img/icon_rankcomment-bda5e18470d50ee47085ea1e8ee353a4.png) no-repeat 10px center;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}

/* 10-5-1.各部門へのリンク ----------- */
.btnRankingBumon {
    margin: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #303030;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
    text-shadow: 1px 1px 0 #fff;
}

.btnRankingBumon li {
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #fff;
    border-right: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}

.btnRankingBumon li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btnRankingBumon li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btnRankingBumon li a {
    padding: 3px;
    display: block;
    border-right: 1px solid #a0a0a0;
}

.btnRankingBumon li:last-child a {
    border-right: 1px solid #fff;
}

/* オキニでランキング ------------------------------------------------ */
.h3Okini {
    color: #303030;
    background: url(../st_img/h3_bk_okini.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(../st_img/h3_bk_okinik.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

#rankingBumon03 {
    margin: 10px 0 0;
    padding: 8px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #1e3b8e;
}

#okiniRankingType {
    padding: 0 10px 4px;
    font-size: 13px;
}

.okini_type_child {
    color: #080;
}

.syukeiEx.okini {
    margin: 0 0 10px 10px;
    border-top: none;
}

/* オキニランキング分岐 */
#okiniRankingList {
    margin: 15px 0 0;
    padding: 0;
    border-top: 1px solid #c6c6c6;
}

#okiniRankingList li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #c6c6c6;
}

#okiniRankingList li:nth-child(odd) {
    background: #f2f2f2;
}

#okiniRankingList li .okiniRankingTxt {
    padding: 10px;
    font-size: 14px;
    border-top: 1px dashed #c6c6c6;
}

#okiniRankingList li a {
    margin: 0;
    padding: 10px 20px 10px 10px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #ff3f3f;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

#okiniRankingList li:nth-child(odd) a {
    color: #4b0;
}

/*
  10-6.検索結果：店一覧
------------------------------------------------------------- */
#kensakuList.commonList01 li a {
    position: relative;
}

/* オススメ店バナー画像 ---------- */
#kensakuList dl dt#banner {
    width: 100%;
    height: 38px;
    margin-right: 4px;
}

/* 店舗画像 ---------- */
#kensakuList dl dd {
    overflow: hidden;
    zoom: 1;
}

/* アイコン */
#kensakuList .kensakuIcon {
    font-size: 11px;
    line-height: 1;
}

#kensakuList .kensakuIcon span {
    margin-right: 1px;
    padding: 1px 2px;
    display: inline-block;
}

/* アイコン：予算 */
#kensakuList .iconYosan {
    color: #5f5f5f;
    border: 1px solid #5f5f5f;
}

/* アイコン：イベント */
#kensakuList .iconEvent {
    color: #fff;
    border: 1px solid #ff3f7f;
    background: #ff3f7f;
}

/* アイコン：クレジットカード */
#kensakuList .iconCard {
    color: #fff;
    border: 1px solid #0b5;
    background: #0b5;
}

/* アイコン：ムービー */
#kensakuList .iconMovie {
    color: #fff;
    border: 1px solid #3f7fff;
    background: #3f7fff;
}

/* 店名*/
#kensakuList .shopName {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: #0080de;
}

/* アイコン */
#kensakuList .icon {
    font-size: 18px;
    display: inline-block;
    color: #0080de;
}

#kensakuList .icon img {
    vertical-align: bottom;
}

/* 職種 */
#kensakuList .shopType {
    margin: 0;
    font-size: 14px;
    display: inline-block;
    color: #667284;
}

/*
  10-7.オキニを探そう okiniList  本日出勤 syukkinList ホスト特集 hostList
------------------------------------------------------------- */
/* オキニを探そうの分岐 -------------- */
.okini {
    margin: 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
    border-top: 1px solid #c6c6c6;
}

.okini li {
    margin: 0 0 -1px;
    padding: 0;
    line-height: 1.3;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #c6c6c6;
}

.okini li.taikei {
    background: url(/sp/st_img/okini_bk_taikei-93243dd623507b21c3a9ca897eac13bb.png) no-repeat right bottom;
    -webkit-background-size: 118px 60px;
    background-size: 118px 60px;
}

.okini li.type {
    background: url(/sp/st_img/okini_bk_type-bfa08f7fb358f24cfbe4a92888741fce.png) no-repeat right bottom;
    -webkit-background-size: 115px 60px;
    background-size: 115px 60px;
}

.okini li.kodawari {
    background: url(/sp/st_img/okini_bk_kodawari-301dc692a92b0133394eab4029e7312e.png) no-repeat right bottom;
    -webkit-background-size: 125px 60px;
    background-size: 125px 60px;
}

/* カーソル赤 */
.okini a {
    padding: 12px 30px 12px 10px;
    display: block;
    background: url(/sp/st_img/cur_red-d1a4be81d92b66aa926c8a170517d190.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.okini li .okiniEx {
    font-size: 14px;
    display: block;
    color: #555;
    text-shadow: 1px 1px 0 #fff;
}

.okini li .okiniBunki {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

/* リストはここから -------------- */
#okiniList li a,
#syukkinList li a,
#hostList li a {
    position: relative;
}

#okiniList dl dt,
#syukkinList dl dt,
#hostList dl dt {
    /*  width:55px;*/
    margin-right: 4px;
    float: left;
}

/* サムネイル画像 ------ */
#okiniList dl dt img,
#hostList dl dt img {
    width: 90px;
}

#okiniList.centerThumbnail dl dt img {
    width: auto;
}

#okiniList dl dd,
#syukkinList dl dd,
#hostList dl dd {
    overflow: hidden;
    zoom: 1;
}

#okiniList p,
#syukkinList p,
#hostList p {
    margin: 0 0 5px;
    line-height: 1.3;
}

#okiniList .icon,
#syukkinList .icon,
#hostList .icon {
    display: inline-block; /*  vertical-align:bottom;*/
}

#okiniList .icon img,
#syukkinList .icon img {
    vertical-align: -8%;
}

/* 女の子名 */
#okiniList .name,
#syukkinList .name {
    /*  display:block;*/
    margin-right: 0.3em;
    margin-bottom: 0.2em;
    padding-left: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #0080de; /* line-height:18px;*/
    background: url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat 1px 7px;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
}

/* 年令 */
#okiniList .age,
#syukkinList .age {
    margin-right: 0.1em;
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    vertical-align: baseline;
}

/* タイプ・性格 */
.prg_gtype {
    margin-right: 1em;
    padding-left: 18px;
    background: url(/sp/st_img/icon_category-8c410dd0cb7b129164c8df0ae3532815.png) no-repeat left center;
}

.prg_gtype .girlLooks,
.prg_gtype .girlChara {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

/* タイプ */
.prg_gtype .girlLooks {
    color: #ff0081;
}

/* 性格 */
.prg_gtype .girlChara {
    color: #0083ff;
}

.girlLooks + .girlChara:before {
    content: '・';
    color: #000;
}

/* 体型 */
#okiniList .spec,
#syukkinList .spec {
    font-size: 13px;
    display: inline-block;
}

/* 店名*/
#okiniList .shopName,
#syukkinList .shopName,
#hostList .shopName {
    margin-right: 0.5em;
    padding-left: 18px;
    font-size: 14px;
    display: inline-block;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat 1px 0.3em;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
}

/* 職種 */
#okiniList .shopType,
#syukkinList .shopType,
#hostList .shopType {
    margin: 0;
    font-size: 12px;
    display: inline-block;
    color: #667284;
}

/* 出勤時間 */
#syukkinList .time {
    padding-left: 18px;
    background: url(/sp/st_img/icon_time-4f8e1073a2dd363673a6249fad99a0e2.png) no-repeat 1px 0.1em;
}

#syukkinList .time,
#commonPersonList .time {
    margin: 0;
    font-size: 14px;
    display: inline-block;
    color: #40a940;
}

/* 退勤 */
#syukkinList .off {
    color: #808080;
}

/* 状況 */
#syukkinList .jokyo {
    font-size: 14px;
}

/* 待ちなし */
#syukkinList .jokyo span.nowait {
    color: #f39;
}

/* 待ち時間 */
#syukkinList .jokyo span.wait {
    color: #f00;
}

/* キャンセル待ち */
#syukkinList .jokyo span.cancel {
    color: #c00;
}

/* 予約あり */
#syukkinList .jokyo span.yoyaku {
    color: #33f;
}

/* コメント */
#syukkinList .comment {
    min-height: 16px;
    margin: 0;
    padding-left: 18px;
    font-size: 14px;
    display: block;
    color: #6f6f6f;
    background: url(/sp/st_img/icon_comment-955b51964ec90b3f1794b2b5e4c4cf25.png) no-repeat 1px 0.1em;
}

/* アイコン */
.kensakuIcon {
    font-size: 11px;
    line-height: 1;
}

.kensakuIcon > span {
    margin: 0 2px 2px 0;
    padding: 1px 2px;
    display: inline-block;
    border-radius: 1px;
}

/* アイコン：未経験 */
.iconMikeiken {
    color: #ff0;
    border: 1px solid #3c3;
    background: #090;
}

/* アイコン：現役学生 */
.iconGakusei {
    color: #630;
    border: 1px solid #66f;
    background-color: #fff;
}

/* アイコン：現役OL */
.iconOL {
    border: 1px solid #9cc;
    background: #9f9;
}

/* アイコン：キャバ嬢 */
.iconCaba {
    color: #f39;
    border: 1px solid #f9c;
    background-color: #fff;
}

/* アイコン：AV嬢 */
.iconAV {
    color: #fff;
    border: 1px solid #f9c;
    background: #f39;
}

/* アイコン：人妻 */
.iconHitoduma {
    color: #00b300;
    border: 1px solid #6c6;
    background-color: #fff;
}

/* アイコン：S嬢 */
.iconS {
    color: #fff;
    border: 1px solid #606;
    background: #909;
}

/* アイコン：M嬢 */
.iconM {
    border: 1px solid #c3c;
}

/* アイコン：サービス◎ */
.iconService {
    color: #fff;
    border: 1px solid #800eab;
    background: #9e33f0;
}

/* アイコン：マットOK */
.iconMat {
    border: 1px solid #a2a2a2;
    background: #d8d8d8;
}

/* アイコン：キス大好き */
.iconKiss {
    color: #fff;
    border: 1px solid #f99;
    background: #f33;
}

/* アイコン：お話好き */
.iconTalk {
    color: #f00;
    border: 1px solid #f00;
    background-color: #fff;
}

/* アイコン：美乳 */
.iconBinyu {
    color: #ff2568;
    border: 1px solid #f58989;
    background: #ffd5d5;
}

/* アイコン：美白 */
.iconBihaku {
    border: 1px solid #ffba9b;
    background: #ffe3dc;
}

/* アイコン：スタイル◎ */
.iconStyle {
    color: #fff;
    border: 1px solid #fff77d;
    background: #ff8019;
}

/* アイコン：感度◎ */
.iconKando {
    color: #f00;
    border: 1px solid #aeaeae;
    background: #ffc;
}

/* アイコン：パイパン */
.iconPaipan {
    border: 1px solid #cf9;
    background: #ffc;
}

/* アイコン：潮吹き */
.iconShio {
    border: 1px solid #0cc;
    background: #9ff;
}

/* アイコン：母乳 */
.iconBonyu {
    color: #f39;
    border: 1px solid #fcc;
    background: #ffc;
}

/* アイコン：AF */
.iconAF {
    color: #fff;
    border: 1px solid #99f;
    background: #33f;
}

/* アイコン：M性感 */
.iconMseikan {
    color: #dd04ab;
    border: 1px solid #04b0db;
    background: #fff;
}

/* アイコン：淫乱 */
.iconInran {
    color: #fff;
    border: 1px solid #f03;
    background: #f69;
}

/* アイコン：初心者歓迎 */
.iconKangei {
    color: #f60;
    border: 1px solid #693;
    background: #fff;
}

/* アイコン：マッサージ */
.iconMassage {
    color: #6684cc;
    border: 1px solid #66ccc3;
    background: #fff;
}

/* アイコン：美脚 */
.iconBikyaku {
    color: #ff60a0;
    border: 1px solid #ffa260;
    background: #fff;
}

/* アイコン：スレンダー */
.iconSlender {
    color: #000;
    border: 1px solid #99f4ff;
    background: #9cf;
}

/* アイコン：ニューハーフ */
.iconNewhalf {
    color: #00f;
    border: 1px solid #f00;
    background-color: #fff;
}

/* 出勤アイコン：お勧め */
.iconOsusume {
    margin-left: 0.3em;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    color: #00c200;
}

/* 出勤アイコン：お勧め */
.iconRea {
    margin-left: 0.3em;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    color: #909;
}

/* 出勤アイコン：待ちなし */
#syukkinList .iconMatinasi {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    color: #f39;
}

/* デコP日記 */
.iconDeco {
    margin: 0 2px 0 0;
    padding: 1px 2px;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    border: 1px solid #ff8019;
    background: #ff8019;
}

/* --------------------------------------- */
/* キャバ用アイコン */
/* アイコン：バイト */
.kensakuIcon .iconArbeit {
    color: #ff0;
    border: 1px solid #3c3;
    background: #090;
}

/* アイコン：現役学生 */
.kensakuIcon .iconGakusei {
    color: #630;
    border: 1px solid #66f;
}

/* アイコン：レギュラー */
.kensakuIcon .iconRegular {
    color: #f39;
    border: 1px solid #f9c;
}

/* アイコン：NoSmoking */
.kensakuIcon .iconNosmoke {
    border: 1px solid #f00;
    background: #ff0;
}

/* アイコン：カラオケ */
.kensakuIcon .iconKaraoke {
    padding-right: 12px;
    color: #fff;
    border: 1px solid #666;
    background: #333 url(/sp/st_img/icon_love-c696ecfd982e2ec9b4ca356f5700bd9c.png) no-repeat right center;
    -webkit-background-size: 11px 9px;
    background-size: 11px 9px;
}

/* アイコン：お酒 */
.kensakuIcon .iconSake {
    padding-right: 12px;
    border: 1px solid #0cc;
    background: #cff url(/sp/st_img/icon_love-c696ecfd982e2ec9b4ca356f5700bd9c.png) no-repeat right center;
    -webkit-background-size: 11px 9px;
    background-size: 11px 9px;
}

/* アイコン：アフターOK */
.kensakuIcon .iconAfter {
    color: #fff;
    border: 1px solid #909;
    background: #606;
}

/* アイコン：同伴OK */
.kensakuIcon .iconDouhan {
    border: 1px solid #c3c;
}

/* アイコン：彼氏募集 */
.kensakuIcon .iconKareshi {
    color: #fff;
    border: 1px solid #f9c;
    background: #f39;
}

/* アイコン：友達 */
.kensakuIcon .iconFriend {
    color: #fff;
    border: 1px solid #99f;
    background: #33f;
}

/* アイコン：カラオケあり（店用） */
.kensakuIcon .iconKara {
    color: #fff;
    border: 1px solid #666;
    background: #333;
}

/* 女の子キープのボタン -------------- */
/* 出勤の切替 -------- */
.syukkinKirikae {
    width: -moz-available;
    margin: 0 10px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    border: solid 1px #ccc;
    border-radius: 4px;
}

.syukkinKirikae li {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}

.syukkinKirikae li a {
    padding: 2px 0;
    display: block;
    color: #909090;
    border-right: solid 1px #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(0.5, #f9f9f9), to(#fefefe));
    background: linear-gradient(to bottom, #f9f9f9, #f9f9f9 50%, #fefefe);
}

.syukkinKirikae li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.syukkinKirikae li:last-child a {
    border-right: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.syukkinKirikae li a.here {
    color: #303030;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd4fe), color-stop(0.5, #fdd4fe), to(#fdeffe));
    background: linear-gradient(to bottom, #fdd4fe, #fdd4fe 50%, #fdeffe);
}

/* DXの女の子検索用 ------------------ */
#syukkinList .date {
    font-size: 14px;
    color: #40a940;
}

#syukkinList .iconDX {
    margin-left: 10px;
}

#syukkinList .iconDX img {
    margin-right: 5px;
}

/* 出勤リストのページャー ------------------------------------ */
.syukkinPaging {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
}

.syukkinPaging li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #ccc;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}

.syukkinPaging li:last-child {
    border-right: none;
}

.syukkinPaging li a {
    text-decoration: underline;
    color: #0d69e5;
}

/* 前の日へ */
.syukkinPaging li.back a span {
    padding: 5px 5px 5px 12px;
    color: #333;
    background: url(/sp/st_img/cur_mini_back-dfb9d69916acd0be11b77ad78997552e.png) no-repeat left center;
    -webkit-background-size: 5px 10px;
    background-size: 5px 10px;
}

.syukkinPaging li.back span {
    padding: 5px 5px 5px 12px;
    color: #888;
    background: url(../st_img/cur_mini_back_none.png) no-repeat left center;
    -webkit-background-size: 5px 10px;
    background-size: 5px 10px;
}

/* 次の日へ */
.syukkinPaging li.next a span {
    padding: 5px 12px 5px 5px;
    color: #333;
    background: url(/sp/st_img/cur_mini_next-0d24091bb02a415221df7499b34cfe71.png) no-repeat right center;
    -webkit-background-size: 5px 10px;
    background-size: 5px 10px;
}

.syukkinPaging li.next span {
    padding: 5px 12px 5px 5px;
    color: #888;
    background: url(../st_img/cur_mini_next_none.png) no-repeat right center;
    -webkit-background-size: 5px 10px;
    background-size: 5px 10px;
}

/* タイトル */
#hostList .title {
    margin-right: 0.3em;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
    color: #0080de;
}

/* ホスト名 */
#hostList .name {
    margin-right: 0.3em;
    padding-left: 22px;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
    color: #856400;
    background: url(../st_img/host/icon_host.png) no-repeat 1px center;
    -webkit-background-size: 17px 18px;
    background-size: 17px 18px;
}

/*
  10-8.ニューフェイス・プライベート日記・今週のBirthday #commonPersonList
------------------------------------------------------------- */
#commonPersonListt li a {
    position: relative;
}

#commonPersonList dl dt {
    /*  width:55px;*/
    margin-right: 4px;
    float: left;
}

#commonPersonList dl dt img {
    width: 90px;
}

#commonPersonList dl dd {
    overflow: hidden;
    zoom: 1;
}

#commonPersonList p {
    line-height: 1.3;
}

/* 誕生日 */
#commonPersonList .listTitleDay {
    margin: 0 0 0;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #505050;
    border-top: solid 1px #fdd4fe;
    border-bottom: solid 1px #fdd4fe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd4fe), color-stop(0.5, #fdd4fe), to(#fdeffe));
    background: linear-gradient(to bottom, #fdd4fe, #fdd4fe 50%, #fdeffe);
}

/* 女の子名 */
#commonPersonList .name,
#syukkinList .name,
#okiniList .name {
    margin: 0;
    padding-left: 18px;
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #0080de;
    background: url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat 1px center;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 女の子名 */
#commonPersonList.pdiaryList .name,
#syukkinList .name,
#okiniList .name {
    font-size: 16px;
    color: #800;
}

/* リスト画像のセンタリング */
/* #commonPersonList 付きと無しがあるが別CSSファイルの定義を上書きするためにID付きの指定が必要なため */
#newBlog #blog_sentaku_box.centerThumbnail ul li dl dt,
#commonPersonList.centerThumbnail dl dt,
#kinkyuList.centerThumbnail2 dl dt,
.centerThumbnail dl dt,
.centerThumbnail2 dl dt,
.menuCommonList dt {
    width: 90px;
    height: 120px;
    margin-right: 4px;
    position: relative;
    float: left;
    border: 1px solid #ccc;
    background: #fff;
}

#newBlog #blog_sentaku_box.centerThumbnail2 ul li dl dt,
#commonPersonList.centerThumbnail2 dl dt,
.centerThumbnail2 dl dt {
    border: 1px solid #ccc;
}

#newBlog #blog_sentaku_box.centerThumbnail ul li dl dt img,
#commonPersonList.centerThumbnail dl dt img,
.centerThumbnail dl dt img {
    width: auto;
    max-width: 90px;
    max-height: 120px;
    position: absolute;
    top: 0;
}

/* リスト画像のセンタリング改 */
.centerThumbnail2 dl dt div {
    width: 90px;
    height: 120px;
    margin-right: 4px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#iphone-layout .mini dl dt div {
    height: auto;
}

#newBlog #blog_sentaku_box.centerThumbnail2 ul li dl dt div img,
#commonPersonList.centerThumbnail2 dl dt div img,
#newsList.centerThumbnail2 dl dt div img,
#syukkinList.centerThumbnail2 dl dt div img,
#kinkyuList.centerThumbnail2 dt div img,
.centerThumbnail2 dl dt div img {
    width: auto;
    max-width: 90px;
    max-height: 120px;
}

/* リスト画像のセンタリング改 */
/*一回り小さい奴*/
.centerThumbnail3 dl dt {
    width: 66px;
    height: 88px;
    margin-right: 4px;
    position: relative;
    float: left;
    border: 1px solid #ccc;
}

.centerThumbnail3 dl dt div {
    width: 66px;
    height: 88px;
    margin-right: 4px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.centerThumbnail3 dl dt div img {
    max-width: 66px;
    max-height: 88px;
}

#commonPersonList p .icon {
    display: inline;
}

#commonPersonList p .icon img {
    margin-bottom: 0;
}

/* 誕生日 */
#commonPersonList .birthday {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
}

/* 店名*/
#commonPersonList .shopName {
    padding-left: 18px;
    font-size: 13px;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat 1px center;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

/* 職種 */
#commonPersonList .shopType {
    margin: 0;
    font-size: 12px;
    display: inline-block;
    color: #667284;
}

/* 今週のBirthday　移動ボタン */
.btnBirthday {
    margin: 10px 7px 7px;
    text-align: center;
}

.btnBirthday li {
    width: 4em;
    height: 2em;
    margin: 0 2px 4px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    float: left;
    text-align: center;
    color: #bbb;
    border: 1px solid #b0b0b0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: linear-gradient(to bottom, #fff, #eee);
}

.btnBirthday li a {
    height: 2em;
    font-weight: bold;
    line-height: 2em;
    display: block;
    color: #606060;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

/* アップ日 */
#commonPersonList .date,
.yorugaiNews .date {
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #40a940;
}

#commonPersonList .blogUp,
#commonPersonList .newfaceUp {
    margin-right: 10px;
    font-size: 14px;
    color: #40a940;
}

#commonPersonList .blogUp {
    font-size: 12px;
}

/* 日記タイトル */
#commonPersonList .diaryTitle,
#commonPersonList .blogTitle {
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #0080de;
    background: url(/sp/st_img/icon_write2-b92a132115cc4dbd41de6cb2027f5170.png) no-repeat 1px center;
}

.pdiaryList02 {
    margin-top: 15px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

#commonPersonList.pdiaryList .diaryTitle,
#commonPersonList.pdiaryList .blogTitle {
    font-size: 14px;
    word-break: break-all;
}

#commonPersonList.pdiaryList .shopName {
    font-weight: bold;
}

#commonPersonList.pdiaryList .date {
    font-size: 12px;
}

/*
  10-9. お店からのお得メール　mailList
------------------------------------------------------------- */

#mailList .shopType {
    margin: 0;
    font-size: 13px;
    display: inline-block;
    color: #667284;
}

#mailList .mailUpdate {
    margin: 0 0 3px;
    font-size: 16px;
    display: block;
    color: #dc0039;
}

#mailList .mailTitle {
    margin: 0 0 3px;
    padding-left: 25px;
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #0080de;
    background: url(/sp/st_img/icon_mail-ecdf816f7ecc418d2ef3774c15ee8fa5.png) no-repeat 0 0.2em;
    -webkit-background-size: 23px 18px;
    background-size: 23px 18px;
}

#mailList .date {
    font-size: 11px;
    color: #666;
}

#mailList .shopName {
    padding-left: 18px;
    font-size: 12px;
    font-weight: normal;
    color: #303030;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat 1px center;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

#mailList .msgTxt {
    padding-left: 25px;
    font-size: 16px;
    display: block;
    color: #0080de;
    background: url(/sp/st_img/icon_mail-ecdf816f7ecc418d2ef3774c15ee8fa5.png) no-repeat 0 0.2em;
    -webkit-background-size: 18px 13px;
    background-size: 18px 13px;
}

/* メール詳細ページ --------------------------- */
.mailDetail {
    margin: 0 10px;
    font-size: 16px;
}

.mailDetail h3 {
    margin: 10px 0 5px;
    padding: 7px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    color: #303030;
    border: none;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#dedede));
    background: linear-gradient(to bottom, #fdfdfd, #dedede);
}

.mailDetail pre {
    font-family: monospace;
    font-family: 'HiraKakuProN-W3', 'ヒラギノ角ゴシック ProN W3', 'ヒラギノ角ゴ Pro W3';
    line-height: 1.1;
    white-space: pre-wrap;
}

.mailDetail pre a {
    text-decoration: underline;
    color: #0d69e5;
}

.mailDetail .mailDate {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    display: block;
    color: #dc0039;
}

div.mailImg {
    margin: 6px 10px;
}

/* ページャー */
.paging {
    margin: 20px 0 0;
    padding: 0;
    font-size: 14px;
    text-align: center;
    color: #667284;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.97, #f0f0f0), color-stop(0.98, #fff), to(#fff));
    background: linear-gradient(to bottom, #fff, #f0f0f0 97%, #fff 98%, #fff);
}

.paging span {
    display: block;
}

.paging span.back {
    float: left;
}

.paging span.next {
    float: right;
}

.paging a {
    padding: 5px 10px;
    display: block;
    color: #0d69e5;
}

.paging .back a {
    padding-left: 23px;
    text-align: left;
    background: url(/sp/st_img/cur_blue_back-260d667fe9d486cee33aee6d3f6115d2.png) no-repeat left center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.paging .next a {
    padding-right: 23px;
    text-align: right;
    background: url(/sp/st_img/cur_blue_next-84f7baf06875c9df66130fde940c8a58.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/*
  10. おすすめリスト（バナー一覧）　bannerList
------------------------------------------------------------- */
#bannerList {
    margin: 20px 0;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

/* 画像 ---------- */
#bannerList dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
}

#bannerList dl dt {
    width: 190px;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    color: #0080de;
}

#bannerList dl dt div {
    width: 12em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#bannerList dl dt img {
    vertical-align: middle;
}

#bannerList dl dd {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}

/* アイコン */
#bannerList dl dd .icon {
    margin-left: 5px;
    display: inline-block;
    vertical-align: 0.15em;
}

/* 職種 */
#bannerList dl dd .shopType {
    margin: 0;
    font-size: 14px;
    color: #667284;
}

/* ============================================================
  11. 絞り込み
============================================================ */
.shiborikomiBtn {
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    text-align: center;
    border: 1px solid #a0a0a0;
}

.shiborikomiBtn a {
    width: 50%;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #202020;
    border: 1px solid #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), color-stop(0.49, #c0c0c0), color-stop(0.5, #a0a0a0), to(#c0c0c0));
    background: linear-gradient(to bottom, #dfdfdf, #c0c0c0 49%, #a0a0a0 50%, #c0c0c0);
    text-shadow: 1px 1px 0 #d6d6d6;
}

.shiborikomiBtn a.shiborikomiWide {
    width: 100%;
}

.shiborikomiBtn a.borderRight {
    border-right: 1px solid #a0a0a0;
}

.shiborikomiBtn a .iconShiborikomi {
    padding-left: 18px;
    background: url(/sp/st_img/icon_shiborikomi-533b745ef650de927b9b0d1c71499d23.png) no-repeat left center;
    -webkit-background-size: 16px 13px;
    background-size: 16px 13px;
}

.shiborikomiBtn a .iconKeep {
    padding-left: 16px;
    background: url(../st_img/icon_keep.png) no-repeat left center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

/* 11-1.絞り込みパネル
------------------------------------------------------------ */
.panelShiborikomi {
    width: 100%;
    margin: 0;
    padding: 10px 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #fff;
}

.panelShiborikomi h3 {
    margin: 0 0 10px;
    padding: 5px 5px 5px 23px;
    font-size: 17px;
    font-weight: bold;
    border: 1px solid #a0a0a0;
}

.panelShiborikomi h3:first-child {
    margin-top: 0;
}

.panelShiborikomi h4 {
    margin: 0 0 6px;
    padding: 8px 10px 8px 33px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
}

.panelShiborikomi p {
    margin: 0 0 13px;
    font-size: 16px;
}

.panelShiborikomi p .areaLink {
    margin: 0;
    border: none;
}

.panelShiborikomi p.btnSubmit {
    margin: 15px 0 0;
    text-align: center;
}

.panelShiborikomi p.btnSubmit input[type='submit'] {
    width: 240px;
    padding: 6px 0;
    font-size: 17px;
    font-weight: bold;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

.panelShiborikomi input[type='text'] {
    margin: 0;
    padding: 3px 15px 3px 25px;
    /*  width:300px;*/
    /*  border-radius: 15px;
  border-radius: 15px;*/
    border: 1px solid #959595;
    background: #fff url(/sp/st_img/search-04b651ca8722e9618482e1b63dd05e28.png) no-repeat 7px center;
}

/* 通常のボタン */
input.normalBtn {
    padding: 4px 8px;
    font-size: 13px;
    font-weight: normal;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

.panelShiborikomi select {
    min-width: 15em;
    margin: 0 0 5px;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
}

select.w70 {
    width: 70px;
}

select.w4em {
    width: 4em;
}

select.w7em {
    width: 7em;
}

.kensakuList01,
.kensakuList02 {
    margin: 0 10px 13px;
    padding: 0;
    font-size: 16px;
}

.kensakuList01 li {
    width: 50%;
    margin: 0 0 10px;
    padding: 0;
    float: left;
}

.kensakuList02 li {
    width: 25%;
    margin: 0 0 5px;
    padding: 0;
    float: left;
}

.kensakuList01 input,
.kensakuList02 input {
    margin-top: -2px;
    margin-left: 0;
}

@media screen and (min-width: 600px) and (max-width: 800px) {
    .kensakuListPlay li {
        width: 33%;
    }
}

@media screen and (min-width: 801px) {
    .kensakuListPlay li {
        width: 25%;
    }
}

/* 絞り込みパネル用 */
.panelShiborikomi .kensakuList01,
.panelShiborikomi .kensakuList02 {
    margin: 0 0 13px;
    font-size: 15px;
}

.panelShiborikomi hr {
    height: 1px;
    margin: 10px;
    padding: 0;
    display: block;
    border: 0;
    border-top: 1px solid #ccc;
}

/* ============================================================
  12.指定した条件
============================================================ */
.jokenBox {
    margin: 10px 10px 10px;
}

.jokenBox dt {
    padding: 7px 5px 7px 30px;
    font-size: 16px;
    line-height: 1;
    color: #303030;
    border: 1px solid #a0a0a0;
    text-shadow: 1px 1px 0 #fff;
}

.jokenBox .switchHat {
    background: url(/sp/st_img/joken_close-4a2b55904ad59680eae339fbe3e4be85.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/joken_close-4a2b55904ad59680eae339fbe3e4be85.png) no-repeat 10px center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
}

.jokenBox .nowOpen {
    background: url(/sp/st_img/joken_open-cf2e55958e2c223371422571fce6a148.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/joken_open-cf2e55958e2c223371422571fce6a148.png) no-repeat 10px center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
}

.jokenBox dd {
    padding: 10px;
    font-size: 14px;
    line-height: 1.4;
    border: 1px solid #a0a0a0;
    border-top: none;
}

.jokenBox dd .joken {
    color: #080;
}

/* ============================================================
  .イベント内容の部分
============================================================ */
div#eventTxt {
    margin: 0 15px;
    font-size: 16px;
    line-height: 1;
}

/* ============================================================
  .お知らせ
============================================================ */
.mainarea h2.oshiraseTitle {
    margin: 10px 10px 10px;
    padding: 5px 5px 5px 23px;
    font-weight: bold;
    color: #303030;
    border: 1px solid #a0a0a0;
    background: url(/sp/st_img/fuzoku/h3_bk-fa0c636c525b5661900bf223c07accb2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/fuzoku/h3_bk-fa0c636c525b5661900bf223c07accb2.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

/* テキスト */
.oshiraseTxt {
    margin: 0 10px 10px;
    font-size: 16px;
    line-height: 1.3;
}

.oshiraseTxt02 {
    margin: 0 10px 20px;
    font-size: 16px;
    line-height: 1.3;
}

.red {
    color: #f00;
}

.pink {
    color: #ff7ad7;
}

.pink02 {
    color: #ff0085;
}

.green {
    color: #40a940;
}

.blue {
    color: #0d69e5;
}

.blue02 {
    color: #000080;
}

.blue03 {
    color: #2e65f3;
}

.font12 {
    font-size: 12px;
}

.font10 {
    font-size: 10px;
}

.mainarea h3.tejun {
    margin: 0 0 5px;
    padding: 0;
    color: #40a940;
    border: none;
}

.mainarea ol.tejunList {
    margin: 0 10px 10px;
    padding: 0;
}

.mainarea ol.tejunList li {
    height: auto;
    margin: 0 0 0.3em;
    padding: 0;
    padding-left: 1.5em;
    font-size: 14px;
    text-indent: -1.5em;
}

/* ============================================================
  .殿堂入り
============================================================ */
#dendouiri {
    margin: 10px;
    font-size: 16px;
    font-weight: bold;
}

#dendouiri dt {
    padding: 3px;
    text-align: center;
    color: #505050;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

#dendouiri dd {
    background: #ffffa8;
}

#dendouiri dd p.img {
    padding: 10px;
    text-align: center;
}

#dendouiri dd a {
    padding: 5px;
    font-size: 16px;
    line-height: 1.3;
    display: block;
    text-align: center;
    border-top: 1px solid #ffdf20;
    background: url(/sp/st_img/cur_orange-0988d6ccfc19b07e594ed23a05aa0447.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

#dendouiri img {
    width: 90px;
}

.dendouList {
    border-top: 1px solid #c6c6c6;
}

.dendouList li {
    margin: 0;
    border-bottom: 1px solid #c6c6c6;
}

.dendouList .champion {
    margin-bottom: 3px;
    padding-left: 25px;
    line-height: 19px;
    color: #dc0039;
    background: url(/sp/st_img/icon_crown1-b9819cab20c1bcb1130ff4bb80089b09.png) no-repeat left center;
    -webkit-background-size: 21px 17px;
    background-size: 21px 17px;
}

/* ============================================================
  .VIPMail
============================================================ */
.VIPex {
    margin: 0 10px 20px;
    font-size: 16px;
}

.VIPex li {
    margin: 0 0 10px;
    padding-left: 16px;
    line-height: 1.3;
    background: url(/sp/st_img/icon_love-c696ecfd982e2ec9b4ca356f5700bd9c.png) no-repeat left 0.4em;
    -webkit-background-size: 14px 9px;
    background-size: 14px 9px;
}

/* ============================================================
  .掲示板
============================================================ */
/* ○月 */
.month {
    font-size: 14px;
}

/* 投稿 */
.toukouBox {
    margin: 10px 10px 0;
    font-size: 14px;
}

.toukouBox a {
    width: 136px;
    margin: 0 6px;
    padding: 4px 0;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

.toukouBox a.toukou span {
    padding-left: 20px;
    border-radius: 6px;
    background: url(../st_img/icon_write03.png) no-repeat left center;
}

.toukouBox a.riyou span {
    padding-left: 20px;
    border-radius: 6px;
    background: url(../st_img/icon_riyou.png) no-repeat 3px center;
}

.bbsMonth select {
    width: 6.5em;
}

/* BBS本文 */
#bbsBox {
    margin: 0 10px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.3;
}

#bbsBox a {
    text-decoration: underline;
}

/* BBS用ページャー -------------------------------- */
div#bbsPaging {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #667284;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.97, #f0f0f0), color-stop(0.98, #fff), to(#fff));
    background: linear-gradient(to bottom, #fff, #f0f0f0 97%, #fff 98%, #fff);
}

div#bbsPaging p {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-flex: 1;
}

div#bbsPaging p.page {
    width: 100px;
    color: #333;
    border-left: 1px solid #a0a0a0;
}

div#bbsPaging p.next {
    display: block;
    border-left: 1px solid #a0a0a0;
}

div#bbsPaging p.back a,
div#bbsPaging p.next a {
    display: block;
}

div#bbsPaging p.back span,
div#bbsPaging p.next span {
    padding: 0 10px;
}

/* 前へ */
div#bbsPaging p.back a span {
    padding-left: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    color: #0d69e5;
    background: url(/sp/st_img/cur_blue_back-260d667fe9d486cee33aee6d3f6115d2.png) no-repeat left center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

div#bbsPaging p.back span {
    padding-left: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background: url(/sp/st_img/cur_gray04-840e004f0fe50c9eec55f6ef499efffd.png) no-repeat left center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* 次へ */
div#bbsPaging p.next a span {
    padding-right: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    color: #0d69e5;
    background: url(/sp/st_img/cur_blue_next-84f7baf06875c9df66130fde940c8a58.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

div#bbsPaging p.next span {
    padding-right: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    background: url(/sp/st_img/cur_gray05-6968e7a9541bea2e110adf5dc841190c.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

a.link {
    padding-left: 20px;
    font-size: 15px;
    display: inline-block;
    text-decoration: underline;
    background: url(/sp/st_img/icon_syukei-909c8a24c65e7205f6ec9a84c8d98c95.png) no-repeat left center;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
}

/* 利用方法 */

/* ============================================================
  .地域説明
============================================================ */
.areaLink {
    margin: 0 0 20px;
    font-size: 16px;
    border-top: 1px solid #ccc;
}

.areaLink li {
    padding: 0;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #ccc;
}

.areaLink li dt {
    margin: 0;
    padding: 8px 30px 8px 10px;
    font-weight: bold;
    display: block;
}

.areaLink dl dd {
    padding: 9px 10px 9px 30px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    border-top: 1px solid #ccc;
}

/* 部門の開閉 ---------------------- */
.areaLink li dt {
    padding-left: 30px;
    background: #fcfcfc url(../st_img/bumon_close.png) no-repeat 10px center;
}

.areaLink2 li dt {
    padding-left: 30px;
    background: #fcfcfc;
}

.areaLink li .nowOpen {
    background: #fcfcfc url(../st_img/bumon_open.png) no-repeat 10px center;
}

/* ============================================================
  .ランキングBOX
============================================================ */
/* 集計期間 --------------- */
.kikan {
    margin: 0 10px;
    font-size: 14px;
    text-align: center;
}

/* 見出しまとめ */
/* 13.07.04 キャンパブ用追加 */
.mainarea h3.titleRankFu,
.mainarea h3.titleRankPb,
.mainarea h3.titleRankDe,
.mainarea h3.titleRankNew,
.mainarea h3.titleRankCa,
.mainarea h3.titleRankHo,
.mainarea h3.titleRankTv,
.mainarea h3.titleRankCo,
.mainarea h3.titleRankMv,
.mainarea h3.titleRankJs {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border: none;
}

/* 風俗ガイド */
.mainarea h3.titleRankFu {
    background: #b5efb0;
}

/* 13.07.04 キャンパブ用 */
.mainarea h3.titleRankPb {
    border-bottom: 1px solid #5bb66c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd53a), color-stop(48%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));
    background: -webkit-linear-gradient(top, #9dd53a 0%, #a1d54f 48%, #80c217 51%, #7cbc0a 100%);
    background: linear-gradient(to bottom, #9dd53a 0%, #a1d54f 48%, #80c217 51%, #7cbc0a 100%);
}

/* デリバリーガイド */
.mainarea h3.titleRankDe {
    background: #df3188;
}

/* キャバガイド */
.mainarea h3.titleRankCa {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc0c0), color-stop(0.49, #ff78c0), color-stop(0.51, #ff50a0), to(#ff80c0));
    background: linear-gradient(to bottom, #ffc0c0, #ff78c0 49%, #ff50a0 51%, #ff80c0);
}

/* ホストガイド */
.mainarea h3.titleRankHo {
    background: -webkit-gradient(linear, left top, left bottom, from(#7f7ffe), color-stop(0.49, #3f3fb3), color-stop(0.51, #252588), to(#4747c2));
    background: linear-gradient(to bottom, #7f7ffe, #3f3fb3 49%, #252588 51%, #4747c2);
}

/* 日記コンテスト */
.mainarea h3.titleRankCo {
    height: 35px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
    background: #6dc4da;
}

/* 動画 */
.mainarea h3.titleRankMv {
    height: 35px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
    background: #55b795;
}

/* 求人速報ランキング */
.mainarea h3.titleRankJs {
    height: 35px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
    background: #ff827f;
}

.mainarea h3.titleRankCo img,
.mainarea h3.titleRankMv img {
    height: 28px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
}

.mainarea h3.titleRankJs img {
    height: 21px;
    padding-right: 2px;
    padding-bottom: 4px;
    padding-left: 4px;
    line-height: 24px;
}

/* 注意書き */
.rankNotes {
    margin: 0 10px 4px;
    font-size: 13px;
    text-align: right;
    color: #c00;
}

/* リストの設定 ---------------------------------- */
.rankBoxList {
    margin: 0 0 20px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
}

.rankBoxList li a {
    padding: 9px 30px 9px 30px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #ccc;
}

.rankBoxList li ul li:last-of-type a {
    border-bottom: 0;
}

#rankListPb.rankBoxList,
#rankListCa.rankBoxList,
#rankListTv.rankBoxList,
#rankListContest.rankBoxList,
#rankListJobsokuhou.rankBoxList {
    border-bottom: 0;
}

.synthesis_lank + .bumon_title {
    color: #ccc;
    border-top: 1px solid #aaa;
}

.rank_genre {
    padding: 4px 12px;
    font-size: 18px;
    font-weight: bold;
    color: #e23535;
    background: #ebffdf;
}

.rank_genre.host,
.rank_genre.store {
    color: #005cc1;
}

#rankListDe .rank_genre {
    background: #f9daea;
}

#rankListCa .rank_genre {
    background: #ffeaea;
}

#rankListHo .rank_genre {
    background: #e8f4ff;
}

.bumon_title {
    padding: 6px 30px 6px 10px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #794000;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.synthesis_lank {
    color: #c69123;
}

.weekly_okini_ranking_hl {
    padding: 2px 27px !important;
    font-size: 14px;
    color: #ff4141;
    border-top: 1px solid #ff4141;
    border-bottom: 1px solid #ff4141;
    background: #ffffdf;
}

.bumonDe .synthesis_lank {
    border-bottom: 0;
}

/* --------------------------------------- */
/* ランキングBOX　デザイン変更 170724*/
.ranking_list .top_img {
    width: 100%;
    max-width: 480px;
}

.ranking_list .header_img_wrap {
    border-top: 1px solid #a0a0a0;
}

/* --------------------------------------- */
/* 矢印アイコン */
.arrow_icon {
    position: relative;
}

.arrow_icon::after {
    height: 1em;
    margin: auto 0;
    font-family: 'icomoon';
    font-weight: normal;
    line-height: 1em;
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    display: block;
    opacity: 0.7;
    color: inherit;
    content: '\e904';
}

/* --------------------------------------- */
/* 総合ランキング */
.synthesis_rank {
    color: #c69123;
}

.rank_type .synthesis_rank {
    border-bottom: 0;
}

/* --------------------------------------- */
/* 特集ランキング */
.frame_okini_ranking {
    border-top: 1px solid #ccc;
}

.weekly_okini_ranking {
    margin: 8px;
    padding: 4px;
    border-radius: 6px;
    background-color: #ff6e58;
}

.weekly_okini_ranking .hl {
    padding: 2px 6px 4px;
    font-size: 14px;
    color: #fff;
}

.weekly_okini_ranking .arrow_icon {
    background: #fffff6;
    padding-left: 16px;
    border-bottom: none;
    border-radius: 4px;
}

.weekly_okini_ranking .arrow_icon::after {
    color: #ff4141;
    opacity: 1;
}

/* --------------------------------------- */
.ranking_list h3 .txt_info {
    font-size: 12px;
}

.ranking_list .titleRankDe .txt_info {
    color: #fff;
}

.rankBoxList li .synthesis_rank {
    font-size: 16px;
    padding-left: 12px;
}

.rank_type {
    background-color: #fff;
}

.type_content + .type_title {
    border-top: 1px solid #ccc;
}

.rank_type .type_title {
    padding: 4px 30px 4px 32px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border-bottom: 1px dashed #ccc;
    position: relative;
    color: #794000;
}

.rank_type .type_title::before {
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 15px;
    background-color: #794000;
}

/* ページ内リンク ボタン */
.genre_carousel_wrap {
    width: 100%;
    margin: 0 auto 8px;
    text-align: center;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #bbb;
    box-shadow: 0 3px 0 #ccc;
}

.genre_carousel_viewport {
    width: 527px;
    margin: 0 auto;
    overflow: hidden;
}

.genre_carousel.flipsnap {
    width: 10000px;
}

.genre_carousel .item {
    width: 65px;
    max-width: 100px;
    height: 65px;
    position: relative;
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

.genre_carousel [class*='bg_'] {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    display: block;
    background-image: url(/sp/st_img/ranking_jump_icon-919cd50e464a1f169f15f66b79116e4f.png);
    background-repeat: no-repeat;
    -webkit-background-size: 357px 40px;
    background-size: 525px 58px;
}

.genre_carousel .bg_fu {
    background-position: 2px 6px;
}

.genre_carousel .bg_de {
    background-position: -59px 4px;
}

.genre_carousel .bg_fu_new {
    background-position: -75px 1px;
}

.genre_carousel .bg_pb {
    background-position: -258px 6px;
}

.genre_carousel .bg_ca {
    background-position: -126px 3px;
}

.genre_carousel .bg_ho {
    background-position: -190px 4px;
}

.genre_carousel .bg_diary {
    background-position: -340px 0;
    background-size: 453px 50px;
}

.genre_carousel .bg_movie {
    background-position: -396px 0;
    background-size: 453px 50px;
}

.genre_carousel .bg_job {
    background-position: -328px 5px;
}

.genre_carousel .txt {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 2px;
    bottom: 2px;
    left: 0;
    color: #555;
}

.genre_carousel .txt:before {
    width: 11px;
    height: 11px;
    margin-right: 1px;
    margin-bottom: 1px;
    bottom: 0;
    display: inline-block;
    content: ' ';
    vertical-align: middle;
    background: url(/sp/st_img/rank_pagedown-81aee4233301cf4d173d613f6f5c55d9.png);
    background-size: 11px;
}

.ranking_list .clist-tab .elm {
    padding: 6px 0;
    font-size: 18px;
    line-height: 1.3;
}

.ranking_list .clist-tab .elm span {
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
}

/* ランキング 詳細 */
.syukeibun {
    font-size: 15px;
    display: inline-block;
    color: #ff4141;
    text-shadow: 1px 1px #fff;
}

/* ランキング 詳細 見出し*/
h3.ranking_hl {
    margin: 0 0 8px;
    padding-left: 8px;
    font-size: 17px;
    line-height: 30px;
    color: #333;
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 3px solid #f6d63f;
    background-color: #ffffef;
}

@media screen and (max-width: 360px) {
    .syukeibun {
        font-size: 14px;
    }

    h3.ranking_hl {
        font-size: 16px;
    }
}

@media screen and (max-width: 340px) {
    .syukeibun {
        font-size: 13px;
    }

    h3.ranking_hl {
        font-size: 14px;
    }
}

/* ============================================================
  . P日記コンテスト説明
============================================================ */
.infoCon {
    margin: 0 10px 10px;
}

.conEx .info_txt {
    margin: 8px 10px;
}

.conEx .ticket_detail {
    margin-bottom: 22px;
}

.conEx h3 {
    padding: 6px;
    padding-left: 10px;
    margin: 0;
    border: none;
    background: #fff0f0;
    color: #ff4343;
}

.conEx h4 {
    font-size: 17px;
    margin: 8px 0;
    font-weight: bold;
}

.conEx .section {
    margin: 10px;
}

.conEx p {
    font-size: 15px;
    line-height: 1.6;
}

.conEx table {
    width: 100%;
    max-width: 480px;
    border: 5px solid #e4cd5c;
    color: #333;
}

.conEx table th,
.conEx table td {
    vertical-align: baseline;
}

.conEx table th {
    margin: 0;
    vertical-align: middle;
    width: 45%;
    text-align: center;
}

.conEx table tr {
    font-size: 1rem;
    text-align: center;
}

.conEx table tr:nth-child(2n) {
    background: #fdffde;
}

.conEx table th > span {
    font-size: 1.4em;
    margin-right: 2px;
}

.conEx table tr.no1 {
    color: #e43737;
}

.conEx table td {
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.conEx table td span {
    font-size: 1.4em;
    margin-right: 4px;
    font-weight: bold;
}

.conEx table tr.no2,
.conEx table tr.no3 {
    color: #b58f1a;
}

.conEx table tr.no1,
.conEx table tr.no1 td {
    font-size: 1.5rem;
    font-weight: bold;
}

.conEx table tr.no2,
.conEx table tr.no2 td,
.conEx table tr.no3,
.conEx table tr.no3 td {
    font-size: 1.2rem;
}

.conEx .prize_info {
    font-size: 16px;
}

.conEx .prize_info .red {
    font-weight: bold;
}

.conEx dl {
    margin: 0;
    text-align: left;
}

.conEx .attention {
    font-size: 14px;
    color: #667284;
    text-align: left;
}

.conChui {
    margin: 0 10px 20px;
}

.conChui dt {
    font-weight: bold;
    color: #069;
}

.conChui dd {
    padding-left: 1em;
    font-size: 14px;
    text-indent: -1em;
    margin-bottom: 8px;
}

/* キャバ　色変え */
.conEx.ca h3 {
    background: #fff0fc;
    color: #ff438e;
}

.conEx.ca table tr.no1 {
    color: #ff438e;
}

.prize_table caption {
    color: #4238bd;
    margin-bottom: 4px;
    text-align: left;
    font-size: 16px;
}

.attention + .prize_table {
    margin-top: 8px;
}

/* ホスト 色変え */
.conEx.ho h3 {
    background: #f0f6ff;
    color: #2c2ea9;
}

/* キャンパブ */
h2.titleCommon.cont_info_pb {
    margin-top: 0;
}

/* ============================================================
  .メッセージを見る、送る
============================================================ */
#girlDetail #girlData .img {
    margin: 10px 0 0;
    text-align: center;
}

/* メッセージリスト ------------------- */
#messageList {
    margin: 0;
    border-top: none;
}

#messageList li {
    margin: 0;
    line-height: 1.3;
    position: relative; /* background:#fcfcfc url(/sp/st_img/joken_close-4a2b55904ad59680eae339fbe3e4be85.png) no-repeat 10px center;*/
    text-align: left;
    border-bottom: 1px solid #c6c6c6;
    /*  padding:10px;*/
    background: none;
}

#messageList li:last-child {
    border: none;
}

#messageList li a {
    padding: 4px 26px 4px 4px;
    display: block;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

#messageList li .contributor {
    margin: 0 0 5px;
    /*  padding:5px;*//*  background:#def5ff;
  position:relative;*/
}

#messageList li .sendDate,
#messageDetail .contributor .sendDate {
    font-size: 14px;
}

#messageList li .sendDate .date,
#messageDetail .contributor .sendDate .date {
    color: #080;
}

#messageList li .contributor .name,
#messageDetail .contributor .name {
    font-weight: bold;
    color: #0d69e5;
}

/* メッセージ ------------------- */
.messageTxt {
    margin: 0 0 10px;
    font-size: 14px;
}

/* 詳細・返信を見る ------------------- */
#messageDetail {
    padding: 10px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

#messageDetail .contributor {
    margin: 0 0 5px;
    padding: 5px;
    background: #def5ff;
}

/* 女の子からの返信 ------------------- */
.reply {
    margin: 0;
    border: 2px solid #ffc0c0;
    border-radius: 4px;
}

.reply dt {
    padding: 5px;
    font-weight: bold;
    color: #ff4343;
    background: #ffc0c0;
}

.reply dd {
    padding: 5px;
    line-height: 1.4;
}

/* ------------------------------------------------------------
  相性度
------------------------------------------------------------- */
/* タイトル周りは上のほうの見出しの設定のとこで設定 */
p.shopName {
    margin: 0 10px 3px;
    padding-left: 20px;
    font-size: 14px;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat left center;
    -webkit-background-size: 17px 17px;
    background-size: 17px 17px;
}

p.girlName {
    margin: 0 10px 10px;
    padding-left: 20px;
    font-weight: bold;
    color: #0d69e5;
    background: url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat left center;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}

/* ------------------------------------------------------------
  喜びのコメント
------------------------------------------------------------- */
#commentImg {
    text-align: center;
}

#commentTxt {
    margin: 0 10px;
}

#commentTxt pre {
    white-space: pre-wrap;
}

/* ------------------------------------------------------------
  抽選会
------------------------------------------------------------- */

/* ヘルス */
.titleChusenHealth {
    color: #303030;
    background: url(/sp/st_img/fuzoku/h3_bk-fa0c636c525b5661900bf223c07accb2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/fuzoku/h3_bk-fa0c636c525b5661900bf223c07accb2.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

/* デリバリー */
.titleChusenDeli {
    color: #303030;
    background: url(/sp/st_img/deli/h3_bk-c0e681ae89ee7e57f099cdf465ff90c2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/deli/h3_bk-c0e681ae89ee7e57f099cdf465ff90c2.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

/* キャンパブ */
.titleChusenCanpab {
    color: #303030;
    background: url(../st_img/h3_bk_canpab.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(../st_img/h3_bk_canpab.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

/* キャバクラ */
.titleChusenCaba {
    color: #303030;
    background: url(/sp/st_img/caba/h3_bk-327593f1c6b86875007980419c7d4f56.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/caba/h3_bk-327593f1c6b86875007980419c7d4f56.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

/* ホスト */
.titleChusenHost {
    color: #303030;
    background: url(/sp/st_img/host/h3_bk-dbd3d8e9ab69817cb6be5a299a1651d0.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(/sp/st_img/host/h3_bk-dbd3d8e9ab69817cb6be5a299a1651d0.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

/* ヘルス */
.titleChusenETC {
    color: #303030;
    background: url(../st_img/h3_bk_okini.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c8c8c8));
    background: url(../st_img/h3_bk_okinik.png) no-repeat left center, linear-gradient(to bottom, #f0f0f0, #c8c8c8);
    text-shadow: 1px 1px 0 #fff;
}

.chusenTxt {
    margin: 0 10px 20px;
}

.chusenTxt a {
    text-decoration: underline;
}

/* ============================================================
  13. ページトップ
============================================================ */
.rtb {
    margin: 10px 0 0;
    padding: 0 15px 10px;
    text-align: right;
}

.rtb a {
    padding-left: 15px;
    font-size: 14px;
    color: #0069c0;
    background: url(/sp/st_img/rtb-f19740a31ce80c9f241ceaa04146a426.png) no-repeat left center;
    -webkit-background-size: 11px 13px;
    background-size: 11px 13px;
}

/* ============================================================
  14. フッター
============================================================ */
div#footer {
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
    background: #d3dbe9;
}

#footer p {
    margin: 10px 0;
    line-height: 1;
}

#footer > p:first-child {
    padding-top: 8px;
}

p a.btnYorugai,
#footer p a.btnYorugai,
#footer p a.btnVip {
    width: 184px;
    margin: 0 auto;
    padding: 5px;
    font-size: 14px;
    display: block;
}

p a.btnYorugai,
#footer p a.btnYorugai {
    margin-bottom: 8px;
    border: 1px solid #c50000;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd0d0), color-stop(0.49, #fc8888), color-stop(0.5, #ff7b7b), to(#ff8f8f));
    background: linear-gradient(to bottom, #ffd0d0, #fc8888 49%, #ff7b7b 50%, #ff8f8f);
}

#footer p a.btnVip {
    margin-bottom: 12px;
    border: 1px solid #34365d;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#dee1e9), color-stop(0.49, #b1bacb), color-stop(0.5, #a1abc0), to(#b0b8ca));
    background: linear-gradient(to bottom, #dee1e9, #b1bacb 49%, #a1abc0 50%, #b0b8ca);
}

#footer p.footer_linkbox {
    margin: 0;
    padding: 0;
    border-top: 1px solid #b0b7cb;
    border-bottom: 1px solid #b0b7cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#d3dbe9), color-stop(0.8, #d3dbe9), color-stop(0.5, #cdd5e3), to(#bbc3d2));
    background: linear-gradient(to bottom, #d3dbe9, #d3dbe9 50%, #cdd5e3 80%, #bbc3d2);
    -webkit-box-shadow: rgba(100, 100, 100, 0.5) 0 1px 2px;
    box-shadow: rgba(100, 100, 100, 0.5) 0 1px 2px;
}

#footer p.footer_linkbox a {
    padding: 8px 0;
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #0e1959;
}

#footer address {
    margin: 15px 0 0;
    font-size: 12px;
}

/* ページ戻るリンク
------------------------------------------------------------ */
.pageBack p {
    font-size: 16px;
    border-top: 1px solid #c6c6c6;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.8, #fff), to(#eaeaea));
    background: linear-gradient(to bottom, #fff, #fff 80%, #eaeaea);
}

.pageBack p a {
    padding: 8px 10px 8px 20px;
    display: block;
    text-align: center;
    color: #000b4f;
    background: url(/sp/st_img/cur_gray03-8ff4a2bb8f7b7d5e4e9eeaa27d3eb521.png) no-repeat left center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.pageBackBtm p {
    border-bottom: 1px solid #c6c6c6;
}

/* 次のページへリンク
------------------------------------------------------------ */
.pageNext p {
    font-size: 16px;
    border-top: 1px solid #c6c6c6;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.8, #fff), to(#eaeaea));
    background: linear-gradient(to bottom, #fff, #fff 80%, #eaeaea);
}

.pageNext p:last-child {
    border-bottom: 1px solid #c6c6c6;
}

.pageNext p a {
    padding: 8px 10px 8px 20px;
    display: block;
    text-align: center;
    color: #000b4f;
    background: url(/sp/st_img/cur_gray02-75f9a8c5284c01b8e22bbc16ad9c18bf.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* ------------------------------------------------------------
  10. お勧めサイト
------------------------------------------------------------- */
div#osusumeLink {
    background: #fff;
}

div#osusumeLink h3 {
    margin: 0 0 0 0;
    padding: 8px 10px 4px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdf20), color-stop(0.5, #ff8000), to(#ff8000));
    background: linear-gradient(to bottom, #ffdf20, #ff8000 50%, #ff8000);
    text-shadow: -1px -1px 0 #c60;
}

div#osusumeLink a {
    padding: 10px;
    font-size: 16px;
    line-height: 1.3;
    display: block;
    border-bottom: 1px solid #ffdf20;
    background: url(/sp/st_img/cur_orange-0988d6ccfc19b07e594ed23a05aa0447.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/*　お知らせページ -------------------------------*/
h2.infoTitle {
    margin: 10px 10px 5px;
    padding: 7px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #000080;
    border: none;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#dedede));
    background: linear-gradient(to bottom, #fdfdfd, #dedede);
    text-shadow: 1px 1px 0 #fff;
    line-break: normal;
}

.infoTitle .infoDate {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    display: block;
    color: #dc0039;
}

/* clear
----------------------------------------------------*/

.fbox:after {
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    content: '.';
}

.fbox {
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .fbox {
    height: 1%;
}

.fbox {
    display: block;
}

/* End hide from IE-mac */
.img145 {
    max-width: 145px;
}

.img240 {
    max-width: 240px;
}

/* ---------------------------------------------------- */
/* 緊急メッセ：ジャンル選択 */
ul.SinsinGenre li {
    font-size: 11px;
}

/* 緊急メッセアイコン総合 */
.iconSinsinGenre,
#shopdefalut .gmenu li a span.gmenukinkyu .iconSinsinGenre {
    margin: 1px;
    padding: 0 2px 0 2px;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    color: #fff;
}

/* 緊急メッセアイコン：イベント */
.iconSinsinGenre1 {
    border: 1px solid #3b72a8;
    background: #289cf5;
}

/* 緊急メッセアイコン：新人 */
.iconSinsinGenre2 {
    border: 1px solid #32ad00;
    background: #26d118;
}

/* 緊急メッセアイコン：オススメ嬢 */
.iconSinsinGenre3 {
    border: 1px solid #d52588;
    background: #e656b1;
}

/* 緊急メッセアイコン：店長○秘 */
.iconSinsinGenre4 {
    border: 1px solid #d30024;
    background: #e93538;
}

/* 緊急メッセ：詳細タイトル */
.sinsinTitle {
    margin-bottom: 4px;
    padding: 6px;
    line-height: 20px;
    border-bottom: 1px #666 solid;
    background-color: #ccc;
}

.sinsinTitle .title {
    font-size: 16px;
    font-weight: bold;
}

.sinsinDetail {
    margin: 6px;
}

/* 緊急メッセ */
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* スグ嬢 */
form.suguRelord {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
}

form.suguRelord input.btn {
    height: 26px;
    font-size: 13px;
}

/* スグ嬢 */
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* キャバ割 */
.cabaWari li {
    width: 33%;
}

/* キャバ割 */
/* ---------------------------------------------------- */

.bordHeadBack p {
    height: 26px;
    line-height: 26px;
}

.bordHeadBack p a {
    font-size: 14px;
    color: rgb(0, 128, 222);
}

/* デラックス店の場合のクラス */
li.dxhp {
    /*background-color:#fff8f0;*/
}

/* ---------------------------------------------------- */
/* キーワード検索  */

.wo_input_tbl {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
}

.shinkinou_cell {
    padding-left: 2px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #565656;
}

.shinkinou_cell div {
    width: 50px;
    height: 32px;
    position: relative;
    top: 6px;
    border-top: 1px solid #ffa1a1;
    border-bottom: 1px solid #7c2e03;
    border-left: 1px solid #ffa1a1;
    border-radius: 6px 0 0 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f66), color-stop(0.35, #f00), to(#c00000));
    background: linear-gradient(to bottom, #f66, #f00 35%, #c00000);
}

.wo_input_cell {
    padding: 6px 0 6px 4px;
    display: block;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #565656;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
}

.wo_kensaku_bt {
    padding: 6px 4px 6px 0;
    display: block;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #565656;
}

.shinkinou_cell a {
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    top: 5px;
    left: 4px;
    display: inline-block;
    color: #000;
    border: 1px solid #515151;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.49, #f3f3f3), color-stop(0.5, #e8e8e8), to(#fafafa));
    background: linear-gradient(to bottom, #fff, #f3f3f3 49%, #e8e8e8 50%, #fafafa);
}

.kw_pop_arrow {
    height: 9px;
    background: url(../st_img/arrow.png) no-repeat 10px bottom;
}

/* 検索窓 */
div#searchBox,
div.searchBox {
    padding: 0;
    font-size: 14px;
    border: none;
}

div#searchBox input[type='text'],
div.searchBox input[type='text'] {
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 2px 0 5px;
    font-size: 14px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #777 #999 #999 #777;
    border-radius: 8px 0 0 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px inset;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px inset;
}

div#searchBox input[type='submit'],
div.searchBox input[type='submit'] {
    width: 50px;
    height: 34px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #777;
    border-radius: 0 8px 8px 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

input#ky_submitbtn {
    background: -webkit-gradient(linear, left top, left bottom, from(#87e0fd), color-stop(0.4, #53cbf1), to(#05abe0));
    background: linear-gradient(to bottom, #87e0fd, #53cbf1 40%, #05abe0);
}

div.kwsearchBox div.wo_input_cell {
    padding: 6px 0 6px 15px;
    background: url(../st_img/new_label_arrow.png) no-repeat left center;
    -webkit-background-size: 15px 34px;
    background-size: 15px 34px;
}

.aboutKensaku {
    padding-right: 8px;
    padding-left: 8px;
}

.aboutKensaku input {
    height: 23px;
}

.aboutKensaku div.kensakuTitle {
    margin-bottom: 6px;
    color: #fff;
    background-color: navy;
}

.aboutKensaku div.kensakuTitle h4,
.aboutKensaku div.kensakuTitle h3 {
    padding: 5px;
    font-weight: bold;
}

div.searchBox_nobg .wo_input_cell,
div.searchBox_nobg .wo_kensaku_bt {
    border: none 0 #fff;
}

.keySerch ul.syukkinKirikae {
    margin-top: 5px;
}

div.shinkinou_cell_keySerch {
    float: right;
}

.shinkinou_cell_keySerch a {
    margin: 0;
    padding: 3px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1em;
    display: inline-block;
    color: #000;
    border: 1px solid #515151;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.49, #f3f3f3), color-stop(0.5, #e8e8e8), to(#fafafa));
    background: linear-gradient(to bottom, #fff, #f3f3f3 49%, #e8e8e8 50%, #fafafa);
    text-shadow: none;
}

.miseKensakuBox-ca {
    border-top: 1px solid #f9c7df;
}

.miseKensakuBox-ho {
    border-top: #7a7777 solid 1px;
}

/* キーワード検索  */
/* ---------------------------------------------------- */

/* オススメ店一覧（バナー一覧） ---------- */
#kensakuList li dl dd .shopSyosai .shopTxt {
    font-size: 14px;
}

/* 抽選会 */
.chusen_markx {
    padding-right: 4px;
    color: #000;
}

/* 1-2.夜遊びガイドへのボタン
------------------------------------------------------------
.backGuide 各ガイド別定義のCSSから統合
*/

/* ---------------- マイページヘッダ ---------------- */
/* 色味はメニュー・ガイド版でとりあえずセット */
.backGuide {
    width: auto;
    margin-top: 4px;
    float: right;
}

.backGuide a {
    width: 54px;
    height: 27px;
    display: block;
    text-align: center;
}

a.myplinkbox {
    font-size: 9px;
}

a.myplinkbox img {
    width: 24px;
    height: 16px;
}

/* ---------------------------------------------------- */

/* ------------------------------------------------------------
  10. 風俗放浪記
------------------------------------------------------------- */

.hourouki li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #b0b7cb;
    background: #fff url(/sp/st_img/cur_01-ba950955de2a010726e1483b193d1ce2.png) no-repeat right center;
}

.hourouki li a {
    padding: 8px 25px 8px 32px;
    font-weight: bold;
    display: block;
    color: #000b4f;
}

.hourouki li p.newgaido {
    font-size: small;
    color: #090;
}

.hourouki li span.guidesmail {
    font-size: small;
}

.hourouki li span.guidemedium {
    font-size: medium;
    color: #f89811;
}

.banner a {
    height: 60px;
}

a.gal_detail_name {
    text-decoration: underline;
    color: #0080de;
}

h2.key_search {
    margin: 0;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    color: #fff;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7f7f), to(#ff4242));
    background: linear-gradient(to bottom, #ff7f7f, #ff4242);
    text-shadow: none;
}

p.moreKy {
    margin-bottom: 14px;
    display: block;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

p.moreKy a {
    padding: 8px 0;
    font-size: 16px;
    display: block;
    text-align: center;
    color: #000b4f;
    background: url(/sp/st_img/cur_01-ba950955de2a010726e1483b193d1ce2.png) no-repeat right center;
}

.keySearchInfo {
    margin: 10px 10px 10px 10px;
}

.keySearchMiResult,
.keySearchKyResult,
.keySearchRe {
    margin-top: 12px;
}

.keySearchMiResult p.viewNum,
.keySearchKyResult p.viewNum {
    padding: 3px 10px;
    text-align: left;
}

/* 新アイテムページ実装され次第削除
.okini_reg a {
  padding: 10px 0 10px 23px;
  line-height: 22px;
  background: url(../st_img/icon_favorite.png) no-repeat left center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
*/
/* 横長のメニュー
------------------------------------------------- */
#menuYokonaga {
    width: 318px;
    margin: 5px auto 10px;
    text-align: center;
}

#menuYokonaga li {
    width: 296px;
    margin: 0 0 12px 0;
    padding: 2px;
    display: inline-block;
    text-align: left;
    background: url(/sp/st_img/cur_01-ba950955de2a010726e1483b193d1ce2.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(45%, #ececec), color-stop(51%, #c6c6c6), color-stop(100%, #b6b6b6));
    background: url(/sp/st_img/cur_01-ba950955de2a010726e1483b193d1ce2.png) no-repeat right center, linear-gradient(to bottom, #ececec, #ececec 45%, #c6c6c6 51%, #b6b6b6);
    -webkit-box-shadow: 0 0 1px 1px #fff, 0 0 1px 2px #acacac, 0 4px 2px 0 #afaba3;
    box-shadow: 0 0 1px 1px #fff, 0 0 1px 2px #acacac, 0 4px 2px 0 #afaba3;
}

/* 2014.04.15追加 新JOBガイリンクここから */
.banner_ca-JOB {
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0c4de), color-stop(13%, #fff), color-stop(87%, #fff), color-stop(100%, #b0c4de));
    background: linear-gradient(to bottom, #b0c4de, #fff 13%, #fff 87%, #b0c4de);
}

.banner_ca-JOB .link_arrow {
    background: url(/sp/st_img/cur_gray05-6968e7a9541bea2e110adf5dc841190c.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.banner_ca-JOB .jobguid_link {
    height: 84px;
    padding: 6px 0;
    display: block;
    text-indent: -99999px;
    background: url(../st_img/banner_job03.png) no-repeat center 6px;
    -webkit-background-size: 320px 83px;
    background-size: 320px 83px;
}

/* 2014.04.15追加 新JOBガイリンクここまで */
#menuYokonaga li a.yorutike_link {
    padding-left: 40px;
    line-height: 1.3;
    display: block;
    background: url(../st_img/icon_yorutike.png) no-repeat 4px center;
    -webkit-background-size: 27px 27px;
    background-size: 27px 27px;
}

#menuYokonaga li a.yorutike_link span.sub_title {
    color: #0c0;
}

#menuYokonaga li span.hanbaityu {
    font-size: 12px;
    font-weight: bold;
    color: #fe0000;
}

#menuYokonaga li a.osusume {
    height: 33px;
    padding-left: 40px;
    line-height: 1.3;
    display: block;
    background: url(../st_img/icon_tenpo_osusume.png) no-repeat 4px center;
    -webkit-background-size: 27px 27px;
    background-size: 27px 27px;
}

#menuYokonaga li a span.main_title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #000b4d;
}

#menuYokonaga li a.osusume span.main_title {
    padding-top: 7px;
    display: inline-block;
}

#menuYokonaga #ygkoukoku {
    width: auto;
    margin-bottom: 0;
    position: relative;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#ygkoukoku div.ygnewsUpdate {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 2px;
    color: #fff;
}

#ygkoukoku div.ygnewsUpdate span {
    display: block;
}

#ygkoukoku img {
    -webkit-box-shadow: 0 3px 2px 0 #afaba3;
    box-shadow: 0 3px 2px 0 #afaba3;
}

/* 横長のメニュー 動画用、メニューページの他に各ガイドページにも配置あり */
#menuYokonaga li a.douga_link {
    padding-left: 40px;
    line-height: 1.3;
    display: block;
    background: url(/sp/st_img/movie_link_st-170243cddfb6268d6e08ffde1b5219fb.gif) no-repeat 4px center;
    -webkit-background-size: 27px 16px;
    background-size: 27px 16px;
}

#menuYokonaga li a.douga_link span.sub_title {
    font-size: 10px;
    color: #e2207b;
}

#menuYokonaga li a span.sub_title {
    font-size: 10px;
}

#menuYokonaga li.new {
    position: relative;
}

#menuYokonaga li.new div.new_label {
    width: 100px;
    height: 33px;
    position: absolute;
    top: -1px;
    left: -1px;
    background: url(../st_img/new.png) no-repeat -12px -12px;
    -webkit-background-size: 47px 47px;
    background-size: 47px 47px;
}

/* 横長のメニュー 動画用、各ガイドページ用の設定 */
#searchGirl #menuYokonaga {
    margin-top: 15px;
}

#searchGirl #menuYokonaga li {
    width: 288px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#searchGirl #menuYokonaga li a.douga_link {
    line-height: 1.4;
}

/* 横長のメニュー ホストガイド */
ul.host#menuyokonaga li {
    -webkit-box-shadow: 0 0 1px 1px #fff, 0 0 1px 2px #acacac, 0 4px 2px 0 #afaba3;
    box-shadow: 0 0 1px 1px #fff, 0 0 1px 2px #acacac, 0 4px 2px 0 #222;
}

ul.host#menuyokonaga li a.douga_link span.sub_title {
    color: #48f;
}

ul.host#menuYokonaga {
    margin-bottom: -8px;
}

/* 横長のメニュー キャバガイド */
ul.caba#menuyokonaga {
    width: auto;
    height: 44px;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #f9c7df;
    background: url(/sp/st_img/cur_red-d1a4be81d92b66aa926c8a170517d190.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

#searchGirl ul.caba#menuyokonaga li {
    width: 100%;
    padding: 6px 15px 6px 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.caba#menuyokonaga li a.douga_link {
    padding-left: 30px;
}

ul.caba#menuyokonaga li a.douga_link span.sub_title {
    color: #48f;
}

ul.caba#menuYokonaga li a.douga_link {
    background: url(/sp/st_img/movie_link_st-170243cddfb6268d6e08ffde1b5219fb.gif) no-repeat 4px center;
    -webkit-background-size: 22px 13px;
    background-size: 22px 13px;
}

#menuYokonaga li a.soap_report {
    height: 33px;
    padding-left: 40px;
    line-height: 1.3;
    display: block;
    background: url(../st_img/icon_soap_report.png) no-repeat 4px center;
    -webkit-background-size: 27px 27px;
    background-size: 27px 27px;
}

#menuYokonaga li a.soap_report span.main_title {
    padding-top: 7px;
    display: inline-block;
}

.cabaYokonaga {
    padding: 12px 0 0 0;
    border-bottom: 1px solid #f9c7df;
    background-color: #fef7fa;
}

.cabaYokonaga #menuyokonaga {
    margin-top: 0;
    margin-bottom: 0;
}

.cabaYokonaga #menuyokonaga li {
    margin-top: 0;
}

dl.card dd img {
    width: 40px;
    margin: 1px;
}

p.ajaxLoading {
    padding: 20px;
    text-align: center;
}

.css_blink {
    -webkit-animation-name: 'anime-blink';
    animation-name: anime-blink;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes 'anime-blink' {
    0% {
        visibility: hidden;
    }
    40% {
        visibility: hidden;
    }
    41% {
        visibility: visible;
    }
    100% {
        visibility: visible;
    }
}

@keyframes anime-blink {
    0% {
        visibility: hidden;
    }
    40% {
        visibility: hidden;
    }
    41% {
        visibility: visible;
    }
    100% {
        visibility: visible;
    }
}

/*
ランキングで一定数を超えたリストのページのクラスの定義
通常サイズのスタイルを上書きしている
rankListMini
*/
.rankListMini dl dt div img {
    max-width: 60px;
    max-height: 80px;
}

.rankListMini dl dt,
.rankListMini dl dt div {
    width: 60px;
    height: 80px;
}

.rankListMini .rank {
    margin-right: 1px;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.rankListMini .ranking1,
.rankListMini .ranking2,
.rankListMini .ranking3 {
    padding-left: 14px;
    -webkit-background-size: 14px 12px;
    background-size: 14px 12px;
}

.rankListMini.rankingGirl .name {
    padding-left: 14px;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    background-position: left 2px;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.rankListMini.rankingGirl .shopName {
    padding-left: 13px;
    font-size: 11px;
    display: inline;
    word-wrap: break-word;
    background-position: left 0;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.rankListMini.rankingGirl .shopType {
    font-size: 11px;
    display: inline;
}

.rankListMini.rankingGirl .shopNameType {
    line-height: 14px;
}

.RankBtnTxt a {
    display: inline-block;
}

p.movieContestLink {
    margin: 10px 0;
    text-align: center;
}

p.movieContestLink a {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    color: #062;
    border: solid 1px #c3c0a4;
    border-radius: 5px;
    background: url(../st_img/btn_bk.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#d8fce8), color-stop(0.5, #d0f4e0), color-stop(0.6, #90e0b0), to(#a0f0b8));
    background: linear-gradient(to bottom, #d8fce8, #d0f4e0 50%, #90e0b0 60%, #a0f0b8);
}

/*注目の緊急速報*/
li.pickup,
li.pickup:last-child {
    border: 4px #f00 solid !important;
    background-color: #ffd;
}

li.pickup a:after {
    width: 54px;
    height: 40px;
    position: absolute;
    top: -4px;
    left: -4px;
    display: block;
    content: ' ';
    background: url(/sp/st_img/icon_pickup-daa8fc2f40703c61776e901ba9930227.png) no-repeat top left scroll;
    -webkit-background-size: 54px 40px;
    background-size: 54px 40px;
}

li.pickup a {
    padding: 0 22px 0 0;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat -webkit-calc(100% + 3px) 50%, 0 0;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat calc(100% + 3px) 50%, 0 0;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.rankUpDown img {
    height: 19px;
    padding-bottom: 3px;
}

/* チェックボックスをトグル風に <input id="ex"><label for="ex">text</label> */
.selectPlace .check-toggle {
    padding-left: 6px;
}

.check-toggle input {
    display: none;
}

.check-toggle label {
    margin-left: -1px;
    padding: 6px 8px 6px 6px;
    font-size: 11px;
    cursor: pointer;
    color: #909090;
    border: solid 1px #aaa;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0e0e0));
    background: linear-gradient(to bottom, #fff, #f0e0e0);
    text-shadow: 1px 1px 0 #f0f0f0;
}

.check-toggle input:checked + label {
    color: #fff;
    color: #505050;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88080), to(#fae8e8));
    background: linear-gradient(to bottom, #f88080, #fae8e8);
    text-shadow: 1px 1px 0 #f0f0f0;
}

.check-toggle label .chk_icon {
    width: 12px;
    height: 12px;
    margin: 2px 2px -2px 0;
    display: inline-block;
    background: url(/sp/st_img/chk_pic_on_off-058c2e0a6ecc06ecb4eaaa44d78d3dbd.png) no-repeat;
    background-position: 0 0;
    -webkit-background-size: 24px 12px;
    background-size: 24px 12px;
}

.check-toggle input:checked + label .chk_icon {
    background-position: -12px 0;
}

.xselectPlaceC {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-pack: center;
    box-align: center;
}

.rankinfo {
    font-size: 12px;
    text-align: left;
}

#commonPersonList.itemPdiaryList dl dt,
#commonPersonList.itemPdiaryList dl dt div {
    width: 51px;
    height: 68px;
}

#commonPersonList.itemPdiaryList dl dt div img {
    width: auto;
    max-width: 51px;
    max-height: 68px;
}

#shopType li .bm49 {
    color: #f0f;
}

#shopType li .bm50 {
    color: #84f;
}

#shopType li .bm1 {
    color: #f00;
}

#shopType li .bm2 {
    color: #f00;
}

#shopType li .bm6 {
    color: #08f;
}

#shopType li .bm7 {
    color: #f80;
}

#shopType li .bm8 {
    color: #08f;
}

#shopType li .bm9 {
    color: #3a7222;
}

#shopType li .bm49 {
    color: #f00;
}

#shopType li .bm10 {
    color: #0cf;
}

#shopType li .bm13 {
    color: #212181;
}

#shopType li .bm28 {
    color: #f0f;
}

#shopType li .bm29 {
    color: #48f;
}

#shopType li .bm30 {
    color: #084;
}

#shopType li .bm31 {
    color: #f80;
}

#shopType li .bm32 {
    color: #f00;
}

#shopType li .bm33 {
    color: #f0f;
}

#shopType li .bm34 {
    color: #f0f;
}

#shopType li .bm35 {
    color: #f00;
}

#shopType li .bm36 {
    color: #2d0;
}

#shopType li .bm37 {
    color: #80c;
}

#shopType li .bm38 {
    color: #84f;
}

#shopType li .bm39 {
    color: #7c0;
}

#shopType li .bm40 {
    color: #48f;
}

#shopType li .bm41 {
    color: #f00;
}

#shopType li .bm47 {
    color: #f0f;
}

#shopType li .bm48 {
    color: #84f;
}

#shopType li .bm49 {
    color: #7c0;
}

#shopType li .bm50 {
    color: #084;
}

#shopType li .bm51 {
    color: #48f;
}

#shopType li .bm52 {
    color: #084;
}

#shopType li .bm56 {
    color: #f80;
}

#shopType li .bm59 {
    color: #48f;
}

#shopType li .bm60 {
    color: #7c0;
}

#tyusen_sub_erea li a {
    padding-left: 30px;
}

.no_link_image {
    background: none !important;
}

.no_link_image {
    background: none !important;
}

.no_border {
    border: none !important;
}

/* ------------------------------------------------------------
  カメラロール風デザイン対応
------------------------------------------------------------- */
.mainarea h2.title_full {
    width: 100%;
    margin: 0;
    padding: 8px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.mainarea h2.title_full02 {
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #bbac00;
}

#tile_fixed {
    z-index: 10;
}

/* 絞り込み */
.btn_filter {
    position: absolute;
    top: 5px;
    right: 115px;
    display: block;
    text-align: center;
}

.top4 {
    top: 4px !important;
}

.mainarea h2.title_full02 .btn_filter a {
    color: #09f;
}

.douga_filter {
    top: 4px;
    right: 10px;
}

.douga_new {
    font-weight: bold;
    color: #e4007f;
}

/* キープ */
.btn_filter a,
.btn_keep a {
    font-size: 9px;
    font-weight: normal;
    display: block;
    color: #fff;
}

/* 上のピックアップ嬢
------------------------------------------------- */
#puGirl {
    width: inherit;
    height: inherit;
    border-top: rgb(155, 113, 9) solid 1px;
    border-right: rgb(250, 226, 166) solid 1px;
    border-bottom: rgb(250, 226, 166) solid 1px;
    border-left: rgb(155, 113, 9) solid 1px;
    /* ゴールド */
    background: #b8860b;
}

#suguFrip {
    margin: 0 !important;
    padding: 3px 0 !important;
}

#puGirl_in_box {
    width: 100%;
    height: 85px;
}

#suguGirl #suguFrip li a {
    width: 75px;
    height: 75px;
}

/* ゴールド */
div#puGirl_border:before {
    padding: 0 3px 3px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    z-index: 100;
    top: 5px;
    left: 5px;
    content: 'PICK！';
    color: white;
    border-right: rgb(155, 113, 9) solid 1px;
    border-bottom: rgb(155, 113, 9) solid 1px;
    border-radius: 0 0 6px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
    background: linear-gradient(to bottom, #ffd65e, #febf04);
    text-shadow: black 1px 1px 2px;
}

#puGirl ul {
    margin: 5px 2px;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
}

#puGirl ul li {
    height: 85px;
    margin-right: 3px;
    position: relative;
}

#puGirl ul li img {
    width: 85px !important;
    max-width: 85px;
    pointer-events: none;
    border-radius: 3px;
}

#suguFrip li a {
    width: 85px;
    height: 85px;
    display: block;
}

/* ゴールド */
#puGirl_border {
    padding: 5px;
    position: relative;
    z-index: 0;
    border-top: rgb(250, 226, 166) solid 1px;
    border-bottom: rgb(155, 113, 9) solid 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
    background: linear-gradient(to bottom, #ffd65e, #febf04);
}

#tile_fixed2 {
    width: auto;
    display: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04));
    background: linear-gradient(to bottom, #ffd65e, #febf04);
}

/* 件数の表示 ---------- */
.viewNum_full {
    width: 100%;
    margin: 0;
    padding: 6px 0;
    font-size: 16px;
    position: relative;
    text-align: left;
    color: #667284;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.97, #f0f0f0), color-stop(0.98, #fff), to(#fff));
    background: linear-gradient(to bottom, #fff, #f0f0f0 97%, #fff 98%, #fff);
}

.viewNum_full p {
    padding-left: 10px;
}

#listKirikae p {
    padding-left: 0;
}

/* タイルとリスト切替 */
#listKirikae {
    width: 76px;
    position: absolute;
    top: 4px;
    right: 5px;
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #cb8ca7;
    border-radius: 5px;
    background: #fff;
}

#listKirikae li {
    width: 50%;
    display: table-cell;
}

#listKirikae li p {
    padding: 3px 0 2px;
    font-size: 10px;
    display: block;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d5d5d5));
    background: linear-gradient(to bottom, #fff, #d5d5d5);
    text-shadow: 1px 1px 0 #fff;
}

#listKirikae li.current p {
    color: #fff;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff266f), color-stop(0.5, #ff568f), to(#ff88b0));
    background: linear-gradient(to bottom, #ff266f, #ff568f 50%, #ff88b0);
    -webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.1) inset;
}

#listKirikae li:first-child p {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#listKirikae li:last-child p {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* スグ嬢更新 */
.btn_sugu_reload {
    font-weight: bold;
    position: absolute;
    top: 4px;
    right: 88px;
    border-top: 1px solid #cce3cf;
    border-bottom: 1px solid #154f12;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1c69b), color-stop(50%, #41bf4a), color-stop(51%, #0eb81d), color-stop(100%, #0d9c23));
    background: linear-gradient(to bottom, #a1c69b, #41bf4a 50%, #0eb81d 51%, #0d9c23);
    text-shadow: none;
}

.btn_sugu_reload a {
    padding: 0 8px 0 24px;
    font-size: 14px;
    line-height: 22px;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: url(/sp/st_img/icon_reload-90bc4222160ab51b16267b5d762ac78d.png) no-repeat 5px center;
    -webkit-background-size: 16px;
    background-size: 16px;
    text-shadow: 0 -1px 0 #154f12;
}

.btn_sugu_reload a img {
    position: relative;
    top: -3px;
    left: -2px;
}

/* 続きを読み込む */

/* ボタン */
.moreView_full {
    height: 32px;
    padding: 10px 0;
    clear: both;
    text-align: center;
    background: #e6e6e6;
}

.moreView_full .btn_read {
    margin: 0 3px;
    display: inline-block;
}

/* ボタン */
.btn_read a {
    width: 200px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #404040;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
    background: linear-gradient(to bottom, #fff, #dedede);
}

/* タイル状のリスト */
#tile_list_bk {
    position: relative;
    overflow: hidden;
    background: #e6e6e6;
}

.tile_list {
    /*  width:100%;*/
    margin: 0 auto;
    position: relative;
    left: 50%;
    float: left;
    background: #e6e6e6;
}

.tile_list li {
    width: 75px;
    height: 75px;
    margin: 2px;
    padding: 0;
    position: relative;
    left: -50%;
    display: inline-block;
    float: left;
}

.tile_list li a {
    width: 75px;
    height: 75px;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
}

.tile_list li img {
    pointer-events: none;
}

#tile_list li img {
    border-radius: 3px;
}

/* 動画の場合 */

#tile_list_douga li {
    width: 100px;
    height: 67px !important;
    margin: 0;
    margin: 2px;
    padding: 0;
    position: relative;
    display: inline-block;
    float: left;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 3px;
}

#tile_list_douga li a {
    width: 100px;
    height: 67px !important;
    background: #000;
}

#tile_list_douga li a span,
#suguFrip li a span {
    width: 94px;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    border-radius: 3px 3px 0 0;
    background: rgba(0, 0, 0, 0.4);
}

#tile_list_douga li img {
    /*  width:153px;*/
}

/* お店　スグ嬢ボタン */
.mainarea #shopdefalut h2.title_full,
.mainarea #shopdx h2.title_full {
    margin: 0 0 10px;
}

.btn_sugu {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: 4px;
    right: 5px;
    color: #4d4d4d;
    border: 1px solid #b45b5b;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7c7c), to(#ff4545));
    background: linear-gradient(to bottom, #ff7c7c, #ff4545);
    text-shadow: 1px 1px 0 #b23b3b;
}

.btn_sugu a {
    width: 60px;
    padding: 4px 0;
    display: block;
    text-align: center;
    color: #fff;
    border: 1px solid #fe9999;
    border-radius: 3px;
}

.ui-dialog_box {
    margin: 0 auto;
    background: #fff;
}

/* 出勤の切替 -------- */
.syukkinKirikae {
    margin: 10px;
    font-size: 11px;
}

.selectPlace2 {
    width: 200px;
    position: absolute;
    z-index: 555;
    top: 23px;
    right: -10px;
    display: none;
    background: #fff;
}

.douga_text .btn_filter a {
    color: #fff !important;
}

.douga_text .selectPlace2 {
    font-weight: normal !important;
    color: #000 !important;
    text-shadow: none !important;
}

/*ローディング画像*/

.tile_list li,
.landscape {
    position: relative;
    overflow: hidden;
}

.load_roll_img {
    margin-top: 50%;
    margin-left: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
}

/*フェード*/
.fadeOut {
    -webkit-animation: fadeOut 1s ease;
    animation: fadeOut 1s ease;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*フェード*/
.fadeOut2 {
    -webkit-animation: fadeOut 0.3s ease;
    animation: fadeOut 0.3s ease;
}

@-webkit-keyframes fadeOut2 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut2 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeIn {
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn2 {
    -webkit-animation: fadeIn 0.3s ease;
    animation: fadeIn 0.3s ease;
}

@-webkit-keyframes fadeIn2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#serth_dialog .ui-widget-overlay {
    position: fixed;
}

.shareNumber {
    color: #ff266f;
}

/*本日出勤の文字サイズ*/
.syukkin_date {
    font-size: 15px;
}

.right_70 {
    right: 70px !important;
}

.right_105 {
    right: 105px !important;
}

.btn_filter2 {
    font-size: 10px !important;
    line-height: 10px !important;
    display: block !important;
}

/*動画ページプレミア用*/

.douga_ad ul li a img {
    max-width: 300px !important;
    pointer-events: none;
}

#iphone-layout #puGirl .douga_ad ul li {
    width: 100px;
    height: 66px !important;
}

#suguFrip .douga_ad li a {
    height: 66px;
}

.douga_ad ul li a {
    width: 100px !important;
}

#iphone-layout .premia_center_image {
    width: 100% !important;
}

#iphone-layout .premia_center_image li {
    margin-right: 0;
}

#iphone-layout .premia_center_image li a {
    margin: 0 auto;
    border-radius: 3px;
}

.douga_ad #suguFrip li {
    height: 67px;
}

.douga_ad #suguFrip li a {
    height: 67px;
    text-align: center;
    background: #000;
}

.douga_ad #suguFrip li a img {
    border-radius: 0;
}

#iphone-layout .douga_ad {
    height: 75px;
}

/*夜ガイニュースリストの背景色*/
#yorugai_news li:nth-child(2n) {
    background-color: #fef7fa;
}

.new_myp {
    margin-left: 5px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

div#myp_info {
    padding: 7px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e7abab;
    background: #ffecec;
}

#topHeader {
    border-bottom: #c0c0c0 1px solid;
}

.mypage p.new_myp {
    margin-left: 0;
    font-size: 16px;
}

.list_last_bottom li:last-child {
    border-bottom: 1px solid #c6c6c6 !important;
}

.underline {
    text-decoration: underline;
}

.search .label_padding {
    margin: 0;
}

/*------------------------------
  ↓プレミアロール枠
---------------------------*/
/* IE対策 */
#puGirl.item_ad {
    -ms-overflow-x: auto !important;
}

#puGirl.item_ad a:before {
    padding: 2px 0 2px 2px;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    z-index: 100;
    bottom: 0;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    content: attr(title);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgb(255, 255, 255);
    border-radius: 0 0 3px 3px;
    background-color: rgba(0, 0, 0, 0.55);
    text-shadow: rgba(0, 0, 0, 0.7) 0 1px 0;
}

#puGirl.item_ad a:before {
    width: 85px;
    text-align: left;
}

#puGirl.item_ad a.hidden_name:before {
    background: none;
}

/*------------------------------
  関西用
---------------------------*/
.canpub_box {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px #c0c0c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(0.5, #fff), color-stop(0.6, #fff), to(#f2f2f2));
    background: linear-gradient(to bottom, #f2f2f2, #fff 50%, #fff 60%, #f2f2f2);
}

.canpub_box a {
    padding: 9px 0;
    display: block;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

#iphone-layout .canpub_gaido {
    color: #000b4f;
}

.sinsetu {
    color: #f00;
}

/* --------------------------------------- */
/* 検索結果用：新着店 */
.commonList01 .newShop a {
    padding: 4px 0;
    border: 4px solid #f00 !important;
    background-position: -webkit-calc(100% + 4px) 50%;
    background-position: calc(100% + 4px) 50%;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.commonList01 .newShop a:before {
    width: 54px;
    height: 40px;
    position: absolute;
    z-index: 999;
    top: -4px;
    left: -4px;
    content: '';
    background-image: url(/sp/st_img/icon_new_kensaku-df39ca1c83403fc52638c06ed794cf41.png);
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: 54px 40px;
    background-size: 54px 40px;
}

.commonList01 li a {
    background: none;
}

.newShop .date {
    font-size: 14px;
    line-height: 1em;
    color: #dc0039;
    margin-bottom: 4px;
}

.newShop .shop_info_frame.fl_base {
    justify-content: space-between;
}

.commonList01 .newShop .shop_info_frame {
    padding-right: 4px;
}

.newShop .shop_info_frame.fl_base .shop_info {
    min-width: 1px;
}

.newShop .shopName {
    padding-right: 4px;
    overflow: auto;
    white-space: normal;
    text-overflow: initial;
}

.newShop .shop_status {
    height: 34px;
    font-size: 12px;
    color: #fff;
    padding: 4px 4px 0 6px;
    background-color: #60bd46;
    flex-shrink: 0;
}

.newShop .txt {
    line-height: 1;
    margin-top: 2px;
}

/* --------------------------------------- */
/* オキニランキングリンク */
/* --------------------------------------- */
.link_okini-ranking {
    text-align: center;
    border-bottom: 1px solid #c6c6c6;
}

.img_okini-ranking {
    width: 320px;
}

/* ランキングBOX用 */
.prg_okini-ranking {
    width: 100%;
    margin: 4px auto 8px;
    padding: 3px 20px 4px 10px;
    padding-bottom: 4px;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #ffc0c0;
    border-bottom: 1px solid #ffc0c0;
    background: url(/sp/st_img/cur_caba-e5a25645160530aaf828126eef6c3702.png) no-repeat scroll right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.prg_okini-ranking a {
    width: 100%;
    display: block;
    text-indent: -9999px;
    background-image: url(../st_img/okini-ranking_2.png);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: 224px 20px;
    background-size: 224px 20px;
}

.prg_okini-ranking img {
    width: 100%;
    max-width: 358px;
}

/* --------------------------------------- */
/* ブログコーナー */
/* --------------------------------------- */
/* MINA'sブログ */
.blog_link {
    text-align: center;
    background-color: #fff;
}

/* 新コーナー */
.txt_blog-new {
    padding: 4px;
    font-weight: bold;
    color: #fff;
    background-color: #1b6ed3;
}

.txt_blog-new-ca {
    padding: 4px;
    font-weight: bold;
    color: #fff;
    background-color: #ff8d42;
}

/* バナー枠 */
.prg_blog-banner {
    display: block;
}

/* バナー画像 */
.img_blog-banner {
    width: 100%;
    max-width: 375px;
    box-sizing: border-box;
}

.blog_link .blink {
    -webkit-animation: blink 0.8s ease-in-out infinite alternate;
    animation: blink 0.8s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0.1;
    }
    90% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 0.1;
    }
    90% {
        opacity: 1;
    }
}

/* --------------------------------------- */
/* オススメバナー */
/* --------------------------------------- */
/* 外枠 */
.osusumePRnew {
    text-align: center;
    background-color: #fff;
}

/* バナー枠 */
.frame_osusume {
    max-width: 414px;
    max-height: 150px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: #444;
}

/* リンク */
.link_osusume {
    width: 100%;
    max-height: inherit;
    padding: 2px 32px 2px 2px;
    display: block;
    box-sizing: border-box;
    background: url(/sp/st_img/cur_white-8f6e75043af6609642bc223b8d9c2e5b.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* バナー画像 */
.link_osusume img {
    max-width: 100%;
    max-height: inherit;
}

/* --------------------------------------- */
/* オススメバナー：グラビア用 */
/* --------------------------------------- */
.frame_osusume.gravure,
.frame_osusume.gravure .osusumePRtitle {
    background-color: #003;
}

.frame_osusume.gravure .osusumePRtitle span {
    padding: 0 4px;
    color: #ff6;
}

/* --------------------------------------- */
/* テキストバナー */
/* --------------------------------------- */
.osusumePRnew .text-banner {
    background-color: #fff;
}

.osusumePRnew .text-banner span {
    width: 100%;
    font-size: 16px;
    line-height: 1.8em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

/* --------------------------------------- */
/* グラビア特集バナー */
/* --------------------------------------- */
.box_banner {
    width: 100%;
    text-align: center;
    border-top: 1px solid #bbb;
    background-color: #fff;
}

.box_banner img {
    max-width: 100%;
}

/* --------------------------------------- */
/* Gバナー */
/* --------------------------------------- */
.G-banner.box_banner img {
    width: 100%;
    max-width: 414px;
}

/* ------------------------------------------------------------
  カバーガール
------------------------------------------------------------- */
#coverGirl {
    max-width: 480px;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    text-align: center;
    background: none repeat scroll 0 0 #fff;
}

#coverGirl img {
    width: 100%;
    max-width: 480px;
}

#coverGirl a {
    display: block;
}

/* 店舗・item情報 */
#coverGirl .girlname {
    text-decoration: underline;
    color: #ff006c;
}

#coverGirl .shopname {
    text-decoration: underline;
    color: #390;
}

.covergirl_info {
    max-width: 480px;
    max-height: 38px;
    padding: 4px 0 25px;
    overflow: hidden;
}

.covergirl_info.single {
    padding: 6px 0 10px;
}

#coverGirl .swiper-wrapper {
    min-height: 240px;
}

.cover_movie {
    aspect-ratio: 4/3;
    background-color: #000;
    display: block;
    width: 100%;
}

/* for not supported aspect-ratio */
@media screen and (max-width: 375px) {
    .cover_movie {
        max-height: calc((375 / 4) * 3px);
    }
}

@media screen and (max-width: 320px) {
    .cover_movie {
        max-height: 240px;
    }
}

/*----------------------------------
おすすめ店一覧
--------------------------*/
.osusumeShopList .osusumeshop {
    padding: 0;
    line-height: 1.3;
    position: relative;
    text-align: left;
    word-break: break-all;
    border-top: 6px solid #bcbcbc;
    border-bottom: 1px solid #939393;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(212, 218, 219, 1)));
    background: linear-gradient(to bottom, #fff, #d4dadb);
}

.osusumeShopList .osusumeshop:first-child {
    border-top: 0;
}

.osusumeShopList .osusumeshop:last-child {
    border-bottom: 0;
}

.osusumeShopList .osusumeshop a {
    display: block;
    color: inherit;
}

/* バナー */
.osusumeShopList dt {
    padding: 6px 6px 0;
    text-align: center;
}

.osusumeShopList img {
    max-width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #777;
}

/* 店舗情報 */
.osusumeShopList .shopInfo {
    text-align: center;
}

.osusumeShopList .shopName {
    padding-left: 20px;
    background: transparent url('/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png') no-repeat scroll left center / 17px 17px;
}

.osusumeShopList .price {
    font-size: 14px;
}

.osusumeShopList .lbl_pr {
    width: 40px;
    margin-bottom: 4px;
    margin-left: -4px;
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #f36;
}

.osusumeShopList .shopTxt {
    font-size: 13px;
    line-height: 1.4;
}

.osusumeShopList dd {
    margin: 0 5px 10px;
    padding: 4px 26px 4px 4px;
    position: relative;
    display: block;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* 一緒に働いてみる？ */
.monthRankingList .joblink {
    margin-top: 10px;
}

.commonList02 .joblink > a {
    padding: 0;
    font-size: 15px;
    display: inline;
    text-decoration: underline;
    color: #ee5ba6;
    background: none;
}

#girlDate02 .joblink {
    margin-top: 4px;
}

#girlDate02 .joblink > a {
    font-size: 15px;
    text-decoration: underline;
    color: #ee5ba6;
}

/* --------------------------------------- */
/* ランキングロゴ位置調整 */
#rankFu img,
#rankDe img,
#rankCa img {
    margin-left: 8px;
}

#rankHo img {
    margin-left: 4px;
}

/* --------------------------------------- */
/* 運営会社 */
/* --------------------------------------- */
.company-info {
    padding: 0 10px;
}

.info_management {
    line-height: 1.4;
}

.corporate-color {
    font-weight: bold;
    color: #f90;
}

.info_management > dt {
    margin-top: 10px;
    margin-bottom: 2px;
    padding: 0 4px;
    font-size: 14px;
    font-weight: bold;
    color: #3f63a8;
    border-width: 0 0 1px 4px;
    border-style: solid;
    border-color: #3f63a8;
}

.info_management > dd > a {
    color: #0080de;
}

/* --------------------------------------- */
/* 新汎用*/
/* --------------------------------------- */
.sp_block {
    display: inline-block;
}

.fl_base {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* iPhone記号対策 */
.mark {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* リスト */
[class*='clist-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* ボタンリンク */
.btn_link {
    width: 100%;
    margin-bottom: 3px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 6px;
}

/* 見出しタグ内ボタン*/
.btn_hl-inline {
    width: 100px;
    height: 25px;
    margin: auto;
    font-size: 12px;
    font-weight: normal;
    line-height: 26px;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    display: block;
    float: right;
    text-align: center;
    color: #4d4d4d;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d6d6d6));
    background: linear-gradient(to bottom, #fdfdfd, #d6d6d6);
    text-shadow: none;
}

/* 戻るリンク */
.link_back {
    padding: 8px 0;
    font-size: 16px;
    display: block;
    text-align: center;
    border-top: 1px solid #ccc;
    background: transparent url(/sp/st_img/cur_gray03-8ff4a2bb8f7b7d5e4e9eeaa27d3eb521.png) no-repeat left center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

/* リスト用矢印リンク */
.arrow_gp,
.link_relation {
    display: block;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

.arrow_gp {
    padding: 4px 26px 4px 4px;
}

/* 関連リンク */
.link_relation {
    max-width: 300px;
    margin: 18px auto 12px;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #08558c;
    border: 0 none;
    border-radius: 30px;
    background-color: #c6e7ff;
    background-position: 98% center;
}

/* --------------------------------------- */
/* 行ぞろえ */
.txac {
    text-align: center;
}

/* --------------------------------------- */
/* 余白 */
.mb10 {
    margin-bottom: 10px;
}

/* --------------------------------------- */
/* 文字色 */
.c_yellow {
    color: #ff0;
}

.c_d-blue {
    color: #0064db;
}

/* --------------------------------------- */
/* 汎用タブリスト(メインカテゴリ向け) */
/* --------------------------------------- */
.clist-tab {
    margin: 0;
    padding: 5px 5px 0;
    border-bottom: solid 6px #ff4141;
    background-color: #5a5a5a;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.clist-tab .elm {
    padding: 4px 0 2px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-shadow: 1px 1px 0 #6b160d;
}

.clist-tab .elm > a {
    margin: 0;
    display: block;
    vertical-align: middle;
    color: inherit;
}

.clist-tab .elm.current {
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    background-color: #ff4141;
}

/* タブがひとつしかない時 */
.clist-tab .elm:first-child:last-child {
    font-size: 16px;
    letter-spacing: 3px;
}

/* サイズ調整 */
.clist-tab .elm:first-child:nth-last-child(2),
.clist-tab .elm:first-child:nth-last-child(2) ~ .elm {
    width: 50%;
}

.clist-tab .elm:first-child:nth-last-child(3),
.clist-tab .elm:first-child:nth-last-child(3) ~ .elm {
    width: 33.3%;
}

.clist-tab .elm:first-child:nth-last-child(4),
.clist-tab .elm:first-child:nth-last-child(4) ~ .elm {
    width: 25%;
}

/* ランキング用 */
.syukeiEx + .clist-tab {
    margin-top: 10px;
}

/* 小さめ */
.clist-tab.txt_small {
    border-bottom-width: 4px;
}

.clist-tab.txt_small .elm {
    font-size: 12px;
}

/* --------------------------------------- */
/* 汎用ボタンリスト(サブカテゴリ向け) */
/* --------------------------------------- */
.cbtn-list {
    padding: 6px;
    font-size: 13px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdd), to(#fff));
    background: linear-gradient(to bottom, #fdd, #fff);
}

.cbtn-list .elm {
    display: inline-block;
}

.cbtn-list .elm > a,
.cbtn-list .elm > span {
    padding: 1px 8px;
    display: block;
    color: #ff4141;
}

.cbtn-list .current > a,
.cbtn-list .current > span {
    color: #fff;
    border-radius: 10px;
    background-color: #ff4141;
}

/* 次の階層 */
.cbtn-list + .cbtn-list {
    border-top: 1px solid #ccc;
    background: #fff;
}

/* --------------------------------------- */
/* 汎用横並びリスト(等分中央寄せ) */
/* --------------------------------------- */
.clist-column {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -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;
}

.clist-column .elm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.clist-column > .elm:first-child:last-child {
    width: 100%;
}

.clist-column > .elm:first-child:nth-last-child(2),
.clist-column > .elm:first-child:nth-last-child(2) ~ .elm {
    width: 50%;
}

.clist-column > .elm:first-child:nth-last-child(3),
.clist-column > .elm:first-child:nth-last-child(3) ~ .elm {
    width: 33.3%;
}

.clist-column > .elm:first-child:nth-last-child(4),
.clist-column > .elm:first-child:nth-last-child(4) ~ .elm {
    width: 25%;
}

.clist-column > .elm:first-child:nth-last-child(5),
.clist-column > .elm:first-child:nth-last-child(5) ~ .elm {
    width: 20%;
}

/* 汎用横並びリストの中身 */
.column_image {
    width: 90px;
    height: 120px;
    margin: auto;
    position: relative;
    border: 1px solid #ccc;
}

.clist-column .column_image > img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* --------------------------------------- */
/* 汎用縦並びリスト */
/* --------------------------------------- */
.clist_general > .elm:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

/* --------------------------------------- */
/* 汎用縦並びリストの中身 */
/* --------------------------------------- */
/* 画像(幅固定) */
.clist_general .box_image {
    width: 90px;
    height: 120px;
    margin-right: 6px;
    position: relative;
    border: 1px solid #ccc;
}

/* 無料掲載店 */
.clist_general .size-s .box_image {
    width: 66px;
    height: 88px;
}

[class*='clist-'] .box_image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.clist_general .box_image > img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* 画像(新着動画サムネ) */
.clist_general.movie-list .box_image {
    width: 128px;
    height: 72px;
    margin-right: 6px;
    margin-left: 0;
    background-color: #000;
}

.clist_general.movie-list .box_image > img {
    max-width: 128px;
    height: 100%;
    max-height: 72px;
}

/* テキスト(幅可変) */
.clist-inner .box_info {
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
}

/* タイトル */
.clist_general .title {
    font-size: 16px;
    display: block;
    word-break: break-all;
    color: #0080de;
}

/* タイトル(P日記) */
.clist_general.pdiary-list .title {
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
    word-break: break-all;
    color: #0080de;
    background: url(/sp/st_img/icon_write2-b92a132115cc4dbd41de6cb2027f5170.png) no-repeat 1px center;
}

/* タイトル(新着動画) */
.clist_general.movie-list .title {
    font-size: 14px;
    font-weight: bold;
}

/* 日付 */
.clist_general .date {
    margin-right: 3px;
    font-size: 12px;
    color: #080;
}

/* 店名 */
.clist_general .shopName {
    font-size: 12px;
}

.item-list .shopName {
    font-size: 14px;
}

.clist_general.pdiary-list .shopName {
    padding-left: 18px;
    font-size: 12px;
    font-weight: bold;
    background-position: 2px 1px;
    -webkit-background-size: 12px;
    background-size: 12px;
}

.clist_general.movie-list .shopName {
    font-size: 10px;
}

/* DXアイコン */
.icon_dx {
    margin: 0 2px;
    padding: 1px 4px;
    font-size: 8px;
    font-weight: bold;
    line-height: 1em;
    vertical-align: middle;
    color: #fff;
    border-radius: 2px;
    background-color: #ff9f38;
}

/* アイテム名 */
.clist_general .name {
    margin: 0;
    font-size: 14px;
    display: block;
    color: #800;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* カテゴリ名 */
.clist_general .cate {
    margin: 0;
    padding-left: 18px;
    font-size: 14px;
    color: #000;
    background: url(/sp/st_img/icon_cate-417987d293ea58d007538c005b473be1.png) no-repeat 1px center;
    -webkit-background-size: 13px;
    background-size: 13px;
}

/* 業種とエリア */
.clist_general .shopType {
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    color: #667284;
}

.item-list .shopType {
    font-size: 12px;
}

.clist_general.movie-list .shopType {
    font-size: 10px;
}

/* --------------------------------------- */
/* アイテム一覧表示用 */
/* --------------------------------------- */
.item-list .arrow_gp {
    background-image: url(/sp/st_img/cur_red-d1a4be81d92b66aa926c8a170517d190.png);
}

/* 画像余白 */
.item-list .box_image {
    margin-right: 14px;
    margin-left: 7px;
}

/* アイテム名 */
.item-list .name {
    font-size: 16px;
    font-weight: bold;
    background-position: 0 2px;
    -webkit-background-size: 14px;
    background-size: 14px;
}

/* アイテム名(新着動画) */
.item-list.movie-list .name {
    font-size: 11px;
    font-weight: normal;
}

/* カテゴリ名(新着動画) */
.item-list.movie-list .cate {
    padding-left: 12px;
    font-size: 11px;
    font-weight: normal;
    -webkit-background-size: 10px;
    background-size: 10px;
}

/* パーソナルデータ */
.item-list .age,
.item-list .spec {
    margin-right: 0.1em;
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    vertical-align: baseline;
}

/* こだわりアイコン */
.item-list .kensakuIcon {
    line-height: 1.3;
    margin-bottom: 4px;
}

/* 勤務時間 */
.item-list .time {
    margin: 0;
    padding-left: 18px;
    font-size: 14px;
    display: inline-block;
    color: #40a940;
    background: url(/sp/st_img/icon_time-4f8e1073a2dd363673a6249fad99a0e2.png) no-repeat 0 1px;
}

/* 勤務時間(スグ嬢) */
.item-list.sugu-list .time {
    padding: 0;
    font-size: 12px;
    color: #f00;
    background: none;
}

/* コメント枠(ひとりごと・スグ嬢コメント) */
.item-list .comment {
    min-height: 16px;
    padding-top: 2px;
    padding-left: 20px;
    font-size: 12px;
    color: #6f6f6f;
    background: url(/sp/st_img/icon_comment-955b51964ec90b3f1794b2b5e4c4cf25.png) no-repeat 0 1px;
}

/* 一緒に働いてみる？リンク */
.item-list .joblink > a {
    padding: 4px;
    font-size: 15px;
    display: block;
    text-decoration: underline;
    color: #ee5ba6;
}

/* 名前の横のアイコン */
.item-list .icon {
    margin-left: 4px;
}

/* キープするボタン */
.btnKeep {
    padding: 0 4px 4px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.btnKeep .keeplink {
    padding: 3px 3px 5px;
    display: block;
    text-decoration: underline;
    color: #0080de;
    border: 1px solid #0080de;
    background-color: #f0ffff;
}

.btnKeep.keepYes .keeplink {
    color: #ff0081;
    border: 1px solid #ff0081;
    background-color: #fff0ff;
}

.btnKeep .keeplink span {
    padding-left: 14px;
    background: url(/sp/st_img/icon_keep_no-33457da9761d6e1419ccc22c70e6e995.png) no-repeat left center;
    -webkit-background-size: 11px 10px;
    background-size: 11px 10px;
}

.keepYes .keeplink span {
    background-image: url(/sp/st_img/icon_keep_yes-c99550acee31549160b93a1742170771.png);
}

/* --------------------------------------- */
/* キャストDX */
/* --------------------------------------- */
.item-list {
    border-bottom: 1px solid #ccc;
}

/* 画像 */
.item-list [class*='castdx_'] .box_image {
    margin-right: 6px;
    margin-left: 0;
}

/* アイテムDX枠 */
.item-list [class*='castdx_'],
[class*='castdx_'] .box_image {
    position: relative;
    z-index: 1;
}

.item-list [class*='castdx_']:after {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    border-width: 4px;
    border-style: solid;
}

/* 看板娘 */
.castdx_red .box_image,
.item-list .castdx_red:after {
    border-color: #ff1427;
}

/* リピ率No.1 */
.castdx_pink .box_image,
.item-list .castdx_pink:after {
    border-color: #ff76ae;
}

/* 超おすすめ */
.castdx_yellow .box_image,
.item-list .castdx_yellow:after {
    border-color: #ffae26;
}

/* サムネサイズ */
.item-list [class*='castdx_'] .box_image {
    width: 105px;
    height: 140px;
    margin-top: 21px;
}

.item-list.movie-list [class*='castdx_'] .box_image {
    width: 128px;
    height: 72px;
}

.item-list [class*='castdx_'] .box_image:before {
    width: 100%;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: 22px;
    line-height: 22px;
    position: absolute;
    z-index: 10;
    top: -22px;
    left: -1px;
    display: block;
    content: '';
    text-align: center;
    color: #fff;
    border-radius: 0;
    background-image: url(/sp/st_img/bg_castdx_1-388f85054740fd5805fa4392c37f53f2.png);
    background-repeat: no-repeat;
    -webkit-background-size: 92px 72px;
    background-size: 92px 72px;
}

.castdx_red .box_image:before {
    background-color: #ff1427;
    background-position: center 0;
}

.castdx_pink .box_image:before {
    background-color: #ff76ae;
    background-position: center -25px;
}

.castdx_yellow .box_image:before {
    background-color: #ffae26;
    background-position: center -50px;
}

/* --------------------------------------- */
/* アイテム検索 */
/* --------------------------------------- */
/* メイン業種絞り込みボタン */
.mtype_change {
    padding: 8px 4px;
    border-bottom: 1px solid #a0a0a0;
    background-color: #5a5a5a;
}

.mtype_change .elm {
    font-size: 16px;
}

.mtype_change .elm:first-child {
    padding-right: 2px;
}

.mtype_change .elm:nth-child(2) {
    padding-right: 1px;
    padding-left: 1px;
}

.mtype_change .elm:last-child {
    padding-left: 2px;
}

.mtype_change .link_btn {
    height: 36px;
    padding-top: 4px;
    font-size: 14px;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d6d6d6));
    background: linear-gradient(to bottom, #fdfdfd, #d6d6d6);
}

.mtype_change .link_btn:after {
    width: 80%;
    height: 3px;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 4px;
    left: 0;
    display: block;
    content: '';
    background-color: #ccc;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
}

.mtype_change .active .link_btn {
    font-weight: bold;
}

.mtype_change .active .link_btn:after {
    background-color: #ff4141;
    box-shadow: none;
}

/* 文字間 */
.mtype_change .char2 {
    letter-spacing: 8px;
}

/* --------------------------------------- */
/* 絞り込み・キープを見るボタン */
.search-btn {
    padding: 8px 4px;
}

.search-btn + .viewNum_full {
    border-top: 1px solid #ccc;
}

/* 余白：2個以上 */
.search-btn .elm:first-child {
    padding-right: 2px;
}

.search-btn .elm:last-child {
    padding-left: 2px;
}

/* 余白：1個 */
.search-btn .elm:first-child:last-child {
    padding: 0;
}

/* 既存style打ち消し */
.search-btn .elm.btn_filter {
    position: static;
}

/* ボタン */
.search-btn .btn_link {
    height: 30px;
    padding: 0 6px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
    background-color: #00b0bc;
    box-shadow: 0 3px 0 #2a676b;
    text-shadow: 0 1px 0 #2a676b;
}

/* アイコン */
.search-btn .btn_link .icon {
    height: 18px;
    margin-right: 4px;
    margin-bottom: 6px;
    vertical-align: bottom;
}

.search-btn .chk_icon {
    width: 14px;
    height: 14px;
    margin: 1px 4px 0 0;
    display: inline-block;
    vertical-align: text-top;
    background: url(/sp/st_img/chk_pic_on_off-058c2e0a6ecc06ecb4eaaa44d78d3dbd.png) no-repeat;
    background-position: 0 0;
    -webkit-background-size: 28px 14px;
    background-size: 28px 14px;
}

/* 選択中のボタン */
.search-btn .active .btn_link {
    background-color: #f69;
    box-shadow: 0 3px 0 #7f334c;
    text-shadow: 0 1px 0 #592637;
}

.search-btn .active .btn_link:hover {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
    box-shadow: none;
}

.search-btn .active .chk_icon {
    background-position: -14px 0;
}

@media screen and (max-width: 360px) {
    .search-btn .elm:first-child:nth-last-child(3) .btn_link,
    .search-btn .elm:first-child:nth-last-child(3) ~ .elm .btn_link {
        font-size: 12px;
    }

    .search-btn .btn_link .icon {
        height: 16px;
        margin-right: 2px;
    }
}

@media screen and (max-width: 320px) {
    .search-btn .elm:first-child:nth-last-child(3) .btn_link,
    .search-btn .elm:first-child:nth-last-child(3) ~ .elm .btn_link {
        padding: 0 2px;
    }

    .search-btn .chk_icon {
        margin-top: 0;
    }
}

/* --------------------------------------- */
/* 横並び絞り込みボタン */
/* --------------------------------------- */
.refinebtn-list {
    margin: 0;
    font-size: 14px;
    background-color: #000;
}

.refinebtn-list + .viewNum_full {
    border-top: 1px solid #a0a0a0;
}

.refinebtn-list .elm {
    height: 46px;
}

.refinebtn-list .elm + .elm {
    border-left: 1px solid #333;
}

.refinebtn-list a,
.refinebtn-list .list_btn {
    height: 100%;
    line-height: 40px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    border-bottom: 6px solid #ccc;
}

@media screen and (max-width: 480px) and (min-width: 361px) {
    .refinebtn-list .elm:nth-child(4) .sp_block {
        font-size: 12px;
        line-height: 1.2em;
        display: block;
    }

    .refinebtn-list .elm:nth-child(4) .sp_block:first-child {
        padding-top: 6px;
    }
}

@media screen and (max-width: 360px) {
    .refinebtn-list .elm:first-child:nth-last-child(4),
    .refinebtn-list .elm:first-child:nth-last-child(4) ~ .elm,
    .refinebtn-list .elm:first-child:nth-last-child(5),
    .refinebtn-list .elm:first-child:nth-last-child(5) ~ .elm {
        font-size: 10px;
    }

    .refinebtn-list .elm .sp_block {
        font-size: 10px;
        line-height: 1.2em;
        display: block;
    }

    .refinebtn-list .elm .sp_block:first-child {
        padding-top: 8px;
    }

    .refinebtn-list .elm:first-child:nth-last-child(3) ~ .elm .sp_block {
        font-size: 12px;
    }

    .refinebtn-list .elm:first-child:nth-last-child(3) ~ .elm .sp_block:first-child {
        padding-top: 6px;
    }
}

/* 選択中 */
.refinebtn-list .active {
    font-weight: bold;
    line-height: 30px;
    position: relative;
    display: block;
    color: #fff;
    background-color: #ff4141;
}

.refinebtn-list .active > a {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.refinebtn-list .active:after {
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    border-width: 6px 8px 0 8px;
    border-style: solid;
    border-color: #ff4141 transparent transparent transparent;
}

.refinebtn-list .active span {
    color: inherit;
}

/* --------------------------------------- */
/* イベント開催店 */
/* --------------------------------------- */
/* 注目オススメ */
.list_event .recommendShop {
    position: relative;
}

.recommendShop .arrow_gp {
    background-position: -webkit-calc(100% + 4px) 50%;
    background-position: calc(100% + 4px) 50%;
}

.list_event .recommendShop:after {
    width: 54px;
    height: 14px;
    top: 8px;
    right: 8px;
    bottom: auto;
    left: auto;
    background-position: center -18px;
    -webkit-background-size: 54px 33px;
    background-size: 54px 33px;
}

.list_event .recommendShop.super:after {
    height: 32px;
    background-position: center 0;
}

@media screen and (max-width: 320px) {
    .list_event .recommendShop:after {
        width: 38px;
        height: 10px;
        border-width: 2px;
        border-radius: 4px;
        background-position: center -12px;
        background-size: 38px 23px;
    }

    .list_event .recommendShop.super:after {
        height: 23px;
        background-position: center 0;
    }
}

/* イベント期間 */
.list_event .date {
    color: #dd1d00;
}

/* イベントタイトル(10文字) */
.list_event .title {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* イベント詳細 */
.list_event .msg {
    margin: 2px 0;
    font-size: 14px;
    color: #492017;
    background-color: #ffe;
}

/* --------------------------------------- */
/* 見出し */
/* --------------------------------------- */
/* 検索結果 */
.h1-search {
    margin: 10px 0 5px;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    border: 1px solid #a0a0a0;
    border-right: none;
    border-left: none;
}

/* 日記 */
.mainarea .hl_diary {
    margin: -10px -10px 10px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    text-align: left;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c3c3c3));
    background: linear-gradient(to bottom, #ededed, #c3c3c3);
}

/* --------------------------------------- */
/* 業種絞り込みプルダウン付き見出し */
/* --------------------------------------- */
.hl_type-refine {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 8px 5px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #bbac00;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffa8), to(#ffff59));
    background: linear-gradient(to bottom, #ffffa8, #ffff59);
}

/* 既存style打ち消し */
.mainarea .hl_type-refine {
    padding: 8px 5px;
}

.hl_type-refine + .search-btn {
    padding-top: 0;
}

/* 絞り込みプルダウン */
.type-refine {
    width: 150px;
    position: absolute;
    top: 4px;
    right: 0;
}

.type-refine dt {
    width: 100px;
    height: 28px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 28px;
    position: absolute;
    right: 6px;
    cursor: pointer;
    text-align: center;
    color: #0080de;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: white;
    text-shadow: 1px 1px 0 #fff;
}

.type-refine dd {
    position: absolute;
    z-index: 200;
    top: 30px;
    right: 0;
    display: none;
    overflow: hidden;
    background: #fff;
}

.type-refine li {
    width: 160px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    display: block;
    color: #000;
    border-bottom: 1px solid #ccc;
}

.type-refine li {
    width: 160px;
    padding: 3px 7px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    background: white;
}

.type-refine a {
    display: block;
    color: #0060c4;
}

.type-refine a:hover {
    color: #ff6000;
}

.type-refine a.linenone {
    border-bottom: none;
}

.type-refine a.here {
    color: #ff6000;
}

.type-refine a.none {
    color: #808080;
}

/* --------------------------------------- */
/* アニメーション */
/* --------------------------------------- */
/* チカチカ点滅 */
.anime_blink2 {
    -webkit-animation-name: anime-blink2;
    animation-name: anime-blink2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes anime-blink2 {
    0% {
        opacity: 1;
    }
    79% {
        opacity: 1;
    }
    80% {
        opacity: 0.1;
    }
    85% {
        opacity: 0.1;
    }
    86% {
        opacity: 1;
    }
    89% {
        opacity: 1;
    }
    90% {
        opacity: 0.1;
    }
    95% {
        opacity: 0.1;
    }
    96% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anime-blink2 {
    0% {
        opacity: 1;
    }
    79% {
        opacity: 1;
    }
    80% {
        opacity: 0.1;
    }
    85% {
        opacity: 0.1;
    }
    86% {
        opacity: 1;
    }
    89% {
        opacity: 1;
    }
    90% {
        opacity: 0.1;
    }
    95% {
        opacity: 0.1;
    }
    96% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

/* --------------------------------------- */
/* パンくずリスト */
/* --------------------------------------- */
.breadcrumb {
    padding: 4px 10px 0;
    font-size: 12px;
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li:not(:last-child):after {
    content: ' > ';
}

.breadcrumb li a {
    color: #0080de;
}

.breadcrumb + .h1-search,
.breadcrumb + .titleCommon {
    margin-top: 4px;
}

/* --------------------------------------- */
/* 女の子DX枠 */
/* --------------------------------------- */
.box_castdx {
    text-align: center;
    border-width: 1px 0;
    border-style: solid;
    border-color: #aaa;
}

.box_castdx + .box_castdx {
    border-top: 0 none;
}

.box_castdx .hl {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.clist-showcase {
    width: auto;
    margin: 0 auto;
    border-top: 1px solid #aaa;
    background-color: #ccc;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* 伸縮させない */
.clist-showcase .elm {
    width: 25%;
    box-sizing: content-box;
    flex: 0 0 auto;
}

.clist-showcase .elm + .elm {
    margin-left: 1px;
}

.clist-showcase .img_castdx {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.clist-showcase .frame_ratio > .inner {
    display: block;
}

@media screen and (max-width: 1210px) {
    .clist-showcase .elm:nth-child(9) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 1089px) {
    .clist-showcase .elm:nth-child(8) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 968px) {
    .clist-showcase .elm:nth-child(7) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 847px) {
    .clist-showcase .elm:nth-child(6) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 726px) {
    .clist-showcase .elm:nth-child(5) ~ .elm {
        display: none;
    }
}

@media screen and (max-width: 604px) {
    .clist-showcase .elm:nth-child(4) ~ .elm {
        display: none;
    }
}

@media screen and (min-width: 481px) {
    .clist-showcase .elm {
        width: 120px;
    }
}

@media screen and (min-width: 604px) {
    .clist-showcase .frame_ratio {
        height: 160px;
    }
}

/* 女の子情報 */
.clist-showcase .girl_info {
    padding: 2px 4px;
    text-align: center;
    background-color: #fff;
}

.clist-showcase .girl_info .name,
.clist-showcase .girl_info .shopName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.clist-showcase .girl_info .name {
    font-size: 12px;
    font-weight: bold;
    color: #ff5790;
}

.clist-showcase .girl_info .shopName {
    margin: 0;
    padding: 0;
    font-size: 8px;
    color: #333;
    background: none;
}

/* --------------------------------------- */
/* 縦横比固定 */
/* --------------------------------------- */
.frame_ratio {
    width: 100%;
    height: auto;
    position: relative;
}

.frame_ratio::before {
    display: block;
    content: '';
}

.ratio_3-4::before {
    padding-top: 133%;
}

.ratio_1-1::before {
    padding-top: 100%;
}

/* 四切（1：1.2） */
.ratio_4switching::before {
    padding-top: 120%;
}

.frame_ratio > .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    background-color: #fff;
}

/* --------------------------------------- */
/* 商品券利用トラブルに関する通報 */
/* --------------------------------------- */
.form_report .txt_info {
    padding: 0 10px 10px;
    font-size: 14px;
    line-height: 1.4;
}

.form_report .form_report_content {
    margin-top: 10px;
    margin-bottom: 20px;
}

.title_date {
    background-color: #ffddef;
    background-image: url(/sp/st_img/icon_rireki-86cc7c8e70f03c63b11e4658aa710bc3.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    -webkit-background-size: 22px;
    background-size: 22px;
}

.form_report .lbl {
    font-size: 14px;
    display: block;
}

.form_report .lbl + .lbl {
    margin-top: 6px;
}

.form-parts {
    padding: 5px;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 0 #ddd;
    box-shadow: 1px 1px 0 #ddd;
}

.form_report .sub_hl {
    margin: 10px 0 4px;
    font-size: 14px;
    font-weight: bold;
}

/* --------------------------------------- */
/* 汎用上書き */
/* --------------------------------------- */
.btn_link:active {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
    box-shadow: none;
}

/* SEOテキストコンテンツ */
.seo-text-contents {
    padding: 10px;
    font-size: 12px;
    text-align: left;
    color: #667284;
    border-bottom: 1px solid #c6c6c6;
}

.yorugai_entrance .seo-text-contents {
    border-bottom: none;
}

.footer_nav .seo-text-contents {
    border-top: 1px solid #b2b2b2;
    border-bottom: none;
}

marquee {
    white-space: nowrap;
}

/* --------------------------------------- */
/* 要素間の強調 */
/* --------------------------------------- */
/* 四方影 */
.list_separate {
    padding: 6px;
    background-color: #ddd;
}

.list_separate .elm {
    margin-bottom: 10px;
    position: relative;
    border: none;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.list_separate .elm:last-child {
    margin-bottom: 4px;
}

/* --------------------------------------- */
/* 新ランキング */
/* --------------------------------------- */
.list_ranking .box_info {
    font-size: 16px;
    line-height: 1;
}

/* 順位の表示 */
.list_ranking .txt_rank {
    padding: 4px 0;
    line-height: 1em;
    position: relative;
    display: inline-block;
    color: #dc0039;
    background-repeat: no-repeat;
    background-position: left 2px;
    -webkit-background-size: 21px 17px;
    background-size: 21px 17px;
}

/* 王冠アイコン */
.list_ranking [class*='ranking-'] {
    padding-left: 24px;
}

.list_ranking .txt_rank.ranking-1 {
    background-image: url(/sp/st_img/icon_crown1-b9819cab20c1bcb1130ff4bb80089b09.png);
}

.list_ranking .txt_rank.ranking-2 {
    background-image: url(/sp/st_img/icon_crown2-7e1830e34ede8a86d2b531d931dd612e.png);
}

.list_ranking .txt_rank.ranking-3 {
    background-image: url(/sp/st_img/icon_crown3-5112d8039f98d1e599c0565c527a4142.png);
}

/* 順位の数字 */
.list_ranking .txt_rank .num {
    margin-right: 2px;
    font-size: 1.4em;
    font-weight: bold;
}

/* 順位の変動 */
.list_ranking .txt_rank::after {
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    right: -18px;
    bottom: 0;
    display: block;
    content: '';
    background-image: url(/sp/st_img/area_rank_change-c12c9fae2d5e6da9a2557d29a0f26f3a.png);
    background-repeat: no-repeat;
    -webkit-background-size: 56px 36px;
    background-size: 56px 36px;
}

.list_ranking .txt_rank.down::after {
    background-position: 0 0;
}

.list_ranking .txt_rank.stay::after {
    background-position: -20px 0;
    filter: brightness(80%);
}

.list_ranking .txt_rank.up::after {
    background-position: -40px 0;
}

.list_ranking .txt_rank.hot::after {
    width: 60px;
    right: -62px;
    background-position: 0 -20px;
}

/* 店名 */
.list_ranking .shopName {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    background: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 業種 */
.list_ranking .shop_type-area {
    font-size: 12px;
    font-weight: normal;
    color: #667284;
}

/* アイコン */
.list_ranking .box_icons {
    font-weight: bold;
}

.list_ranking .shop_type-area + .box_icons {
    margin-top: 2px;
}

.list_ranking .icon {
    height: 16px;
    margin-bottom: 2px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    color: #4b64a1;
    border-width: 1px;
    border-style: solid;
    border-color: #838ca0;
    border-radius: 2px;
}

.list_ranking .icon.lottery {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #333;
    border-width: 1px 3px;
    border-color: #bd971f;
    background-color: #ffe858;
}

.shop_list .icon {
    height: 14px;
    margin-left: 8px;
    margin-bottom: 2px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    color: #ff4141;
    border-width: 1px;
    border-style: solid;
    border-color: #ff4141;
    border-radius: 2px;
}

/* 小サイズ */
.list_ranking .size-s .txt_rank {
    font-size: 14px;
}

.list_ranking .size-s .num {
    font-size: 1.2em;
}

.list_ranking .size-s .txt_rank::after {
    zoom: 0.8;
}

.list_ranking .size-s .shopName {
    font-size: 18px;
}

.list_ranking .size-s .link_job {
    height: 26px;
    line-height: 26px;
}

/* ランキング：新着店 */
.list_ranking .elm.newShop {
    border: 4px solid #f00;
}

.list_ranking .newShop .arrow_gp {
    padding-left: 0;
    background-position: -webkit-calc(100% + 4px) center;
    background-position: calc(100% + 4px) center;
}

.list_ranking .newShop:before {
    width: 54px;
    height: 40px;
    position: absolute;
    z-index: 999;
    top: -4px;
    left: -4px;
    content: '';
    background-image: url(/sp/st_img/icon_new_kensaku-df39ca1c83403fc52638c06ed794cf41.png);
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: 54px 40px;
    background-size: 54px 40px;
}

/* --------------------------------------- */
/* JOBガイドへのリンク */
.box_btns_job {
    padding: 4px 2px;
    border-top: 1px dashed #ccc;
}

.box_btns_job:after {
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    content: '.';
}

.box_btns_job .link_job {
    height: 38px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    border-radius: 4px;
    background: none;
    background-image: url(/sp/st_img/cur_white-8f6e75043af6609642bc223b8d9c2e5b.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}

@media screen and (max-width: 320px) {
    .box_btns_job .link_job {
        padding: 0 10px;
        font-size: 0.8em;
    }
}

.box_btns_job [class^='prg_'] {
    width: 50%;
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.box_btns_job .prg_f {
    float: left;
}

.box_btns_job .prg_m {
    float: right;
}

.box_btns_job .prg_f .link_job {
    background-color: #ff76ac;
}

.box_btns_job .prg_m .link_job {
    background-color: #7780ff;
}

/* --------------------------------------- */
/* 絞り込みタブ */
/* --------------------------------------- */
.clist-column.refine_tab {
    padding: 2px 4px;
}

.clist-column.refine_tab .elm {
    padding: 2px;
    position: relative;
}

.refine_tab .link_btn {
    height: 36px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 36px;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #00b0bc;
    border-radius: 5px;
}

.refine_tab .link_btn.open {
    height: 40px;
    margin-bottom: -4px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px 5px 0 0;
    background-color: #00b0bc;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}

.refine_tab .link_btn::after {
    width: 18px;
    height: 18px;
    margin: auto;
    font-family: 'icomoon';
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    content: '\e90f';
    color: #00b0bc;
    text-shadow: none;
}

.refine_tab .link_btn.open::after {
    transform: rotate(45deg);
    color: #fff;
}

.refine_tab .link_btn,
.refine_tab .link_btn::after {
    transition: all 0.2s linear;
}

.refine_tab_cond {
    display: none;
}

/* --------------------------------------- */
/* タブ中身 */
.refine_tab_cond {
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
    border-top: 4px solid #00b0bc;
    background-color: #fff9db;
}

.refine_tab_cond .box_cond {
    max-width: 480px;
    margin: auto;
}

/* --------------------------------------- */
/* 動画リスト */
/* --------------------------------------- */
.menu_box .list_mv {
    max-width: 480px;
    margin: auto;
    padding: 2px 0;
    overflow: hidden;
}

.menu_box .list_mv .elm {
    width: 120px;
    margin: auto;
    padding: 13px 2px;
}

.list_mv .normal .elm {
    width: 90px;
    padding: 8px 2px;
    background-size: 45px 8px;
}

.list_mv .link_mv {
    display: block;
    color: inherit;
}

/* for swipper */
.list_mv .pagination {
    text-align: center;
}

.list_mv .swiper-pagination-bullet {
    margin: 0 8px;
}

/* 動画サムネ枠 */
.list_mv .fl_base,
.list_mv .fl_inner {
    box-sizing: border-box;
}

.list_mv .fl_base {
    width: 100%;
    padding: 2px 2px 0;
}

.list_mv .fl_inner {
    width: 33.3%;
    padding: 2px;
    text-align: center;
    flex: 0 0 auto;
}

.list_mv.normal .fl_inner {
    width: 25%;
}

.list_mv.normal .name {
    font-size: 10px;
}

.list_mv.normal .shopName {
    font-size: 8px;
}

.list_mv.normal .play_time {
    overflow: visible;
    zoom: 0.8;
}

/* 動画サムネ */
.ratio_4-3:before {
    padding-top: 75%;
    display: block;
    content: '';
}

.list_mv .ratio_4-3 .thumb {
    width: auto;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
}

/*再生時間*/
.play_time {
    width: 40px;
    height: 18px;
    padding-right: 2px;
    font-size: 11px;
    line-height: 18px;
    position: absolute;
    z-index: 10;
    right: 2px;
    bottom: 2px;
    display: block;
    box-sizing: border-box;
    text-align: right;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
}

.play_time::before {
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    content: '';
    border-width: 4px 0 4px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

/* 動画情報 */
.list_mv .name,
.list_mv .shopName {
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list_mv .name {
    margin-top: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #ff5790;
}

.list_mv .shopName {
    margin: 0;
    padding: 0;
    font-size: 10px;
    background: none;
}

/* チェックボックス */
.refine_tab_cond .box_ckb.fl_base {
    flex-wrap: wrap;
}

.refine_tab_cond .box_ckb .ckb {
    display: none;
}

.refine_tab_cond .box_ckb .lbl {
    width: 48%;
    width: calc(50% - 6px);
    height: 32px;
    margin: 3px;
    padding-right: 10px;
    padding-left: 38px;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    color: #2a2a2a;
    border: 1px solid #00b0bc;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.refine_tab_cond .ckb:checked + .lbl {
    font-weight: bold;
}

.refine_tab_cond .box_ckb .lbl::before {
    width: 32px;
    height: 32px;
    margin: auto;
    font-size: 16px;
    font-family: 'icomoon';
    font-weight: normal;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: '\e943';
    color: #fff;
    border-radius: 6px 0 0 6px;
    background-color: #eee;
}

.refine_tab_cond .ckb:checked + .lbl::before {
    color: #00b0bc;
    background-color: #fff;
}

.refine_tab_cond .box_ckb.fl_base .lbl {
    flex: 1 0 auto;
}

.refine_tab_cond .box_ckb {
    margin-bottom: 2px;
}

@media screen and (max-width: 480px) {
    .refine_tab_cond .lbl.x-small {
        font-size: 14px;
    }
}

@media screen and (max-width: 360px) {
    .refine_tab_cond .lbl.small {
        font-size: 12px;
    }

    .refine_tab_cond .lbl.x-small {
        font-size: 10px;
    }
}

/* セレクトボックス */
.cont_sl {
    text-align: center;
}

.refine_tab_cond .selectbox,
.refine_tab_cond .btn {
    width: 100%;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
}

.refine_tab_cond .selectbox {
    margin-bottom: 6px;
    padding-right: 24px;
    padding-left: 76px;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #00b0bc;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.refine_tab_cond .selectbox::after {
    width: 12px;
    font-family: 'icomoon';
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    content: '\e900';
    color: #00b0bc;
}

.refine_tab_cond .selectbox .lbl,
.refine_tab_cond .btn {
    padding: 0 10px;
    font-weight: bold;
    box-sizing: border-box;
    color: #fff;
    background-color: #00b0bc;
}

.refine_tab_cond .selectbox .lbl {
    width: 72px;
    height: 100%;
    font-size: 14px;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    letter-spacing: 2px;
    border-radius: 6px 0 0 6px;
}

.refine_tab_cond .selectbox .lbl.char2 {
    padding-left: 16px;
    letter-spacing: 8px;
}

.refine_tab_cond .sl {
    width: 96%;
    height: 34px;
    margin-top: -4px;
    font-size: 16px;
    line-height: 34px;
    color: #2a2a2a;
    background-color: transparent;
}

.refine_tab_cond .sl,
.refine_tab_cond .sl:focus,
.refine_tab_cond .btn {
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.refine_tab_cond .sl::-ms-expand {
    display: none;
}

.refine_tab_cond .btn {
    font-size: 16px;
    line-height: 40px;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* --------------------------------------- */
/* 動画一覧：並べ替え */
.box_sortsetting {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding: 10px 8px;
}

.box_sortsetting .frame {
    box-sizing: border-box;
}

.frame.fl_base {
    box-sizing: border-box;
    align-items: center;
}

.box_sortsetting .sub {
    width: 70px;
    text-align: right;
}

.box_sortsetting .fl_inner.main {
    box-sizing: border-box;
    flex: 1 0 auto;
}

.btn_sort {
    padding: 0;
    display: block;
}

.btn_sort .select_type {
    background-color: #fff;
    border-color: #c3c9cc;
    border-radius: 2px;
    border-style: solid;
    border-width: 2px 30px 2px 2px;
    color: #000;
    display: block;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    max-width: 100%;
    padding: 0 10px;
    position: relative;
}

.btn_sort .select_type::after {
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    content: '';
    transition: all 0.4s ease;
    border-width: 10px 6px 0 6px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.btn_sort.open .select_type::after {
    transform: rotate(180deg);
}

/* 並べ替え条件 */
.list_conditions {
    margin-top: 6px;
    position: relative;
    display: none;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.list_conditions .arrow_gp {
    padding: 10px 26px 8px 8px;
    font-weight: bold;
}

.list_conditions .arrow_icon {
    color: #333;
    display: block;
    padding: 10px 8px;
}

.list_conditions .elm:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

/* --------------------------------------- */
/* ボタンリスト */
/* --------------------------------------- */
.btnlist {
    padding: 6px 6px 2px;
    font-size: 13px;
}

.btnlist .elm {
    display: inline-block;
    margin-right: 2px;
}

.btnlist .elm .btn {
    display: block;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    color: #686868;
    text-align: center;
}

/* --------------------------------------- */
/* new mark */
/* --------------------------------------- */
.type_title.age .mark_new {
    margin-left: 4px;
    display: inline-block;
    background-color: #f00;
    color: #fff;
    padding: 1px 6px;
    border-radius: 4px;
}

.type_title.age .mark_new span {
    display: inline-block;
}

.type_title.age .mark_new .new_n {
    animation: stepAnime 0.8s ease 0s infinite;
}

.type_title.age .mark_new .new_e {
    animation: stepAnime 0.8s ease 0.3s infinite;
}

.type_title.age .mark_new .new_w {
    animation: stepAnime 0.8s ease 0.6s infinite;
}

@keyframes stepAnime {
    0%, 100% {
        transform: translateY(1px);
    }
    50% {
        transform: translateY(-2px);
    }
}

.include_pop {
    position: relative;
}

.pop_new {
    position: absolute;
    width: 77px;
    height: 58px;
    z-index: 10;
    margin: auto;
    right: 0;
    left: 0;
    top: -40px;
    animation: fuwafuwa 0.2s linear infinite alternate;
}

.local_area .pop_new {
    right: 26px;
    left: 0;
    top: -45px;
}

.pop_new .img_pop {
    width: 100%;
    animation: bounce 1s ease infinite;
}

@keyframes bounce {
    0% {
        transform: scale(1) translate(0, 0);
    }
    50% {
        transform: scale(1.1, .8) translate(0, 4px);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

/* --------------------------------------- */
/* 夜ガイ協賛店マーク */
.mark.yg-supporter {
    display: inline-block;
    height: 17px;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    color: #ec407a;
    padding: 0 4px;
    background-color: #fff;
    border: 1px solid #ec407a;
    border-radius: 2px;
}

.refine_supporter {
    font-size: 12px;
    text-align: right;
    padding: 6px;
    color: #000;
    background-color: #eaeaea;
    border-bottom: 1px solid #ddd;
}

.refine_supporter .txt_link {
    color: #0069c0;
    text-decoration: underline;
}

.item-list .mark.yg-supporter {
    margin-left: 4px;
}

.item-list.movie-list .mark.yg-supporter {
    height: 14px;
    font-size: 10px;
    line-height: 14px;
}

/* --------------------------------------- */
/* 文字数カウントエラー */
.c_red {
    color: #f00;
}

.input_error {
    background-color: #ffe5e8;
    border: 1px solid #ff007f;
}

/* 大見出し */
.mainarea > .hl_main {
    height: 44px;
    margin-bottom: 0;
    padding: 0 10px;
    line-height: 44px;
    box-sizing: border-box;
    color: #fff;
    border: none;
    background-color: #ff4141;
}

/* --------------------------------------- */
/* announce */
/* --------------------------------------- */
.box_i_notices {
    padding: 4px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.box_i_notices .txt_link {
    font-size: 12px;
    line-height: 1.8em;
    color: #0080de;
    padding: 2px;
}

.box_i_notices .txt_link + .txt_link {
    margin-top: 2px;
}

.box_i_notices .txt_lbl {
    color: #fff;
    padding: 0 6px;
    background-color: #797979;
}

.box_i_notices .txt_link.fl_base {
    align-items: flex-start;
}

.box_i_notices .txt_lbl.fl_inner {
    flex: 0 0 auto;
}

.box_i_notices .fl_main {
    padding: 0 6px;
    flex: 1 1 auto;
}

.box_i_notices .important .fl_main::before {
    content: '【重要】';
    margin-left: -4px;
    margin-right: -2px;
}

/* --------------------------------------- */
/* announce article */
.announce_detail .announce_frame {
    font-size: 14px;
    line-height: 1.6em;
    padding: 16px;
}

.announce_detail .hl {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 auto 8px;
    padding: 0 0 6px;
    border: none;
    border-bottom: 2px solid #ddd;
}

.announce_detail .mark_important {
    color: #f00;
    margin-left: -0.5em;
}

.announce_detail .date {
    color: #777;
    text-align: right;
    margin-bottom: 4px;
}

.announce_detail .announce_content a {
    color: #0069c0;
    text-decoration: underline;
}

.announce_detail .download_info {
    margin-bottom: 4px;
}

.announce_detail .signature {
    text-align: right;
    margin-top: 10px;
}

/* --------------------------------------- */

/* host,caba item thumb */
.item-list.search-list .box_image {
    width: 120px;
    height: 160px;
}