@charset "utf-8";
li.font_size_10 span{ font-size: 10px;}
/* 標準ウィジェットの設定 */
.ipWidget a{ color: #000;}
.ipWidget a:hover {text-decoration:underline; color: #C90;}
.ipWidget h2,
.ipWidget h3{ font-size: 12px;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;}
.ipWidget .clear{ overflow:hidden; clear: both;visibility: visible; height: auto; width: auto; }
div.section-pager {visibility:visible;width:auto;height:auto; }
div.section-pager a{color:#FFF; }

section#movie .shop_movie_caption p{ line-height: 1.6; margin-left: 18px; }
div#gallery ul{margin-left: 0px;}
.ipWidget-IpHtml tr td{
background-color: #FFF !important; 
color: #000 !important; 
font-weight: normal !important;
text-align: right !important;
font-size: 13px !important;
border: 1px solid #000 !important;
border-collapse: collapse !important;
padding: 0 !important;
}

/* 文章・画像ウィジェット 段落ち対応 */
div#ipBlock-main div.ipWidget-IpTextImage img.ipwImage{ width:31.25%; }
div#ipBlock-main div.ipWidget-IpTextImage div.ipwText{  width:66.5%; }
div#ipBlock-side div.ipWidget-IpTextImage img.ipwImage{ width:auto;margin:5px auto; }
div#ipBlock-side div.ipWidget-IpTextImage div.ipwText{  width:100%;text-align:left;}
/*==================
 * widget用の設定
 * ==================*/
/* hpb_slide */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider{width: 100%; margin: 0 0 10px 0; padding: 0;}
.flexslider .slides > li {display: none;}
.flexslider .slides img {display: block;margin-left:auto; margin-right:auto;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background-color:#f1f1f1; border:1px solid #e4e4e4; position: relative; zoom: 1;}
.flexsliderIn{padding:0 0 20px; background-color:#fff;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

.flex-direction-nav{display:none;}

.flex-control-nav {width: 100%; position: absolute; bottom:0; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a{width:10px; height:10px; display: block; background-color:#fff; border:1px solid #c4c4c4; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover,
.flex-control-nav li a.active{background-color:#000; cursor: default;}

/*hpb_news layout*/
.ipWidget-HpbNews {
    background-color : #FFF;
}

.ipWidget-HpbNews .newsline {
    margin                : 0;
    line-height           : normal;
    font-size             : 12px;
    margin-bottom         : 6px;
    white-space           : nowrap;
    overflow              : hidden;
    text-overflow         : ellipsis;
    -webkit-text-overflow : ellipsis;
    -o-text-overflow      : ellipsis;
}

#news h2{background-color:#333;margin-top:0;}
#pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4;}
#pickup-news figure{width:200px; margin:0 auto 10px;}
#archive-news{height:280px;overflow:hidden;}
#recommend .news{visibility:visible;width:auto;height:auto; }
#news .news{visibility:visible;width:auto;height:auto; }
/*hpb_newface main-layout*/
.ipWidget-HpbNewface {
    background-color : #FFF;
}
#newface-main h2{background:#333; color:#FFF;margin-top:0px;}
#newface-main h3{background:#333; color:#FFF;margin-top:0px;}
#newface-main .clear{margin-left:10px;}
#newface-main .newface-block{width:23%;min-height:120px; float:left; margin:0 1% 5px 1%; font-size:12px;}
#newface-main figure{text-align:center; margin-bottom:5px; margin-top:5px;}
#newface-main figcaption{margin-top:10px; text-align:left; color:#666;}
#newface-main .newface_list .text {padding:0 5px 10px 5px;}
#newface-main .newface-block ul{display: block; overflow: hidden;}
#newface-main .newface-block ul li{line-height: 1.4;height: auto;}
/*hpb_newface side-layout*/
div.newface figure { margin: 5px;}
div.newface ul { border: 0; margin: 0}
div.newface ul li.shukkinicon{ text-align: center; padding-left: 0px;}
#newface-main .newface_list:after{ content: ""; clear: both; display: block; }


/* hpb_companion */
#recommend h2{background:#333; color:#FFF;margin-top:0px;}
#recommend h3{background:#333; color:#FFF;margin-top:0px;}
#recommend .clear{margin-left:10px;}
#recommend .recommend-block{width:23%; min-height:120px; float:left; margin:0 1% 5px 1%; font-size:12px;}
#recommend figure{text-align:center; margin-bottom:5px; margin-top:5px;}
#recommend figcaption{margin-top:10px; text-align:left; color:#666;}
#recommend .shukkin_list .text {padding:0 5px 10px 5px;}
#main #recommend .shukkin_list .text {padding:0 5px 10px 10px;}
#recommend .recommend-block ul{display: block; overflow: hidden; height: auto;margin:0;}
#recommend .recommend-block ul li{line-height:normal;margin-bottom:1%;}

/* hpb_ranking */
#ranking .ranking_list ul{display: block; overflow: hidden; height: auto;margin:0;}
#ranking .ranking_list ul li{line-height:normal;margin-bottom:1%;}
#ranking .explanation{text-align: left; padding:8px 10px 8px 10px;}
#ranking li.profile {display: none; font-size: 11px;}
#ranking li.make_icon {margin-top: 8px; display: none;}
#ranking .girl-ranking:nth-of-type(5n+1){clear:both;}

/* hpb_movie main block */
.ipWidget-HpbMovie {
    background-color : #FFF;
}

div.movies {
    height: auto;
    line-height: 1.4;
}

div.movies h2 {
    font-size: 12px;
    background:#333;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 13px 0 13px 20px;
}

div#icon_01 {
    border: 0px;
    display: block;
    font-size: 12px;
    margin: 8px 0 0 5px;
    padding: 2px 0 2px 5px;
    text-align: left;
    width: 530px;
}

#movie .movies td.shop_movie_data {
    background: none repeat scroll 0 0;
    padding: 7px 0;
    text-align: center;
    width: 25%;
background-color: white;
border: none;
color: black;
font-size: 12px;
font-weight: normal;
vertical-align:top;
}

div.shop_movie_img {
    margin: 5px 0 0;
}

div.shop_movie_caption, div.shop_movie_caption a {
    color: #000;
    font-size: 12px;
    text-align:left; 
}
p.icon_movie span {
    background: #333;
    color: #FFF;
    padding: 0px 2px 0px 2px;
    max-width: 120px;
}
/* 本日出勤予定 */
div.shop_movie_img div.today {
    background: #333;
    color: #FFF;
    padding: 0px 2px 0px 2px;
    max-width: 116px;
    margin: 5px 0;
}
/* hpb_movie side block */
#movie-item{}
#movie-item h2{background-color:#333; margin: 0 0 10px 0;}
#movie-item figure{ text-align: center;}
#movie-item figure img{width: 70%; border: none; text-align: center;}
.movie-block p{font-size:12px;}
.movie-block .price{padding-top:8px; color:#cf0f0d;}
#movie-item p.right{margin:5px 10px 0 0; padding-top: 0px;}

/*hpb_event layout*/
.event-entry-block {
    width: 100%;
    word-break: break-all;  /* ブロック表示幅を超える長いURL対応用 */
}
div.shukkin_container {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 20px;
    margin-bottom: 10px;
}
div#shukkin_list {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
li.shukkinicon {
    color: #FFF;
    text-align: center;
    background: #F39;
    padding: 2px 0;
    margin-bottom: 3px;
}
ul li.receptionend {
    background-color: #808080;
}
div#shukkin_list table {border-collapse:inherit;}
div#shukkin_list table tr th {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
}
div#shukkin_list table tr th.topbox{
    word-break: break-all;
    width: 60px;
    background-color:white;
    color:black;
}
div#shukkin_list table tr th.week { background: none repeat scroll 0 0 #EEE8AA; color: black;}
div#shukkin_list table tr td {
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    border-bottom:0;
    padding:0;
}
div#shukkin_list table tr td img{ width: 65px; }
div#shukkin_list table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 82px;
}

.ipWidget-HpbAttendancebook {
    background-color : #FFF;
}

.ipWidget-HpbEvent {
    background-color : #FFF;
}

.ipWidget-HpbCompanion {
    background-color : #FFF;
}

.ipWidget-HpbBlog {
    background-color : #FFF;
}

.ipWidget-HpbGirls {
    background-color : #FFF;
}

.section {
    background-color : #FFF;
}

.ranking {
    background-color : #FFF;
}

div.ipWidget-IpSeparator.ipLayout-default {
    border-bottom : 1px dotted #000;
    background    : none;
}

div.ipWidget-IpSeparator.ipLayout-space {
    height     : 25px;
    background : none;
}

div.ipWidget-IpTitle.ipLayout-level2 h2.ipwTitle {
    font-size   : 28px;
    font-family : serif;
}

div.ipWidget-IpTitle.ipLayout-level3 h3.ipwTitle {
    font-size   : 22px;
    font-family : serif;
}

.ipWidget-IpTitle {
    background-color : #FFF;
}

.ipWidget {
    margin-bottom : 10px;
}

.ipAdminWidget {
    margin-bottom : 10px !important;
}

/* by_IL for shukkin_list  start */
div#shukkin_list table{
    word-break: break-all;
}
div#main div#shukkin_list table tr th.week{
    width: 12%;
}
div#ipBlock-side div#shukkin_list table tr th.week{
    width: 22%;
}
/* by_IL for shukkin_list  end */

