/* by_IL */
/* 標準ウィジェットの設定 */
div.ipWidget-IpHtml  {  text-align:center;}
div.ipWidget-IpHtml img { display: inline-block;}
.ipWidget a{ color: #000;text-decoration:none;}
.ipWidget a:hover {text-decoration:underline; color: red;}
.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.ipWidget { margin-bottom: 0px; }
.ipAdminWidget,
.ipPreviewWidget ul{ margin: 10px auto;}
div.section-pager {visibility:visible;width:auto;height:auto; }
div.section-pager a{color:#FFF; }

.ipAdminWidget-IpImageGallery .ipUploadImageButton.ipUploadLargerButton{  display: none; }
.ipAdminWidget-IpImageGallery .ipUploadImageButton.ipUploadSmallerButton{ display: none; }
div.col1 article.entry-block,
div.col2 article.entry-block,
div.col3 article.entry-block,
div.col4 article.entry-block
 {width: 100%;}

div.box h1 {
    font-size: 12px;
    font-weight: normal;
}

/* 文章と画像ウィジェット START */
div.col1 img.ipwImage{
    width: 100%; 
    float: none;
}
div.col2 img.ipwImage,
div.col3 img.ipwImage{
    width: 31.25%;
}
div.col4 img.ipwImage{
    width: 35%; 
}

div.col1 .ipwText{
    width: 100%;  
    float: none;
    text-align: left;
}
div.col2 .ipwText{ width: 65.5%; }
div.col3 .ipwText{ width: 66.5%; }
div.col4 .ipwText{ width: 63%;   }
/* == 文章と画像ウィジェット END */

/*** 文章・画像ウィジェット 管理画面用 ***/
/* 左ブロック配置時 */
.leftbox .ipAdminWidget-IpTextImage {
    position: relative;
    z-index : 1001;
}

/* by_IL */
div.col1 .entry-block{
width: 100%;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
overflow: hidden;
}

/* headbar
***************************************************************************/
#headbar {
    font-size: 12px;
    padding: 0;
    margin: 10px auto;
    margin-bottom: 3px;
}
#headbar img {
    vertical-align: middle;
}
#headbar .ex-nav ul,
#headbar .ex-nav h3 {
    display: inline;
    margin: 0;
    padding: 0;
}
#headbar .ex-nav h3 {
    margin-left: 1em;
}
#headbar .ex-nav li {
    display: inline;
    margin: 0 0 0 0.5em;
    padding-left: 8px;
    background: url(../img/head_bar_link.gif) no-repeat 0 center;
}
#headbar .ex-nav li:first-child {
}
#headbar .ex-nav a {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
}
#headbar .ex-nav a:hover {
    color: #c00;
    text-decoration: underline;
}


/* container
***************************************************************************/
#container {

    background: #ccc;
    background: rgba(0,0,0,0.08);

    padding: 5px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 5px;
    clear: both;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
.ie #container {
    background: #EEE;
}

.shukkin_list {
    margin: 0 auto;
    padding: 10px 0 0 10px;
}
p.shukkintext {
    text-align: left;
    padding-top: 10px;
}
.shukkin_list .text {
    padding: 10px 5px 10px;
}
.shukkin_list .clear{margin-left:10px;}
.col1 .shukkin_list .recommend-block{width:140px; float: left; min-height:270px; margin:0 1% 15px 1%; font-size:12px;}
.col2 .shukkin_list .recommend-block{width:110px; float: left; min-height:270px; margin:0 1% 15px 1%; font-size:12px;}
.shukkin_list .recommend-block{width:100px; float: left; min-height:270px; margin:0 1% 15px 1%; font-size:12px;}
.shukkin_list figure{text-align:center; margin:5px 0px;}
.shukkin_list figure img{width: 100%;}
.shukkin_list figcaption{margin-top:10px; text-align:left; color:#666;}
.shukkin_list .shukkin_list .text {padding:0 5px 10px 5px;}
.shukkin_list .recommend-block ul{display: block; overflow: hidden; padding-left: 0; margin: 0;}
div.shukkinicon {
    text-align: center;
    background: #F39;
    padding: 2px 0;
    margin-bottom: 3px;
    color: #FFF;
}
ul div.receptionend,
footer div.receptionend{
    background-color: #808080;
}
div.shukkintime {
    padding: 2px;
    text-align: center;
    border: 1px solid #CCC;
    color: #999;
}
.invisible{
    opacity: 0.0;
}
div#content-inner article footer.entry-footer .girls-inline-time {
    height: 25px;
}
div#container .shukkin_list .recommend-block .girls-time {
    height: 19px;
}
div.make_icon {
    margin-top: 2px;
}
div.make_icon span {
    background: #000;
    padding: 2px;
    color: #FFF;
    font-size: 11px;
}
div.profile {
    display: block;
    }
    div.make_icon {
        display: block;
    }
    
.col1 .blog_list .recommend-block{width:165px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.col2 .blog_list .recommend-block{width:115px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.blog_list .recommend-block{width:130px; float: left; margin:0 1% 15px 1%; font-size:12px;}    

.col1 div.blog_img {
    clear:both;
    float:left;
    margin-top:15px;
    height: 165px;
    overflow: hidden;
}
.col1 div.blog_img img{
    width: 165px;
}
.col1 div.blog_box {
    float:left;
    width:165px;
    text-align: left;
}

.col2 div.blog_img {
    clear:both;
    float:left;
    margin-top:15px;
    height: 110px;
    overflow: hidden;
}
.col2 div.blog_img img{
    width: 110px;
}
.col2 div.blog_box {
    float:left;
    width:110px;
    text-align: left;
}
    
div.blog_img {
    clear:both;
    float:left;
    margin-top:15px;
    height: 130px;
    overflow: hidden;
}
div.blog_img img{
    width: 130px;
}
div.blog_box {
    float:left;
    width:130px;
    text-align: left;
}

p.blog_title {
    font-size:11px;
    margin:5px 0 5px;
    padding-left:0px;
    text-decoration:none;
        line-height:18px;
}
p.blog_title a {
    font-size:12px;
    text-decoration:underline;
}
br.sp_br {display: none; }

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

.event-entry-block .div_group_shop_info {
    padding: 6px 0 0 0;
}
.event-entry-block .time {
    padding: 6px 0 0 0;
}
.event-entry-block h4.entry-block-title {
    padding: 2px 0 5px 0;
}

div.shukkin_container {
    border-bottom: 1px solid #000000;
    margin-bottom: 0px;
    margin-top: 20px;
}

div.shukkin_container div#shukkin_list {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
}

div#shukkin_list table tr th.topbox {
    width: 90px;
    word-break: break-all;
}
div#shukkin_list table tr th {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    font-weight: normal;
}

.ipPreviewWidget .box th {
    background-color : transparent;
}

td.spnone, th.spnone {
    display: table-cell;
}
td.shukkin_img {
    width: 90px;
    padding: 0;
    text-align: center;
}

div#shukkin_list table tr td {
    border-right: 1px solid #000000;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
