@charset "euc-jp";

/* ================================================== [ メディアクエリ ] */

@media screen and (min-width: 1245px) {
    #lc-nav .inner,
    #page-lc .lc-contents {
        width: 1165px !important;
    }
    #page-lc #main-wrap,
    #page-lc #main-wrap [id^="online-nav"] {
        width: 883px !important;
    }
    #page-lc .area-slide .box-slide .slide {
        left: -959px !important;
    }
    #page-lc .listgroup.size-l .listbox {
        width: 219.5px !important;
    }
}
@media screen and (min-width: 1392px) {
    #lc-nav .inner,
    #page-lc .lc-contents {
        width: 1312px !important;
    }
    #page-lc #main-wrap,
    #page-lc #main-wrap [id^="online-nav"] {
        width: 1030px !important;
    }
    #page-lc .area-slide .box-slide .slide {
        left: -885px !important;
    }
    #page-lc .listgroup.size-l .listbox {
        width: 204.8px !important;
    }
}
@media screen and (min-width: 1539px) {
    #lc-nav .inner,
    #page-lc .lc-contents {
        width: 1459px !important;
    }
    #page-lc #main-wrap,
    #page-lc #main-wrap [id^="online-nav"] {
        width: 1177px !important;
    }
    #page-lc .area-slide .box-slide .slide {
        left: -811px !important;
    }
    #page-lc .listgroup.size-l .listbox {
        width: 195px !important;
    }
}
@media screen and (min-width: 1686px) {
    #lc-nav .inner,
    #page-lc .lc-contents {
        width: 1606px !important;
    }
    #page-lc #main-wrap,
    #page-lc #main-wrap [id^="online-nav"] {
        width: 1324px !important;
    }
    #page-lc .area-slide .box-slide .slide {
        left: -738px !important;
    }
    #page-lc .listgroup.size-l .listbox {
        width: 188px !important;
    }
}
@media screen and (min-width: 1833px) {
    #lc-nav .inner,
    #page-lc .lc-contents {
        width: 1753px !important;
    }
    #page-lc #main-wrap,
    #page-lc #main-wrap [id^="online-nav"] {
        width: 1471px !important;
    }
    #page-lc .area-slide .box-slide .slide {
        left: -665px !important;
    }
    #page-lc .listgroup.size-l .listbox {
        width: 209px !important;
    }
}

/* ================================================== [ ナビゲーション ] */

#header {
    margin-bottom: 0;
}
#lc-nav {
    position: relative;
	clear: both;
    margin: 0;
    background: #4b5460;
    box-shadow: 0 2px 2px 0px rgba(0,0,0,0.2);
    -webkit-font-smoothing: subpixel-antialiased;
    z-index: 10;
}
#lc-nav .inner {
    width: 1016px;
    height: 40px;
    margin: 0 auto;
}
#lc-nav .nav-group {
    height: 45px;
    overflow: hidden;
}
#lc-nav li a {
    color: #fff;
}
#lc-nav li a:hover {
    text-decoration:  none;
}

/* ===== .lc-main-nav */

#lc-nav .lc-main-nav {
    float:left;
}
#lc-nav .lc-main-nav li {
    position: relative;
    float: left;
    line-height: 40px;
    border-right: 1px solid #414a53;
    box-shadow: 1px 0 0 #575C66;
    text-shadow: 0px 1px 1px #414a53;
    font-size: 14px;
    text-align: center;
}
#lc-nav .lc-main-nav li:hover,
#lc-nav .lc-main-nav li.on {
    text-shadow: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#lc-nav .lc-main-nav li.top.on,
#lc-nav .lc-main-nav li.movie.on,
#lc-nav .lc-main-nav li.top:hover,
#lc-nav .lc-main-nav li.movie:hover {
    background-color: #ed626f;
}
#lc-nav .lc-main-nav li.adult.on,
#lc-nav .lc-main-nav li.adult:hover {
    background-color: #e36e9d;
}
#lc-nav .lc-main-nav li.madam.on,
#lc-nav .lc-main-nav li.madam:hover {
    background-color: #bd55a1;
}
#lc-nav .lc-main-nav li.nonadult.on,
#lc-nav .lc-main-nav li.nonadult:hover {
    background-color: #6bb049;
}
#lc-nav .lc-main-nav li.on:after {
    position: absolute;
    bottom: -5px;
    left: 47%;
    border: 1px solid transparent;
    border-width: 5px 5px 0;
    content: "";
}
#lc-nav .lc-main-nav li.top.on:after,
#lc-nav .lc-main-nav li.movie.on:after {
    border-top-color: #ed626f;
}
#lc-nav .lc-main-nav li.adult.on:after {
    border-top-color: #e36e9d;
}
#lc-nav .lc-main-nav li.madam.on:after {
    border-top-color: #bd55a1;
}
#lc-nav .lc-main-nav li.nonadult.on:after {
    border-top-color: #6bb049;
}
#lc-nav .lc-main-nav li a {
    display: block;
    min-width: 146px;
    position: relative;
}
#lc-nav .lc-main-nav li.on a:hover {
    color: #fff;
}
#lc-nav .lc-main-nav li a span {
    display:  inline-block;
    padding: 0 24px;
}
#lc-nav .lc-main-nav li.on a span,
#lc-nav .lc-main-nav li.on + li a span {
    border: none;
}
#lc-nav .lc-main-nav li.top a span {
    padding-left: 24px;
}
#lc-nav .lc-main-nav li.top a span:before {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_lcnav.png) -1px -1px;
    content: "";
}
#lc-nav .lc-main-nav li.top.on a span:before {
    background-position: -1px -21px;
}

/* ===== .lc-sub-nav */

#lc-nav .lc-sub-nav {
    float:right;
}
#lc-nav .lc-sub-nav li {
    position: relative;
    float: left;
    line-height: 40px;
    margin-left: 16px;
    padding-bottom: 6px;
}
#lc-nav .lc-sub-nav li a {
    display: block;
}
#lc-nav .lc-sub-nav li a span:after {
    position: absolute;
    top: 11px;
    left: -22px;
    width: 18px;
    height: 18px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_lcnav.png) -20px -1px;
    content: "";
}

/* ================================================== [ 全体 ] */

/* ========================= [  .floor- ] */

#d-header ~ #w #page-lc {
    margin-top: -15px;
    position: static;
}
#page-lc.floor-chat,
#page-lc.floor-movie,
#page-lc.floor-adult,
#page-lc.floor-madam,
#page-lc.floor-nonadult {
    position: relative;
    overflow: hidden;
    margin: -12px -12px 0;
    padding-bottom: 60px;
    z-index: 1;
}
#page-lc.floor-chat,
#page-lc.floor-movie {
    background: #e3e3e3 url(http://p.dmm.co.jp/p/livechat/top/bg_page.jpg) left top;
}
#page-lc.floor-adult {
    background: #e3e3e3 url(http://p.dmm.co.jp/p/livechat/adult/bg_page.jpg) left top;
}
#page-lc.floor-madam {
    background: #e3e3e3 url(http://p.dmm.co.jp/p/livechat/madam/bg_page.jpg) left top;
}
#page-lc.floor-nonadult {
    background: #e3e3e3 url(http://p.dmm.co.jp/p/livechat/nonadult/bg_page.jpg) left top;
}
#page-lc.floor-chat:after,
#page-lc.floor-movie:after,
#page-lc.floor-adult:after,
#page-lc.floor-madam:after,
#page-lc.floor-nonadult:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    min-width: 1016px;
    max-height: 1000px; 
    content: "";
}
#page-lc.floor-chat:after,
#page-lc.floor-movie:after {
    background: url(http://p.dmm.co.jp/p/livechat/top/bg_cover.png) center top repeat-x;
}
#page-lc.floor-adult:after {
    background: url(http://p.dmm.co.jp/p/livechat/adult/bg_cover.png) center top repeat-x;
}
#page-lc.floor-madam:after {
    background: url(http://p.dmm.co.jp/p/livechat/madam/bg_cover.png) center top repeat-x;
}

/* ========================= [  .lc-contents ] */

/* リセット */

.lc-contents {line-height:1.5}
.lc-contents * {
    list-style: none;
    margin: 0;
    padding: 0;
}
.lc-contents h1,.d-rst h2,.d-rst h3,.d-rst h4{font-weight: normal}
.lc-contents h1{font-size:16px}
.lc-contents h2{font-size:14px}
.lc-contents h3{font-size:12px}

/* コンテンツ */

#page-lc .lc-contents {
    width: 1016px;
    margin: 0 auto;
    padding-bottom: 60px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 6px 6px;
    background-color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
}
#page-lc .lc-contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
#page-lc .lc-scarehead + .lc-contents {
    padding-top: 20px;
}
#page-lc .lc-contents > .contents-inner {
    overflow: hidden;
    padding: 20px 20px 0;
}

/* ================================================== [ 左ナビ ] */

#lnav-lc {
    float: left;
    width: 220px;
    text-align: left;
}
#lnav-lc a {
    text-decoration: none;
}
#lnav-lc > [class^="lnav-"] {
    margin-bottom: 20px;
}

/* ========================= [ 簡易ガイドリンク ] */

#lnav-lc .lnav-firstguide {
    border-radius: 3px 3px 0 0;
}
#lnav-lc .lnav-firstguide img {
    border-radius: 3px;
}
.floor-chat #lnav-lc .lnav-firstguide img {
    border-radius: 3px 3px 0 0;
}
#lnav-lc .lnav-firstguide p.close {
    display: block;
    line-height: 2.4em;
    padding: 0 6px;
    border-radius: 0 0 3px 3px;
    background-color: #1c8697;
    color: #fff;
    font-size: 11px;
    text-align: right;
}
#lnav-lc .lnav-firstguide p.close span {
    position: relative;
    cursor: pointer;
}
#lnav-lc .lnav-firstguide p.close span:hover {
    opacity: 0.8;
}
#lnav-lc .lnav-firstguide p.close span:after {
    display: block;
    position: absolute;
    top: -6px;
    left: -12px;
    content: "\00d7";
}

/* ========================= [ 無料ポイントバナー ] */

#lnav-lc .lnav-firstguide + .lnav-freept {
    margin-top: -8px;
    margin-bottom: 12px;
}

/* ========================= [ 左ナビ_メインコンテンツ ] */

#lnav-lc .lnav-main a {
    color: #e8ebf0;
}
#lnav-lc .lnav-main p[class^="bt-"] > a, #lnav-lc .lnav-main p[class^="bt-"] > span {
    display: block;
    line-height: 30px;
    padding: 0 10px 0 6px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
#lnav-lc .lnav-main [class^="bt-"] > a:hover, #lnav-lc .lnav-main [class^="bt-"] > span:hover {
    position: relative;
    top: 1px;
}

/* ===== プロフィールページ */

#lnav-lc .lnav-main .box-profile {
    border-radius: 3px;
    background-color: #5a6270;
}
#lnav-lc .lnav-main.member .box-profile {
    margin-bottom: 1px;
    padding: 12px 8px;
}
#lnav-lc .lnav-main.guest .box-profile {
    padding: 10px 10px 0 10px;
    border-radius: 3px 3px 0 0;
}
#lnav-lc .lnav-main .box-profile .bt-login a:before {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) -1px -56px;
    vertical-align: middle;
    content: "";
}
#lnav-lc .lnav-main .box-profile .bt-login a {
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    background: #ebebeb url(http://p.dmm.co.jp/p/livechat/bg_lnav_btn.gif) left -70px;
    color: #3f3b2d;
}
#lnav-lc .lnav-main .box-profile .bt-login a:hover {
    box-shadow: none;
    background: #ebebeb url(http://p.dmm.co.jp/p/livechat/bg_lnav_btn.gif) left -100px;
}
#lnav-lc .lnav-main .box-profile .handlename {
    line-height: 1.5em;
    margin: 0 6px 12px 6px;
    padding-bottom:12px;
    border-bottom: 1px dotted #999ea6;
    color: #d0d0d0;
    font-size: 12px;
}
#lnav-lc .lnav-main .box-profile .handlename a {
    display: inline-block;
    margin-right: 2px;
    font-size: 16px;
    color: #fff;
}
#lnav-lc .lnav-main .box-profile li a  {
    display: block;
    position: relative;
    line-height: 30px;
    padding-left: 38px;
    font-size: 13px;
}
#lnav-lc .lnav-main .box-profile li a:hover {
    border-radius: 3px;
    background-color: #4a545f;
}
#lnav-lc .lnav-main .box-profile li a:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    float: left;
    width: 20px;
    height: 20px;
    border: 0 solid #B7B7B7;
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) no-repeat;
    content: '';
}
#lnav-lc .lnav-main .box-profile li:first-child a:after {
    background-position: -1px -35px;
}
#lnav-lc .lnav-main .box-profile li + li a:after {
    background-position: -22px -35px;
}
#lnav-lc .lnav-main .box-profile li + li + li a:after {
    background-position: -43px -35px;
}
#lnav-lc .lnav-main .box-profile li + li + li + li a:after {
    background-position: -64px -35px;
}
#lnav-lc .lnav-main .box-profile li .number {
    display: inline-block;
    line-height: 1.8em;
    vertical-align: middle;
    margin: -2px 0 0 6px;
    padding: 0 8px;
    border-radius: 12px;
    background-color: #db0318;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

/* ===== ポイント購入 */

/* ポイント購入導線 */

#lnav-lc .lnav-main.member .box-point {
    padding: 10px;
    border-radius: 3px 3px 0 0;
    background-color: #5a6270;
}
#lnav-lc .lnav-main.guest .box-point {
    margin: 0;
    padding: 10px;
    border-radius: 0;
    background-color: #5a6270;
}
#lnav-lc .lnav-main .box-point .bt-pointbuy a:before {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) -22px -56px;
    vertical-align: middle;
    content: "";
}
#lnav-lc .lnav-main .box-point .bt-pointbuy a {
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    background: #f8d02e url(http://p.dmm.co.jp/p/livechat/bg_lnav_btn.gif) left top;
    color: #1b1a15;
}
#lnav-lc .lnav-main .box-point .bt-pointbuy a:hover {
    box-shadow: none;
    background: #f8d02e url(http://p.dmm.co.jp/p/livechat/bg_lnav_btn.gif) left -30px;
}

/* クイック購入 */