/* Reservation Widget(IpForm) */
div.system {
    width  : 98% !important;
    margin : 0 auto;
}

.reservationLeadText {
    margin-bottom : 20px;
}

div.system .ipModuleForm {
    border  : none;
    padding : 0px;
}

.ipModuleForm .ipmField:before {
    content : '' !important;
}

div.system fieldset {
    border  : none;
    margin  : 0px;
    padding : 0px;
}

div.ipPreviewWidget div.system th {
    color       : #000;
    border      : 1px solid #E4E4E4;
    white-space : nowrap;
    padding     : 10px 5px;
}

div.ipPreviewWidget div.system td {
    color      : #000;
    background : transparent !important;
    border     : 1px solid #E4E4E4 !important;
    width      : 100%;
    text-align : left;
}

div.system .ipmControlSubmit {
    padding          : 0;
    height           : auto; 
    background       : none;
    color            : #FFF;
    padding          : 5px;
    border-radius    : 5px;
    border           : 1px solid #333;
    background-color : #333;
    line-height      : 20px;
    filter           : none;
}

div.system .ipmControlSubmit:hover {
    height           : auto; 
    background       : none;
    box-shadow       : none;    
    color            : #FFF;
    padding          : 5px;
    border-radius    : 5px;
    border           : 1px solid #333;
    background-color : #333;
    line-height      : 20px;
    filter           : none;
}