.col1 .movie_list .recommend-block{width:165px; float: left; margin:0 1% 5px 1%; font-size:12px;}
.col2 .movie_list .recommend-block{width:115px; float: left; margin:0 1% 5px 1%; font-size:12px;}
.movie_list .recommend-block{width:130px; float: left; margin:0 1% 5px 1%; font-size:12px;}    
.col1 div.movie_img {
    clear:both;
    float:left;
    margin-top:15px;
    overflow: hidden;
}
.col1 div.movie_img img{
    width: 165px;
}
.col2 div.movie_img {
    clear:both;
    float:left;
    margin-top:15px;
    overflow: hidden;
}
.col2 div.movie_img img{
    width: 110px;
}
div.movie_img {
    clear: both;
    float: left;
    margin-top: 15px;
    overflow: hidden;
}
div.movie_img img{
    width: 130px;
    margin-bottom: 4px;
}
div.movieshukkin {
    clear: both;
    text-align: center;
    background: #333;
    padding: 2px 0;
    margin-bottom: 3px;
    color: #FFF;
}

.col1 .newface_list .recommend-block{width:165px; float: left; margin:10px 1% 5px 1%; font-size:12px;}
.col2 .newface_list .recommend-block{width:177px; float: left; margin:10px 1% 5px 1%; font-size:12px;}
.newface_list .recommend-block{width:178px; float: left; margin:10px 1% 5px 1%; font-size:12px;}
.newface_list .recommend-block figure{
    padding: 0;
    margin: 0;
}

/*ranking*/
.ipWidget-HpbRanking .col4 h1 {
    color: #444444;
    font-family: sunserif;
}
.rankingexplanation{text-align: left; padding:8px 10px 8px 10px;}
.ranking{
    overflow:hidden;
}
.col1 .ranking .girl-ranking{
    width:165px;
    float: left; 
    margin:5px 1% 5px 1%; 
    font-size:12px;
}
.col1 .ranking .girl-ranking figure{
    float:left;
    overflow:hidden;
    width:50%;
    max-height:100px;
}
.col1 .ranking .girl-ranking ul{
    float:left;
    margin-left:5%;
    text-align:left;
    width:45%;
}
.col3 .ranking .girl-ranking{
    width:18%; 
    float:left;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:10px;
    padding:0px;
}
.ranking .girl-ranking ul{
    text-align:center;
}
.ranking .girl-ranking figure{
    padding: 0;
    margin: 0;
}
.col2 .ranking .girl-ranking{
    overflow:hidden;
    margin-top:10px; 
    margin-bottom:5px; 
}
.col2 .ranking .girl-ranking figure{
    float:left;
    overflow:hidden;
    width:40%;
    max-height:120px;
}
.col2 .ranking .girl-ranking ul{
    float:left;
    margin-left:3%;
    text-align:left;
    width: auto;
}
.col1 .ranking .girl-ranking .order_pc{
    display:none;
}
.col1 .ranking .girl-ranking .order_sp{
    display:block;
}
.col2 .ranking .girl-ranking .order_pc{
    display:none;
}
.col2 .ranking .girl-ranking .order_sp{
    display:block;
}
.col1 .ranking .girl-ranking ul .profile,
.col1 .ranking .girl-ranking ul .make_icon{
    display:none;
}
.col2 .ranking .girl-ranking ul .make_icon{
    display:none;
}
.col3 .ranking .girl-ranking figure{
    margin-bottom:5px;
}

.order1{
    color:#f8c418;
    font-size:140%;
}
.order2{
    color:#adadad;
    font-size:140%;
}
.order3{
    color:#c15600;
    font-size:140%;
}
.order_other{
    font-size:140%;
}
.order_pc,
.order_sp{
    font-size: 120%;
    font-weight: bold;
}
.ranking .girl-ranking .order_pc{
    display:block;
    text-align:center;
}
.ranking .girl-ranking .order_sp{
    display:none;
}
.col2 #ranking .girl-ranking:nth-of-type(3n+1){
    clear:both;
}
.col3 #ranking .girl-ranking:nth-of-type(5n+1){
    clear:both;
}
.col4 #ranking .girl-ranking:nth-of-type(5n+1){
    clear:both;
}
.col4 .ranking{
    overflow:hidden;
}
.col4 .ranking a {
    color: #333;
    text-decoration: none;
    
}
.col4 .ranking a:hover {
    color: #E70012;
    text-decoration: underline;
}
.col4 .ranking .girl-ranking{
    width:18%; 
    margin-left:1%;
    margin-right:1%;
    margin-bottom:10px;
    padding:0px;
    float:left;
}
.col4 .ranking img{
    max-width: 100%;
    height: auto;
}
.col4 .ranking .girl-ranking figure{
    padding: 0;
    margin: 0;
}
.col4 .ranking .girl-ranking ul{
    text-align:center;
}
.col4 .order_pc{
    font-size: 120%;
    font-weight: bold;
    text-align:center;
}
.col4 .order_sp{
    font-size: 120%;
    font-weight: bold;
    display:none;
}
.col4 div.make_icon {
    display: block;
}

div.flex-viewport {
    margin-bottom: 30px;
}
ol.flex-control-nav {
    margin: 0;
}
/* nav
***************************************************************************/
#gNav .logo {
    margin: 0;
}
#gNav .logo a img {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 100%;
}
#gNav .logo a:hover img {
    opacity: 0.6;
}
#gNav a {
    color: #333;
    text-decoration: none;
        font-weight: normal;
        font-size: 12px;
        font-family: Helvetica, Arial, sans-serif;
}
#gNav a:hover {
    color: #c00;
    text-decoration: underline;
}
#gNav ul {
    padding: 20px 0 0 0;
    position: relative;
    list-style: none;
}
#gNav ul li {
    padding: 5px 0;
    border-top: 1px dotted #999;
    position: relative;
    z-index: 1;
    line-height: 0;
}
#gNav ul li:last-child {
    border-bottom: 1px dotted #999;
}
#gNav ul li a.nav-first {
    display: block;
    height: 25px;
    width: 170px;
    overflow: hidden;
    background: url(../img/nav_menu.png) no-repeat 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-weight: bold;
}
#gNav ul li:hover a.nav-first {
    background-color: #ececec;
}
#gNav ul li ul {
    visibility:hidden;
    opacity:0;
    position: absolute;
    top: 5px;
    left: 145px;
    padding: 5px 7px 5px 18px;
    background-color: #ececec;
    border-bottom: none;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    -o-transition: opacity .5s; 
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
}
#gNav ul li:hover {
    z-index: 100;
}
#gNav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.ie7 #gNav ul li:hover > ul {
    visibility: hidden;
    opacity: 0;
}
#gNav ul li ul {
    margin: 0;
    padding: 5px;
}
#gNav ul li ul li {
    border: none !important;
    margin: 0;
    padding: 0;
}
#gNav ul li ul li a {
    display: block;
    line-height: 1.3;
    border: none;
    padding: 5px 7px 5px 14px;
    text-indent: 0;
    width: 12em;
    padding-right: 17px;
    background-image: none;
}
#gNav ul li ul li:hover {
    background-color: #e0e0e0;
}
#gNav ul li ul li a:hover {
    background-image: url(../img/nav_menu_sp_cr.png);
    text-decoration: none;
}