.area-quickbuy {
    padding: 10px 0 0;
    font-family: sans-serif;
}
.area-quickbuy * {
    margin: 0;
    padding: 0;
}
.area-quickbuy a {
    text-decoration: none;
}
.area-quickbuy .tx-quickbuy-bonus a:hover,
.area-quickbuy .tx-quickerror a:hover,
.area-quickbuy .box-note a:hover {
    opacity: 0.8;
}
.area-quickbuy .tx-quickbuy {
    margin-bottom: .3em;
    font-size: 10px;
    color: #bbb;
}
.area-quickbuy .tx-quickerror {
    margin-top: .3em;
    color: #bbb;
}
.area-quickbuy .tx-quickerror a {
    color: #f9d751 !important;
}
.area-quickbuy .tx-quickbuy-bonus {
    margin-bottom: 8px;
    color: #bbb;
}
.area-quickbuy .box-quickbuy .quickbuy-select {
    float: left;
    position: relative;
    width: 110px;
    overflow: hidden;
}
.area-quickbuy .box-quickbuy .quickbuy-select:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 13px;
    height: 26px;
    margin: auto;
    background: white url(http://p.dmm.co.jp/p/common/ico/ico_select_black_sm.png) no-repeat 2px;
    content: "";
}
.area-quickbuy .box-quickbuy select {
    width: 130%;
    height: 28px;
    padding: 0 0 0 .3em;
    border: #ccc 1px solid;
    border-right: none;
    border-radius: 4px;
    background-color: white;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 28px;
    cursor: pointer;
}
.area-quickbuy .box-quickbuy .quickbuy-select + .btn {
    border-radius: 0 3px 3px 0;
}
.area-quickbuy .box-quickbuy .quickbuy-select + .btn span {
    width: 8em;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    vertical-align: top;
}
.area-quickbuy .box-quickbuy:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.area-quickbuy .box-note, .area-quickbuy .tx-quickbuy {
    font-size: 11px;
}
.area-quickbuy .tx-buyprocess {
    position: relative;
    line-height: 36px;
    border-radius: 3px;
    background-color: #4a545f;
    font-size: 13px;
    font-weight: bold;
    color: #b2b9c5;
}
.area-quickbuy .tx-buyprocess:after {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: 8px;
    background: url('http://p.dmm.co.jp/p/livechat/lnav_load.gif') repeat scroll left top transparent;
    opacity: 0.6;
    content: "";
}
.area-quickbuy .box-complete {
    padding: 10px;
    border-radius: 3px;
    background-color: #4a545f;
    color: #fff;
}
.area-quickbuy .tx-point {
    margin-bottom: 8px;
    text-align: right;
    font-size: 10px;
}
.area-quickbuy .tx-point p > span:first-child {
    float: left;
    font-size: 12px;
}
.area-quickbuy .tx-point-data {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #f8d132;
    text-align: right;
}
.area-quickbuy .tx-point-data {
    margin: 0 3px;
}
.area-quickbuy .tx-thanks {
    clear: both;
    margin-bottom: 8px;
    font-size: 12px;
    color: #fff;
}
.area-quickbuy .tx-repurchase {
    display: block;
    line-height: 30px;
    border: 1px dotted #7a828a;
    border-radius: 2px;
    color: #f1f2f3;
    text-align: center;
    cursor: pointer;
}
.area-quickbuy .tx-repurchase:hover {
    border: 1px solid #5a6270;
    background-color: #5a6270;
    color: #dee2e6;
}
.area-quickbuy .btn:hover {
    top: 0 !important;
}
.area-quickbuy .box-note {
    color: #bbb;
    margin-top: 10px;
}
.area-quickbuy .box-note li {
    line-height: 1.9em;
}
.area-quickbuy .box-note li:first-child:before {
    content: "※";
}
.area-quickbuy .box-quickbuy .btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    background-image: -moz-linear-gradient(top, #fefefe, #f3f3f3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
    background-image: linear-gradient(to bottom, #fefefe, #f3f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fefefe', EndColorStr='#f3f3f3');
    box-shadow: inset 0 1px 0 white;
}
.area-quickbuy .box-quickbuy .btn:hover {
    background: url(http://p.dmm.co.jp/p/livechat/bg_lnav_btn.gif) left -30px;
}
.area-quickbuy .box-quickbuy .btn > * {
    display: inline-block;
    width: 210px;
    padding: .5em .8em !important;
    background-color: transparent;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #333;
    font-size: inherit;
    font-family: inherit;
    cursor: inherit;
}
.area-quickbuy .box-quickbuy .btn-primary {
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    background-color: #ffc94a;
    background-image: -moz-linear-gradient(top, #fcde84, #ffc01d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcde84), to(#ffc01d));
    background-image: linear-gradient(to bottom, #fcde84, #ffc01d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fcde84', EndColorStr='#ffc01d');
    box-shadow: inset 0 1px 0 #fff1d1;
}
.area-quickbuy .box-quickbuy .btn-disabled, .area-quickbuy .box-quickbuy .btn:disabled {
    opacity: .6;
    cursor: default;
}
.btn-disabled > span:hover,  .btn:disabled > span:hover {
    position: relative;
    top: 0 !important;
}
.area-quickbuy .box-quickbuy .btn-disabled:hover span {
    background-color: #ffc94a;
    background-image: -moz-linear-gradient(top, #fcde84, #ffc01d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcde84), to(#ffc01d));
    background-image: linear-gradient(to bottom, #fcde84, #ffc01d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fcde84', EndColorStr='#ffc01d');
}

/* ===== ポイント確認・消費ポイント */

#lnav-lc .lnav-main .box-ptconfirm {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    background-color: #4a545f;
}
#lnav-lc .lnav-main.guest .box-ptconfirm {
    padding: 0 10px 10px 10px;
    border-radius: 0 0 3px 3px;
    background-color: #5a6270;
}

/* ポイント確認 */

#lnav-lc .lnav-main .box-sidepoint {
  font-size: 11px;}
  #lnav-lc .lnav-main .box-sidepoint div, #lnav-lc .lnav-main .box-sidepoint p, #lnav-lc .lnav-main .box-sidepoint span, #lnav-lc .lnav-main .box-sidepoint a, #lnav-lc .lnav-main .box-sidepoint ul, #lnav-lc .lnav-main .box-sidepoint ol, #lnav-lc .lnav-main .box-sidepoint li {
    margin: 0;
    padding: 0; }
  #lnav-lc .lnav-main .box-sidepoint li {
    display: block;
    list-style: none; }
  #lnav-lc .lnav-main .box-sidepoint .is-hidden {
    display: none !important; }
  #lnav-lc .lnav-main .box-sidepoint hr {
    border: none;
    border-top: #a7a7a7 1px dotted; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-inner {
    padding: 1px 8px 6px;
    border-radius: 3px;
    background: #f5f7f9;
    color: #666;
    overflow: hidden; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-inner a {
      color: #078ed5; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-inner a:hover {
        color: #ff355f; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-main,
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub,
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-link {
    margin-top: 5px; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-main {
    font-weight: bold; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-main:after {
      display: block;
      clear: both;
      content: ""; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-main p:first-child {
      float: left; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-main p:first-child span {
        display: block;
        margin-left: -.7em;
        margin-bottom: -.2em;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8); }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-main .sidepoint-data {
      padding-top: .5em;
      font-weight: normal;
      text-align: right; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-main .sidepoint-data a {
        font-size: 12px; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-main .sidepoint-data .sidepoint-load {
        display: inline-block;
        position: relative;
        padding-left: 2.2em;
        color: #666;
        font-size: 12px;
        font-weight: normal; }
        #lnav-lc .lnav-main .box-sidepoint .sidepoint-main .sidepoint-data .sidepoint-load:before {
          display: block;
          position: absolute;
          left: 0;
          width: 24px;
          height: 24px;
          margin-top: -.3em;
          background: url(http://p.dmm.co.jp/p/common/ico/loading.gif) no-repeat;
          content: ""; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-main .sidepoint-data .sidepoint-total {
        display: inline-block; }
        #lnav-lc .lnav-main .box-sidepoint .sidepoint-main .sidepoint-data .sidepoint-total span {
          margin-right: .1em;
          color: #c00;
          font-size: 14px;
          font-weight: bold; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-sub-inner {
    padding: .2em 10px;
    border-radius: 3px 3px 0 0;
    background-color: #e0e6ec;
    font-size: 10px; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub ul {
    display: table;
    width: 100%; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub li {
    display: table-row; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub li p {
      display: table-cell;
      padding: .6em 0 .4em;
      vertical-align: middle; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub li + li {
    border-top: #cdd1d7 1px solid; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-data {
    min-width: 6.2em;
    text-align: right; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-data span {
      margin-right: .1em;
      font-size: 11px;
      font-weight: bold; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-sub-anchor {
    text-align: right; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-sub-anchor a {
      display: inline-block;
      margin-top: -6px; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-sub-anchor a:after {
        padding-right: 1.2em;
        background: url(http://p.dmm.co.jp/p/common/ico/arrow_opcl.gif) no-repeat right 1px;
        white-space: nowrap;
        content: "内訳を見る"; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-sub-anchor.is-active a {
      margin-top: .3em; }
      #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub .sidepoint-sub-anchor.is-active a:after {
        background-position: right -89px;
        content: "内訳を閉じる"; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub + .sidepoint-link {
    margin-top: 0;
    padding: 0 10px;
    border-radius: 0 0 3px 3px;
    background-color: #e0e6ec; }
    #lnav-lc .lnav-main .box-sidepoint .sidepoint-sub + .sidepoint-link p {
        padding: .6em 0;
        border-top: #cdd1d7 1px solid;
        font-size: 10px; }
  #lnav-lc .lnav-main .box-sidepoint > .sidepoint-link > p a {
    padding-left: 7px;
    background: url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 0.1em 0.5em; }
  #lnav-lc .lnav-main .box-sidepoint .sidepoint-btn p {
    display: inline-block;
    position: relative;
    float: right;
    line-height: 1.2em;
    margin-top: 6px;
    padding: 3px 5px 3px 20px;
    border-radius: 3px;
    color: #fff;
    background-color: #4a545f;
    cursor: pointer; }
        #lnav-lc .lnav-main .box-sidepoint .sidepoint-btn p:hover {
            opacity: .7; }
        #lnav-lc .lnav-main .box-sidepoint .sidepoint-btn p:before {
            display: block;
            position: absolute;
            left: 4px;
            top: 2px;
            line-height: 1.2em;
            width: 13px;
            height: 15px;
            background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) -29px -77px no-repeat;
            content: ""; }


/* 消費ポイント一覧 */

#lnav-lc .lnav-main .box-ptconfirm .box-sidepoint + .pricelist {
    margin-top: 12px;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist {
    padding: 8px 12px;
    border-radius: 3px;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dt {
    margin-bottom: 8px;
    font-size: 14px;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd ul {
    line-height: 2.2em;
    margin-bottom: 6px;
    font-size: 11px;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd li {
    text-align: right;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd li span {
    float: left;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link {
    position: relative;
    padding: 8px 0 0 12px;
    font-size: 11px;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link a {
    padding: 0;
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link a:after {
    position: absolute;
    left: 0;
    top: 10px;
    border: 4px solid transparent;
    border-left-color: #fff;
    content: "";
}
#lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link a:hover {
    opacity: 0.8;
}

/* フロア別 */

.floor-chat #lnav-lc .lnav-main .box-ptconfirm .pricelist,
.floor-movie #lnav-lc .lnav-main .box-ptconfirm .pricelist,
.floor-chat #lnav-lc .lnav-main .box-ptconfirm .pricelist a,
.floor-movie #lnav-lc .lnav-main .box-ptconfirm .pricelist a {
    background: #ed626f url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top repeat;
    color: #f5fafc;
}
.floor-chat #lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link,
.floor-movie #lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link {
    border-top: 1px dotted #f6b1b7;
}
.floor-adult #lnav-lc .lnav-main .box-ptconfirm .pricelist,
.floor-adult #lnav-lc .lnav-main .box-ptconfirm .pricelist a {
    background: #e36e9d url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top repeat;
    color: #fdeff5;
}
.floor-adult #lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link {
    border-top: 1px dotted #f2c8d9;
}
.floor-madam #lnav-lc .lnav-main .box-ptconfirm .pricelist,
.floor-madam #lnav-lc .lnav-main .box-ptconfirm .pricelist a {
    background: #a375b8 url(http://p.dmm.co.jp/p/livechat/madam/bg_pricelist.jpg) left top repeat;
    color: #f9effb;
}
.floor-madam #lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link {
    border-top: 1px dotted #d7b0df;
}
.floor-nonadult #lnav-lc .lnav-main .box-ptconfirm .pricelist,
.floor-nonadult #lnav-lc .lnav-main .box-ptconfirm .pricelist a {
    background: #6bb049 url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top repeat;
    color: #f1fce9;
}
.floor-nonadult #lnav-lc .lnav-main .box-ptconfirm .pricelist dd .link {
    border-top: 1px dotted #d1ebc9;
}

/* ========================= [ 左ナビ_サブコンテンツ ] */

/* ===== 全体 */

#lnav-lc .lnav-sub {
    padding-bottom: 3px;
    border-radius: 3px;
    background: #e3e5e9 url(http://p.dmm.co.jp/p/livechat/bg_dot_lnav.png) left top repeat;
}
#lnav-lc .lnav-sub .sect {
    margin: 0 3px 0;
    border-radius: 3px;
    background-color: #fff;
}

/* 見出し */

#lnav-lc .lnav-sub .capt {
    position: relative;
    margin: 0 10px;
    box-sizing: border-box; 
    font-size: 16px;
}
#lnav-lc .lnav-sub .capt:after {
    display: block;
    position: absolute;
    top: 10px;
    left: 3px;
    width: 33px;
    height: 33px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) no-repeat;
    content: '';
}

/* 共通パーツ */

#lnav-lc .lnav-sub .tx-note {
    display: block;
    margin: 0 10px;
    padding:24px 0;
    border-bottom: 1px dotted #bec3c8;
    color: #aaa;
}
#lnav-lc .lnav-sub .box-cl-list li a {
    display: block;
    padding: 15px 10px 0;
    color: #0ca2f0;
}
#lnav-lc .lnav-sub .box-cl-list li a:hover {
    background-color: #f5f7f9;
}
#lnav-lc .lnav-sub .box-cl-list li .inner {
    display: block;
    overflow: hidden;
    padding-bottom:15px;
    border-bottom: 1px dotted #bec3c8;
}
#lnav-lc .lnav-sub .box-cl-list li .inner > span {
    display: block;
    float: left;
    margin-left: 10px;
    width: 103px;
}
#lnav-lc .lnav-sub .box-cl-list li .inner > .tmb {
    width: 80px;
    height: 60px;
    margin: 0;
    background-color: #dedede;
    text-align: center;
}
#lnav-lc .lnav-sub .box-cl-list li .inner > .tmb img {
    height: 60px;
}
#lnav-lc .lnav-sub .box-cl-list li .name {
    line-height: 1.3em;
    margin-bottom: 5px;
    font-size: 13px;
}
#lnav-lc .lnav-sub .tx-link {
    padding: 15px 10px;
    text-align: right;
}
#lnav-lc .lnav-sub .tx-link a {
    color: #0ca2f0;
}


