@CHARSET "UTF-8";

/* ▽共通 */
.box:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.ipWidget {
    margin-bottom: 0px;
}
.section a {
    color: #000000;
    text-decoration: none;
}
/* △共通 */

/* ▽出勤表 */
div.shukkin_list {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 0px;
}
.shukkin_list .scheduleBox table {
    border-collapse: separate;
    word-break: break-all;
}
.shukkin_list .scheduleBox {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
.shukkin_list .scheduleBox table tr th {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}
.shukkin_list .scheduleBox .topbox {
    padding: 0 0 4px;
}
.shukkin_list .scheduleBox table tr th.topbox{
    word-break: break-all;
    width: 90px;
    color: #000000;
    background-color: #FFFFFF;
}
.shukkin_list .scheduleBox table tr th.week {
    background: none repeat scroll 0 0 #EEE8AA;
    color: #000000;
}
.mainContentsInner .shukkin_list .scheduleBox table tr th.week {
    width: 17%;
}
.box .shukkin_list .scheduleBox table tr td {
    padding: 0px;
    border-bottom: none;
    border-right: 1px solid #CCCCCC;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.shukkin_list .scheduleBox table tr td img {
    width: 80px;
}
td.shukkin_img {
    width: 90px;
}
.shukkin_list .scheduleBox table tr td div.holiday {
    background: none repeat scroll 0 0 #DDDDDD;
    display: block;
    height: 110px;
}
td.spnone, th.spnone {
    display: none;
}
/* △出勤表 */

/* ▽在籍コンパニオン */
.ipWidget-HpbCompanion .shukkin_list {
    border-bottom: none;
}
.girlBox .profileBox {
    margin: 0px;
}
#contents .column1 .list1 .columnInner {
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
}
#contents .list1 .columnInner:nth-of-type(4n+1){
    clear:both;
}
/* △在籍コンパニオン */

/* ▽今日の出勤 */
.ipWidget-HpbGirls .shukkin_list {
    border-bottom: none;
}
.profileBox li {
    margin-bottom: 0px;
}

.schedule .shukkin_list .text {
    margin-bottom: 0px;
    line-height: 1.231;
}

.schedule .shukkin_list ul {
    margin: 0px;
}
.sideContents .schedule .scheduleBlock figure,
#sidenav .schedule .scheduleBlock figure{
    font-size: 100%;
}
/* △今日の出勤 */

/* ▽ランキング */
.ranking {
    margin-top: 0px;
}
.ranking_list ul {
    margin: 0px;
}
/* △ランキング */

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

#ipBlock-theme_c_top_left .event .view_more{
    display: block;
}
#ipBlock-main .event .view_more{
    display: block;
}
/* △event */
/* ▽news */
#ipBlock-theme_c_top_left #pickup-news {
    width: auto;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 15px;
    padding: 0 10px 15px;
}
#ipBlock-theme_c_top_left #archive-news {
    width: auto;
    overflow:hidden;
}
#ipBlock-main #archive-news {
    overflow:hidden;
}
#ipBlock-theme_c_top_left .news .view_more {
    display: block;
}
#ipBlock-main .news .view_more {
    display: block;
}

.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 */
/* ▽blog */
div.blogBlock div.entry-blockin p{
    margin-bottom:0px;
    line-height: normal;
}
#ipBlock-theme_c_top_left .blog figure {
    width: 28%;
}
#ipBlock-main p.blog_body {
    border: none;
    padding:0px;
}
/* △blog */

/* ▽ipwForm */
/* Reservation(IpForm) */
div.ipwForm .ipModuleForm {
    border : none;
}

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

div.ipPreviewWidget div.ipwForm th {
    color : #000;
}

div.ipPreviewWidget div.ipwForm td {
    text-align : left;
}

div.ipwForm .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.ipwForm .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.ipwForm .ipmControlConfirmOptions {
    font-size : 16px;
}

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

div.ipwSuccess {
    border : none !important;
    padding : 0 !important;
}
/***********************/
/* △ipwForm */

/* スライドウィジェット START */
div#main div#gallery.flexslider{ margin-bottom: 0px; }
div.flexsliderIn ul.slides{
    margin: 0;
}
div.flexslider ol.flex-control-nav{
    margin: 0;
}