#gNav ul li.current a.nav-first {
    background-color: #ececec;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#gNav ul li.current ul {
    visibility: visible;
    opacity:1;
    position: static;
    background-color: #ececec;
    border-bottom: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.ie7 #gNav ul li.current:hover > ul {
    visibility: visible;
    opacity:1;
}
#gNav ul li.current ul li a {
    width: auto;
}
#gNav ul li.current ul li.current a {
    color: #c00;
    background-image: url(../img/nav_menu_sp_cr.png);
}
#cNav {
    display: none;
    margin-bottom: 10px;
}
#cNav ul {
    padding: 0 5px;
}
#cNav ul li {
    display: inline-block;
    margin: 0.3em;
    padding: 0 0 0 13px;
}


/* footer
***************************************************************************/
footer {
    text-align: center;
    font-size: 11px;
    padding: 0 10px;
    margin: 10px auto;
    text-shadow: 1px 1px 1px #fff;
}
footer small {
    display: block;
    margin: 10px 0;
}
footer img {
    vertical-align: middle;
    margin-right: 8px;
}
footer ul  {
    display: inline;
    margin: 0;
    padding: 0;
}
footer ul li {
    display: inline;
    display: inline-block;
    margin: 0 0 0 0.5em;
    padding-left: 10px;
    background: url(../img/head_bar_link.gif) no-repeat 0 center;
}
.ie6 footer ul li,
.ie7 footer ul li {
    display: inline;
}
footer a {
    color: #000;
    text-decoration: none;
}
footer a:hover {
    color: #c00;
    text-decoration: underline;
}


/* box
***************************************************************************/
.box {
    margin: 5px;
    padding: 10px;
    background: #fff;
    float: left;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.col1 {
    width: auto;
}
.colbox3 {
    width: 600px;
}
.colbox3 .box{
    float: left;
}
.colbox3 .col1{
    width: 28.2%;
}
.colbox2 {
    width: 400px;
    float: none;
}
.colbox2 .box{
    float: left;
}
.colbox2 .col1{
    width: 42%;
}
/* by_IL */
body {
    background-color : #FFF;
}

div.indexheader h1 {
    font-size : 12px;
}

div.movie_list .movie_center_block:nth-of-type(4n+1),
div.shukkin_list .girls_center_block:nth-of-type(5n+1),
div.shukkin_list .companion_center_block:nth-of-type(5n+1), 
div.blog_list .blog_center_block:nth-of-type(4n+1) {
    clear:both;
}
div.movie_list .movie_right_block:nth-of-type(3n+1),
div.shukkin_list .girls_right_block:nth-of-type(3n+1),
div.shukkin_list .companion_right_block:nth-of-type(3n+1),
div.blog_list .blog_right_block:nth-of-type(3n+1) {
    clear:both;
}

/* by_IL for shukkin_list  start */
div#shukkin_list table{
    word-break: break-all;
}
div.leftbox div#shukkin_list table tr th.week{

}
div#main div#shukkin_list table tr th.week,
div.centerbox div#shukkin_list table tr th.week{
    width: 12%;
}
div.rightbox div#shukkin_list table tr th.week{
    width: 18%;
}
/* by_IL for shukkin_list  end */

/*** タイトル ***/
.ipWidget-IpTitle h1.ipwTitle {
    font-size   : 36px;
    font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.ipWidget-IpTitle h2.ipwTitle {
    font-size : 28px;
}

.ipWidget-IpTitle h3.ipwTitle {
    font-size : 22px;
}
/*** タイトル ***/

/*** 水平線 ***/
.ipWidget-IpSeparator .box {
    background : transparent;
}
/*** 水平線END ***/

/* 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;
}
/***********************/

/* HpbNews */
.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 left right */
p.newsline span.newslist_sp a{
    padding-left: 1em;
}
div.leftbox p.newsline span.newslist_sp,
div.rightbox p.newsline span.newslist_sp
{
    display: block;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div.leftbox .newsstartdate, 
div.rightbox .newsstartdate
{
    display: none;
}

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

/*** 女の子詳細ウィジェット共通 Start ***/
/* 女の子詳細ウィジェットタイトル部分共通 */
#widget-area-left h2.img1, 
#widget-area-right h2.img1 {
    border: none;
    border-radius: 20px;
    color: #F00;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 12px;
    line-height: 1;
    line-height: 20px;
    margin: 0px;
    min-height: 20px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-indent: 15px;
}

#widget-area-left .ipWidget .box,
#widget-area-right .ipWidget .box {
    margin : 0;
    padding : 0;
}
/*** 女の子詳細ウィジェット共通 End ***/

/*** 写メ日記(HpbBlog) Start ***/
#widget-area-right .blog_list .recommend-block {
    display : inline-block;
    float : none;
    vertical-align : top;
}    
/*** 写メ日記(HpbBlog) End ***/

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

/* 女の子詳細左側表示用 */
#widget-area-left .shukkin_list {
    padding : 0;
}

#widget-area-left .shukkin_list .recommend-block {
    width : 100%;
    margin : 0 0 15px 0;
}

/* 女の子詳細右側表示用 */
#widget-area-right .shukkin_list .recommend-block {
    display : inline-block;
    float : none;
    vertical-align : top;
    width : 30%;
}
/*** 在籍コンパニオン(HpbCompanion) End ***/

/*** イベント(HpbEvent) Start ***/
#widget-area-left .ipWidget-HpbEvent article, 
#widget-area-right .ipWidget-HpbEvent article {
    height : 100%;
    width : 100%;
}
/*** イベント(HpbEvent) End ***/

/*** 本日の出勤(HpbGirls) Start ***/
#widget-area-right .ipWidget-HpbGirls .recommend-block {
    display : inline-block;
    float : none;
    vertical-align : top;
}
/*** 本日の出勤(HpbGirls) End ***/

/*** グラビア(HpbGravure) Start ***/
#widget-area-left .ipWidget-HpbGravure .box,
#widget-area-left .ipWidget-HpbGravure img, 
#widget-area-right .ipWidget-HpbGravure .box,
#widget-area-right .ipWidget-HpbGravure img {
    width : 100%;
}
/*** グラビア(HpbGravue) End ***/

/*** 新人入店情報(HpbNewface) Start ***/
#widget-area-left .ipWidget-HpbNewface figure,
#widget-area-left .ipWidget-HpbNewface img,
#widget-area-right .ipWidget-HpbNewface figure,
#widget-area-right .ipWidget-HpbNewface img {
    width : 100%;
}

#widget-area-right .ipWidget-HpbNewface .newface_list .recommend-block {
    width : 31%;
}
/*** 新人入店情報(HpbNewface) End ***/

/*** 直送便(HpbNews) Start ***/
#widget-area-left .ipWidget-HpbNews .box,
#widget-area-right .ipWidget-HpbNews .box {
    width : 100%;
}

#widget-area-left .ipWidget-HpbNews .entry-block {
    padding : 0 0 20px;
}

#widget-area-right .ipWidget-HpbNews .entry-block {
    padding : 0 0 20px;
    width : 100%;
}
/*** 直送便(HpbNews) End ***/

/*** 動画(HpbMovie) Start ***/
#widget-area-right .ipWidget-HpbMovie .recommend-block {
    display : inline-block;
    float : none;
    vertical-align : top;
}
/*** 動画(HpbMovie) End ***/

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