div.system .ipwSuccess {
    border  : none;
    padding : 0;
}

div.system .ipmControlConfirmOptions {
    font-size : 16px;
}

div.system .ipmType-radio label {
    font-size : 16px;
}

/* news */
div#ipBlock-side .newsstartdate{
    display: none;
}

/* gravure */
.ipWidget-HpbGravure img {
    display: block;
}

/* fee */
.fee h3{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}

div.fee_system{
    overflow-x:auto;
    overflow-y:hidden;
}
.fee .div_group_shop_info{
    margin-left: 5px;
    margin-bottom: 5px;
}

/*** 女の子詳細ファイルアップロードローディング ***/
#loading {
    height : 100%;
    width : 100%;
    top : 50%;
    left : 50%;
    position : fixed;
}

/*** ブログ(HpbBlog) Start ***/
/* 女の子詳細左側表示用 */
#widget-area-left #blog .blog-article-box {
    width : 100%;
}
/*** ブログ(HpbBlog) End ***/

/*** 在籍コンパニオン(HpbCompanion)・本日の出勤(HpbGirls) Start ***/
/* 女の子詳細左側表示用 */
#widget-area-left #recommend h2 {
    text-align : left;
}

/* 女の子詳細表示用 */
#widget-area-left #recommend .recommend-block,
#widget-area-right #recommend .recommend-block {
    margin : 0px 3px 15px 3px;
}

/* 女の子詳細表示用 */
#widget-area-left #recommend .recommend-block figure,
#widget-area-right #recommend .recommend-block figure {
    width : 100%;
}
/*** 在籍コンパニオン(HpbCompanion)・本日の出勤(HpbGirls) End ***/

/*** 動画(HpbMovie) Start ***/
/* 女の子詳細左側表示用 */
#widget-area-left #movie h2 {
    text-align : left;
}
/*** 動画(HpbMovie) End ***/

/*** 新人入店情報(HpbNewface) Start ***/
/* 女の子詳細左側表示用 */
#widget-area-left #newface-main h2 {
    text-align : left;
}

/* 女の子詳細表示用 */
#widget-area-left .newface-block figure, 
#widget-area-right .newface-block figure {
    width : 100%;
}
/*** 新人入店情報(HpbNewface) End ***/

/*** ランキング(HpbRanking) Start ***/
/* 女の子詳細表示用 */
#widget-area-left #ranking figure,
#widget-area-right #ranking figure {
    width : 100%;
}
/*** ランキング(HpbRanking) End ***/

/*** 予約・アンケート(IpForm) Start ***/
/* 女の子詳細左側表示用 */
#widget-area-left div.system {
    width : 98%;
}

#widget-area-left div.system table {
    width : 100%;
}

#widget-area-left div.system tr.ipmField {
    margin-bottom : 5px; 
}

#widget-area-left div.system tr.ipmField th {
    display       : block;
    text-align    : left;
    margin-bottom : 3px;
}

#widget-area-left div.system tr.ipmField td {
    display       : block;
    margin-bottom : 10px;
    padding-left  : 0px;
}