/* =====ランキング */

#lnav-lc .lnav-sub.lnav-ranking .capt {
    height: 53px;
    padding: 7px 0 0 48px;
}
#lnav-lc .lnav-sub.lnav-ranking .capt span {
    display: block;
    font-size: 10px;
}
#lnav-lc .lnav-sub.lnav-ranking .capt:after {
    top: 9px;
    background-position: -1px -1px;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li .rank > span[class^="st-"] {
    line-height: 14px;
    margin-left: 8px;
    padding-left: 8px;
    font-size: 10px;
    vertical-align: middle;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li .rank > span.st-waiting {
    color: #dc0a32;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li .rank > span.st-party,
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li .rank > span.st-twoshot {
    color: #fc4d00;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li .rank > span.st-offline {
    color: #979797;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li .rank {
    margin-bottom: 2px;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li .name {
    margin-bottom: 0;
}

/* 上位3位 */

#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank {
    font-size: 20px;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank span:first-child {
    margin-left: 1px;
    font-size: 14px;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank > span[class^="st-"] {
    display: inline-block;
    width: auto;
    line-height: 14px;
    padding: 0 4px;
    margin: -2px 0 0 2px;
    border-radius: 3px;
    font-size: 10px;
    vertical-align: middle;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank > .st-waiting {
    border: 1px solid #dc0a32;
    color: #dc0a32;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank > .st-party,
#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank > .st-twoshot {
    border: 1px solid #ff7133;
    color: #ff7133;
}
#lnav-lc .lnav-sub.lnav-ranking .sect li:nth-child(-n + 3) .rank > .st-offline {
    border: 1px solid #a8a8a8;
    color: #a8a8a8;
}

/* 3位以外 */

#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) span[class^="st-"] {
    border-left: 1px dotted  #ccc;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) .inner {
    padding-bottom: 10px;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) a {
    padding: 10px 10px 0
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) .tmb {
    width: 44px;
    height: 33px;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) .tmb img {
    height: 33px;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) .rank {
    width: 138px;
    font-size: 14px;
}
#lnav-lc .lnav-sub.lnav-ranking .box-cl-list li:nth-child(n + 4) .name {
    width: 138px;
    font-size: 11px;
}

/* フロア別 */

.floor-chat #lnav-lc .lnav-sub.lnav-ranking .sect li .rank, 
.floor-adult #lnav-lc .lnav-sub.lnav-ranking .sect li .rank,
.floor-movie #lnav-lc .lnav-sub.lnav-ranking .sect li .rank  {
    color: #ed5691;
}
.floor-madam #lnav-lc .lnav-sub.lnav-ranking .sect li .rank {
    color: #b16bd1;
}
.floor-nonadult #lnav-lc .lnav-sub.lnav-ranking .sect li .rank {
    color: #5ba728;
}

/* =====チェックした女の子 */

#lnav-lc .lnav-sub.lnav-checklist .capt {
    line-height: 53px;
    padding-left: 42px;
}
#lnav-lc .lnav-sub.lnav-checklist .capt:after {
    background-position: -35px -1px;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li .floor {
    font-size: 10px;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li.fl-adult .floor {
    color:#ed5691;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li.fl-madam .floor {
    color: #b16bd1;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li.fl-nonadult .floor {
    color: #5ba728;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li .floor:before {
    display: inline-block;
    position: relative;
    width: 6px;
    height: 9px;
    margin-right: 3px;
    content: "";
}
#lnav-lc .lnav-sub.lnav-checklist .sect li.fl-adult .floor:before {
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) -8px -93px no-repeat;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li.fl-madam .floor:before {
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) -15px -93px no-repeat;
}
#lnav-lc .lnav-sub.lnav-checklist .sect li.fl-nonadult .floor:before {
    background: url(http://p.dmm.co.jp/p/livechat/icon_lnav.png) -22px -93px no-repeat;
}

/* =====お知らせ */

#lnav-lc .lnav-sub.lnav-info .capt {
    line-height: 53px;
    padding-left: 45px;
}
#lnav-lc .lnav-sub.lnav-info .capt:after {
    background-position: -68px -1px;
}
#lnav-lc .lnav-sub.lnav-info .sect li a{
    display: block;
    padding: 15px 10px 0;
    color: #0ca2f0;
}
#lnav-lc .lnav-sub.lnav-info .sect li a:hover {
    background-color: #f5f7f9;
}
#lnav-lc .lnav-sub.lnav-info .sect li .inner {
    display: block;
    overflow: hidden;
    padding-bottom:15px;
    border-bottom: 1px dotted #bec3c8;
}
#lnav-lc .lnav-sub.lnav-info .sect .inner > span {
    display: block;
    margin-bottom: 3px;
    color: #5d6c7b;
    font-size: 11px;
}

/* ===== ムービージャンル */

#lnav-lc .lnav-sub.lnav-movielink .capt {
    line-height: 53px;
    padding-left: 45px;
}
#lnav-lc .lnav-sub.lnav-movielink .capt:after {
    background-position: -103px -1px;
}
#lnav-lc .lnav-sub.lnav-movielink .sect li a{
    display: block;
    padding: 15px 10px 0;
    color: #0ca2f0;
}
#lnav-lc .lnav-sub.lnav-movielink .sect li a:hover {
    background-color: #f5f7f9;
}
#lnav-lc .lnav-sub.lnav-movielink .sect li .inner {
    display: block;
    overflow: hidden;
    padding-bottom:15px;
    border-bottom: 1px dotted #bec3c8;
}
#lnav-lc .lnav-sub.lnav-movielink .sect li:last-child .inner {
    border-bottom: none;
}
#lnav-lc .lnav-sub.lnav-movielink .sect .inner > span {
    display: block;
    font-size: 12px;
}

/* 上位3位 */

#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(-n + 3) .rank {
    font-size: 20px;
}
#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(-n + 3)  .rank span:first-child {
    margin-left: 2px;
    font-size: 14px;
}
#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(-n + 3) .tmb {
    width: 80px;
    height: 45px;
}
#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(-n + 3) .tmb img {
    height: 45px;
}

/* 3位以外 */

#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(n + 4) .tmb {
    width: 58px;
    height: 33px;
}
#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(n + 4) .tmb img {
    height: 33px;
}
#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(n + 4) .rank {
    width: 120px;
}
#lnav-lc .lnav-sub .box-cl-list.list-movie li:nth-child(n + 4) .name {
    width: 120px;
}

/* ================================================== [ メインコンテンツ ] */

#main-wrap {
    position: relative;
    float: left;
    width: 736px;
    margin-left: 20px;
    text-align: left;
}

/* ========================= [ パーツ ] */

.caution {
    color:#c00;
    font-size:10px;
    font-weight:bold;
}
#page-lc .lc-notice {
    color: #696969;
    font-size: 11px;
    text-align: center;
}
#w #page-lc  .d-announcement {
    margin-top: 0;
}

/* ===== トップへ戻る */

#page-lc #gotop {
    position: fixed;
    bottom: -60px;
    right: 30px;
    -webkit-transition: bottom 0.3s;
                  transition: bottom 0.3s;
    z-index: 102;
    -webkit-transform : translateZ(0)
}
#page-lc #gotop a {
    display: block;
	z-index: 100;
    width: 60px;
    height: 60px;
    border-radius: 3px 3px 0 0;
    z-index: 1012;
}
#page-lc #gotop.visible {
    bottom: 0;
}

/* ========================= [ h1見出し ] */

#page-lc .lc-scarehead {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 8px 20px;
    margin: 0 auto 20px;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #545454;
    font-size: 11px;
    text-align: left;
    color: #fff;
}
#page-lc .lc-scarehead span {
    display: inline-block;
    line-height: 1.3em;
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px dotted #fff;
    font-weight:  bold;
    font-size: 13px;
    vertical-align: middle;
    letter-spacing: 1px;
}

/* floor-chat | floor-movie  */

#page-lc.floor-chat .lc-scarehead,
#page-lc.floor-movie .lc-scarehead {
    background: #ed626f url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
}
#page-lc.floor-chat .lc-scarehead:after {
    border-top-color: #ed626f;
}
#page-lc.floor-chat .lc-scarehead span,
#page-lc.floor-movie .lc-scarehead span {
    border-right: 1px dotted #f6b1b7;
}

/* floor-adult */

#page-lc.floor-adult .lc-scarehead {
    background: #e36e9d url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
}
#page-lc.floor-adult .lc-scarehead:after {
    border-top-color: #e36e9d;
}
#page-lc.floor-adult .lc-scarehead span {
    border-right: 1px dotted #f2ccdb;
}

/* floor-madam */

#page-lc.floor-madam .lc-scarehead {
    background: #94468e url(http://p.dmm.co.jp/p/livechat/madam/bg_h1.jpg) right top no-repeat;
}
#page-lc.floor-madam .lc-scarehead:after {
    border-top-color: #94468e;
}
#page-lc.floor-madam .lc-scarehead span {
    border-right: 1px dotted #eed9f1;
}

/* floor-nonadult */

#page-lc.floor-nonadult .lc-scarehead {
    background: #6bb049 url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
}
#page-lc.floor-nonadult .lc-scarehead:after {
    border-top-color: #6bb049;
}
#page-lc.floor-nonadult .lc-scarehead span {
    border-right: 1px dotted #deefd2;
}

/* ========================= [ スライドヘッダー ] */

#page-lc .area-slide {
    position: relative;
    height: 250px;
    -webkit-transform : translateZ(0);
    -ms-transform: translateZ(0);
                  transform : translateZ(0);
}
#page-lc .slide-group {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    overflow: hidden;
    z-index: 22;
}
#page-lc .area-slide .inner {
    display: block;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    background-color: #414850;
    text-align: center;
}
#page-lc .area-slide .box-slide {
    position: relative;
    height: 180px;
    overflow: hidden;
}
#page-lc .area-slide .box-slide .slide {
    position: relative;
    left: -1032px;
}
#page-lc .area-slide .box-slide .slide  li {
    display: block;
    float: left;
    width: 560px;
    height: 180px;
}
#page-lc .area-slide .box-slide .slide  li:hover {
    position: relative;
    z-index:10;
    background-color: #fff;
}
#page-lc .area-slide .box-slide .slide  li:hover a img {
    opacity: 0.7;
}
#page-lc .area-slide .box-slide .slide-controller {
    position: relative;
}
#page-lc .area-slide .box-slide .slide-controller > div {
    display: block;
    position: absolute;
    top: 0;
    width: 88px;
    height: 180px;
    cursor: pointer;
}
#page-lc .area-slide .box-slide .slide-controller .bt-prev {
    position: absolute;
    right: 50%;
    width: 100%;
    margin-right: 280px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_slide.png) right -260px no-repeat;
    background-color: rgba(0,0,0,0.5);
}
#page-lc .area-slide .box-slide .slide-controller .bt-next {
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: 280px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_slide.png) left -60px no-repeat;
    background-color: rgba(0,0,0,0.5);
}
#page-lc .area-slide .box-slide .slide-controller > div span {
    display: block;
    position: absolute;
    z-index:100;
    top: 60px;
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
#page-lc .area-slide:hover .box-slide .slide-controller > .bt-prev span,
#page-lc .area-slide:hover .box-slide .slide-controller > .bt-next span {
    opacity: 100;
}
#page-lc .area-slide .box-slide .slide-controller > .bt-prev span {
    opacity: 0;
    right: -15px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_slide.png) left top no-repeat;
}
#page-lc .area-slide .box-slide .slide-controller > .bt-next span {
    opacity: 0;
    left: -15px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_slide.png) -60px top no-repeat;
}
#page-lc .area-slide:hover .box-slide .slide-controller > div span:hover {
    opacity: 0.6;
    transition: all 0.15s linear;
}
#page-lc .area-slide .box-tmb .inner {
    overflow: hidden;
    margin: 0 auto;
}
#page-lc .area-slide .box-tmb ul {
    position: relative;
    left: 530px;
    float: left;
    width: 1440px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
}
#page-lc .area-slide .box-tmb li {
    position: relative;
    right: 50%;
    float: left;
    margin: 15px 0 0 10px;
}
#page-lc .area-slide .box-tmb li.active:after {
    position: absolute;
    top: -10px;
    left: 37px;
    border: 5px solid transparent;
    content: "";
}
#page-lc .area-slide .box-tmb li span {
    display: block;
    width: 80px;
    height: 40px;
    background-color: #666;
    cursor: pointer;
}
#page-lc .area-slide .box-tmb li.active span:after,
#page-lc .area-slide .box-tmb li:hover span:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 40px;
    box-sizing:border-box;
    content: "";
}
#page-lc.floor-chat .area-slide .box-tmb li.active span:after,
#page-lc.floor-chat .area-slide .box-tmb li:hover span:after,
#page-lc.floor-movie .area-slide .box-tmb li.active span:after,
#page-lc.floor-movie .area-slide .box-tmb li:hover span:after {
    border: 2px solid #ed626f;
}
#page-lc.floor-chat .area-slide .box-tmb li.active:after,
#page-lc.floor-movie .area-slide .box-tmb li.active:after {
    border-bottom-color: #ed626f ;
}
#page-lc.floor-adult .area-slide .box-tmb li.active span:after,
#page-lc.floor-adult .area-slide .box-tmb li:hover span:after {
    border: 2px solid #e36e9d;
}
#page-lc.floor-adult .area-slide .box-tmb li.active:after {
    border-bottom-color: #e36e9d;
}
#page-lc.floor-madam .area-slide .box-tmb li.active span:after,
#page-lc.floor-madam .area-slide .box-tmb li:hover span:after {
    border: 2px solid #974589;
}
#page-lc.floor-madam .area-slide .box-tmb li.active:after {
    border-bottom-color: #974589;
}
#page-lc.floor-nonadult .area-slide .box-tmb li.active span:after,
#page-lc.floor-nonadult .area-slide .box-tmb li:hover span:after {
    border: 2px solid #6bb049;
}
#page-lc.floor-nonadult .area-slide .box-tmb li.active:after {
    border-bottom-color: #6bb049;
}

/* ========================= [ お気に入り・イベントリスト ]  */

/* ===== 見出し */