#widget-area-left .ipWidget-HpbRanking figure,
#widget-area-right .ipWidget-HpbRanking figure {
    margin : 0;
    width : 100%;
}

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

/*** スライダー(HpbSlide) Start ***/
#widget-area-left .ipWidget-HpbSlide .box, 
#widget-area-right .ipWidget-HpbSlide .box {
    width : 100%;
}

#widget-area-left .ipWidget-HpbSlide .flexslider,
#widget-area-right .ipWidget-HpbSlide .flexslider {
    text-align : center;
    text-align : -webkit-center;
}
/*** スライダー(HpbSlide) End ***/

/*** 予約・アンケート(IpForm) Start ***/
/* 女の子詳細左側表示用 */
#widget-area-left div.ipwExplanation {
    margin-bottom : 20px;
}

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

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

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

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

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

#widget-area-left div.ipwForm .ipmLabel {
    width : 100%;
}

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

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

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

#widget-area-left .ipwExplanation p {
    text-align : left;
}

#widget-area-left .ipwForm th, 
#widget-area-left div.ipPreviewWidget div.ipwForm td {
    border : none !important; /* 他のスタイル指定が!imortantしてあるのでやむなく!important */
}

/*** 予約・アンケート(IpForm) End ***/

/*** HTML(IpHtml) Start ***/
#widget-area-left .ipWidget-IpHtml .box, 
#widget-area-right .ipWidget-IpHtml .box {
    width : 100%;
}
/*** HTML(IpHtml) End ***/

/*** 画像(IpImage) Start ***/
#widget-area-left .ipWidget-IpImage .box,
#widget-area-left .ipWidget-IpImage .box img,
#widget-area-right .ipWidget-IpImage .box,
#widget-area-right .ipWidget-IpImage .box img {
    width : 100%;
}
/*** 画像(IpImage) End ***/

/*** 文章・画像(IpTextImage) Start ***/
#widget-area-left .ipWidget-IpTextImage .box {
    width : 100%;
}
/*** 文章・画像(IpTextImage) End ***/

/* screens smaller than 820
***************************************************************************/
@media only screen and (min-width:541px) and (max-width:980px) {
body {
    width: 610px;
}
#headbar {
    font-size: 9px;
}
footer {
    font-size: 10px;
}
#gNav {
    width: 570px;
    overflow: hidden;
    float: none;
    margin-bottom: 10px;
}
#gNav .logo {
    float:left;
    width: 170px;
    margin: 10px 15px 10px 10px;
}
#gNav ul {
    float:left;
    width: 65%;
    padding: 10px 0;
}
#gNav ul li {
    float:left;
    margin: 0 7px;
}
#gNav ul li:nth-child(7) {
    border-bottom: 1px dotted #999;
}
#gNav ul li:hover > ul {
    visibility: hidden;
    opacity: 0;
}
#gNav ul li.current a.nav-first {
    background-color: transparent;
}
#gNav ul li.current ul {
    display: none;
}
#cNav {
    display: block;
    float: none;
    margin-bottom: 10px;
}
#cNav li.current a {
    color: #333;
    text-decoration: none;
}
.leftbox {
        width: 95%;
}

/*ranking*/
.col1 .ranking{
    width:98%; 
    margin:10px 1% 5px 1%; 
    font-size:12px;
}
.col1 .ranking .girl-ranking{
    width:165px;
    float:left; 
    margin:10px 1% 5px 1%; 
    font-size:12px;
}
.col1 .ranking .girl-ranking figure{
    float:none;
    overflow:visible;
    width:auto;
    max-height:none;
}
.col1 .ranking .girl-ranking ul{
    float:none;
    margin-left:0;
    text-align:center;
    width:auto;
}
.col1 .ranking .girl-ranking ul .profile,
.col1 .ranking .girl-ranking ul .make_icon{
    display:block;
}
.col2 .ranking .girl-ranking ul{
    width: 55%;
}

}
/* /screens smaller than 820 */


