@charset "utf-8";

*,
body {
    font-family: Verdana, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

/* header
--------------------------------------------------------------*/
.keep-header {
    position: relative;
    width: 100%;
    height: 84px;
    box-sizing: border-box;
    background: #ff9800;
    z-index: 1;
}
.header-inner {
    width: 800px;
    margin: 0 auto;
}
.header-inner:after {
    content: "";
    display: block;
    clear: both;
}
.header-title {
    position: relative;
    float: left;
    margin-right: 32px;
    padding-left: 38px;
    line-height: 52px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.header-title-icon {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
}
.header-title-icon>img{
    position: absolute;
    top: 4px;
    left: 5px;
    width: 20px;
    height: 20px;
}
.header-nav {
    float: left;
}
.header-nav:after {
    content: "";
    display: block;
    clear: both;
}
.header-nav-item {
    position: relative;
    float: left;
    padding: 15px 30px;
    color: #fff;
}

.header-nav-item.is-current { background: #ffffff;}
.header-nav-item:not(.is-current):hover { background: #ffb03c;}

.parent-item {
    display: inline-block;
    padding: 4px 0 4px 30px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #fff;
    transition: all ease-out 0.2s;
}

.parent-item._keep{ background-image: url('/img/icon/keep/icon-star_w.png');}
.parent-item._history{ background-image: url('/img/icon/keep/icon-history_w.png');}
.header-nav-item.is-current>.parent-item._keep{
    color: #ff9800;
    background-image: url('/img/icon/keep/icon-star_o.png');
}
.header-nav-item.is-current>.parent-item._history{
    color: #ff9800;
    background-image: url('/img/icon/keep/icon-history_o.png');
}

.children-list {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: -1;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
/*
.header-nav-item:hover>.children-list{
    top: 52px;
    color: #555;
    transition: all ease-out 0.2s;
}*/
.children-item {
    position: relative;
    display: block;
    padding: 12px 12px 12px 32px;
    font-size: 12px;
    color: #fff;
    transition: all ease-out 0.3s;
}
.children-item:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 20px;
    display: block;
    border: 3px solid transparent;
    border-left: 5px solid #ff9800;
}
.header-nav-item:hover .children-item { color: #555;}
.header-nav-item:hover .children-item:hover { color: #ff9800;}

.sub-headder-inner {
    position: relative;
    z-index: -2;
    border-bottom: 1px solid #ddd;
    background-color: white;
}
.submenu-list {
    height: 31px;
    width: 800px;
    margin: 0 auto;
}
.submenu-item {
    display: inline-block;
    width: 80px;
    margin-right: 5px;
    padding: 10px 0 6px;
    border-bottom: 3px solid #fff;
    font-size: 12px;
    text-align: center;
    color: #333;
    background: #fff;
    transition: all ease-out 0.2s;
}
.submenu-item.is-current,
.submenu-item:hover {
    border-bottom: 3px solid #ff9800;
}

/*--------------------------------------------------------------
/header */


/* keepList
--------------------------------------------------------------*/
#keepList {
    width: 800px;
    margin: 64px auto 0;
    padding-bottom: 52px;
}

/* keep list head */
.keep-list-head {
    position: relative;
    margin-bottom: 32px;
    padding: 0 0 12px;
    border-bottom: 2px dotted #ccc;
}
.list-control {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
}
.shop-total {
    font-size: 14px;
    font-weight: bold;
}
.total-number{
    font-size:20px;
    font-weight:bold;
    margin:0 5px;
    color:#f7793f;
}
/* /keep list head */


/* list control btn */
.list-control-btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #555;
    cursor: pointer;
    transition: all ease-out 0.15s;
}

.list-control-btn._myshop { background-color: #ff695d; }
.list-control-btn._myshop:hover { background-color: #fd7d72; }
.list-control-btn._myshop.is-added { background-color: #607d8b; }
.list-control-btn._myalbum { background-color: #ff695d; }
.list-control-btn._myalbum:hover { background-color: #fd7d72; }
.list-control-btn._myalbum.is-added { background-color: #607d8b; }
.list-control-btn._delete { background-color: #607d8b; }
.list-control-btn._delete:hover { background-color: #769aab; }
.list-control-btn._addKeep { background-color: #fdb03e; }
.list-control-btn._addKeep:hover { background-color: #ffb84e; }
.list-control-btn._addKeep.is-added { background-color: #607d8b; }
.list-control-btn>a { color: #ffffff; }
/* /list control btn */


/* keep-list-item */
.keep-list-item{
    margin-bottom:25px;
    padding:13px 20px 16px;
    border:3px solid #ddd;
    border-radius:15px;
    box-sizing:border-box;
}

.shop-header {
    position: relative;
    overflow: hidden;
    padding:5px 0;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}
.shop-title {
    width: 440px;
    padding: 0 10px;
    line-height: 20px;
    word-break: break-all;
}
.shop-title-name {
    padding-right: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #1d3994;
}
.shop-title-gyousyu {
    color: #999;
    font-size: 11px;
}
.keep-btn {
    position: absolute;
    top: 5px;
    right: 0;
}

.shop-body:after {
    content: "";
    display: block;
    clear: both;
}
.shop-body-left {
    width: 212px;
    margin-right: 16px;
    float: left;
}
.main-img {
    width: 212px;
    height: 212px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.main-img img {
    max-width: 100%;
}
.sub-img {
    margin-top: 8px;
}
.sub-img-item {
    width: 36px;
    height: 36px;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    margin-right: 8px;
    border: 1px solid #ddd;
}
.sub-img-item:last-child {
    margin-right: 0;
}
.sub-img-item>img {
    max-width: 100%;
}
.sub-img-item img {
    max-width: 100%;
}

.shop-body-right {
    width: 526px;
    float: right;
}
.shop-body-right._dRank {
    width: 754px;
}
.shop-body-contents:not(:last-child) {
    margin-bottom: 8px;
}

.shop-infomation {
    border-bottom: 1px dotted #ccc;
}
.shop-infomation-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.base-info-icon {
    padding: 0 2px;
    border-radius: 2px;
    color: #fff;
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block
}
.base-info-text {
    vertical-align: top;
    display: inline-block;
    position: relative;
    min-width: 217px;
    font-size: 12px;
    line-height: 20px;
}


.shop-icon-item {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid orange;
    text-align: justify;
    color: orange;
    font-size: 10px;
    margin-right: 2px;
}

.shop-icon-item-gray {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: justify;
    color: #ccc;
    font-size: 10px;
    margin-right: 2px;
}

/* reservation */
table.reservation_date {
    border-style: none;
}
tr.reservation_date td {
    width: 64px;
}
tr.reservation_date span {
    border-radius: 3px;
    background-color: #3a3a3a;
    color: #ffffff;
    padding: 0 3px;
}
div.reservation_info {
    border: solid 1px #dddddd;
    background-color:#fff;
}
tr.reservation_kbn td {
    width: 64px;
    border-bottom: solid 1px #dddddd;
}
tr.reservation_kbn td:first-child, tr.reservation_status td:first-child {
    border-left: solid 3px #ffffff;
}
tr.reservation_kbn td, tr.reservation_status td {
    text-align: center;
    border-right: solid 3px #ffffff;
}
tr.reservation_status span {
    border-radius: 2px;
    margin: 3px 0;
    display:inline-block;
    height: 20px;
    width: 100%;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 14px;
    line-height: 20px;
}
tr.reservation_status span.reservable {
    background-color: #f9e59a;
}
tr.reservation_status a {
    text-decoration:none;
    color: #2b2b2b;
}
.netreservation_box{
    background-color:#ffffff;
    border:1px solid #dddddd;
    border-radius:5px;
    box-sizing:border-box;
    overflow:hidden;
    padding:5px;
    width:100%;
    font-size: 12px;
}
.netreservation_box p.netreservation_head{
    background-color:#8bc14a;
    border-radius:3px;
    color:#fff;
    font-weight:bold;
    margin:0 0 3px;
    padding:5px;
}
table {
    border-collapse: inherit;
    border-spacing: 7px;
}
/* /reservation */

/* girl header */
.girl-header {
    position: relative;
    overflow: hidden;
    padding: 14px 0 12px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}
.girl-title {
    width: 480px;
    padding: 0 10px;
    line-height: 20px;
}
.girl-title-name {
    padding-right: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #1d3994;
}
/* /girl header */

/* girl body */
.girl-body:after {
    content: "";
    display: block;
    clear: both;
}
.girl-body-left {
    width: 210px;
    margin-right: 16px;
    float: left;
}
.girl-main-img {
    width: 166px;
    height: 222px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #ddd;
    float: left;
}
.girl-sub-img {
    margin-left: 6px;
    float: left;
}
.girl-sub-img-item {
    width: 38px;
    max-height: 50px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 7px;
    border: 1px solid #ddd;
}
.girl-sub-img-item:last-child {
    margin-bottom: 0;
}
.girl-main-img>img,
.girl-sub-img-item>img {
    max-width: 100%;
}
.girl-body-right {
    width: 526px;
    float: right;
}
.girl-body-contents {
    margin-bottom: 8px;
}


.girl-infomation-catch {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.girl-infomation-text {
    font-size: 14px;
    line-height: 20px;
}
.girl-infomation-list {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
}
.infomation-item {
    display: inline-block;
    padding: 6px 6px 6px 26px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.infomation-item.m-blog { background-image: url('/img/icon/keep/icon-blogup.png');}
.infomation-item.m-attendance { background-image: url('/img/icon/keep/icon-clock.png');}
.infomation-item-heading,
.infomation-item-text {
    display: inline-block;
}
.infomation-item-heading{
    font-weight: bold;
}

.shop-information {
    background: #fbf8f1;
}
.shop-information-inner {
    padding: 8px;
}
.shop-information-inner:after {
    content: "";
    display: block;
    clear: both;
}
.shop-image {
    float: left;
    height: 102px;
    width: 102px;
    margin-right: 8px;
    overflow: hidden;
}
.shop-image img {
    max-width: 100%;
}
.shop-info {
    float: left;
    width: -webkit-calc(100% - 111px);
    width: calc(100% - 111px);
    padding: 4px 0;
}
.shop-name {
    word-break: break-all;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #1d3994;
}
.shop-gyosyu {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    color: #555;
}
.shop-tel,
.shop-time{
    padding: 3px 3px 3px 25px;
    margin-bottom: 2px;
    color: #555;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.shop-tel{ background-image: url('/img/icon/keep/icon_cal.svg');}
.shop-time { background-image: url('/img/icon/keep/icon_al.svg');}

/* /girl body */

/* /keep-list-item */

.keep-explain{
    text-align: center;
}
.keep-explain.is-hide{
    display: none;
}
.no-history {
    padding: 32px 0 30px;
    border: 3px solid #ddd;
    border-radius: 15px;
    box-sizing: border-box;
    color: #555;
}
.no-history:before {
    content: "◆";
    color: #ff9800;
    padding-right: 4px;
}
/*--------------------------------------------------------------
/keepList */


/* footer
--------------------------------------------------------------*/

.keep-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
}
.footer-inner {
    position: relative;
    width: 800px;
    height: 50px;
    margin: 0 auto;
}
.back-btn {
    position: relative;
    display: block;
    height: 30px;
    top: 10px;
    padding-left: 22px;
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.back-btn:before {
    content: "<";
    position: absolute;
    left: 6px;
    top: 6px;
}

.footer-right {
    position: absolute;
    right: 0;
    bottom: 12px;
}
.control-information {
    display: inline-block;
    opacity: 1;
    transition: all ease-out 0.2s;
}
.control-information.is-hide {
    opacity: 0;
}
.control-information-text {
    position: relative;
    font-size: 14px;
    margin-right: 16px;
    padding-left: 30px;
}
.control-information-text:after {
    content: "!";
    position: absolute;
    left: 5px;
    top: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background: #ff9800;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
}
/*--------------------------------------------------------------
/footer */


/* recommend
-------------------------------------------------------------- */
.recommend {
    padding: 16px 20px 16px 12px;
    margin-top: 25px;
    margin-bottom: 25px;
    background: #f5f5f5;
}
.recommend-headding {
    font-weight: bold;
    color: #555;
    padding-left: 8px;
    font-size: 20px:
}
.recommend-item {
    margin: 8px;
    border-radius: 5px;
    background-color: #fff;
}
.recommend-item-inner {
    display: block;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: all ease-out .2s;

}
.recommend-item-inner:hover {
    box-shadow: 0px 1px 8px rgba(0,0,0,0.5);
}
.recommend-img {
    width: 100%;
    padding-bottom: 8px;
}
.recommend-img>img {
    width: 100%;
}
.recommend-text {
    padding: 0 4px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend-text._main {
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #1d3994;
}
.recommend-text._sub {
    padding-bottom: 8px;
    font-size: 11px;
    color: #999999;
}
/* ↓ レコメンド表示 @snx 2017/03/27 */
/* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
/* .slick-prev:before */
.recommend .slick-prev:before {
/* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */

    /* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
    /* content: url('/img/icon/keep/arrow-left.png') !important; */
    content: url('/img/icon/keep/arrow-left.png');
    /* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
    display: inline-block;
    vertical-align: middle;

}

/* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
/* .slick-next:before */
.recommend .slick-next:before {
/* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
    /* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
    /* content: url('/img/icon/keep/arrow-right.png') !important; */
    content: url('/img/icon/keep/arrow-right.png');
    /* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
    display: inline-block;
    vertical-align: middle;

}

/* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
/* .slick-prev { */
/* left: -25px !important; */
/* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
.recommend .slick-prev {
    left: -25px;
}

/* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
/* .slick-next { */
/* right: -33px !important; */
/* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
.recommend .slick-next {
    right: -33px;
}
/* ↑ レコメンド表示 @snx 2017/03/27 */
/*--------------------------------------------------------------
/recommend */

/*toast*/
div#keepToast {
    position: fixed;
    bottom: 10px;
    right: 40px;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    background: #c00;
    color: #fff;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
}
div#keepToast.is-animation {
    animation: fadeIn-out 1.4s ease-out forwards;
}
@keyframes fadeIn-out{
    0%  {opacity: 0;}
    30% {opacity: 1;}
    60% {opacity: 1;}
    100%{opacity: 0;}
}
/*toast*/
/* ↓ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */

/* 初期化 */
.linkage-girls-parts div,
.linkage-girls-parts span,
.linkage-girls-parts h1,
.linkage-girls-parts h2,
.linkage-girls-parts h3,
.linkage-girls-parts h4,
.linkage-girls-parts h5,
.linkage-girls-parts h6,
.linkage-girls-parts p,
.linkage-girls-parts blockquote,
.linkage-girls-parts pre,
.linkage-girls-parts a,
.linkage-girls-parts address,
.linkage-girls-parts code,
.linkage-girls-parts em,
.linkage-girls-parts strong,
.linkage-girls-parts img,
.linkage-girls-parts q,
.linkage-girls-parts dl,
.linkage-girls-parts dt,
.linkage-girls-parts dd,
.linkage-girls-parts ol,
.linkage-girls-parts ul,
.linkage-girls-parts li,
.linkage-girls-parts form,
.linkage-girls-parts fieldset,
.linkage-girls-parts legend,
.linkage-girls-parts label,
.linkage-girls-parts table,
.linkage-girls-parts caption,
.linkage-girls-parts tbody,
.linkage-girls-parts tfoot,
.linkage-girls-parts thead,
.linkage-girls-parts tr,
.linkage-girls-parts th,
.linkage-girls-parts td {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
}

.linkage-girls-parts table {
    border-collapse: collapse;
}

.linkage-girls-parts th,
.linkage-girls-parts td {
    border-spacing: 0;
}

.linkage-girls-parts ul,
.linkage-girls-parts ol,
.linkage-girls-parts li {
    list-style-type: none;
}

.linkage-girls-parts a {
    color: #555555;
    text-decoration: none;
    cursor: pointer;
}

.linkage-girls-parts a:hover {
    text-decoration: none;
}

.linkage-girls-parts img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border: none;
}

.linkage-girls-parts input {
    vertical-align: middle;
}

.linkage-girls-parts input,
.linkage-girls-parts textarea {
    font-size: inherit;
}

.linkage-girls-parts .clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.linkage-girls-parts .clearfix {
    content: "";
    display: block;
    clear: both;
}

.linkage-girls-parts *,
.linkage-girls-parts *::before,
.linkage-girls-parts *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* ポップアップ */
.linkage-girls-parts .count_area {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.linkage-girls-parts .count_area-kuchikomi {
    margin-top: 8px;
}

.linkage-girls-parts .count_area-kuchikomi .count_area-kuchikomi_icon {
    width: 18px;
    display: inline;
    margin-right: 2px;
    vertical-align: bottom;
}

.linkage-girls-parts .count_area-kuchikomi .count_area-kuchikomi_count {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
}

.linkage-girls-parts .count_area-kuchikomi .count_area-kuchikomi_icon._small {
    width: 16px;
    height: auto;
}

.linkage-girls-parts .count_area-kuchikomi .count_area-kuchikomi_count._small {
    font-size: 12px;
    line-height: 16px;
}

.linkage-girls-parts .dotLeft {
    position: relative;
    right: 0.5px;
}

.linkage-girls-parts .count-btn {
    width: 20px;
    height: 20px;
    display: block;
    line-height: 19px;
    letter-spacing: -8px;
    font-weight: bold;
    color: #707070;
    border: 1px solid #707070;
    border-radius: 50%;
    box-sizing: border-box;
}

.linkage-girls-parts .count-btn.osusumegirl {
    margin-top: 8px;
}

.linkage-girls-parts .js-openBottom .count-btn,
.linkage-girls-parts .js-openTop .count-btn {
    background: #707070;
    color: #fff;
}

.linkage-girls-parts .count-panel {
    max-height: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    top: 0;
    right: -72px;
    z-index: 0;
    background: #fff;
    border-radius: 15px;
    width: 230px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.linkage-girls-parts .count_area.js-openBottom .count-panel {
    position: absolute;
    z-index: 9999;
    max-height: 500px;
    opacity: 1;
    transition: all ease .15s;
    top: 25px;
    visibility: visible;
}

.linkage-girls-parts .count_area.js-openTop .count-panel {
    position: absolute;
    z-index: 9999;
    max-height: 500px;
    opacity: 1;
    transition: all ease .15s;
    top: -205px;
    visibility: visible;
}

.linkage-girls-parts .count_area.js-openTop .count-panel.mygirl_pop {
    top: -248px;
    bottom: 100%;
}

.linkage-girls-parts .count_area.js-openTop .count-panel._diary {
    top: -170px;
}

.linkage-girls-parts .js-openBottom .count-panel:after {
    content: "";
    position: absolute;
    left: 148px;
    transform: translateX(-50%);
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;
}

.linkage-girls-parts .js-openTop .count-panel:after {
    content: "";
    position: absolute;
    left: 148px;
    transform: translateX(-50%) rotate(180deg);
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;
}

.linkage-girls-parts .popbox {
    display: inline-block;
    z-index: 99999;
    left: 0;
    font-size: 14px;
    line-height: 1rem;
    max-width: 100%;
    text-align: left;
    width: 230px;
}

.linkage-girls-parts .popbox--menu {
    display: inline-block;
    z-index: 30;
    left: 0;
    font-size: 14px;
    line-height: 1rem;
    max-width: 100%;
    text-align: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.linkage-girls-parts .count_list {
    z-index: 9998;
}

.linkage-girls-parts .count_dt {
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}

.linkage-girls-parts .count_dt:last-child {
    border-bottom: none;
}

.linkage-girls-parts .count_dt a {
    padding-left: 37px;
    line-height: 2.5;
    font-size: 16px;
}

.linkage-girls-parts .count_dt a.mygirl_pop_link {
    font-size: 14px;
}

.linkage-girls-parts .count_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 9px;
    left: 10px;
}

.linkage-girls-parts #cover {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: solid 6px #ffffff;
}

.linkage-girls-parts .js-mask #cover {
    display: block;
}

/* */
.linkage-girls-parts {
    width: 180px;
    margin-right: 32px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    word-break: break-all;
    line-height: 1.5;
    color: #555555;
    font-weight: normal;
    position: relative;
    background-color: #ffffff;
}

.linkage-girls-parts img {
    border-radius: 5px;
}

.linkage-girls-parts .linkage-girls-parts-head {
    width: 180px;
    padding: 4px;
    height: 52px;
    display: flex;
    align-items: center;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin-bottom: 8px;
}

.linkage-girls-parts .linkage-girls-parts-head .linkage-girls-parts-head-img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}

.linkage-girls-parts .linkage-girls-parts-head .linkage-girls-parts-head-img img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.linkage-girls-parts .linkage-girls-parts-head .linkage-girls-parts-head-name {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.25em;
}

.linkage-girls-parts .linkage-girls-parts-head .linkage-girls-parts-head-shop {
    font-size: 12px;
    overflow: hidden;
    color: #999999;
}

.linkage-girls-parts .linkage-girls-parts-img {
    width: 180px;
    height: auto;
    overflow: hidden;
    margin-bottom: 8px;
}

.linkage-girls-parts .linkage-girls-parts-img img {
    width: 180px;
    height: auto;
}

.linkage-girls-parts .linkage-girls-parts-date {
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 16px;
}

.linkage-girls-parts .linkage-girls-parts-date img {
    width: auto;
    height: 14px;
    display: inline;
    margin: 0 4px;
    margin-bottom: 2px;
    vertical-align: bottom;
}

.linkage-girls-parts .linkage-girls-parts-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.linkage-girls-parts .linkage-girls-parts-info {
    font-size: 12px;
    color: #999999;
    margin-bottom: 8px;
}

.linkage-girls-parts .linkage-girls-parts-img .girl-photo-area {
    height: 0;
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.linkage-girls-parts .linkage-girls-parts-img .girl-photo-area>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.linkage-girls-parts img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border: none;
}

.linkage-girls-parts:last-of-type {
    padding-right: 52px;
    box-sizing: content-box;
}

/* ブロック */
#contents {
    width: 100%;
    padding: 0 40px;
    margin-top: 48px;
}

#contents .contents-block {
    width: 980px;
    margin: 24px auto 48px;
}

#contents .contents-block .contents-block-title {
    font-size: 24px;
    font-weight: bold;
}

#contents .contents-block .contents-block-box {
    width: 100%;
    margin-top: 16px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

#contents .contents-block .contents-block-box .contents-block-box-link {
    text-align: right;
    padding-right: 20px;
    padding-bottom: 14px;
    position: relative;
}

#contents .contents-block .contents-block-box .contents-block-box-link img {
    width: 6px;
    height: 9px;
    margin-right: 14px;
    vertical-align: middle;
}

#contents .contents-block .contents-block-box .contents-block-box-linkage-girls {
    padding: 24px 0 12px;
}

#contents .contents-block .contents-block-box .contents-block-box-linkage-girls .slick-list.draggable {
    padding-left: 32px;
}

/* スライダー */
img.prev-arrow {
    width: 40px;
    height: 40px;
    top: 55%;
    left: -20px;
}

img.next-arrow {
    width: 40px;
    top: 55%;
    height: 40px;
    right: -20px;
}

.banner-prev-arrow {
    height: 16px;
    width: auto;
    top: 51%;
    left: 8px;
    z-index: 9899;
}

.banner-next-arrow {
    height: 16px;
    width: auto;
    top: 51%;
    right: 8px;
    z-index: 9999;
}

.linkage-girls-contents {
    position: relative;
    left: -90px;
}

/* バッジ */
.badge {
    margin: 0;
    height: 21px;
    font-size: 0;
}

.badge .badge-icon {
    background: #fff;
    font-size: 10px;
    display: inline-block;
    margin-right: 6px;
    padding: 2px 4px 0;
    border: 1px solid #ffa500;
    border-radius: 2px;
    font-size: 10px;
    line-height: 16px;
    color: #ffa500;
}
/* ↑ H1601_ガールズ連携（検索、キテネ対応）2021/06/29 */
/* ↓ マイヘブン・キープ女性用風俗対応 2024/03/26 */
.lady_biz_icon {
    background: #287ed4;
    color: #fff;
    width: fit-content;
    padding: 2px 4px 2px 4px;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 7px;
}
/* ↑ マイヘブン・キープ女性用風俗対応 2024/03/26 */