#page-lc .area-toplist > [class^="box-"] .capt {
    height: 42px;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 10px;
}
#page-lc .area-toplist > [class^="box-"] .capt .ttl {
    position: relative;
    float: left;
    line-height: 42px;
    padding-left: 26px;
    color: #4f5965;
    font-size: 17px;
}
#page-lc .area-toplist > [class^="box-"] .capt .ttl:before {
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn {
    float: right;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn dl,
#page-lc .area-toplist > [class^="box-"] .capt .box-btn p {
    float: left;
    margin-left: 8px;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn  dl {
    width: auto;
    margin-top: 8px;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn  dt {
    float: left;
    line-height: 25px;
    margin-right: 3px;
    color: #565d68;
    font-size: 11px;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn  dd {
    float: left;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left -67px repeat-x;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn span {
    display: inline-block;
    padding: 0 7px;
    border-radius: 3px;
    color: #f9f9f9;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn span.active {
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left -92px repeat-x;
    color: #fff;
}
#page-lc .area-toplist > [class^="box-"] .capt .box-btn  dd:hover span.active {
    background-position: left -117px;
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-reload,
#page-lc .area-toplist > [class^="box-"] .capt .btn-switch {
    position: relative;
    float: right;
    line-height: 25px;
    margin-top: 8px;
    padding: 0 3px 0 22px;
    border-radius: 3px;
    background: #585f69 url(http://p.dmm.co.jp/p/livechat/bg_toplist_btn.gif) left top repeat-x;
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-reload:hover,
#page-lc .area-toplist > [class^="box-"] .capt .btn-switch:hover {
    position: relative;
    top: 1px;
    background: #585f69 url(http://p.dmm.co.jp/p/livechat/bg_toplist_btn.gif) left -24px repeat-x;
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-reload,
#page-lc .area-toplist > [class^="box-"] .capt .btn-switch {
    width: 4em;
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-reload:after,
#page-lc .area-toplist > [class^="box-"] .capt .btn-switch:after {
    position: absolute;
    top: 4px;
    left: 8px;
    width: 15px;
    height: 15px;
    content: "";
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-reload:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_toplist.png) -1px -72px no-repeat;
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-switch:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_toplist.png) -33px -72px no-repeat;
}
#page-lc .area-toplist > [class^="box-"] .capt .btn-switch.close:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_toplist.png) -17px -72px no-repeat;
}

/* ===== リスト */

#page-lc .area-toplist > [class^="box-"] .sect ul {
    overflow: hidden;
    padding: 0 0 2px 10px;
}
#page-lc .area-toplist > [class^="box-"] .sect .listbox,
#page-lc .area-toplist > [class^="box-"] .sect .event-link,
#page-lc .area-toplist > [class^="box-"] .sect .more-link {
    float: left;
    margin: 0 8px 10px 0;
}
#page-lc .area-toplist > [class^="box-"] .sect .list-none {
    height: 100px;
    padding: 18px 0 0;
    box-sizing: border-box;
    text-align: center;
}
#page-lc .area-toplist > [class^="box-"] .sect .list-none a {
    color: #349ef8;
}
#page-lc .area-toplist > [class^="box-"] .sect .list-none .tx-large {
    margin-bottom: 3px;
    font-size: 17px;
    color: #aaa;
}

/* イベントリスト */

#page-lc .area-toplist > .box-eventlist {
    border-bottom: 1px solid #e3e3e3;
    background: #f9eece;
}
#page-lc .area-toplist > .box-eventlist .capt {
    border-bottom: 1px solid #e6dbbc;
    background: #f4e5b8;
}
#page-lc .area-toplist > .box-eventlist .capt .ttl {
    color: #564f44;
}
#page-lc .area-toplist > .box-eventlist .capt .ttl:before {
    background: url(http://p.dmm.co.jp/p/livechat/icon_toplist.png) -22px -51px no-repeat;
}
#page-lc .area-toplist > .box-eventlist .capt .ttl:after {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 18px;
    margin: -5px 0 0 8px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_session.gif) left top no-repeat;
    vertical-align: middle;
    content: "";
}
#page-lc .area-toplist > .box-eventlist.award .capt .ttl:after {
    width: 68px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_session02.gif) left top no-repeat;
}
#page-lc .area-toplist > .box-eventlist .listbox {
    height: 168px;
    border: 1px solid #eae0cb;
}
#page-lc .area-toplist > .box-eventlist .listbox [class^="st-"] {
    display: block;
    position: absolute;
    top: 82px;
    right: 5px;
    left: auto;
    bottom: auto;
    width: auto;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 2px 0 0 0;
    font-size: 10px;
    text-align: right;
}
#page-lc .area-toplist > .box-eventlist .listbox .st-waiting,
#page-lc .area-toplist > .box-eventlist .listbox .st-avevent {
    background-color: rgb(220,10,50);
    background-color: rgba(220,10,50,0.8);
    color: #fff; 
}
#page-lc .area-toplist > .box-eventlist .listbox .st-party,
#page-lc .area-toplist > .box-eventlist .listbox .st-twoshot {
    background-color: rgb(244,133,52);
    background-color: rgba(244,133,52,0.8);
    color: #fff; 
}
#page-lc .area-toplist > .box-eventlist .listbox .st-offline {
    background-color: rgb(137,137,137);
    background-color: rgba(137,137,137,0.8);
    color: #fff;
}
#page-lc .area-toplist > .box-eventlist .event-link a {
    display: block;
    position: relative;
    width: 136px;
    height: 168px;
    padding: 5px 5px 0;
    box-sizing: border-box;
    border: 1px solid #ececec;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
}
#page-lc .area-toplist > .box-eventlist .event-link a:hover {
    text-decoration: none;
}
#page-lc .area-toplist > .box-eventlist .event-link a img {
    padding: 5px 0 10px;
}
#page-lc .area-toplist > .box-eventlist .event-link a:hover img {
    opacity: 0.7;
}
#page-lc .area-toplist > .box-eventlist .event-link a .link {
    display: block;
    line-height: 30px;
    margin-left: 4px;
    border-top: 1px dotted #ccc;
    color: #349ef8; 
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
#page-lc .area-toplist > .box-eventlist .event-link .comment {
    position: absolute;
    top: 124px;
    display: block;
    line-height: 1.6em;
    margin-left: 4px;
    color: #8b8b8b;
    font-size: 10px;
    text-align: left;
}

/* お気に入りリスト */

#page-lc .area-toplist > .box-favlist {
    background: #f5f7f9;
}
#page-lc .area-toplist > .box-favlist .capt {
    border-bottom: 1px solid #e3e3e3;
    background: #e8ecf2;
}
#page-lc .area-toplist > .box-favlist .capt .ttl:before {
    background: url(http://p.dmm.co.jp/p/livechat/icon_toplist.png) -1px -51px no-repeat;
}
#page-lc .area-toplist > .box-favlist .sect .more-link a {
    display: block;
    position: relative;
    width: 136px;
    height: 190px;
    border: 1px solid #d8dce0;
    box-sizing: border-box;
    color: #0ca2f0;
    background-color: #fff;
    text-align: center;
}
#page-lc .area-toplist > .box-favlist .sect .more-link a:hover {
    text-decoration: none;
}
#page-lc .area-toplist > .box-favlist .sect .more-link span {
    display: block;
    margin-top: 100px;
    font-size: 11px;
    text-align: center;
}
#page-lc .area-toplist > .box-favlist .sect .more-link span:after {
    display: block;
    position: absolute;
    top: 42px;
    left: 42px;
    width: 52px;
    height: 49px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_toplist.png) -1px -1px no-repeat;
    content: "";
}
#page-lc .area-toplist > .box-favlist .sect .more-link:hover span:after {
    opacity: 0.7;
}

/* ================================================== [ オンラインリスト ] */

#page-lc .area-onlinelist {
    position: relative;
    top: 0;
    margin: 15px 0 60px;
}
#page-lc .area-onlinelist.nav-hollow {
    position: relative;
    padding-top: 108px;
}

/* ========================= [ リストナビ ]  */

#page-lc .d-area [id^="online-nav"] {
    width: 736px;
}

/* ===== リスト情報 */

#page-lc .d-area .box-listinfo {
    overflow: hidden;
    width: 100%;
    height: 24px;
    margin-bottom: 6px;
}
#page-lc .d-area .box-listinfo .tx-count {
    display: inline-block;
    float: left;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
    color: #fff;
}
#page-lc .d-area .box-listinfo .tx-count:after {
    position: absolute;
    top: 24px;
    left: 10px;
    border: 1px solid transparent;
    border-width: 10px 10px 0 0;
    content: "";
}
#page-lc.floor-chat .d-area .box-listinfo .tx-count {
    background-color: #ed626f;
}
#page-lc.floor-chat .d-area .box-listinfo .tx-count:after {
    border-top-color: #ed626f;
}
#page-lc.floor-adult .d-area .box-listinfo .tx-count {
    background-color: #e36e9d;
}
#page-lc.floor-adult .d-area .box-listinfo .tx-count:after {
    border-top-color: #e36e9d;
}
#page-lc.floor-madam .d-area .box-listinfo .tx-count {
    background: #9a478a url(http://p.dmm.co.jp/p/livechat/madam/bg_txcount.jpg) left top;
}
#page-lc.floor-madam .d-area .box-listinfo .tx-count:after {
    border-top-color: #974589;
}
#page-lc.floor-nonadult .d-area .box-listinfo .tx-count {
    background-color: #6bb049;
}
#page-lc.floor-nonadult .d-area .box-listinfo .tx-count:after {
    border-top-color: #6bb049;
}
#page-lc .d-area .box-listinfo .icon-guide .tx-guide {
    display:  inline-block;
    position: relative;
    float: left;
    line-height: 24px;
    margin-left: 12px;
    padding-left: 20px;
    color: #078ed5;
    cursor: pointer;
}
#page-lc .d-area .box-listinfo .icon-guide .tx-guide:hover {
    text-decoration: underline;
}
#page-lc .d-area .box-listinfo .icon-guide .tx-guide:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_guide.png) -184px -55px no-repeat;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox {
    position: absolute;
    top: 30px;
    left: 180px;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);;
    background-color: #efefef;
    z-index: 100;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox:after,
#page-lc .d-area .box-listinfo .icon-guide .guidebox:before {
    display: block;
    position: absolute;
    left: 23px;
    border: solid transparent;
    border-width: 0 8px 10px 8px;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox:before {
    top: -9px;
    border-bottom-color: #d3d3d3;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox:after {
    top: -8px;
    border-bottom-color: #efefef;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 29px;
    height: 29px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_guide.png) -154px -55px no-repeat;
    cursor: pointer;
    content: "";
    z-index: 10;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .close:hover {
    opacity: 0.8;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .inner {
    position: relative;
    overflow: hidden;
    border:1px solid #d3d3d3;
    border-radius: 3px 3px 0 0;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col {
    position: relative;
    float: left;
    width: 200px;
    padding: 18px;
    box-sizing: border-box;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col:before {
    display: block;
    position: relative;
    top: 3px;
    left: 0;
    width: 153px;
    height: 151px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: #a7a7a7 1px dotted;
    background: url(http://p.dmm.co.jp/p/livechat/icon_guide.png) left top no-repeat;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li {
    position: relative;
    line-height: 27px;
    padding-left: 25px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li:after {
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 19px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_guide.png) left top no-repeat;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li.l-01:after {
    background-position: -154px -35px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li.l-02:after {
    background-position: -174px -35px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li.l-03:after {
    background-position: -194px -35px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li.l-04:after {
    background-position: -214px -35px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li.l-05:after {
    background-position: -234px -35px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .l-col li.l-06:after {
    background-position: -254px -35px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col {
    float: left;
    width: 320px;
    padding: 24px 15px 0;
    box-sizing: border-box;
    background-color: #fff;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col dt {
    position: relative;
    line-height: 1.2em;
    margin-bottom: 14px;
    padding: 0 0 12px 18px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 18px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col dt:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 8px;
    height: 14px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_guide.png) -201px -55px no-repeat;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col dt span {
    display: inline-block;
    line-height: 18px;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px dotted #aaa;
    font-size: 11px;
    vertical-align: middle;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col dd {
    margin-bottom: 24px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li {
    display: inline-block;
    position: relative;
    line-height: 26px;
    padding-left: 28px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) no-repeat;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li.new:after {
    left: -1px;
    background-position: -1px -1px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li.new-half:after {
    background-position: -22px -1px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li.new-half p {
    position: relative;
    line-height: 18px;
    margin-top: 6px;
    padding: 8px;
    background-color: #e9e9e9;
    border-radius: 3px;
    font-size: 11px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li.new-half p:after {
    display: block;
    position: absolute;
    top: -6px;
    left: 25px;
    border: solid transparent;
    border-width: 0 6px 6px 6px;
    border-bottom-color: #e9e9e9;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .new-info li.new-half p span {
    display: inline-block;
    width: 61px;
    height: 18px;
    margin-right: 6px;
    background: url(http://p.dmm.co.jp/p/livechat/tx_discount.gif) -1px -1px no-repeat;
    background-color: rgba(191,135,14,0.9) !important;
    content: "";
    vertical-align: middle;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li {
    display: inline-block;
    position: relative;
    line-height: 42px;
    padding-left: 36px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li:after {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 33px;
    height: 33px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_guide.png) no-repeat;
    content: "";
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li.adult:after {
    background-position: -154px -1px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li.madam:after {
    background-position: -188px -1px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li.nonadult:after {
    background-position: -222px -1px;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li a {
    font-weight: bold;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li.adult a {
    color: #f34e90;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li.madam a {
    color: #a84895;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .r-col .floor-info li.nonadult a {
    color: #63a542;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .tx-link {
    line-height: 50px;
    padding: 0 12px;
    background-color: #5a6270;
    border-radius: 0 0 3px 3px;
    text-align: right;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .tx-link a {
    position: relative;
    color: #fff;
}
#page-lc .d-area .box-listinfo .icon-guide .guidebox .tx-link a:after {
    display: block;
    position: absolute;
    top: 2px;
    left: -13px;
    border: solid transparent;
    border-width: 4px 0 4px 5px;
    border-left-color: #d4d6da;
    content: "";
}

/* ===== フロア・リスト操作機能 */

#page-lc .d-area .box-operation {
    display: table-cell;
    width: inherit;
    height: 58px;
    vertical-align: middle;
    padding: 0 0 0 15px;
    border: solid #dfe3e8;
    border-width: 1px;
    box-sizing: border-box;
    background-color: #f5f7f9;
}
#page-lc .d-area .box-operation .box-listtype {
    display: inline-block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-top: 8px;
    border-radius: 3px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left -67px repeat-x;
    cursor: pointer;
}
#page-lc .d-area .box-operation .box-listtype li {
    display: inline-block;
    position: relative;
    float: left;
    height: 25px;
    padding: 0 10px 0 30px;
    border-radius: 3px;
    color: #f9f9f9;
    font-size: 11px;
}
#page-lc .d-area .box-operation .box-listtype li.active {
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left -92px repeat-x;
    color: #fff;
}
#page-lc .d-area .box-operation .box-listtype:hover li.active {
    background-position: left -117px;
}
#page-lc .d-area .box-operation .box-listtype li:after  {
    position: absolute;
    top: 1px;
    left: 5px;
    float: left;
    width: 22px;
    height: 22px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_onlinelist.png);
    content: "";
}
#page-lc .d-area .box-operation .box-listtype li.spread:after  {
    background-position: -1px -42px;
}
#page-lc .d-area .box-operation .box-listtype li.disclose:after  {
    background-position: -25px -42px;
}
#page-lc .d-area .box-operation .box-btn {
    float: right;
}
#page-lc .d-area .box-operation .box-btn > dl,
#page-lc .d-area .box-operation .box-btn > p {
    float: left;
    margin-right: 10px;
}
#page-lc .d-area .box-operation .box-btn  dl {
    position: relative;
    text-align: center;
}
#page-lc .d-area .box-operation .box-btn  dt {
    color: #565d68;
    font-size: 11px;
}
#page-lc .d-area .box-operation .box-btn  dd {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin-top: 2px;
    border-radius: 3px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left top repeat-x;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
#page-lc .d-area .box-operation .box-btn span {
    display: inline-block;
    height: 22px;
    padding: 0 8px;
    border-radius: 3px;
    color: #f9f9f9;
}
#page-lc .d-area .box-operation .box-btn span.active {
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left -22px repeat-x;
    color: #fff;
}
#page-lc .d-area .box-operation .box-btn  dd:hover span.active {
    background-position: left -44px;
}
#page-lc .d-area .box-operation .box-btn  .btn-reload {
    width: 70px;
    height: 40px;
    background: url(http://p.dmm.co.jp/p/livechat/bt_reload.png) -1px -1px no-repeat;
    content: "";
    cursor: pointer;
}
#page-lc .d-area .box-operation .box-btn  .btn-reload:hover {
    position: relative;
    top: 1px;
    background: url(http://p.dmm.co.jp/p/livechat/bt_reload.png) -1px -42px no-repeat;
}
#page-lc .d-area .box-operation .box-btn  .btn-reload span {
    display: none;
}

/* =====  リスト絞り込み機能 */

#page-lc .d-area .box-sort {
    position: relative;
    width: inherit;
    line-height: 52px;
    padding: 0 15px;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    text-align: right;
}
#page-lc.floor-chat .d-area .box-sort {
    background: #ed626f url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
}
#page-lc.floor-adult .d-area .box-sort {
    background: #e36e9d url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
}
#page-lc.floor-madam .d-area .box-sort {
    background: #94468e url(http://p.dmm.co.jp/p/livechat/madam/bg_boxsort.jpg) right top no-repeat;
}
#page-lc.floor-nonadult .d-area .box-sort {
    background: #6bb049 url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
}
#page-lc .d-area .box-sort:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
#page-lc .d-area .box-sort .box-radio {
    float: left;
}
#page-lc .d-area .box-sort .box-radio label {
    position: relative;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