#widget-area-left div.system th {
    border     : none;
    background : transparent;
}

#widget-area-left div.system td {
    border     : none !important;
    background : transparent !important;
}

#widget-area-left div.system .ipmControl {
    width : 100%;
}

#widget-area-left div.system .ipmControlInput,
#widget-area-left div.system .ipmControlSelect,
#widget-area-left div.system .ipmControlTextarea {
    width      : 100%;
    height     : auto;
    padding    : 5px 0;
    background : -moz-linear-gradient(center top , #eee 0%, #fefefe 100%) repeat scroll 0 0 transparent;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee),color-stop(100%,#fefefe));
    background : -webkit-linear-gradient(top, #eee 0%,  #fefefe 100%);
    background : linear-gradient(to bottom, #eee 0%,  #fefefe 100%);
    border     : 1px solid #CCCCCC;
}

#widget-area-left div.system .ipmControlSubmit {
    width         : 100%;
    font-size     : 16px;
    padding       : 10px 0;
    margin-bottom : 10px;
}

#widget-area-left div.system .ipmControlSubmit:hover {
    width         : 100%;
    font-size     : 16px;
    padding       : 10px 0;
    margin-bottom : 10px;
}

#widget-area-left section.section h3 {
    text-align : left;
} 

#widget-area-left div.system .reservationLeadText p {
    text-align : left;
}
/*** 予約・アンケート(IpForm) End ***/

/******************************/

/*** スマートフォン表示用 ***/
@media only screen and (max-width:767px){

    /* Reservation(IpForm) */
    div.ipPreviewWidget div.system table {
        width : 100%;
    }

    div.ipPreviewWidget div.system tr.ipmField {
        margin-bottom : 5px; 
        display       : block;
    }

    div.ipPreviewWidget div.system tr.ipmField th {
        display       : block;
        text-align    : left;
        margin-bottom : 3px;
    }

    div.ipPreviewWidget div.system tr.ipmField td {
        display       : block;
        margin-bottom : 10px;
        padding-left  : 0px;
    }

    div.ipPreviewWidget div.system th {
        border     : none;
        background : transparent;
    }

    div.ipPreviewWidget div.system td {
        border     : none !important;
        background : transparent;
    }

    div.system .ipmControl {
        width : 100%;
    }

    div.system .ipmControlInput,
    div.system .ipmControlSelect,
    div.system .ipmControlTextarea {
        width      : 100%;
        height     : auto;
        padding    : 5px 0;
        background : -moz-linear-gradient(center top , #eee 0%, #fefefe 100%) repeat scroll 0 0 transparent;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee),color-stop(100%,#fefefe));
        background : -webkit-linear-gradient(top, #eee 0%,  #fefefe 100%);
        background : linear-gradient(to bottom, #eee 0%,  #fefefe 100%);
        border     : 1px solid #CCCCCC;
    }

    div.system .ipmControlSubmit {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
        margin-bottom : 10px;
    }

    div.system .ipmControlSubmit:hover {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
        margin-bottom : 10px;
    }
    /***********************/

    div.movie{
        overflow:hidden;
        border-bottom: 1px dotted #666;
        padding: 10px 0;
        text-align: center;
        width: 32%;
        display: inline-block;
        vertical-align: top;
    }
    div.movie div.profile{text-align:center;}
    div.movie div.profile div.comment{padding: 3px 8px 0 8px;}
    #movie-item{}
    #movie-item h2{background-color:#333; margin: 0;}
    #movie-item figure{text-align: center;}
    #movie-item figure img{width: 80%; border: none; text-align: center;}
    .movie-block p{font-size:12px;}
    .movie-block .price{padding-top:8px; color:#cf0f0d;}
    #movie-item p.right{margin:5px 10px 0 0; padding-top: 10px;}

    /* 文章・画像ウィジェット 段落ち対応 */
    div#ipBlock-main div.ipWidget-IpTextImage img.ipwImage{width:auto;margin:5px auto;float:none;display:block;}
    div#ipBlock-main div.ipWidget-IpTextImage div.ipwText{width: 98%;margin:5px auto;float:none;}
    div#ipBlock-side div.ipWidget-IpTextImage img.ipwImage{width:auto;margin:5px auto;float:none;display:block;}
    div#ipBlock-side div.ipWidget-IpTextImage div.ipwText{width: 98%;margin:5px auto;float:none;}

    /* news */
    p.newsline span.newslist_sp{
        display: block;
        padding-top: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    div#ipBlock-side .newsstartdate{
        display: inline;
    }

}

/*hpb_blog layout*/
#blog h3 {
  background : #333;
  color      : #FFF;
}
#blog .blog-article-box {
  padding       : 0;
  margin-bottom : 10px; 
  border-bottom : 1px solid #e4e4e4;
  width         : 100%;
  overflow      : hidden;
}
#blog .blog-article-box figure {
  float         : left; 
  margin-right  : 10px;
  margin-bottom : 5px;
  overflow      : hidden;
  height        : 100px;
  width         : 77px;
}
#blog .blog-article-box figure img {
  width : auto;
}
#blog .blog-left-article {
  float : left;
}
#blog .blog-right-article {
  float : right;
}
#blog .blog-article-column {
  clear : both;
}
#blog .blog-entry {
  margin-bottom : 5px;
}
#blog .blog-entry>time {
  color          : #666;
  vertical-align : middle;
}
#blog .blog-entry-title {
  padding-top   : 5px;
  line-height   : normal;
  margin-bottom : 0px;
}
#blog .blog-body {
  line-height      : normal;
  border           : 1px solid #CCC;
  background-color : #FFF;
  padding          : 5px;
  margin-top       : 5px;
  margin-left      : 85px;
  font-size        : 12px;
}
.ipWidget-HpbBlog .page-num a {
    color : #fff;
}
#main #tips p.blog_body {
            border: 1px solid #CCCCCC;
            background: #FFF;
            padding: 5px;
            margin-top: 5px;
            margin-left: 85px;
            font-size: 12px;
}
/*hpb_blog layout for side*/
.pickup-block{
    padding:0; 
    margin: 0 1% 5px 1%; 
    overflow:hidden; 
    float: left; 
    width: 31%;
}