/* movie */
div.movieBlock ul.profileBox{
    margin: 0;
}
div.movieBlock ul:first-child{
    margin-top: 5px;
}

#contents section.recommend .column4pc .columnInner{
    border-radius:5px;
    margin: 0 5px 10px 5px;
    padding:10px;
    float: left;
    width: 19%;
}
#contents section.recommend .column4pc .columnInner:nth-of-type(4n+1){
    margin-left: 0px;
}
#contents section.recommend .column4pc .columnInner:nth-of-type(4n){
    margin-right: 0px;
}
#contents section.recommend .sidecolumn3 .sidecolumnInner{
    border-radius:5px;
    margin: 5px 0;
    padding:10px;
    width: 90%;
}
#contents section.recommend div.recommendBlock img{
    margin:0 auto;
}

/* ▽文章・画像 */
.ipWidget-IpTextImage .ipwImage {
    width: 30%;
}
.ipWidget-IpTextImage .ipwText {
    text-align : left;
    width : 68%;
}
.ipWidget-IpTextImage.ipLayout-right .ipwText {
    text-align : left;
    width : 68%;
}

#sidenav .ipWidget-IpTextImage .ipwImage {
    width: auto;
}
#sidenav .ipWidget-IpTextImage .ipwImage,
#sideContentsMirror .ipWidget-IpTextImage .ipwImage,
.sideContents .ipWidget-IpTextImage .ipwImage {
    width: auto;
}
#sidenav .ipWidget-IpTextImage .ipwText,
#sideContentsMirror .ipWidget-IpTextImage .ipwText,
.sideContents .ipWidget-IpTextImage .ipwText {
    width : 99%;
}
#sidenav .ipWidget-IpTextImage.ipLayout-right .ipwText,
#sideContentsMirror .ipWidget-IpTextImage.ipLayout-right .ipwText,
.sideContents .ipWidget-IpTextImage.ipLayout-right .ipwText {
    width : 99%;
}
/* △文章・画像 */


/* ▽新人 */
#contents .newfaceTable td{
    background-color: inherit;
    color:inherit;
    padding:0px;
    vertical-align :top;
    text-align:left;
    font-weight:normal;
    font-size: 12px;
}
.newface .newfaceTable tr td:first-child{
    width: 5%;
}
#contents .newface .newfaceTable figure{
    width:auto;
    position:relative;
    float:none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
}
.mainContents .newface .newfaceTable figure{
    margin-right: 10px;
}
.sideContents .newface .newfaceTable figure,
#sidenav .newface .newfaceTable figure{
    margin-right: 5px;
}

#contents .newface .newfaceTable .profileBox{
    width:100%;
    float:none;
}
.newface .newfaceTable td li{
    text-align: left;
    font-weight:normal;
}
.newface .newfaceBlock figure,
#sidenav .newface .newfaceBlock figure
{
    text-align:left;
}
.newface .newfaceBlock ul{
    margin-left: 0px;
}
.newface .newfaceBlock figure a{
    height: 140px;
    width: 140px;
    display: block;
    overflow: hidden;
    position: relative;
}
#sidenav .newface .newfaceBlock figure a,
.sideContents .newface .newfaceBlock figure a{
    height:101px;
    width:76px;
}

.newface .newfaceBlock figure a img{
    width: 100%;
}
#sidenav.newface .newfaceBlock figure a img,
.sideContents.newface .newfaceBlock figure a img{
    width: 40px;
}

/* △新人 */

p.newsline span.newslist_sp a{
    padding-left: 1em;
}

/* news left right */
#ipBlock-theme_c_top_left p.newsline span.newslist_sp,
#ipBlock-theme_c_top_right p.newsline span.newslist_sp
{
    display: block;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#ipBlock-theme_c_top_left .newsstartdate, 
#ipBlock-theme_c_top_right .newsstartdate
{
    display: none;
}

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

/* fee */
div.fee_system{
    overflow-x:auto;
    overflow-y:hidden;
    margin-top: 5px;
}

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

/*** 写メ日記(HpbBlog) Start ***/
#widget-area-left .column2pc .columnInner {
    width : 100%;
}

#widget-area-right .column2pc .columnInner {
    width : 48%;
}

#widget-area-right .column2pc .columnInner figure {
    width : 18%;
}