#page-lc .d-area .box-sort .box-radio label.on:after {
    display: block;
    position: absolute;
    bottom: -20px;
    left: -2px;
    border: solid transparent;
    border-width: 0 8px 10px 8px;
    border-bottom-color: #fff;
    content: "";
}
#page-lc .d-area .box-sort .box-radio label + label {
    margin-left: 18px;
}
#page-lc .d-area .box-sort .box-radio label input {
    margin: -3px 3px 0 0;
    vertical-align: middle;
}
#page-lc .d-area .box-sort .tx-link {
    display: inline-block;
    font-size: 13px;
}
#page-lc .d-area .box-sort .tx-link a {
    background: none;
    color: #fff;
}
#page-lc .d-area .box-sort .tx-link a:before {
    position: relative;
    top: 5px;
    left: -5px;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-left: 10px;
    border-left: 1px dotted #fff;
    background: url(http://p.dmm.co.jp/p/livechat/icon_search.png) 10px top no-repeat;
    content: "";
}

/* ===== リスト追随時 */

#page-lc .area-onlinelist .sticky-nav {
    position: fixed;
    top: -90px;
    z-index: 1000;
    height: 40px;
    -webkit-transition: top 0.3s;
                  transition: top 0.3s;
    -webkit-transform : translateZ(0);
    -ms-transform: translateZ(0);
                  transform : translateZ(0);
}
#page-lc .area-onlinelist .sticky-nav.visible {
    top: 0;
}
#page-lc .area-onlinelist .sticky-nav .box-operation {
    position: relative;
    height: 40px;
    z-index: 1100;
    border-top: none;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .tx-count {
    display: none;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-listtype {
    height: 22px;
    line-height: 22px;
    margin-top: 0;
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left top repeat-x;
    font-size: 11px;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-listtype li {
    height: 22px;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-listtype li.active {
    background: url(http://p.dmm.co.jp/p/livechat/bg_box_btn.gif) left -22px repeat-x;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-listtype:hover li.active {
    background-position: left -44px;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-listtype li:after  {
    top: 0;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn dt {
    display: none;
    position: absolute;
    top: 28px;
    right: 50%;
    z-index: 100;
    width: 70px;
    margin-right: -38px;
    padding: 2px 3px;
    background-color: #000;
    border-radius: 3px;
    white-space: nowrap;
    color: #fff;
    font-size: 11px;
    opacity: 0.8;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn dt:after {
    display: block;
    position: absolute;
    top: -4px;
    left: 48%;
    border: solid transparent;
    border-width: 0 3px 4px 3px;
    border-bottom-color: #000;
    content: "";
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn  dd {
    margin-top: 1px;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn > dl:hover dt {
    display: inline-block;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn .btn-order  dt {
    margin-left: 6em; 
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn .btn-autoreload dt {
    margin-left: 4em; 
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn  .btn-reload {
    width: 70px;
    height: 22px;
    margin-top: 1px;
    background: url(http://p.dmm.co.jp/p/livechat/bt_reload.png) -72px -1px no-repeat;
    content: "";
    cursor: pointer;
}
#page-lc .area-onlinelist .sticky-nav .box-operation .box-btn  .btn-reload:hover {
    position: relative;
    top: 1px;
    background: url(http://p.dmm.co.jp/p/livechat/bt_reload.png) -72px -24px no-repeat;
}
#page-lc .area-onlinelist .sticky-nav .box-sort {
    top: -90px;
    line-height: 46px;
    -webkit-transition: top 0.20s;
                  transition: top 0.20s;
}
#page-lc .area-onlinelist .sticky-nav .box-sort .box-radio label.on:after {
    content: none;
}
#page-lc .area-onlinelist .sticky-nav .box-sort.visible {
    top: 0;
}
#page-lc.floor-chat .area-onlinelist .sticky-nav .box-sort {
    background-color: #ed626f;
}
#page-lc.floor-adult .area-onlinelist .sticky-nav .box-sort {
    background-color: #e36e9d;
}
#page-lc.floor-madam .area-onlinelist .sticky-nav .box-sort {
    background: #94468e url(http://p.dmm.co.jp/p/livechat/madam/bg_boxsort.jpg) right top no-repeat;
}
#page-lc.floor-nonadult .area-onlinelist .sticky-nav .box-sort {
    background-color: #6bb049;
}

/* ========================= [ オンラインリスト ]  */

#page-lc .onlinelist {
    margin-bottom: 40px;
}
#page-lc .onlinelist.list-none {
    overflow: hidden;
    width: 100%;
    padding: 80px 0;
    border: solid #dfe3e8;
    border-width: 0 1px 1px 1px;
    box-sizing: border-box;
    color: #a2a7ab;
    text-align: center;
}
#page-lc .onlinelist.list-load {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: solid #dfe3e8;
    border-width: 0 1px 1px 1px;
    background-color: #f5f7f9;
    box-sizing: border-box;
    color: #a2a7ab;
    text-align: center;
}
#page-lc .onlinelist.list-load img {
    position: absolute;
    top: 40%;
}

/* =====  絞り込み時 */

#page-lc .area-onlinelist .otherlist-nav {
    position: relative;
    line-height: 56px;
    margin-top: -41px;
    padding: 0 15px;
    font-size: 16px;
}
#page-lc .area-onlinelist .otherlist-nav:after {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 38px;
    border: solid transparent;
    border-width: 0 8px 10px 8px;
    border-bottom-color: #fff;
    content: "";
}
#page-lc.floor-chat .area-onlinelist .otherlist-nav {
    border: 1px solid #ed626f;
    background: #ed626f url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
    color: #fff;
}
#page-lc.floor-adult .area-onlinelist .otherlist-nav {
    border: 1px solid #e36e9d;
    background: #e36e9d url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
    color: #fff;
}
#page-lc.floor-madam .area-onlinelist .otherlist-nav {
    border: 1px solid #974589;
    background: #974589 url(http://p.dmm.co.jp/p/livechat/madam/bg_boxsort.jpg) left top;
    color: #fff;
}
#page-lc.floor-nonadult .area-onlinelist .otherlist-nav {
    border: 1px solid #6bb049;
    background: #6bb049 url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
    color: #fff;
}

/* =====  各ステータス_見出し */

#page-lc .onlinelist .ttl {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 12px 15px;
    border: solid #dfe3e8;
    border-width: 0 1px 0 1px;
    box-sizing: border-box;
}
#page-lc .onlinelist > [class$="-list"] + [class$="-list"] .ttl {
    padding: 17px 15px 12px;
}
#page-lc .onlinelist > [class$="-list"] + [class$="-list"] .ttl:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "";
}
#page-lc.floor-chat .onlinelist > [class$="-list"] + [class$="-list"] .ttl:before {
    border-top: 5px solid #ed626f;
}
#page-lc.floor-adult .onlinelist > [class$="-list"] + [class$="-list"] .ttl:before {
    border-top: 5px solid #e36e9d;
}
#page-lc.floor-madam .onlinelist > [class$="-list"] + [class$="-list"] .ttl:before {
    border-top: 5px solid #974589;
}
#page-lc.floor-nonadult .onlinelist > [class$="-list"] + [class$="-list"] .ttl:before {
    border-top: 5px solid #6bb049;
}
#page-lc .onlinelist .ttl > div {
    position: relative;
    float: left;
    padding-left: 50px;
    font-size: 18px;
}
#page-lc .onlinelist .ttl > div:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content: "";
}
#page-lc .onlinelist .ttl > div > p:first-child {
    font-weight: bold;
}
#page-lc .onlinelist .waiting-list .ttl > div:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_onlinelist.png) -1px -1px no-repeat;
}
#page-lc .onlinelist .party-list .ttl > div:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_onlinelist.png) -42px -1px no-repeat;
}
#page-lc .onlinelist .twoshot-list .ttl > div:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_onlinelist.png) -83px -1px no-repeat;
}
#page-lc.floor-chat .onlinelist .ttl > div:after {
    background-color: #ed626f;
}
#page-lc.floor-chat .onlinelist .ttl > div > p:first-child {
    color: #ed626f;
}
#page-lc.floor-adult .onlinelist .ttl > div:after {
    background-color: #e36e9d;
}
#page-lc.floor-adult .onlinelist .ttl > div > p:first-child {
    color: #e36e9d;
}
#page-lc.floor-madam .onlinelist .ttl > div:after {
    background-color: #974589;
}
#page-lc.floor-madam .onlinelist .ttl > div > p:first-child {
    color: #974589;
}
#page-lc.floor-nonadult .onlinelist .ttl > div:after {
    background-color: #6bb049;
}
#page-lc.floor-nonadult .onlinelist .ttl > div > p:first-child {
    color: #6bb049;
}
#page-lc .onlinelist .ttl .tx-supple {
    display: block;
    margin-top: 3px;
    color: #696969;
    font-size: 11px;
}
#page-lc .onlinelist .ttl ul {
    float: right;
    display: block;
    margin-top: 14px;
    font-size: 12px;
}
#page-lc .onlinelist .ttl ul li {
    float: left;
}
#page-lc .onlinelist .ttl ul li > a {
    position: relative;
    margin-left: 8px;
    font-weight: bold;
}
#page-lc.floor-chat .onlinelist .ttl li > a {
    color: #ed626f;
}
#page-lc.floor-adult .onlinelist .ttl li > a {
    color: #e36e9d;
}
#page-lc.floor-madam .onlinelist .ttl li > a {
    color: #974589;
}
#page-lc.floor-nonadult .onlinelist .ttl li > a {
    color: #6bb049;
}
#page-lc .onlinelist .ttl li > a:after {
    position: absolute;
    left: -14px;
    width: 14px;
    height: 14px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_onlinelist.png);
    content: "";
}
#page-lc .onlinelist .ttl li.down > a:after {
    top: 0;
    left: -20px;
    background-position: -16px -112px;
}
#page-lc .onlinelist .ttl li.up > a:after {
    top: 0;
    left: -20px;
    background-position: -1px -112px;
}
#page-lc.floor-chat .onlinelist .ttl li > a:after {
    background-color: #ed626f;
}
#page-lc.floor-adult .onlinelist .ttl li > a:after {
    background-color: #e36e9d;
}
#page-lc.floor-madam .onlinelist .ttl li > a:after {
    background-color: #974589;
}
#page-lc.floor-nonadult .onlinelist .ttl li > a:after {
    background-color: #6bb049;
}
#page-lc .onlinelist .ttl li + li {
    margin-left: 10px;
    padding-left: 24px;
    border-left: 1px dotted #bbb;
}

/* ========================= [ オンラインリスト : 共通 ]  */

/* =====  リストグループ */

/* 入室人数 */

#page-lc .listgroup .listbox .viewer {
    position: absolute;
    width: 36px;
    height: 36px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_viewer.png) no-repeat;
    z-index: 21;
}
#page-lc .listgroup .listbox.adult .viewer {
    background-position: -1px -75px;
}
#page-lc .listgroup .listbox.madam .viewer {
    background-position: -38px -75px;
}
#page-lc .listgroup .listbox.nonadult .viewer {
    background-position: -75px -75px;
}
#page-lc .listgroup .listbox .viewer.full {
    background-position: -112px -75px;
    content: "";
}
#page-lc .listgroup .listbox .viewer.full > span {
    display: none;
}
#page-lc .listgroup .listbox .viewer span {
    display: block;
    line-height: 1.3em;
    width: 23px;
    color: #fff;
    font-size: 13px;
    font-family: Verdana;
    text-align: center;
}

/* 新人アイコン */

#page-lc .listgroup .listbox [class^="new"] {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
}
#page-lc .listgroup .listbox .new {
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -1px -1px no-repeat;
}
#page-lc .listgroup .listbox .new-half {
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -22px -1px no-repeat;
}

/* お気に入りアイコン */

#page-lc .listgroup .listbox .favorite {
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -1px -22px no-repeat;
}

/* スマホ配信アイコン */

#page-lc .listgroup .listbox .smartphone {
    position: absolute;
    top: 113px;
    left: 6px;
    width: 11px;
    height: 20px;
    margin-left: 4px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -30px -22px no-repeat;
}