/*ranking*/
.ranking{
  padding:0; margin-bottom:0px;
  border:none;
  text-align:center;
  position:relative;
  margin-top:0px;
}
.ranking h2,
.ranking h3{
    text-align:left;
    background: #333333;
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 13px 0 13px 20px;
}
.ranking h2 span,
.ranking h3 span{
    border-left: 1px dotted #FFFFFF;
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
}
#main .ranking_list{
    overflow:hidden;
}
#main .ranking .girl-ranking{width:18%; min-height:120px; float:left; margin:5px 1% 10px; font-size:12px;padding:0;}
#main .ranking figure{text-align:center; margin-bottom:5px; margin-top:5px;}
#main .ranking figcaption{margin-top:10px; text-align:left; color:#666;}
#main .ranking .girl-ranking ul{display: block; overflow: hidden; height: auto;}
#sidenav .ranking .girl-ranking{
    border-bottom: 1px dotted #666;
    overflow:hidden;
    padding:5px 5px 10px;
}
#sidenav .ranking .girl-ranking figure{
    float:left;
    width:40%;
    display:block;
    overflow:hidden;
    height: 120px;
}
.order1{
    color:#f8c418;
    font-size:140%;
}
.order2{
    color:#adadad;
    font-size:140%;
}
.order3{
    color:#c15600;
    font-size:140%;
}
.order_other{
    font-size:140%;
}
.ranking .girl-ranking .order_sp{
    font-size: 120%;
    font-weight: bold;
}
.ranking .girl-ranking .order_pc{
    display:none;
}
#sidenav .ranking .girl-ranking .profile{
    text-align:left;
    float:left;
    width:auto;
}