#widget-area-right .column2pc .columnInner .entry-blockin {
    margin-left : 100px;
}

#widget-area-left .blog .entry-blockin {
    margin-left : 118px;
}
/*** 写メ日記(HpbBlog) End ***/

/*** 在籍コンパニオン(HpbCompanion) Start ***/
#widget-area-left .ipWidget-HpbCompanion .girlBox figure, 
#widget-area-right .ipWidget-HpbCompanion .girlBox figure {
    width : 100%;
}
/*** 在籍コンパニオン(HpbCompanion) End ***/

/*** 本日の出勤(HpbGirls) Start ***/
#widget-area-left .ipWidget-HpbGirls .scheduleBlock figure, 
#widget-area-right .ipWidget-HpbGirls .scheduleBlock figure {
    width : 100%;
}
/*** 本日の出勤(HpbGirls) End ***/

/*** 動画(HpbMovie) Start ***/
#widget-area-left .ipWidget-HpbMovie .movieBlock figure, 
#widget-area-right .ipWidget-HpbMovie .movieBlock figure {
    width : 100%;
}
/*** 動画(HpbMovie) End ***/

/*** ランキング(HpbRanking) Start ***/
#widget-area-left .ipWidget-HpbRanking .rankingBlock figure, 
#widget-area-right .ipWidget-HpbRanking .rankingBlock figure {
    width : 100%;
}
/*** ランキング(HpbRanking) End ***/

/*** 予約＆アンケート(IpForm) Start ***/
#widget-area-left .ipWidget-IpForm div.ipwExplanation {
    margin-bottom : 20px;
}

#widget-area-left .ipWidget-IpForm form.ipModuleForm {
    padding : 0;
}

#widget-area-left .ipWidget-IpForm div.ipwForm table {
    display : block;
    width : 100%;
}

#widget-area-left .ipWidget-IpForm div.ipwForm tbody {
    display : block;
}

#widget-area-left .ipWidget-IpForm div.ipwForm tr {
    border : none;
    display : block;
    margin-bottom : 5px !important;
    width : 100%;
}

#widget-area-left .ipWidget-IpForm div.ipwForm th, 
#widget-area-left .ipWidget-IpForm div.ipwForm td {
    border : none !important;
    display : block;
}

#widget-area-left .ipWidget-IpForm div.ipPreviewWidget div.ipwForm th {
    display       : block;
    text-align    : left;
    margin-bottom : 3px;
    background    : none !important;
    border        : none;
}

#widget-area-left .ipWidget-IpForm div.ipPreviewWidget div.ipwForm td {
    display       : block;
    margin-bottom : 10px;
    padding-left  : 0px;
    background    : none !important;
    border-bottom : none !important;
    border        : none !important;
}

#widget-area-left .ipWidget-IpForm div.ipwForm .ipmLabel {
    white-space : normal;
}

#widget-area-left .ipWidget-IpForm div.ipwForm .ipmControlInput, 
#widget-area-left .ipWidget-IpForm div.ipwForm .ipmControlSelect,
#widget-area-left .ipWidget-IpForm div.ipwForm .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;
    margin : 0;
}

#widget-area-left .ipWidget-IpForm div.ipwForm .ipmControlSubmit {
    width     : 100%;
    font-size : 16px;
    padding   : 10px 0;
}

#widget-area-left .ipWidget-IpForm div.ipwForm .ipmControlSubmit:hover {
    width     : 100%;
    font-size : 16px;
    padding   : 10px 0;
}
/*** 予約＆アンケート(IpForm) End ***/

/*** ピックアップ画像(IpImageGallery) Start ***/
#widget-area-left .ipWidget-IpImageGallery section.recommend .column4pc .columnInner,
#widget-area-right .ipWidget-IpImageGallery section.recommend .column4pc .columnInner {
    width : 40%;
}