/* 割引背景 */

#page-lc .listgroup .listbox .cp-info {
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 18px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
    text-align: center;
}
#page-lc .listgroup .listbox a .cp-info {
    line-height: 18px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
#page-lc .listgroup .listbox .cp-info:after {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    border: solid transparent;
    border-width: 3px 0 0 4px;
    content: "";
}
#page-lc .listgroup .listbox.adult .cp-info.reg-cp {
    background-color: #f35796;
}
#page-lc .listgroup .listbox.adult .cp-info.reg-cp:after {
    border-top-color: #f35796;
}
#page-lc .listgroup .listbox.madam .cp-info.reg-cp {
    background-color: #a44492;
}
#page-lc .listgroup .listbox.madam .cp-info.reg-cp:after {
    border-top-color: #a44492;
}
#page-lc .listgroup .listbox.nonadult .cp-info.reg-cp {
    background-color: #69af46;
}
#page-lc .listgroup .listbox.nonadult .cp-info.reg-cp:after {
    border-top-color: #69af46;
}
#page-lc .listgroup .listbox .cp-info.imp-cp {
    background-color: #db0318;
}
#page-lc .listgroup .listbox .cp-info.imp-cp:after {
    border-top-color: #db0318;
}
#page-lc .listgroup .listbox .cp-info.new-cp {
    background-color: #bf870e;
}
#page-lc .listgroup .listbox .cp-info.new-cp:after {
    border-top-color: #bf870e;
}

/* 割引テキスト */

#page-lc .listgroup .listbox .cp-info span {
    display: block;
    width: 64px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
}
#page-lc .listgroup .listbox .cp-info span.tx-large {
    display: none;
}
#page-lc .listgroup .listbox .cp-info span:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 18px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_discount.gif) no-repeat;
    content: "";
}
#page-lc .listgroup .listbox.adult .cp-info span.firstin:after {
    background-position: -66px -1px;
}
#page-lc .listgroup .listbox.adult .cp-info span:after {
    background-position: -1px -1px;
}
#page-lc .listgroup .listbox.madam .cp-info span.firstin:after {
    background-position: -66px -20px;
}
#page-lc .listgroup .listbox.madam .cp-info span:after {
    background-position: -1px -20px;
}
#page-lc .listgroup .listbox.nonadult .cp-info span.firstin:after {
    background-position: -66px -39px;
}
#page-lc .listgroup .listbox.nonadult .cp-info span:after {
    background-position: -1px -39px;
}
#page-lc .listgroup .listbox .cp-info.imp-cp span.firstin:after {
    background-position: -66px -58px;
}
#page-lc .listgroup .listbox .cp-info.imp-cp span:after {
    background-position: -1px -58px;
}
#page-lc .listgroup .listbox .cp-info.new-cp span:after {
    background-position: -1px -77px;
}
#page-lc .listgroup .listbox.adult .device-pc .cp-info span:after {
    background-position: -1px -221px;
}
#page-lc .listgroup .listbox.madam .device-pc .cp-info span:after {
    background-position: -1px -240px;
}
#page-lc .listgroup .listbox.nonadult .device-pc .cp-info span:after {
    background-position: -1px -259px;
}
#page-lc .listgroup .listbox .device-pc .cp-info.imp-cp span:after {
    background-position: -1px -278px;
}
#page-lc .listgroup .listbox .device-pc .cp-info.new-cp span:after {
    background-position: -1px -297px;
}
#page-lc .listgroup .listbox.adult .device-sp .cp-info span:after {
    background-position: -66px -221px;
}
#page-lc .listgroup .listbox.madam .device-sp .cp-info span:after {
    background-position: -66px -240px;
}
#page-lc .listgroup .listbox.nonadult .device-sp .cp-info span:after {
    background-position: -66px -259px;
}
#page-lc .listgroup .listbox .device-sp .cp-info.imp-cp span:after {
    background-position: -66px -278px;
}
#page-lc .listgroup .listbox .device-sp .cp-info.new-cp span:after {
    background-position: -66px -297px;
}

/* ========================= [ オンラインリスト : 画像優先リスト ]  */

/* ========================= 画像優先リスト | デフォルト(小サイズ)  */

/* =====  リストグループ */

#page-lc .type-spread {
    position: relative;
    overflow: hidden;
    border: 0 solid #dfe3e8;
    border-width: 1px 0 0 1px;
    background-color: #f5f7f9;
}
#page-lc .type-spread:before,
#page-lc .type-spread:after {
    display: block;
    position: absolute;
    border: 0 solid #dfe3e8;
    content: '';
}
#page-lc .type-spread:before {
    right: 0;
    height: 100%;
    border-width: 0 1px 0 0;
}
#page-lc .type-spread:after {
    bottom: 0;
    width: 100%;
    border-width: 0 0 1px 0;
}

/* =====  リスト詳細 */

#page-lc .type-spread .listbox {
    display: block;
    position: relative;
    float: left;
    width: 146px;
    height: 134px;
    border: 0 solid #dfe3e8;
    border-width: 0 1px 1px 0;
    background-color: #fff;
}
#page-lc .type-spread .listbox a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 6px;
    box-sizing: border-box;
    z-index: 20;
}
#page-lc .type-spread .listbox a > span {
    display: block;
}
#page-lc .type-spread .listbox a > .none {
    display: none;
}
#page-lc .type-spread .listbox .tmb {
    width: 134px;
    height:101px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #dedede;
    text-align: center;
}
#page-lc .type-spread .listbox .tmb img {
    height:101px;
    width: auto;
}
#page-lc .type-spread .listbox .viewer {
    top: 6px;
    left: 6px;
}
#page-lc .type-spread .listbox  [class^="new"] {
    top: 10px;
    right: 10px;
}
#page-lc .type-spread .listbox .ranking {
    display: inline-block;
    position: absolute;
    top: 90px;
    left: 6px;
    width: 134px;
    line-height: 17px;
    padding: 0 3px;
    box-sizing: border-box;
    background: url(http://p.dmm.co.jp/p/livechat/bg_white_alpha.png) left top;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}
#page-lc .type-spread .listbox .ranking span {
    color: #db0318;
}
#page-lc .type-spread .listbox .cp-info {
    top: 89px;
    left: 6px;
}
#page-lc .type-spread .listbox .favorite {
    position: absolute;
    top: 112px;
    left: 6px;
}
#page-lc .type-spread .listbox .favorite + .name {
    margin-left: 18px;
}
#page-lc .type-spread .listbox .favorite + .smartphone {
    margin-left: 14px;
}
#page-lc .type-spread .listbox .favorite + .smartphone + .name {
    width: 93px;
    margin-left: 28px;
}
#page-lc .type-spread .listbox .smartphone + .name {
    margin-left: 18px;
}
#page-lc .type-spread .listbox .name {
    position: absolute;
    top: 107px;
    left: 6px;
    width: 110px;
    line-height: 27px;
    margin-left: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    font-weight: bold;
}
#page-lc .type-spread .listbox.adult .name {
    color: #ed5691;
}
#page-lc .type-spread .listbox.madam .name {
    color: #9e5090;
}
#page-lc .type-spread .listbox.nonadult .name {
    color: #65aa35;
}
#page-lc .type-spread .listbox .cover-info {
    position: absolute;
    width: 134px;
    height: 101px;
    top: 6px;
    left: 6px;
    overflow: hidden;
}
#page-lc .type-spread .listbox .cover-info .inner {
    display: block;
    position: absolute;
    bottom: -100px; 
    width: 134px;
    padding: 6px;
    box-sizing: border-box;
    background: url(http://p.dmm.co.jp/p/livechat/bg_white_alpha.png) left top;
    color: #555;
} 
#page-lc .type-spread .listbox .cover-info .inner {
    bottom: -100px;
    -webkit-transition: bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#page-lc .type-spread .listbox .cover-info .inner.active {
    bottom: 0;
}
#page-lc .type-spread .listbox .comment {
    display: block;
    width: 110px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: bold;
    word-break: break-all;
    word-wrap:break-word;
}
#page-lc .type-spread .listbox .floor {
    display: inline-block;
    line-height: 1.2em;
    padding: 0 6px 0 0;
    font-size: 10px;
    font-weight: bold;
}
#page-lc .type-spread .listbox.adult .floor {
    color: #ed5691;
}
#page-lc .type-spread .listbox.madam .floor {
    color: #9e5090;
}
#page-lc .type-spread .listbox.nonadult .floor {
    color: #65aa35;
}

/* 大リスト */

#page-lc .type-spread .listbox.large {
    width: 293px;
    height: 269px;
}
#page-lc .type-spread .listbox.large.right {
    float: right;
}
#page-lc .type-spread .listbox.large.right:after {
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    border-left: 1px solid #dfe3e8;
    content: "";
}
#page-lc .type-spread .listbox.large .tmb {
    width: 281px;
    height:225px;
}
#page-lc .type-spread .listbox.large .tmb img {
    position: relative;
    left: 50%;
    height: 225px;
    width: auto;
    margin-left: -281px;
}
#page-lc .type-spread .listbox.large .viewer {
    width: 73px;
    height: 73px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_viewer.png) no-repeat;
}
#page-lc .listgroup .listbox.large.adult .viewer {
    background-position: -1px -1px;
}
#page-lc .listgroup .listbox.large.madam .viewer {
    background-position: -75px -1px;
}
#page-lc .listgroup .listbox.large.nonadult .viewer {
    background-position: -149px -1px;
}
#page-lc .listgroup .listbox.large .viewer.full {
    background-position: -223px -1px;
}
#page-lc .type-spread .listbox.large .viewer span {
    position: relative;
    width: 43px;
    line-height: 1.4em;
    font-size: 16px;
    font-weight: normal;
}
#page-lc .type-spread .listbox.large .viewer span:after {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -1px -37px no-repeat;
    content: "";
}
#page-lc .type-spread .listbox.large .viewer.full span:after {
    content: none;
}
#page-lc .type-spread .listbox.large .ranking {
    top: 207px;
    width: 281px;
    line-height: 24px;
    padding: 0 6px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_white_alpha.png) left top;
    font-size: 13px;
}

#page-lc .type-spread .listbox.large .ranking:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right:3px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -43px -1px no-repeat;
    content: "";
    vertical-align: middle;
}
#page-lc .type-spread .listbox.large .floor {
    position: absolute;
    top: 240px;
    right: 6px;
    display: inline-block;
    line-height: 1.6em;
    padding: 0 4px  0 8px;
    background: none;
    border-left: 1px dotted #bbb;
    border-right: none;
    font-size: 11px;
}
#page-lc .type-spread .listbox.large.adult .floor {
    color: #ed5691;
}
#page-lc .type-spread .listbox.large.madam .floor {
    color: #9e5090;
}
#page-lc .type-spread .listbox.large.nonadult .floor {
    color: #65aa35;
}
#page-lc .type-spread .listbox.large .name {
    top: 231px;
    left: 10px;
    width: 180px;
    line-height: 38px;
    margin-left: 6px;
    font-size: 13px;
    text-align: left;
}
#page-lc .type-spread .listbox.large .favorite + .name {
    margin-left: 18px;
}
#page-lc .type-spread .listbox.large .favorite {
    position: absolute;
    top: 239px;
    left: 6px;
    width: 20px;
    height: 20px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -64px -1px no-repeat;
    z-index:10;
}
#page-lc .type-spread .listbox.large .smartphone {
    position: absolute;
    top: 239px;
    left: 6px;
    width: 11px;
    height: 20px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -86px -1px no-repeat;
    z-index:10;
}
#page-lc .type-spread .listbox.large .favorite + .smartphone {
    margin-left: 22px;
}
#page-lc .type-spread .listbox.large .smartphone + .name {
    margin-left: 14px;
}
#page-lc .type-spread .listbox.large .favorite + .smartphone + .name {
    width: 140px;
    margin-left: 35px;
}
#page-lc .type-spread .listbox.large .cover-info {
    width: 281px;
    height: 225px;
    overflow: hidden;
}
#page-lc .type-spread .listbox.large .cover-info .inner {
    display: block;
    position: absolute;
    width: 281px;
    padding: 6px;
    box-sizing: border-box;
    background: url(http://p.dmm.co.jp/p/livechat/bg_white_alpha.png) left top;
    color: #555;
}
#page-lc .type-spread .listbox.large .comment {
    display: block;
    width: 268px;
    font-size: 14px;
}
#page-lc .type-spread .listbox.large.right .comment {
    text-align: left;
}

/* 割引テキスト */

#page-lc .type-spread .listbox.large .cp-info {
    position: absolute;
    top: 207px;
    width: 130px;
    height: 24px;
    font-size: 13px;
}
#page-lc .type-spread .listbox.large .cp-info:after {
    bottom: -5px;
    border-width: 5px 0 0 5px;
}
#page-lc .type-spread .listbox.large .cp-info span {
    width: 130px;
    height: 24px;
    line-height: 24px;
}
#page-lc .type-spread .listbox.large .cp-info span.tx-default {
    display: none;
}
#page-lc .type-spread .listbox.large .cp-info span.tx-large {
    display: block;
}
#page-lc .type-spread .listbox.large .cp-info span:after {
    width: 130px;
    height: 24px;
}
#page-lc .type-spread .listbox.large.adult .cp-info span:after {
    background-position: -1px -96px;
}
#page-lc .type-spread .listbox.large.madam .cp-info span:after {
    background-position: -1px -121px;
}
#page-lc .type-spread .listbox.large.nonadult .cp-info span:after {
    background-position: -1px -146px;
}
#page-lc .type-spread .listbox.large .cp-info.imp-cp span:after {
    background-position: -1px -171px;
}
#page-lc .type-spread .listbox.large .cp-info.new-cp span:after {
    background-position: -1px -196px;
}
#page-lc .type-spread .listbox.large.adult .device-pc .cp-info span:after {
    background-position: -1px -316px;
}
#page-lc .type-spread .listbox.large.madam  .device-pc .cp-info span:after {
    background-position: -1px -341px;
}
#page-lc .type-spread .listbox.large.nonadult .device-pc .cp-info span:after {
    background-position: -1px -366px;
}
#page-lc .type-spread .listbox.large .device-pc .cp-info.imp-cp span:after {
    background-position: -1px -391px;
}
#page-lc .type-spread .listbox.large .device-pc .cp-info.new-cp span:after {
    background-position: -1px -416px;
}
#page-lc .type-spread .listbox.large.adult .device-sp .cp-info span:after {
    background-position: -1px -441px;
}
#page-lc .type-spread .listbox.large.madam .device-sp .cp-info span:after {
    background-position: -1px -466px;
}
#page-lc .type-spread .listbox.large.nonadult .device-sp .cp-info span:after {
    background-position: -1px -491px;
}
#page-lc .type-spread .listbox.large .device-sp .cp-info.imp-cp span:after {
    background-position: -1px -516px;
}
#page-lc .type-spread .listbox.large .device-sp .cp-info.new-cp span:after {
    background-position: -1px -541px;
}