/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {

body {
    padding: 0;
}
h1 {
  font-size: 22px;
}

h1 img{
    max-width: 100%;
}

h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
#headbar {
    text-align: center;
    padding: 0 6px;
    margin: 5px auto;
}
#headbar .ex-nav li {
    display: inline;
    margin: 0 0.4em;
}
#headbar .pamphlet {
    display:none;
}
#headbar {
    font-size: 9px;
}
footer {
    font-size: 9px;
}
#gNav {
    width: 100%;
    overflow:hidden;
    float: none;
    margin-bottom: 10px;
}
div#gNav div.logo {
    float  : left;
    width  : 47%;
    margin : 0 3% 0 0;
}
#gNav .logo img {
    display:block;
    width:100%;
    height:auto;
}
#gNav ul {
    float:left;
    width: 50%;
    padding: 0;
}
#gNav ul li {
    padding: 3px 0;
}
#gNav ul li:nth-child(8) {
    border-bottom: 1px dotted #999;
}
#gNav ul li a.nav-first {
    text-indent: 0;
    width: 100%;
    height: auto;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
        line-height: 10px;
}
#gNav ul li a.current {
    color: #c00;
}
#gNav ul li.nav01 {
    display:none;
}
#gNav ul li:hover > ul {
    visibility: hidden;
    opacity: 0;
}
#gNav ul li.current a.nav-first {
    background-color: transparent;
    color: #c00;
}
#gNav ul li.current ul {
    display: none;
}
#cNav {
    display: block;
    float: none;
    margin-bottom: 10px;
}
#cNav li.current a {
    color: #333;
    text-decoration: none;
}
#container{
    width: auto !important;
    padding: 0 1.8%;
    background: none;
}
.box{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0;
}
.shukkin_list {
    margin: 0 auto;
    padding: 10px 0 0 0;
}
p.shukkintext {
    text-align: left;
    padding-top: 10px;
}
.shukkin_list .text {
    padding: 10px 5px 10px;
}
.shukkin_list .clear{margin-left:10px;}
.col2 .shukkin_list .recommend-block{width:100%; min-height:165px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.col1 .shukkin_list .recommend-block{width:100%; min-height:165px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.shukkin_list .recommend-block{width:100%; min-height:165px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.shukkin_list figure{text-align:center; margin-bottom:5px; margin-top:5px;}
.shukkin_list figure img{ width: 120px; float: left; margin-right: 10px;}
.shukkin_list figcaption{margin-top:10px; text-align:left; color:#666;}
.shukkin_list .shukkin_list .text {padding:0 5px 10px 5px;}
.shukkin_list .recommend-block ul{display: block; overflow: hidden; padding-left: 0; text-align: left;}
div.shukkinicon {
    text-align: center;
    background: #F39;
    padding: 2px 0;
    margin-bottom: 3px;
}
div.make_icon {
    margin-top: 2px;
}
div.make_icon span {
    background: #000;
    padding: 2px;
}
.col2 .blog_list .recommend-block{width:100%; min-height:100px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.col1 .blog_list .recommend-block{width:100%; min-height:100px; float: left; margin:0 1% 15px 1%; font-size:12px;}
.blog_list .recommend-block{width:100%; min-height:100px; float: left; margin:0 1% 15px 1%; font-size:12px;}
p.blog_title {
    font-size:14px;
    margin:5px 0 5px;
    padding-left:10px;
    text-decoration:none;
}
.col1 div.blog_img {
    clear:both;
    float:left;
    margin-top:15px;
    height: 100px;
    overflow: hidden;
}
.col1 div.blog_img img{
    width: 100px;
}
.col1 div.blog_box {
    float:left;
    width:auto;
    text-align: left;
}

.col2 div.blog_img {
    clear:both;
    float:left;
    margin-top:15px;
    height: 100px;
    overflow: hidden;
}
.col2 div.blog_img img{
    width: 100px;
}
.col2 div.blog_box {
    float:left;
    width:auto;
    text-align: left;
}
    
div.blog_img {
    clear:both;
    float:left;
    margin-top:15px;
    height: 100px;
    overflow: hidden;
}
div.blog_img img{
    width: 100px;
}
div.blog_box {
    float:left;
    width:auto;
    text-align: left;
}
br.sp_br {display: block; }
div.shukkintime {
    padding: 0px;
    text-align: left;
    border: none;
    color: #333;
}

.col2 .movie_list .recommend-block{width:100%; float: left; margin:0 1% 2px 1%; font-size:12px; border-bottom: 1px solid #CCC;}
.col1 .movie_list .recommend-block{width:100%; float: left; margin:0 1% 2px 1%; font-size:12px;}
.movie_list .recommend-block{width:100%; float: left; margin:0 1% 2px 1%; font-size:12px;}
.col1 div.movie_img {
    clear:both;
    float:left;
    margin-top:5px;
    overflow: hidden;
}
.col1 div.movie_img img{
    width: 100px;
}
.col2 div.movie_img {
    clear:both;
    float:left;
    margin-top:5px;
    overflow: hidden;
}
.col2 div.movie_img img{
    width: 100px;
}
div.movie_img {
    clear:both;
    float:left;
    margin-top:5px;
    overflow: hidden;
}
div.movie_img img{
    width: 100px;
    margin-right: 5px;
}
.col2 .newface_list .recommend-block{width:100%; min-height:100px; float: left; margin:5px 1% 5px 1%; font-size:12px;}
.col1 .newface_list .recommend-block{width:100%; min-height:100px; float: left; margin:5px 1% 5px 1%; font-size:12px;}
.newface_list .recommend-block{width:100%; min-height:100px; float: left; margin:5px 1% 5px 1%; font-size:12px;}

.newface_list figure img {
    float: left;
    margin-right: 10px;
    width: 120px;
}

/*ranking*/
.ranking .girl-ranking{
    width:100%; 
    min-height:100px; 
    float: left; 
    margin:5px 1% 5px 1%; 
    font-size:12px;
}
.ranking .girl-ranking .order_sp{
    display:block;
}
.col3 .ranking .girl-ranking .order_sp{
    text-align:center;
}
.ranking .girl-ranking .order_pc{
    display:none;
}
.col1 .ranking .girl-ranking{
    width:100%;
}
.col1 .ranking .girl-ranking figure{
    float:left;
    overflow:hidden;
    width:40%;
    max-height:120px;
}
.col1 .ranking .girl-ranking ul{
    float:left;
    margin-left:3%;
    text-align:left;
    width:auto;
}
.ranking .girl-ranking ul .make_icon{
    display:none;
}
.col1 .ranking .girl-ranking ul .profile{
    display:block;
}
.col2 .ranking .girl-ranking {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0;
    width: 31%;
}
.col2 .ranking .girl-ranking figure {
    float: none;
    margin-left: 0;
    max-height: none;
    overflow: visible;
    width: 100%;
}
.col2 .ranking .girl-ranking ul{
    float: none;
    margin-left: 0;
    text-align: center;
    width: auto;
}
.col2 .ranking .girl-ranking .order_pc {
    display: block;
}
.col2 .ranking .girl-ranking .order_sp{
    display:none;
}
.col3 .ranking .girl-ranking ul .profile{
    display:none;
}
.col3 .ranking .girl-ranking ul .shukkinicon{
    font-size:10px;
}

.col4 .ranking .girl-ranking{
    width:100%; 
    min-height:100px; 
    float: left; 
    margin:5px 1% 5px 1%; 
}
.col4 .ranking .girl-ranking figure{
    float:left;
    overflow:hidden;
    width:40%;
    max-height:120px;
}
.col4 .ranking .girl-ranking ul{
    float:left;
    margin-left:3%;
    text-align:left;
    width:auto;
}
.col4 .ranking .girl-ranking ul .make_icon{
    display:block;
}
div.col1 img.ipwImage,
div.col2 img.ipwImage,
div.col3 img.ipwImage,
div.col4 img.ipwImage{
    width: auto; 
    margin: 5px auto;
}
div.col2 .ipwText,
div.col3 .ipwText,
div.col4 .ipwText{
    width: 100%;  
}
.ipWidget-IpTextImage div.col1 img.ipwImage {float: none;}
.ipWidget-IpTextImage div.col2 img.ipwImage {float: none;}
.ipWidget-IpTextImage div.col3 img.ipwImage {float: none;}
.ipWidget-IpTextImage div.col4 img.ipwImage {float: none;}
}
/* /screens smaller than 540 */

/****
slider
***************************************************************************/
.slider {
    position: relative;
}
.slider .slides {
    height: 248px;
    overflow: hidden;
    padding: 0;
}
.slider .slides li {
    list-style: none;
}
.slider .flex-control-nav {
    line-height: 1;
}
.slider .slides li a img {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.slider .slides li a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}

/* Browser Resets */
.flexslider a {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides  li {position: relative;margin-bottom: 28px;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}

/* for slide */
#gallery {background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}
#gallery ul{margin: 0px auto;}
#gallery .slides li{list-style: none;}
#gallery .flex-control-nav li{vertical-align: bottom;}

/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -25px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -17px;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; 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: 13px; height: 13px; display: block; background: url(../img/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/****
box
***************************************************************************/
.box {
    font-size: 12px;
    line-height: 1.61;
}

.addShadow{
    -webkit-box-shadow: 0px 0px 3px 3px #a3a3a3;
    -moz-box-shadow: 0px 0px 3px 3px #a3a3a3;
    box-shadow: 0px 0px 5px #888;
}


/****
colmun
***************************************************************************/
@media only screen and (max-width:768px) {
.col1 { width: 95%; }
.colbox1 { width: 100%; }
.colbox1 .col1 { width: 170px; }
.col1b { width: 190px; margin: 5px; padding: 0px;}
.col2 { width: 45%; }
.col3 { width: 570px; }
.col4 { width: 95%; }
.col1 img, .col1b img, .col2 img, .col3 img, .col4 img {
    display: block;
    max-width: 100%;
    height: auto;
}
.col1 .inline, .col2 .inline, .col3 .inline, .col4 .inline {
    display: inline;
}
.colbox2 {
    width: 45%;
    float: left;
}
.colbox2 .col1{
    width: 100%;
}
div.movie_list. .movie_right_block:nth-of-type(2n),
div.shukkin_list .girls_right_block:nth-of-type(2n),
div.shukkin_list .companion_right_block:nth-of-type(2n),
div.blog_list .blog_right_block:nth-of-type(2n) {
    float:left;
}
div.movie_list .movie_right_block:nth-of-type(3n+1),
div.shukkin_list .girls_right_block:nth-of-type(3n+1),
div.shukkin_list .companion_right_block:nth-of-type(3n+1),
div.blog_list .blog_right_block:nth-of-type(3n+1) {
    clear:none;
}
div.movie_list .movie_right_block:nth-of-type(2n+1),
div.shukkin_list .girls_right_block:nth-of-type(2n+1),
div.shukkin_list .companion_right_block:nth-of-type(2n+1),
div.blog_list .blog_right_block:nth-of-type(2n+1) {
    clear:both;
}

/* サイトID:383で店舗情報にimgタグがあるので非表示対応 */
div#headbar img,
div#headbar #pc_shopdata img {
    display : none;
}  

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

}

@media only screen and (min-width:768px) {
    /* 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) leftbox */
    .col1 div.ipwExplanation {
        margin-bottom : 20px;
    }

    .col1 form.ipModuleForm {
        padding : 0;
    }

    .col1 div.ipwForm table {
        width : 170px;
    }

    .col1 div.ipwForm tr {
        margin-bottom : 5px !important;
        width : 170px !important;
        
    }

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

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

    .col1 div.ipwForm .ipmLabel {
        white-space : normal;
    }

    .col1 div.ipwForm .ipmControlInput, 
    .col1 div.ipwForm .ipmControlSelect,
    .col1 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;
    }

    .col1 div.ipwForm .ipmControlSubmit {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
    }

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

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

    .col2 form.ipModuleForm {
        padding : 0;
    }

    .col2 div.ipwForm table {
        width : 100%;
    }

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

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

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

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

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

    .col2 div.ipwForm .ipmControlInput, 
    .col2 div.ipwForm .ipmControlSelect,
    .col2 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-left : 0;
    }

    .col2 div.ipwForm .ipmControlSubmit {
        width     : 100%;
        font-size : 16px;
        padding   : 10px 0;
    }

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

/*** スマートフォン表示用 ***/
@media only screen and (max-width:767px) {
    /* 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;
    }
    /***********************/

    /*** 在籍コンパニオン(HpbCompanion) Start ***/
    #widget-area-right .shukkin_list .recommend-block {
        width : 100%;
    }
    /*** 在籍コンパニオン(HpbCompanion) End ***/

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

    div.centerbox div#shukkin_list table tr th {
        font-size: 10px;
    }

    /* 週間出勤表(右カラム): 767px以下の場合は4日間表示に変更 */
    div.rightbox div#shukkin_list table tr th.spnone,
    div.rightbox div#shukkin_list table tr td.spnone {
        display: none;
    }

}

@media only screen and (max-width:480px) {
.col1 { width: auto; }
/* by_mock 06/20 start */
.colbox1 { width: 100%; }
/* by_mock 06/20 end */
.colbox1 .col1 { width: 170px; }
.col1b { width: 190px; margin: 5px; padding: 0px;}
.col2 { width: 370px; }
.col3 { width: 570px; }
.col4 { width: 570px; }
.col1 img, .col1b img, .col2 img, .col3 img, .col4 img {
    display: block;
    max-width: 100%;
    height: auto;
}
.col1 .inline, .col2 .inline, .col3 .inline, .col4 .inline {
    display: inline;
}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
.col1 { width: auto; }
.colbox1 { width: 170px; }
.colbox1 .col1 { width: 170px; }
.col1b { width: 190px; margin: 5px; padding: 0px;}
.col2 { width: 370px; }
.col3 { width: 570px; }
.col4 { width: 720px; }
.col1 img, .col1b img, .col2 img, .col3 img , .col4 img {
    display: block;
    max-width: 100%;
    height: auto;
}
.col1 .inline, .col2 .inline, .col3 .inline, .col4 .inline {
    display: inline;
}
.colbox2 {
    float: left;
    width: 50%;
}
.colbox2 .col1{
    width: 42%;
}
.colbox3 {
    width: 100%;
}
.colbox3 .col1 {
    width: 28.2%;
}
}

/* by_mock 06/20 start */
.colbox1 { }
/* by_mock 06/20 end */
.colbox1 .col1 { width: 170px; }

@media only screen and (min-width:1025px) {
.colbox1 { width: 170px; }
.colbox1 .col1 { width: 170px; }
.col1 { width: 170px; }
.colbox1 { width: 170px; }
.colbox1 .col1 { width: 170px; }
.col1b { width: 190px; margin: 5px; padding: 0px;}
.col2 { width: 370px; }
.col3 { width: 570px; }
.col4 { width: 720px; }
.col1 img, .col1b img, .col2 img, .col3 img, .col4 img {
    display: block;
    max-width: 100%;
    height: auto;
}
.col1 .inline, .col2 .inline, .col3 .inline, .col4 .inline {
    display: inline;
}
.colbox3 {
    width: 100%;
}

/*ranking*/
.col2 .ranking .girl-ranking{
    float:left;
    width:31%;
    margin-left:1%;
    margin-right:1%;
    margin-top:0px;
}
.col2 .ranking .girl-ranking figure{
    overflow:visible;
    max-height:none;
    float:none;
    margin-left:0px;
    width:100%;
}
.col2 .ranking .girl-ranking ul{
    float:none;
    margin-left:0px;
    text-align:center;
}
.col2 .ranking .girl-ranking .order_pc{
    display:block;
}
.col2 .ranking .girl-ranking .order_sp{
    display:none;
}
.col2 .ranking .girl-ranking ul .make_icon{
    display:block;
}
}

@media only screen and (max-width:768px) {
body { 
    max-width: 810px;
}
.rightbox {
    float: none;
    width: auto;
    clear: both;
}
.leftbox {
    float: left;
    width: 100%; 
}
.centerbox {
    width: 100%; 
}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
body {
       max-width: 810px;
}
.rightbox {
    float: none;
    width: 100%;
    clear: both;
}
.leftbox {
    float: left;
    width: 200px;
}
}

/****
Transitions
***************************************************************************/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.transitions-enabled.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}


h2.img1{min-height: 20px; margin: 0px; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; line-height: 1; font-size: 12px; color: #F00; line-height: 20px; text-indent: 15px;}
h2.img2{min-height: 18px; margin: 0 0 5px 0; overflow: hidden; text-indent: -9999px; line-height: 1;}
h2.imgAll{margin: 0px; padding: 0px; font-size: 0px; line-height: 1;}

h2.whatnew{background: #ececec; }
dl.whatsnewTxt{
    /* min-height: 81px;*/
    margin: 0 0 -0.6em 0;
    padding: 0 10px 0 10px;
    line-height: 1.6;
}
dl.whatsnewTxt dt{float: left; margin: 0 0 0 0; padding: 0.6em 0 0 0; font-weight: bold; font-size: 1em; color:#666;}
dl.whatsnewTxt dd{margin: 0 0 0 0; padding: 0.6em 0 0.6em 7em; border-top: 1px dotted #e2e2e2; font-size: 1em;}
dl.whatsnewTxt dd:nth-child(2) {border-top: none;}
dl.whatsnewTxt ul{margin: 0; padding: 0px; }
dl.whatsnewTxt li{margin: 0 0 0.5em 0; padding: 0px; }
dl.whatsnewTxt li:last-child{margin: 0; }
dl.whatsnewTxt li img{display:inline; vertical-align:middle;}
dl.whatsnewTxt a {color:#c00;}
dl.whatsnewTxt a:hover {text-decoration:underline;}

h2.guidance{margin: 0 0 10px 0; }

h3{margin: 6px 0 0 0; font-size: 1em; line-height: 1.3;}
p.addTxt01{margin: 8px 0 0 0; font-size: 1em; line-height: 1.5;}
p.addTxt01 img{margin: 0 auto; padding-bottom:8px;}
p.addTxt02{margin: 5px 0 0 100px; font-weight: bold; line-height: 1.5;}
p.addTxt02 small{font-weight: normal; font-size: 0.9em;}
p.addTxtS01{margin: 8px 0 0 93px; font-size: 0.9em; line-height: 1.25;}
p.addTxtS02{margin: 8px 0 0 70px; font-size: 0.9em; line-height: 1.25;}

.namiIcon{display: block; float: left; margin: 1px 5px 0 0;}

.box img.subImg{margin: 5px 0 0 0;}
.box img.eventA{float: left;}
.box img.eventB{float: right; margin: -5px 0 0 5px;}
.box img.mobileA{float: left; margin: 0 10px 0 0;}

div.exBox{width: 370px; overflow: hidden;}
div.exBox .box{float: none !important;}

a.shadow:before, a.shadow:after { content: ""; display: inline; }
a.shadow:after { clear: both; }
a.shadow { zoom: 1; }
a.shadow img { cursor:pointer; margin: 0 auto;}

img.asideImg{float: left; margin: 0 10px 0 0;}

div#pamphlet{padding-bottom: 0px;}

.mblink {
    padding-top: 10px;
    font-size: 0.95em;
}
.caption {
    font-size: 0.8em;
}

/*画像プロテクトのための処理*/
h1{position: relative;}
ul.slides{position: relative;margin-bottom:28px;}
h2{position: relative;}
p{position: relative;}
.box{position: relative;}
img.protecter{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

/*news layout*/
.entry-block {
    margin-top: 10px;
}
    div.col1 #pickup-news{width:100%; border-bottom:0; padding:0 10px 0px 0;}
    div.col2 #pickup-news{width:31.25%; border-bottom:0; padding:0 10px 0px 0;}
    #pickup-news{width:31.25%; border-bottom:0; padding:0 10px 0px 0;}
    #pickup-news figure{width:100%; margin:0 auto 10px;}
    div.col1 #archive-news{width:100%;height: 290px;
    overflow: hidden;}
    div.col2 #archive-news{width:65.5%;height: 290px;
    overflow: hidden;}
    #archive-news{width:66.5%;height: 290px;
    overflow: hidden;}
    #archive-news .entry-block{width:100%;}
    .float-left {
    float: left;
}
div.view_more {
    clear: both;
    padding: 5px 0 0px;
    text-align: right;
}

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

/* screens smaller than 540
***************************************************************************/
@media only screen and (max-width:540px) {

/* by_IL */
div.indexheader {
    text-align : center;
}

#gNav {
    margin-bottom: 5px;
}
.slider .slides {
    height: 170px;
}
.col1 { width: 100%; }
.col2 { width: 100%; }
.col3 { width: 100%; }
.col4 { width: 100%; }

.sp_2col{
    content: "";
    clear: both;
}

.sp_2col .box {
    width: 48.5%;
    float:left;
}
.sp_2col .box:nth-child(2n) {
    float:right;
}

img.boxMainImg{
    float: left;
    width: 48%;
    margin-right: 3%;
}
.box img.subImg{
    margin:0;
    width:48%;
}

div#qrcode{display: none !important;}

dl.whatsnewTxt dt{
    float: none;
    padding: 1em 0 0 0;
}
dl.whatsnewTxt dd{
    padding-left: 1em;
}
/*News*/
#news h2{background-color:#333;}
div.col1 #pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4; text-align: center; width: 100%;}
div.col2 #pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4; text-align: center; width: 100%;}
#pickup-news{padding:0 10px 15px; margin-bottom:15px; border-bottom:1px solid #e4e4e4; text-align: center; width: 100%;}
#pickup-news figure{width:200px; margin:0 auto 10px;}
div.col1 #archive-news{height:280px;overflow:hidden; width: 100%;}
div.col2 #archive-news{height:280px;overflow:hidden; width: 100%;}
#archive-news{height:280px;overflow:hidden; width: 100%;}
p.addTxt01 img{margin: 0 auto; width: 150px;}
.colbox3 {
    width: 100%;
}
.colbox3 .box{
    float: left;
}
.colbox3 .col1{
    width: 49%;
}
.colbox3 .col1 h2{
    font-size: 10px;
}
.colbox2 {
    width: 100%;
}
.colbox2 .box{
    float: left;
}
.colbox2 .col1{
    width: 49%;
}
.colbox2 .col1 h2{
    font-size: 10px;
}
.colbox1 .box{
    float: left;
}
.colbox1 .col1{
    width: 49%;
}
.colbox1 .col1 h2{
    font-size: 10px;
}
/* by_mock 06/20 start */
.colbox1 { width: 100%; }
/* by_mock 06/20 end */

}
/* /screens smaller than 540 */


/* screens smaller than 320
***************************************************************************/
@media only screen and (max-width:320px) {
.slider .slides {
    height: 160px;
}

img.boxMainImg{float: left;}
div#qrcode{display: none !important;}
}
/* /screens smaller than 320 */

/* by_IL */
/* for IE  */
.blog_list .recommend-block .blogbox .blog_img img{max-width: none;}
/* by_IL for_ipad */
@media only screen and (min-width:541px) and (max-width:1024px) {
    div.rightbox div#ipBlock-theme_b_top_right .ipWidget:after{clear: none;}
    div.rightbox div#ipBlock-theme_b_top_right .ipPreviewWidget{width:50% ;float: left;}
    div.rightbox div#ipBlock-theme_b_top_right .ipAdminWidget{width:50% ;float: left;}
}
@media only screen and (min-width:541px) and (max-width:768px) {
    div.rightbox div#ipBlock-theme_b_top_right div.col2{width:90% ;} 
}

/* by_IL for IpImageGallery  start */
.ipWidget-IpImageGallery .box{
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}

.image_gallery_preview_list{
    margin:0px;
    margin-right: -30px;
}
.image_gallery_preview{
    background:none repeat scroll 0 0 #FFFFFF;
    border-radius:5px 5px 5px 5px;
    margin: 5px;
    padding:10px;
    float: left;
}

div.leftbox .col1 .image_gallery_preview{
    width: 170px;
}
div.rightbox .col2 .image_gallery_preview{
    width: 42.5%;
}
div.centerbox .col3 .image_gallery_preview,
div#ipBlock-main .col4 .image_gallery_preview{
    width: 28.2%; 
}

/* by_IL #563 start */
div#ipBlock-main .col4 td.shukkin_img img{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* by_IL #563 end */

@media only screen and (max-width:540px) {
.image_gallery_preview_list{
    margin-right:-20px;
}
.image_gallery_preview{
    margin-left: 0px;
}

.image_gallery_preview_list .image_gallery_preview h2{
    font-size: 10px;
}

div.leftbox .col1 .image_gallery_preview{
    width: 40%;
}
div.centerbox .col3 .image_gallery_preview,
div#ipBlock-main .col4 .image_gallery_preview{
    width: 40%; 
}
div.rightbox .col2 .image_gallery_preview{
    width: 40%;
}
div.leftbox .col1 .image_gallery_preview:nth-of-type(2n+1),
div.rightbox .col2 .image_gallery_preview:nth-of-type(2n+1), 
div.centerbox .col3 .image_gallery_preview:nth-of-type(2n+1),
div#ipBlock-main .col4 .image_gallery_preview:nth-of-type(2n+1){
    clear:both;
}

    div.rightbox div#shukkin_list table tr th.week {
        width: 20%;
    }

}