#widget-area-left .ipWidget-IpImageGallery .recommendBlock figure, 
#widget-area-right .ipWidget-IpImageGallery .recommendBlock figure {
    width : 100%;
}
/*** ピックアップ画像(IpImageGallery) End ***/

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

    td.spnone,th.spnone {
        display: table-cell;
    }
    .mainContentsInner .shukkin_list .scheduleBox table tr th.week {
        width: 12%;
    }
    #contents .column1 .list1 .columnInner {
        margin-left: 1%;
        margin-right: 1%;
        width: 100%;
    }
    #contents .list1 .columnInner:nth-of-type(n+1){
       clear:both;
    }
    .sideContents .schedule .scheduleBlock figure,
    #sidenav .schedule .scheduleBlock figure{
        font-size: 90%;
    }
    
    /* ▽ipwForm */
    /* Reservation(IpForm) */
    .ipModuleForm {
        padding : 0;
    }
    
    .ipModuleForm .ipmField {
        position : static;
    }

    div.ipPreviewWidget div.ipwForm th {
        white-space : nowrap;
        padding     : 10px 5px;
        border      : 1px solid #E4E4E4;
        background  : #FFF;
    }
    
    div.ipPreviewWidget div.ipwForm td {
        padding    : 10px 0px 10px 20px;
        width      : 100%;
        border     : 1px solid #E4E4E4 !important;
        background : #FFF !important;
        text-align : left;
    }

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

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

    div.ipwForm .ipmControlInput,
    div.ipwForm .ipmControlTextarea {
        width       : 100%;
        margin-left : -10px;
        height      : auto;
        padding     : 5px 0;
        background  : transparent;
    }

    div.ipwForm .ipmControlSelect {
        margin-left : -10px;
        height      : auto;
        padding     : 5px 0;
        background  : transparent;
    }

    div.ipPreviewWidget div.ipwForm tr.ipmType-submit td {
        border     : none !important;
        text-align : center;
        padding    : 0;
        background:none !important;
    }

    div.ipwForm .ipmControlSubmit {
        float      : none;
        margin-top : 10px;
    }
    /***********************/

    /* Reservation(IpForm) left and right */
    #ipBlock-theme_c_top_left div.ipwExplanation,
    #ipBlock-theme_c_top_right div.ipwExplanation
    {
        margin-bottom : 20px;
    }

    #ipBlock-theme_c_top_left form.ipModuleForm,
    #ipBlock-theme_c_top_right form.ipModuleForm
    {
        padding : 0;
    }

    #ipBlock-theme_c_top_left div.ipwForm table,
    #ipBlock-theme_c_top_right div.ipwForm table
    {
        width : 170px;
    }

    #ipBlock-theme_c_top_left div.ipwForm tr,
    #ipBlock-theme_c_top_right div.ipwForm tr
    {
        margin-bottom : 5px !important;
        width : 170px !important;
        
    }

    #ipBlock-theme_c_top_left div.ipPreviewWidget div.ipwForm th,
    #ipBlock-theme_c_top_right div.ipPreviewWidget div.ipwForm th
    {
        display       : block;
        text-align    : left;
        margin-bottom : 3px;
        background    : none !important;
        border        : none;
    }

    #ipBlock-theme_c_top_left div.ipPreviewWidget div.ipwForm td,
    #ipBlock-theme_c_top_right div.ipPreviewWidget div.ipwForm td
     {
        display       : block;
        margin-bottom : 10px;
        padding-left  : 0px;
        background    : none !important;
        border-bottom : none !important;
        border        : none !important;
    }

    #ipBlock-theme_c_top_left div.ipwForm .ipmLabel,
    #ipBlock-theme_c_top_right div.ipwForm .ipmLabel
    {
        white-space : normal;
    }

    #ipBlock-theme_c_top_left div.ipwForm .ipmControlInput, 
    #ipBlock-theme_c_top_left div.ipwForm .ipmControlSelect,
    #ipBlock-theme_c_top_left div.ipwForm .ipmControlTextarea,
    #ipBlock-theme_c_top_right div.ipwForm .ipmControlInput, 
    #ipBlock-theme_c_top_right div.ipwForm .ipmControlSelect,
    #ipBlock-theme_c_top_right div.ipwForm .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;
        margin : 0;
    }

    #ipBlock-theme_c_top_left div.ipwForm .ipmControlSubmit,
    #ipBlock-theme_c_top_right div.ipwForm .ipmControlSubmit
    {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
    }

    #ipBlock-theme_c_top_lef div.ipwForm .ipmControlSubmit:hover,
    #ipBlock-theme_c_top_right div.ipwForm .ipmControlSubmit:hover
    {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
    }
    /***********************/
    /* △ipwForm */
    
}