/*PC用*/
@media only screen and (min-width:768px){

    /* hpb_slide */
    .flex-control-nav li a {width:18px; height:18px;}
    .flexsliderIn{padding:0 0 30px;}
    .flex-control-nav{bottom:5px;}

    /*** 在籍コンパニオン(HpbCompanion) Start ***/
    #recommend .recommend-block{width:21%; float:left; margin:0 9px; display: block; overflow: hidden;}
    #recommend .recommend-block.last-child{margin-right:0; padding-right:0; border-right:0;}
    #recommend .clear{margin-left:0;visibility: visible;height: auto;width: auto;}
    #recommend .recommend-block ul{display: block; overflow: hidden; height: auto;}
    /*** 在籍コンパニオン(HpbCompanion) End ***/
    
    /* hpb_ranking */
    #ranking .ranking_list ul{display: block; overflow: hidden; height: auto;}
    #ranking li.profile {display: block;}
    #ranking li.make_icon {display: block;}

    /*hpb_news layout*/
    /*左側の表示*/
    #main #pickup-news{width:31.25%; border-bottom:0; padding:0 10px 0px 0;}
    #main #pickup-news figure{width:100%; margin:0 auto 10px;}
    #main #archive-news{width:66.5%;}
    #main #archive-news .entry-block{width:100%;}
    /*右側の表示*/
    #sidenav #pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4;}
    #sidenav #pickup-news figure{width:200px; margin:0 auto 10px;}

    /*** ブログ(HpbBlog) Start ***/
    /* 左側の表示 */
    #blog .blog-clear {
      margin-left : 0;
    }
    #blog .blog-article-box {
      width : 48.4375%;
    }

    /* 右側の表示 */
    .pickup-block{padding:0; margin: 0 1% 5px 1%; overflow:hidden; width: 31%; display: block;}
    /*** ブログ(HpbBlog) End ***/

    div.movie{
        clear:both;
        display:block;
        overflow:hidden;
        border-bottom: 1px dotted #666;
        padding-bottom: 5px;
        margin: 10px 0;
    }
    div.movie div.profile{ text-align:center;}

    /*hpb_newface main-layout*/
    #newface-main .newface-block{width:20%; float:left; margin:0 10px; display: block; overflow: hidden;}
    #newface-main .newface-block.last-child{margin-right:0; padding-right:0; border-right:0;}
    #newface-main .clear{margin-left:0;}
    #newface-main .newface-block ul{display: block; overflow: hidden; height: auto;margin-left: 0px;}
    div.newface ul { border: 0; margin: 0 15px;}
    div.newface figure { margin: 0px;}

    div#shukkin_list table tr th {
        border-bottom: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
    }
    div#shukkin_list table tr td img{ width: 80px; }
    div#shukkin_list table tr td div.holiday {
        background: none repeat scroll 0 0 #DDDDDD;
        display: block;
        height: 110px;
    }
    div#shukkin_list table tr td {
        border-right: 1px solid #CCCCCC;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
    }
    div#shukkin_list table tr th.topbox{
        word-break: break-all;
        width: 90px;
    }
    td.spnone,th.spnone { display: table-cell; }
    td.shukkin_img { width: 90px; }

    /* by_IL for shukkin_list  start */
    div#main div#shukkin_list table tr th.week{
        width: 12%;
    }
    div#ipBlock-side div#shukkin_list table tr th.week{
        width: 18%;
    }
    /* by_IL for shukkin_list  end */

    /*ranking*/
    .ranking{
        margin-bottom:0px;
        border:0px solid #e3e3e3;
        text-align:center;
        position:relative;
    }
    #main .ranking .girl-ranking{width:18%; float:left; margin:5px 1% 10px; display: block; overflow: hidden;}
    #main .ranking .girl-ranking ul{display: block; overflow: hidden; height: auto;}
    #sidenav .ranking .girl-ranking:last-child{
        border-bottom:0;
    }
    .ranking .girl-ranking .order_pc{
        font-size: 120%;
        font-weight: bold;
        display:block;
    }
    .ranking .girl-ranking .order_sp{
        display:none;
    }

    #sidenav .ranking .girl-ranking .profile{
        width:55%;
        margin-left:3%;
    }

    /*** 予約・アンケート(IpForm) Start ***/
    /* Reservation(IpForm) */
    .ipModuleForm .ipmField {
        position : static;
    }

    div.ipPreviewWidget div.system th {
        background  : #FFF;
    }

    div.ipPreviewWidget div.system td {
        background : #FFF !important;
    }

    div.system div.ipwForm .wc_font_color{ 
        color      : #000;
    }
    div.system .ipmLabel {
        width      : 100%;
        margin     : 0 auto;
        display    : block;
        text-align : left;
    }

    div.system .ipmControl {
        width      : 100%;
        text-align : left;
    }

    div.system .ipmControlInput,
    div.system .ipmControlSelect,
    div.system .ipmControlTextarea {
        width      : 100%;
        height     : auto;
        padding    : 5px 0;
        background : none;
    }

    div.ipPreviewWidget div.system tr.ipmType-submit td {
        border         : none !important;
        background     : transparent !important;
        padding-top    : 3px;
        padding-bottom : 3px;
    }
    
    div.system tr.ipmType-submit div.ipmControl {
        text-align : center;
    }

    div.system .ipmControlSubmit {
        float : none;
    }
    /***********************/

    /* Reservation(IpForm) sidenav */
    #sidenav div.system {
        width : 98%;
    }

    #sidenav div.system table {
        width : 100%;
    }

    #sidenav div.system tr.ipmField {
        margin-bottom : 5px; 
    }

    #sidenav div.system tr.ipmField th {
        display       : block;
        text-align    : left;
        margin-bottom : 3px;
    }

    #sidenav div.system tr.ipmField td {
        display       : block;
        margin-bottom : 10px;
        padding-left  : 0px;
    }

    #sidenav div.system th {
        border     : none;
        background : transparent;
    }

    #sidenav div.system td {
        border     : none !important;
        background : transparent !important;
    }

    #sidenav div.system .ipmControl {
        width : 100%;
    }

    #sidenav div.system .ipmControlInput,
    #sidenav div.system .ipmControlSelect,
    #sidenav div.system .ipmControlTextarea {
        width      : 100%;
        height     : auto;
        padding    : 5px 0;
        background : -moz-linear-gradient(center top , #eee 0%, #fefefe 100%) repeat scroll 0 0 transparent;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee),color-stop(100%,#fefefe));
        background : -webkit-linear-gradient(top, #eee 0%,  #fefefe 100%);
        background : linear-gradient(to bottom, #eee 0%,  #fefefe 100%);
        border     : 1px solid #CCCCCC;
    }

    #sidenav div.system .ipmControlSubmit {
        width         : 100%;
        font-size     : 16px;
        padding       : 10px 0;
        margin-bottom : 10px;
    }

    #sidenav div.system .ipmControlSubmit:hover {
        width         : 100%;
        font-size     : 16px;
        padding       : 10px 0;
        margin-bottom : 10px;
    }
    /***********************/
    /*** 予約・アンケート(IpForm) End ***/
}