@media only screen and (min-width:541px) and (max-width:768px) {
div.rightbox .col2 .image_gallery_preview{
    width: 90%;
}

div.centerbox .col3 .image_gallery_preview:nth-of-type(3n+1),
div.rightbox .col2 .image_gallery_preview:nth-of-type(n+1),
div#main div#ipBlock-main .col3 .image_gallery_preview:nth-of-type(3n+1){
    clear:both;
}

/* by_IL #563 start */
div#ipBlock-main .col4 .blog_list .recommend-block{
    width:23%;
}
div#ipBlock-main .col4 div.blog_img img{
    width:100%;
}
div#ipBlock-main .col4 .movie_list .recommend-block{
    width:23%;
}
div#ipBlock-main .col4 div.movie_img img{
     width:100%;
}
div#ipBlock-main .col4 .blog_list .recommend-block:nth-of-type(4n+1),
div#ipBlock-main .col4 .movie_list .recommend-block:nth-of-type(4n+1){
    clear:both;
}
div#ipBlock-main .col4 div.movie_img{
    float: none;
}
div#ipBlock-main .col4 .shukkin_list .recommend-block{
    width: 18%;
}
div#ipBlock-main .col4 .newface_list .recommend-block{
    width: 31.2%;
}

/* by_IL #563 end */