/* スマホ用 */
@media only screen and (max-width:767px){
    .ipWidget .filter_on .columnInner:nth-of-type(n+13),  /* companion girls */
    .ipWidget .filter_on .newfaceBlock:nth-of-type(n+4),  /* newface */
    .ipWidget .filter_on .newsrecord:nth-of-type(n+6),  /* news_group */
    .ipWidget .filter_on .blogBox:nth-of-type(n+5),  /* blog_center */
    .ipWidget .filter_on .movieBlock:nth-of-type(n+7){  /* movie */
        display:none;
    }

    /* 文章・画像 */
    .ipWidget-IpTextImage .ipwImage {
        float: none;
        width: auto;
    }
    .ipWidget-IpTextImage .ipwText {
        text-align : left;
        width : 99%;
    }
    .ipWidget-IpTextImage.ipLayout-right .ipwText {
        text-align : left;
        width : 99%;
    }

     /* ▽ipwForm */
    /* Reservation(IpForm) */
    div.ipwExplanation {
        margin-bottom : 20px;
    }

    form.ipModuleForm {
        padding : 0;
    }

    div.ipwForm table {
        width : 100%;
    }

    div.ipwForm tr {
        margin-bottom : 5px !important;
        display: block;
    }

    div.ipPreviewWidget div.ipwForm th {
        display       : block;
        text-align    : left;
        margin-bottom : 3px;
        background    : none !important;
    }

    div.ipPreviewWidget div.ipwForm td {
        display       : block;
        margin-bottom : 10px;
        padding-left  : 0px;
        background    : none !important;
        border-bottom : none !important;
    }

    div.ipwForm .ipmLabel {
        width : 100%;
    }

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

    div.ipwForm .ipmControlInput, 
    div.ipwForm .ipmControlSelect,
    div.ipwForm .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.ipwForm .ipmControlSubmit {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
    }

    div.ipwForm .ipmControlSubmit:hover {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
    }
    /***********************/
    /* △ipwForm */
    /* ピックアップ画像スマホ設定 */
    #contents section.recommend .column3sp .columnInner,
    #contents section.recommend .sidecolumn3 .sidecolumnInner {
        margin: 5px 0px 5px 1.5%;
        width: 47%;
        padding: 1%;
    }
    #contents section.recommend div.recommend_list div.recommendBlock{
        clear:none;
    }
    #contents section.recommend div.recommend_list div.recommendBlock:nth-of-type(2n+1){
        margin-left: 0px;
        clear:both;
    }
    
    /* ▽新人 */
    
    #contents .newface .newfaceTable figure a{
        height: 150px;
        width: 150px;
    }
    #contents .newface .newfaceTable figure a img{
        width: 150px;
    }
    
    /* △新人 */
    
    p.newsline span.newslist_sp{
        display: block;
        padding-top: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    #ipBlock-theme_c_top_left .newsstartdate, 
    #ipBlock-theme_c_top_right .newsstartdate
    {
        display: inline;
    }

    /*** 写メ日記(HpbBlog) Start ***/
    #widget-area-right .ipWidget-HpbBlog .blogBox {
        width : 100%;
    }

    #widget-area-left .ipWidget-HpbBlog .blogBox figure, 
    #widget-area-right .ipWidget-HpbBlog .blogBox figure {
        width : 30%;
    }
    /*** 写メ日記(HpbBlog) End ***/

    /*** 新人入店情報(HpbNewface) Start ***/
    /* 女の子詳細右側配置用 */
    #widget-area-right .ipWidget-HpbNewface .newfaceBlock {
        width : 100%;
    }
    /*** 新人入店情報(HpbNewface) End ***/

    .mainContentsInner .shukkin_list .scheduleBox table tr th.week {
        width: 12%;
    }
    .mainContentsInner .shukkin_list .scheduleBox table tr th {
        font-size: 10px;
    }
    th.spnone,
    td.spnone {
        display: table-cell;
    }

}

@media only screen and (min-width:1024px){
    #contents section.recommend .column4pc .columnInner{
        border-radius:5px;
        margin: 5px;
        padding:10px;
        float: left;
        width: 20%;
    }
}

/* メンテナンス画面用スタイル */
.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 */
.eventBox div.div_group_shop_info,
.eventBox div.time
{
    padding-bottom: 5px;
    padding-left: 5px;
}