/* ========================= 画像優先リスト | 大サイズ切り替え時  */

/* =====  リスト詳細  */

#page-lc .type-spread.size-l .listbox {
    width: 182.75px;
    height: 160px;
}
#page-lc .type-spread.size-l .listbox .tmb {
    width: 171px;
    height:128px;
}
#page-lc .type-spread.size-l .listbox .tmb img {
    height:128px;
    width: auto;
}
#page-lc .type-spread.size-l .listbox .viewer {
    top: 6px;
    left: 50%;
    margin-left: -86px;
}
#page-lc .type-spread.size-l .listbox  [class^="new"] {
    top: 10px;
    left: 50%;
    margin-left: 60px;
}
#page-lc .type-spread.size-l .listbox .ranking {
    top: 116px;
    left: 50%;
    width: 172px;
    line-height: 20px;
    margin-left: -86px;
}
#page-lc .type-spread.size-l .listbox .ranking:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -1px 3px 0 0;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -16px -22px no-repeat;
    vertical-align: middle;
    content: "";
}
#page-lc .type-spread.size-l .listbox .cp-info {
    top: 116px;
    left: 50%;
    margin-left: -86px;
}
#page-lc .type-spread.size-l .listbox .favorite {
    position: absolute;
    top: 140px;
    left: 6px;
}
#page-lc .type-spread.size-l .listbox .smartphone {
    top: 140px;
    left: 6px;
}
#page-lc .type-spread.size-l .listbox .name {
    top: 134px;
    left: 6px;
    width: 110px;
}
#page-lc .type-spread.size-l .listbox .cover-info {
    width: 172px;
    height: 128px;
    top: 6px;
    left: 50%;
    margin-left: -86px;
}
#page-lc .type-spread.size-l .listbox .cover-info .inner {
    width: 172px;
    padding: 6px;
} 
#page-lc .type-spread.size-l .listbox .comment {
    width: 160px;
}
#page-lc .type-spread.size-l .listbox .floor {
    padding: 0 6px 0 0;
}

/* ========================= [ オンラインリスト : 詳細表示リスト ]  */

/* ========================= 詳細表示リスト | デフォルト(小サイズ)  */

/* =====  リストグループ */

#page-lc .type-disclose {
    position: relative;
    overflow: hidden;
    border: 0 solid #dfe3e8;
    border-width: 1px 0 0 1px;
    background-color: #fff;
}
#page-lc .type-disclose:before,
#page-lc .type-disclose:after {
    display: block;
    position: absolute;
    border: 0 solid #dfe3e8;
    content: '';
}
#page-lc .type-disclose:before {
    right: 0;
    height: 100%;
    border-width: 0 1px 0 0;
}
#page-lc .type-disclose:after {
    bottom: 0;
    width: 100%;
    border-width: 0 0 1px 0;
}

/* =====  リスト詳細 */

#page-lc .type-disclose .listbox {
    display: block;
    position: relative;
    float: left;
    width: 146px;
    height: 204px;
    border: 0 solid #dfe3e8;
    border-width: 0 1px 1px 0;
    background-color: #fff;
}
#page-lc .type-disclose .listbox a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    box-sizing: border-box;
}
#page-lc .type-disclose .listbox a:hover .tmb {
    opacity: 0.7;
}
#page-lc .type-disclose .listbox a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #f7f7f7;
    content: "";
}
#page-lc .type-disclose .listbox a > span {
    display: block;
}
#page-lc .type-disclose .listbox a > .none {
    display: none;
}
#page-lc .type-disclose .listbox .tmb {
    width: 130px;
    height:97px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    background-color: #dedede;
}
#page-lc .type-disclose .listbox .tmb img {
    height:98px;
    width: auto;
}
#page-lc .type-disclose .listbox .viewer {
    top: 8px;
    left: 8px;
}
#page-lc .type-disclose .listbox [class^="new"] {
    top: 12px;
    right: 12px;
}
#page-lc .type-disclose .listbox .ranking {
    display: inline-block;
    position: absolute;
    top: 175px;
    left: 6px;
    width: 70px;
    line-height: 30px;
    box-sizing: border-box;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
#page-lc .type-disclose .listbox .ranking span {
    color: #db0318;
}
#page-lc .type-disclose .listbox .cp-info {
    top: 87px;
    left: 8px;
}
#page-lc .type-disclose .listbox .favorite {
    position: absolute;
    top: 112px;
    left: 6px;
}
#page-lc .type-disclose .listbox .favorite + .name {
    margin-left: 18px;
}
#page-lc .type-disclose .listbox .smartphone {
    position: absolute;
    top: 112px;
    left: 8px;
}
#page-lc .type-disclose .listbox .favorite + .smartphone {
    margin-left: 13px;
}
#page-lc .type-disclose .listbox .favorite + .smartphone + .name  {
	widows:93px;
    margin-left: 28px;
}
#page-lc .type-disclose .listbox .smartphone + .name  {
    margin-left: 18px;
}
#page-lc .type-disclose .listbox .name {
    position: absolute;
    top: 107px;
    left: 6px;
    width: 110px;
    line-height: 27px;
    margin-left: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    font-weight: bold;
}
#page-lc .type-disclose .listbox.adult .name {
    color: #ed5691;
}
#page-lc .type-disclose .listbox.madam .name {
    color: #9e5090;
}
#page-lc .type-disclose .listbox.nonadult .name {
    color: #65aa35;
}
#page-lc .type-disclose .listbox .comment {
    display: block;
    position: absolute;
    top: 135px;
    left: 8px;
    width: 128px;
    margin-left: 6px;
    line-height: 1.6em;
    color: #888;
    font-size: 10px;
    word-break: break-all;
    word-wrap:break-word;
}
#page-lc .type-disclose .listbox .floor {
    display: inline-block;
    position: absolute;
    top: 184px;
    right: 6px;
    line-height: 1.2em;
    padding: 0 0 0 6px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_spread_floor.gif) left top no-repeat;
    font-size: 10px;
    font-weight: bold;
}
#page-lc .type-disclose .listbox.adult .floor {
    color: #ed5691;
}
#page-lc .type-disclose .listbox.madam .floor {
    background-position: left -15px;
    color: #9e5090;
}
#page-lc .type-disclose .listbox.nonadult .floor {
    background-position: left -30px;
    color: #65aa35;
}

/* ========================= 詳細表示リスト | 大サイズ切り替え時  */

/* =====  リスト詳細  */

#page-lc .type-disclose.size-l .listbox {
    width: 182.75px;
    height: 234px;
}
#page-lc .type-disclose.size-l .listbox .tmb {
    width: 167px;
    height:127px;
}
#page-lc .type-disclose.size-l .listbox .tmb img {
    height:127px;
    width: auto;
}
#page-lc .type-disclose.size-l .listbox .viewer {
    top: 8px;
    left: 50%;
    margin-left: -83px;
}
#page-lc .type-disclose.size-l .listbox  [class^="new"] {
    top: 12px;
    left: 50%;
    margin-left: 60px;
}
#page-lc .type-disclose.size-l .listbox .ranking {
    top: 206px;
    left: 6px;
    width: 95px;
    line-height: 30px;
    padding: 0 4px 0 18px;
}
#page-lc .type-disclose.size-l .listbox .ranking:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_listbox.png) -16px -22px no-repeat;
    content: "";
}
#page-lc .type-disclose.size-l .listbox .cp-info {
    top: 117px;
    left: 50%;
    margin-left: -83px;
}
#page-lc .type-disclose.size-l .listbox .favorite {
    position: absolute;
    top: 142px;
    left: 6px;
}
#page-lc .type-disclose.size-l .listbox .smartphone {
    position: absolute;
    top: 142px;
    left: 8px;
}
#page-lc .type-disclose.size-l .listbox .name {
    top: 135px;
    left: 6px;
    width: 150px;
} 
#page-lc .type-disclose.size-l .listbox .comment {
    top: 165px;
    left: 8px;
    width: 156px;
}
#page-lc .type-disclose.size-l .listbox .floor {
    top: 214px;
    padding: 0 0 0 8px;
}

/* ========================= [ オンラインリスト : 分離タイプ ]  */

/* =====  リストグループ */

#page-lc .type-separate {
    position: relative;
    overflow: hidden;
}

/* =====  リスト詳細 */

#page-lc .type-separate .listbox  {
    display: block;
    position: relative;
    float: left;
    width: 136px;
    height: 190px;
    margin: 0 10px 10px 0;
    border: 1px solid #d8dce0;
    box-sizing: border-box;
    background-color: #fff;
}
#page-lc .type-separate .listbox > a:hover .tmb {
    opacity: 0.7;
}
#page-lc .type-separate .listbox a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
}
#page-lc .type-separate .listbox a > span {
    display: block;
}
#page-lc .type-separate .listbox a > .none {
    display: none;
}
#page-lc .type-separate .listbox .tmb {
    width: 124px;
    height:93px;
    overflow: hidden;
    background-color: #dfe3e9;
    text-align: center;
}
#page-lc .type-separate .listbox .tmb img {
    height:93px;
    width: auto;
}
#page-lc .type-separate .listbox .viewer {
    top: 5px;
    left: 5px;
}
#page-lc .type-separate .listbox [class^="new"] {
    top: 8px;
    right: 8px;
}
#page-lc .type-separate .listbox .cp-info {
    top: 80px;
    left: 5px;
}
#page-lc .type-separate .listbox .favorite {
    top: 104px;
    left: 6px;
}
#page-lc .type-separate .listbox .favorite + .name {
    margin-left: 22px;
}
#page-lc .type-separate .listbox .smartphone {
    top: 104px;
    left: 2px;
}
#page-lc .type-separate .listbox .favorite + .smartphone {
    top: 104px;
    left: 14px;
}
#page-lc .type-separate .listbox .smartphone + .name {
    margin-left: 22px;
}
#page-lc .type-separate .listbox .favorite + .smartphone + .name {
    margin-left: 32px;
}
#page-lc .type-separate .listbox .name {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100px;
    line-height: 30px;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    font-weight: bold;
}
#page-lc .type-separate .listbox.adult .name,
#page-lc .type-separate .listbox.adult .floor {
    color: #ed5691;
}
#page-lc .type-separate .listbox.madam .name,
#page-lc .type-separate .listbox.madam .floor {
    color: #9e5090;
}
#page-lc .type-separate .listbox.nonadult .name,
#page-lc .type-separate .listbox.nonadult .floor {
    color: #65a738;
}
#page-lc .type-separate .listbox .comment {
    position: absolute;
    top: 124px;
    display: block;
    line-height: 1.6em;
    width: 110px;
    margin-left: 4px;
    color: #8b8b8b;
    font-size: 10px;
    word-break: break-all;
    word-wrap:break-word;
}
#page-lc .type-separate .listbox .floor {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    line-height: 22px;
    padding: 0 6px;
    background-color: #f7f7f7;
    text-align: right;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: bold;
}
#page-lc .type-separate .listbox [class^="st-"] {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 6em;
    line-height: 22px;
    text-align: center;
    background: url(http://p.dmm.co.jp/p/livechat/bg_dot.png) left top;
    font-size: 10px;
    color: #fff;
}
#page-lc .type-separate .listbox .st-waiting {
    background-color: #df1d42;
}
#page-lc .type-separate .listbox .st-party,
#page-lc .type-separate .listbox .st-twoshot {
    background-color: #f48534;
}
#page-lc .type-separate .listbox .st-offline {
    background-color: #a5a5a5;
}

/* ========================= [ ムービーリスト ] */

/* =====  ムービーフロア */

#page-lc .page-movie .head {
    margin-bottom:40px;
    padding:12px 0;
    background:url(http://p.dmm.co.jp/p/livechat/movie/bg_head.gif) top left;
}
#page-lc .page-movie .head .hd-inner {
    position:relative;
    width:703px;
    height:269px;
    margin:0 auto;
    border:1px #bbb solid;
    background:url(http://p.dmm.co.jp/p/livechat/movie/bg_head.jpg) top left;
}
#page-lc .page-movie .head .hd-inner .ttl {
    position:absolute;
    top:0;
    left:41px;
}
#page-lc .page-movie .head .hd-inner .fla {
    position:absolute;
    bottom:13px;
    left:41px;
    padding:3px;
    border:1px #bbb solid;
    background:#fff;
}
#page-lc .page-movie .head .hd-inner .fla p {
    margin:2px 0 0 3px;
    font-size:11px;
}
#page-lc .page-movie .head .service {
    position:absolute;
    right:60px;
    bottom:12px;
}

/* ムービーリスト */

#page-lc .movielist .d-tmb {
    width:172px;
}
#page-lc .movielist li {
    width:25%;
}
#d-ie7 #page-lc .movielist li {
    margin-left:-1px;
}
#page-lc .movielist li a {
    color:#333;
}
#page-lc .movielist .d-tmb .d-img  {
    width:172px;
}
#page-lc .movielist li a:hover .ttl {
    color:#e20;
    text-decoration:underline;
}
#page-lc .movielist .d-tmb > a,
#page-lc .movielist .d-tmb > span {
    padding-top:6px;
}
#page-lc .movielist .cgimg {
    width:160px;
    height:90px;
    vertical-align:top;
}
#page-lc .movielist .d-tmb .new {
    position:absolute;
    top:0;
    left:0;
}
#page-lc .movielist .d-tmb .new .icon > span {
    position: relative;
    z-index: -1;
}
#page-lc .movielist .d-tmb .new .icon {
    display:inline-block;
    width:37px;
    height:37px;
    background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) 0 -16px no-repeat;
    white-space:nowrap;
}
#page-lc .movielist .d-tmb .new .icon span {
    line-height:3.4em;
}
#page-lc .movielist .d-tmb .new .icon span,
#page-lc .movielist .d-tmb .floor .icon span {
    display:inline-block;
    position:relative;
}
#page-lc .movielist .d-tmb .floor {
    position:absolute;
    top:80px;
    left:6px;
    color: #fff;
}
#page-lc .movielist .d-tmb .floor .icon {
    display: block;
    line-height: 16px;
    padding: 0 4px;
    white-space:nowrap;
    border-radius: 0 2px 0 0;
    font-size: 10px;
    opacity: 0.9;
}
#page-lc .movielist .d-tmb .floor .icon.fl-adult {
    background-color: #ed5691;
}
#page-lc .movielist .d-tmb .floor .icon.fl-madam {
    background-color: #9e5090;
}
#page-lc .movielist .d-tmb .floor .icon.fl-nonadult {
    background-color: #65aa35;
}
#page-lc .movielist .d-tmb .time {
    display:block;
    position:absolute;
    top:79px;
    right:6px;
    height:17px;
    width:38px;
    line-height:1.6em;
    background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) -38px -16px;
    color:#fff;
    font-size:11px;
    text-align:center;
    cursor:pointer;
}