/*** タブレット・PC表示用？ ***/
@media only screen and (min-width:960px){
    /* hpb_slide */
    .flexsliderIn{width:639px; padding:6px 0px 40px; background-color:#fff;}
    .flex-control-nav{bottom:15px;}
    /*hpb_newface main-layout*/
    #newface-main .newface-block{width:20%; margin-bottom: 15px;}
    /* hpb_companion */
    #recommend .recommend-block{width:21.8%; margin-bottom: 15px;}
}

/*画像の編集*/
div.ipUploadDragContainer .ipUploadImage{ max-width: none;}

/* by_IL for IpImageGallery  start */
.image_gallery_admin .ipUploadImageButton.ipUploadLargerButton,
.image_gallery_admin .ipUploadImageButton.ipUploadSmallerButton
{
    display: none;
}
div.ipPreviewWidget.ipWidget-IpImageGallery{
    margin-bottom: 0px;
}

div.image_gallery_preview_list {
    position: relative;
    margin-left: -0.5%;
    margin-right: -0.5%;
}
div.image_gallery_preview {
    background-color: #FFFFFF;
    position: relative;
    text-align: left;
    padding: 0;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 10px;
}

div#ipBlock-main div.image_gallery_preview {
    float: left;
    width: 32.3%;
}
div#ipBlock-main div.image_gallery_preview_list div.image_gallery_preview:nth-of-type(3n+1){
    clear:both;
}

div#ipBlock-side div.image_gallery_preview {
    border: 1px solid #E3E3E3;
}
 
div.image_gallery_preview h3{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 13px 0 13px 20px;
}
div.image_gallery_preview div.image_gallery_img{
    display: block;
    overflow: hidden;
}
div.image_gallery_preview figure img{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
div#ipBlock-main div.image_gallery_preview figure img{
    width: 90%;
}
div.image_gallery_preview div.image_gallery_img p.addTxt01{
    text-align: center;
    padding-top: 5px;
    line-height: 1.23em;
    margin: 9px;
}

/* by_IL for IpImageGallery  end */

/* by_IL for space start */

div.view_more,
div.pickup p.right,
section#blog p.right
{
    margin-right: 10px;
}
div.ip_image_textbox{
    margin: 10px;
}
div.ip_rich_text_default{
    margin: 10px;
}
div.ipWidget section.section-sidenav,
div.ipWidget div.pickup ,
div.ipWidget div.flexslider{
    margin-bottom: 0px;
}

/* by_IL for space  end */

/* メンテナンス画面用スタイル */
.size18{ font-size: 18px;}
.size22{ font-size: 22px;}
.red   { color: red; }
.blue  { color: blue; }
.black { color: black; }
.maintainance_inner_div{ margin:0;padding:10px;background:white;}
.maintainance_outer_div{ text-align:center;margin:10px 0;border:double 5px red;background:#FF99FF;border-radius:5px;}
.bold{ font-weight:bold;}
.em2{ line-height: 2em;}

/* event group_shop_name */
.event-entry-block div.div_group_shop_info,
.event-entry-block div.time
{
    padding-bottom: 5px;
    padding-left: 5px;
}

/* news group_shop_name */
section#news div.div_group_shop_info,
div.div_group_shop_info_news
{
    margin-bottom: 5px;
}
section.section p.show_group_shop_info
{
    margin-bottom:5px;
    line-height:normal;
}
section.section p.news_list_side{
    margin-left: 5px;
    margin-bottom: 5px;
}
p.newsline span.newslist_sp a{
    padding-left: 1em;
}
div#ipBlock-side p.newsline span.newslist_sp{
    display: block;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ▽▽▽求人情報▽▽▽ */
#recruit h3{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}
#recruit h4{
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-top:20px;
}
#recruit h4.firstchild{
    margin-top:0px;
}
a#player174653{
    display:block;

    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