.col3 .newface_list .recommend-block:nth-of-type(3n+1){
    clear:both;
}
div#ipBlock-main .col4 .newface_list .recommend-block:nth-of-type(3n+1){
    clear:both;
}
}

@media only screen and (min-width:769px) {
 
div.centerbox .col3 .image_gallery_preview:nth-of-type(3n+1),
div.rightbox .col2 .image_gallery_preview:nth-of-type(2n+1),
div#main div#ipBlock-main .col3 .image_gallery_preview:nth-of-type(3n+1),
div.mainbox .col4 .image_gallery_preview:nth-of-type(3n+1){
    clear:both;
}

/* by_IL #563 start */
div#ipBlock-main .col4 .blog_list .recommend-block{
    width:23%;
}
div#ipBlock-main .col4 div.blog_img img{
    width:100%;
}
div#ipBlock-main .col4 .movie_list .recommend-block{
    width:23%;
}
div#ipBlock-main .col4 div.movie_img img{
     width:100%;
}
div#ipBlock-main .col4 div.movie_img{
    float: none;
}
div#ipBlock-main .col4 .blog_list .recommend-block:nth-of-type(4n+1),
div#ipBlock-main .col4 .movie_list .recommend-block:nth-of-type(4n+1){
    clear:both;
}

div#ipBlock-main .col4 .shukkin_list .recommend-block{
    width: 18%;
}
div#ipBlock-main .col4 .newface_list .recommend-block{
    width: 31%;
}
/* by_IL #563 end */