/* ========================= [ プライベートムービー ] */

#page-lc .page-movie.unique-list .regist-number {
    color: #535961;
    font-size: 13px;
}
#page-lc .page-movie.unique-list .regist-number span {
    padding: 0 4px;
    font-size: 16px;
    font-weight: bold;
}
#page-lc .page-movie.unique-list .tx-none {
    line-height: 1.8em;
    padding: 40px 0;
    font-size: 20px;
    color: #acacac;
    text-align: center;
}
#page-lc .page-movie.unique-list .unique-movielist > li {
    overflow: hidden;
}
#page-lc .page-movie.unique-list .unique-movielist > li + li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e8eb;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb a {
    display: block;
    position: relative;
    float: left;
    padding: 6px;
    border: 1px solid #e5e8eb;
    border-radius: 3px;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb a:hover {
	-webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    opacity: .8;
    text-decoration: none;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb .floor {
    position: absolute;
    top: 78px;
    left: 6px;
    color: #fff;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb .floor .icon {
    display: inline-block;
    line-height: 16px;
    padding: 0 4px;
    white-space: nowrap;
    border-radius: 0 2px 0 0;
    font-size: 10px;
    opacity: 0.9;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb .floor .icon.fl-adult {
    background-color: #ed5691;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb .floor .icon.fl-madam {
    background-color: #9e5090;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-tmb .floor .icon.fl-nonadult {
    background-color: #65aa35;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-info {
    margin-left: 190px;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-info dt {
    font-size: 16px;
    margin-bottom: 6px;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-info dt a {
    color: #3d9ee2;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-info table {
    line-height: 1.8em;
    font-size: 13px;
    color: #4b4b4b;
}
#page-lc .page-movie.unique-list .unique-movielist .movie-info table th {
    font-weight: normal;
}
#page-lc .page-movie.unique-list .linkbox {
    padding: 20px;
    border: 1px solid #e4e6e9;
    background-color: #ebedef;
    overflow: hidden;
    text-align: center;
}
#page-lc .page-movie.unique-list .linkbox li {
    display: inline-block;
}
#page-lc .page-movie.unique-list .linkbox li a {
    display: block;
    position: relative;
    float: left;
    width: 320px;
    line-height: 60px;
    border-radius: 3px;
    background-color: #575b66;
    background: -moz-linear-gradient(top center, #616672 0%, #575b66 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#616672), to(#575b66));
    background: linear-gradient(to bottom, #616672, #575b66);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#616672', endColorstr='#575b66', GradientType=0)";
    color: #e6e8ed;
    text-align: center;
    font-size: 16px;
}
#page-lc .page-movie.unique-list .linkbox li a:hover {
	-webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    opacity: .9;
    text-decoration: none;
}
#page-lc .page-movie.unique-list .linkbox li a:after {
    display: block;
    position: absolute;
    top: 8px;
    left: 16px;
    width: 42px;
    height: 42px;
    content: "";
    opacity: 0.9;
}
#page-lc .page-movie.unique-list .linkbox li.chat-link a:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_movie.png) no-repeat -44px -1px;
}
#page-lc .page-movie.unique-list .linkbox li a > span {
    display: block;
    margin: 0 0 0 40px;
}

/* ========================= [ ムービー末端 ] */

/* 全体 */

#page-lc .movie-window .cover {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.75;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background: #000;
}
#page-lc .movie-window .area-movie {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1110;
    width: 680px;
    box-shadow: 0 3px 12px #3c3d3f;
    margin-left: -340px;
    border-radius: 3px;
    background: #fff;
    text-align: left;
}
#page-lc .movie-window.movie-adult .fl-col {
    color: #d66d97;
}
#page-lc .movie-window.movie-madam .fl-col {
    color: #9a478a;
}
#page-lc .movie-window.movie-nonadult .fl-col {
    color: #6bb049;
}

/* ナビゲーション */

#page-lc .movie-window .area-movie .area-nav {
    height: 38px;
    border-radius: 3px 3px 0 0;
}
#page-lc .movie-window.movie-adult .area-movie .area-nav {
    background-color: #d66d97;
}
#page-lc .movie-window.movie-madam .area-movie .area-nav {
    background-color: #9a478a;
}
#page-lc .movie-window.movie-nonadult .area-movie .area-nav {
    background-color: #6bb049;
}
#page-lc .movie-window .area-movie .area-nav .fl-logo {
    position: relative;
    top: 10px;
    left: 15px;
    display: block;
    width: 210px;
    height: 18px;
    margin-top: -1px;
}
#page-lc .movie-window.movie-adult .area-movie .area-nav .fl-logo {
    background: url(http://p.dmm.co.jp/p/livechat/logo_movie.png) no-repeat -1px -1px;
}
#page-lc .movie-window.movie-madam .area-movie .area-nav .fl-logo {
    background: url(http://p.dmm.co.jp/p/livechat/logo_movie.png) no-repeat -1px -20px;
}
#page-lc .movie-window.movie-nonadult .area-movie .area-nav .fl-logo {
    background: url(http://p.dmm.co.jp/p/livechat/logo_movie.png) no-repeat -1px -39px;
}
#page-lc .movie-window .area-movie .area-nav .fl-logo span {
    display: none;
}
#page-lc .movie-window .area-movie .area-nav .bt-close {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 33px;
    height: 33px;
    background: url(http://p.dmm.co.jp/p/livechat/icon_movie.png) no-repeat;
}
#page-lc .movie-window .area-movie .area-nav .bt-close:hover {
	-webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    opacity: .95;
    text-decoration: none;
    cursor: pointer;
}
#page-lc .movie-window.movie-adult .area-movie .area-nav .bt-close {
    background-position: -1px -44px;
}
#page-lc .movie-window.movie-madam .area-movie .area-nav .bt-close {
    background-position: -35px -44px;
}
#page-lc .movie-window.movie-nonadult .area-movie .area-nav .bt-close {
    background-position: -69px -44px;
}

/* ムービータイトル */

#page-lc .movie-window .area-movie .area-title {
    line-height: 1.5em;
    margin: 9px 15px 7px;
}
#page-lc .movie-window .area-movie .area-title .chara-name {
    margin-bottom: 2px;
    font-size: 13px;
}
#page-lc .movie-window .area-movie .area-title .chara-name span {
    padding-right: 3px;
    font-weight: bold;
}
#page-lc .movie-window .area-movie .area-title .movie-title {
    line-height: 1.6em;
    font-size: 18px;
}

/* スクリーン */

#page-lc .movie-window .area-movie .area-screen {
    padding: 20px 20px 12px;
    border: solid #e6e8ea;
    border-width: 1px 0 0 1px;
    background-color: #ebedef;
    text-align: center;
}
#page-lc .movie-window .area-movie .area-screen .box-flash {
    width: 640px;
    margin: 0 auto;
}
#page-lc .movie-window .area-movie .area-screen .tx-note {
    margin-top: 12px;
    font-size: 11px;
    color: #9a9da2;
}

/* ムービー情報 */

#page-lc .movie-window .area-info {
    margin: 20px;
}
#page-lc .movie-window .area-info .basic-info {
    overflow: hidden;
}
#page-lc .movie-window .area-info .movie-tmb {
    float: left;
    padding: 10px;
    border: 1px solid #e5e8eb;
    border-radius: 3px;
}
#page-lc .movie-window .area-info .movie-tmb p {
    display: table-cell;
    width: 177px;
    height: 100px;
    background-color: #ddd;
    text-align: center;
    vertical-align: middle;
}
#page-lc .movie-window .area-info .movie-info {
    margin: 0 0 0 220px;
    color: #63666a;
}
#page-lc .movie-window .area-info .movie-info dt {
    margin-bottom: 4px;
    font-size: 18px;
    color: #9a9da2;
}
#page-lc .movie-window .area-info .movie-info dd table {
    font-size: 13px;
    line-height: 2em;
}
#page-lc .movie-window .area-info .movie-info dd table th {
    padding-right: 3px;
}
#page-lc .movie-window .area-info .movie-info dd table td .tx-sm {
    font-size: 11px;
}
#page-lc .movie-window .area-info .tx-comment {
    position: relative;
}
#page-lc .movie-window .area-info .tx-comment:after {
    position: absolute;
    top: -23px;
    left: 15px;
    border: 1px solid transparent;
    border-bottom-color: #ebedef;
    border-width: 12px 0 12px 12px;
    content: "";
}
#page-lc .movie-window .area-info .tx-comment .inner {
    max-height: 200px;
    margin-top: 14px;
    padding: 12px;
    border-radius: 3px;
    border: 1px solid #e4e6e9;
    background-color: #ebedef;
    color: #63666a;
    overflow: auto;
    font-size: 13px;
}

/* リンク */

#page-lc .movie-window .area-link {
    padding: 20px;
    background-color: #ebedef;
    border-top: 1px solid #e4e6e9;
    border-radius: 0 0 3px 3px;
}
#page-lc .movie-window .area-link ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#page-lc .movie-window .area-link li {
    float: left;
    list-style: none;
}
#page-lc .movie-window .area-link li + li {
    margin-left: 20px;
}
#page-lc .movie-window .area-link li a {
    display: block;
    position: relative;
    float: left;
    width: 310px;
    height: 60px;
    border-radius: 3px;
    background-color: #575b66;
    background: -moz-linear-gradient(top center, #616672 0%, #575b66 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#616672), to(#575b66));
    background: linear-gradient(to bottom, #616672, #575b66);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#616672', endColorstr='#575b66', GradientType=0)";
    color: #e6e8ed;
    text-align: center;
    font-size: 16px;
}
#page-lc .movie-window .area-link li a:after {
    display: block;
    position: absolute;
    top: 8px;
    left: 16px;
    width: 42px;
    height: 42px;
    content: "";
    opacity: 0.9;
}
#page-lc .movie-window .area-link li.movie-link a:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_movie.png) no-repeat -1px -1px;
}
#page-lc .movie-window .area-link li.chat-link a:after {
    background: url(http://p.dmm.co.jp/p/livechat/icon_movie.png) no-repeat -44px -1px;
}
#page-lc .movie-window .area-link li a:hover {
	-webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    opacity: .9;
    text-decoration: none;
}
#page-lc .movie-window .area-link li a > span {
    display: block;
    margin: 9px 0 0 40px;
}
#page-lc .movie-window .area-link li .tx-sub {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
}

/* ========================= [ お知らせ枠 ]  */

#page-lc .d-boxpiclist.rowlink {
    margin-right: -31px;
    overflow: hidden;
}
#page-lc .d-boxpiclist.rowlink li {
    width: 122px;
    height: 185px;
    margin-right: 28px;
    overflow: hidden;
}
#page-lc .d-boxpiclist a:visited .d-tmb {
    border: 1px #ddd solid;
}

/* ========================= [ サービス概要説明 ] */

#page-lc .box-about {
    width: 730px;
    margin: 0 auto;
}
#page-lc .box-about .read-txt {
    margin-bottom: 18px;
    text-align: center;
}
#page-lc .box-about .read-txt p:first-child {
    line-height: 1.8em;
    font-size: 24px;
    font-weight: bold;
}
#page-lc .box-about .read-txt p:first-child span {
    color: #d90000;
}
#page-lc .box-about .read-txt p + p {
    line-height: 1.8em;
}
#page-lc .box-about .box-info {
    margin-bottom: 22px;
    padding: 1px 0;
    background: url(http://p.dmm.co.jp/p/livechat/bg_deco.gif) left top;
}
#page-lc .box-about .box-info .inner {
    margin: 10px;
    padding: 16px 16px 1px 16px;
    background-color: #fff;
}
#page-lc .box-about .box-info .inner dl {
    line-height: 1.7em;
}
#page-lc .box-about .box-info .inner dl.flow01 {
    min-height: 140px;
    padding: 8px 0 18px 200px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_info_point.gif) left top no-repeat;
}
#page-lc .box-about .box-info .inner dl.flow02 {
    min-height: 140px;
    padding: 30px 0 18px 200px; 
    background: url(http://p.dmm.co.jp/p/livechat/bg_info_search.gif) left top no-repeat;
}
#page-lc .box-about .box-info .inner dl.flow03 {
    min-height: 140px;
    padding: 30px 0 18px 200px; 
    background: url(http://p.dmm.co.jp/p/livechat/bg_info_start.gif) left top no-repeat;
}
#page-lc .box-about .box-info .inner dl.play {
    min-height: 140px;
    padding: 0 0 16px 190px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_info_play.gif) left top no-repeat;
}
#page-lc .box-about .box-info .inner dl.search {
    min-height: 140px;
    padding: 0 0 16px 190px;
    background: url(http://p.dmm.co.jp/p/livechat/bg_info_find.gif) left top no-repeat;
}
#page-lc .box-about .box-info .inner dt {
    line-height: 1.3em;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
}
#page-lc .box-guidelink {
    padding: 16px 0 20px;
    text-align: center;
}
#page-lc .box-guidelink ul li {
    display: inline-block;
    margin: 0 16px;
    font-size: 14px;
    font-weight: bold;
    zoom: 1;
}
#d-ie7 #page-lc .box-guidelink ul li {
    display: inline;
}
#page-lc .box-guidelink ul li > span {
    display: block;
    margin-bottom: 8px;
    padding-bottom: 8px;
    background: url(http://p.dmm.co.jp/p/livechat/arrow_bo.png) center bottom no-repeat;
}

/* ================================================== [ 検索ページ ] */

#page-lc .capt01 {
    font-size: 20px;
    color: #585965;
}
#page-lc .searchbox {
    margin-top: 6px;
    padding: 6px 12px;
    border: 3px solid #FF84B5;
    border-radius: 6px;
}
#page-lc .searchbox label {
    display: inline-block;
    padding: 5px 3px 9px 5px;
}
#page-lc .searchbox label input,
#page-lc .searchbox #aoma_tb td input {
    margin-right: 3px;
}
#page-lc .searchbox #aoma_tb {
    margin: 0 auto;
}
#page-lc .searchbox #aoma_tb td {
    padding: 6px;
    white-space: nowrap;
}
#page-lc .searchbox select[name="limit"] {
    margin: 3px;
}
#page-lc .resultbox {
    margin: 10px 0;
    padding: 6px;
    border: 3px solid #FF84B5;
    border-radius: 6px;
}

/* ================================================== [ ポイント購入ページ ] */

#page-lc #page #content table.table-point th {
    line-height: 2.8em;
}
#page-lc #page #content table.table-point td {
    line-height: 4em;
    font-size: 13px;
}