a#player174653 iframe,
a#player174653 object,
a#player174653 embed{
    background-color:#000000;

    position: absolute;
    top:3%;
    left: 3%;
    width: 94%;
    height: 94%;
}

#recruit table{
    border-collapse:collapse;
    width:100%;
}
#recruit table tr{
    border-top:1px dotted #666666;
}
#recruit table tr.firstchild{
    border-top:none;
}
#recruit table tr th{
    width:140px;
    text-align:left;
    vertical-align:top;
    padding: 4px 0px 8px 0;
    white-space:nowrap;
    background:#FFF;
    color:#000;
    font-size:13px;
}
#recruit table tr th p{
    background: url(../img/info_title.gif) no-repeat 2px 3px;
    font-weight: bold;
    text-indent: 9px;
    line-height: normal;
}
#recruit table tr td{
    padding: 4px 0px;
    line-height: 18px;
    background:#FFF;
    text-align:left;
    border-bottom:1px dotted #666666;
    font-weight: normal;
    font-size: 13px;
    color:#000;
}
#recruit table tr td:last-child{
    border-bottom:0px;
}
#recruit table td.lastchild{
    border-bottom:0px;
}
#recruit dl{
    overflow:hidden;    
}
#recruit dl dt{
    background: url(../img/star.gif) no-repeat 0px 5px;
    line-height:14px;
    float:left;
    clear:both;
    padding:5px 10px 5px 17px;
    margin-left:3px;
}
#recruit dl dd{
    float:left;
    line-height:14px;
    padding:5px 0 5px 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top:3%;
    left: 3%;
    width: 94%;
    height: 94%;
}
.recruitmovieText{
    margin:0 3%;
    text-align:left;
}

.recruit-shop-info-word-break {
    word-break: break-all;  /* ブロック表示幅を超える長いURL対応用 */
}

/* SNS項目の画像用 */
#recruit .snsicn {
    height: 40px;
    width: auto;
    vertical-align: bottom;
}

/*** スマートフォン表示用 ***/
@media only screen and (max-width:480px){
    #recruit table tr{
        border-top:1px dotted #666666;
    }
    #recruit table tr.firstchild{
        border-top:none;
    }
    #recruit table tr th{
        width:auto;
        display:block;
        text-align:left;
        vertical-align:top;
        padding: 4px 0px 8px 0;
        white-space:nowrap;
    }
    #recruit table tr th p{
        background: url(../img/info_title.gif) no-repeat 2px 3px;
        font-weight: bold;
        text-indent: 9px;
    }
    #recruit table tr td{
        padding: 0px;
        line-height: 18px;
        display:block;
    }
    
    #recruit dl{
        overflow:visible;   
    }
    #recruit dl dt{
        float:none;
        clear:none;
    }
    #recruit dl dd{
        float:none;
        padding-left:0px;
    }
    
}
/* △△△求人情報△△△ */

/* -----↓sugunaviBox----- */

/* PC表示 */
@media only screen and (min-width:768px){
    #sidenav .sugunaviBox .number,
    .sideContents .sugunaviBox .number{
        float:none;
        width:auto;
    }
    #sidenav .sugunaviBox .number dd,
    .sideContents .sugunaviBox .number dd{
        margin-right:0;
    }
}

.sugunavi {
    padding-bottom: 5px;
}
.sugunaviSP {
    margin-bottom: 10px;
}
.sugunaviBox{
    margin-top:5px;
    padding:0 5px;
}
.sugunaviBox h4{
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0;
}
.sugunaviBox .number{
    float:left;
    width:10em;
}
.sugunaviBox dl dt{
    font-weight:normal;
    font-size:inherit;
}
.sugunaviBox dl dd{
    border:1px solid #F39;
    margin:0;
}
.sugunaviBox .number dd{
    padding:5px 10px;
    text-align:center;
    font-weight:bold;
    color:#f00;
}
.sugunaviBox .number dd{
    margin-right:5px;
}
.sugunaviBox .description{
    overflow:hidden;
}
.sugunaviBox .tickercontainer{
    padding:5px 10px;
    overflow:hidden;
}
.sugunaviBox .mask{
    overflow:hidden;
}
.sugunaviBox .marquee{
    position:relative;
}
.sugunaviBox .marquee li{
    white-space:nowrap;
    list-style:none;
    float:left;
    line-height: 1.231;
    margin-bottom: 0px;
}
/* -----↑sugunaviBox----- */