.col2 .newface_list .recommend-block:nth-of-type(2n+1),
.col3 .newface_list .recommend-block:nth-of-type(3n+1){
    clear:both;
}
div#ipBlock-main .col4 .newface_list .recommend-block:nth-of-type(3n+1){
    clear:both;
}
}

/* by_IL for IpImageGallery  end */
tr.ipmType-submit td{
    background: none;
}

/* news group_shop_name */
div.news-entry-block div.div_group_shop_info
{
    margin-bottom: 5px;
}
div.div_group_shop_info_news{
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: -5px;
}
div.leftbox p.side_show_group_shop_info,
div.rightbox p.side_show_group_shop_info
{
    margin-bottom:5px;
    line-height:normal;
}
div.leftbox p.newsline,
div.rightbox p.newsline{
    margin-left: 5px;
    margin-bottom: 5px;
}

/* ▽▽▽求人情報▽▽▽ */
#main h1{
    margin-bottom:10px;
}
.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:10px;
}
a#player174653{
    display:block;

    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top:10px;
}
a#player174653 iframe,
a#player174653 object,
a#player174653 embed{
    background-color:#000000;
    position: absolute;
    width: 94%;
    height: 94%;
    top:3%;
    left:3%;
}
.box .recruit a:hover {
    color: #FF0000;
    text-decoration: none;
}
.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{
    width:140px;
    text-align:left;
    vertical-align:top;
    padding: 4px 0px 8px 0;
    white-space:nowrap;
    color: #444444;
    font-size: 12px;
}
.box .recruit table tr th p{
    background: url(../img/info_title.gif) no-repeat 2px 5px;
    font-weight: bold;
    text-indent: 9px;
    line-height: 21px;
}
.box .recruit table tr.firstchild td{
    background-color: #FFFFFF;
    color: #444444;
    font-weight: normal;
    font-size: 12px;
}
.box .recruit table tr td{
    padding: 4px 0px;
    line-height: 18px;
    color: #444444;
    font-size: 12px;
    text-align: left;
    border-bottom: none;
}
.box .recruit a {
    color: #CC0000;
    text-decoration: underline;
}
.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;
    margin-top:0px;
    font-weight:normal;
    font-size:inherit;
}
.box .recruit dl dd{
    float:left;
    line-height:14px;
    padding:5px 0 5px 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top:10px;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    width: 94%;
    height: 94%;
    top:1%;
    left:3%;
}
.recruitmovieText{
    margin:0 3%;
}

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

/* 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;
    }
    
    a#player174653,
    .video-container {
        display:block;
    
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin-top:10px;
    }
    a#player174653 iframe,
    a#player174653 object,
    a#player174653 embed,
    .video-container iframe, 
    .video-container object, 
    .video-container embed {
        width: 100%;
        height: 100%;
        top:0px;
        left:0px;
    }
    .recruitmovieText p{
        margin:0 0%;
    }
}
/* △△△求人情報△△△ */

/* -----↓sugunaviBox----- */
@media only screen and (min-width:641px) and (max-width:980px) {
	.leftbox .floatNone{
	    width:570px;
	}
	.centerbox .floatNone{
	    width:570px;
	}
	.rightbox .floatNone{
	    width:570px;
	}
}

@media only screen and (min-width:981px){
	.leftbox .floatNone{
	    width:170px;
	}
	
	.col1 .sugunaviBox .number{
	    float:none;
	    width:auto;
	}
	.col1 .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 #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;
    margin: 0px;
}

.sugunaviBox .marquee li{
    white-space:nowrap;
    list-style:none;
    float:left;
    line-height: 1.6;
    margin-bottom: 0px;
}

/* -----↑sugunaviBox----- */