/* news group_shop_name */
section.newsdetail div.div_group_shop_info,
div.newsBlocksingle div.div_group_shop_info
{
    margin-bottom: 5px;
}
#ipBlock-theme_c_top_left p.side_show_group_shop_info,
#ipBlock-theme_c_top_right p.side_show_group_shop_info
{
    margin-bottom:0;
    line-height:normal;
}
.news .newsrecord p.newsline{
    margin-bottom : 5px;
}

/* ▽▽▽求人情報▽▽▽ */
.box .recruit h3{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}
.box .recruit h4{
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-top:20px;
}
.box .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%;
}
.box .recruit a:hover {
    color: #cc9900;
}
.box .recruit table{
    border-collapse:collapse;
    width:100%;
}
.box .recruit table tr{
    border-top:1px dotted #666666;
}
.box .recruit table tr.firstchild{
    border-top:none;
}
.box .recruit table tr th{
    font-size: 12px;
    width:140px;
    text-align:left;
    vertical-align:top;
    padding: 4px 0px 8px 0;
    white-space:nowrap;
    color: #000000;
    background-color: #FFFFFF;
}
.box .recruit table tr th p{
    background: url(../img/info_title.gif) no-repeat 2px 3px;
    font-weight: bold;
    text-indent: 9px;
    line-height: normal;
}
.box .recruit table tr.firstchild td{
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}
.box .recruit table tr td{
    padding: 4px 0px;
    line-height: 18px;
    font-size: 12px;
    text-align: left;
    border-bottom: none;
    word-break: break-all;
}
.box .recruit dl{
    overflow:hidden;    
}
.box .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;
}
.box .recruit dl dd{
    line-height:14px;
    padding:5px 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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%;
}
.box .recruitmovieText{
    margin:0 3%;
    text-align:left;
}

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

@media only screen and (max-width:480px){
    .box .recruit table tr{
        border-top:1px dotted #666666;
    }
    .box .recruit table tr.firstchild{
        border-top:none;
    }
    .box .recruit table tr th{
        width:auto;
        display:block;
        text-align:left;
        vertical-align:top;
        padding: 4px 0px 8px 0;
        white-space:nowrap;
    }
    .box .recruit table tr th p{
        background: url(../img/info_title.gif) no-repeat 2px 3px;
        font-weight: bold;
        text-indent: 9px;
    }
    .box .recruit table tr td{
        padding: 0px;
        line-height: 18px;
        display:block;
    }
    
    .box .recruit dl{
        overflow:visible;   
    }
    .box .recruit dl dt{
        float:none;
        clear:none;
    }
    .box .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;
	}
}

.sugunaviBox{
    margin-top: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 #08C407;
    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----- */

/*** 表示・非表示アイコン用 Start ***/
.element-girl-detail {
  position: relative;
  padding-bottom: 15px;
}

.icon-eye-square {
  background-color: #000;
  border-radius: 4px;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 30px;
  z-index: 999;
}

.icon-eye-square input[type="checkbox"] {
  display: none;
}

.icon-eye-square input[type="checkbox"] + label {
  display: table-cell;
  font-family: FontAwesome;
  font-size: 1.5em;
  height: 30px;
  vertical-align: middle;
  width: 30px;
}

.icon-eye-square input[type="checkbox"] + label::before {
  content: "\f070";
  color: #f00;
}

.icon-eye-square input[type="checkbox"]:checked + label::before {
  content: "\f06e";
  color: #fff;
}

/* 非表示要素用 */
.element-non-display {
  background-color: #ccc;
  border: dashed 1px #666;
  border-radius: 4px;
  color: #666;
  display: none;
  height: 30px;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: center;
}

.warn-msg {
  color: #f00;
  font-weight: bold;
}
/*** 表示・非表示アイコン用 End ***/

/*** 女の子画像アップロード用 Start ***/
/* アイコン黒枠表示用 */
.icon-picture-square {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: table-cell;
  height: 22px;
  vertical-align: middle;
  width: 22px;
  text-align: center;
  z-index: 999;
}

/* 削除アイコン右上表示用 */
.icon-picture-pos-right {
  position: absolute;
  right: 0px;
  top: 0px;
}
/*** 女の子画像アップロード用 End ***/