/**************************************************
breakpoint ～767px 768px～991px 992px～1199px 1200px～
**************************************************/
html{
font-size:16px;
}
body {
font-size:16px;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Arial",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
background-color: #fff;
line-height:1.6;
}
/**************************************************
font
**************************************************/
h1,h2,h3{
font-size: 1rem;
}
.minimum{
font-size: 0.6rem;
}
/** スマホ時のみ小文字 **/
@media (max-width: 767px){
  .small-xs{
  font-size: 0.85rem;
  }
  .minimum-xs{
  font-size: 0.6rem;
  }
}
/** 320px以下のみ小文字 **/
@media (max-width: 320px){
.minimum-xss{
font-size: 0.6rem;
}
}
a{
color:#FC828D;
text-decoration: none;
}
a:hover{
color:#FC828D;
text-decoration: none;
}
p{
letter-spacing: 1px;
}
.bsdefault{
font-size: 14px;
}
.lineheight{
line-height: 1.6rem;
letter-spacing: 0.2rem;
}
/** ３点リーダー **/
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/** 名前6文字制限 **/
.name_hidden{
width:6rem;
overflow: hidden;
white-space: nowrap;
letter-spacing:0;
}

/**************************************************
color
**************************************************/
.white{
  color:#fff!important;
}
.main_color{
  color:#FC828D!important;
}
.premium_color{
  color:#987a03!important;
}
.bg-black{
  background-color: #000!important;
}
.bg-white{
  background-color: #fff!important;
}
.bg-premium{
  background-color: #987a03!important;
}
/**************************************************
container gutter
**************************************************/
.gutter-0{
margin-left: 0px;
margin-right: 0px;
}
.gutter-0 > [class*='col-'] {
padding-left: 0px;
padding-right: 0px;
}
.container-fix {
padding-right: 0px;
padding-left: 0px;
}
.container-inner{
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 767px){
  .gutter-16{
  margin-left: -4px;
  margin-right: -4px;
  }
  .gutter-16 > [class*='col-'] {
  padding-left: 4px;
  padding-right: 4px;
  }
  .container {
  padding-right: 8px;
  padding-left: 8px;
  }
  .container-inner {
  padding-right: 4px;
  padding-left: 4px;
  }
  .container-fluid {
  padding-right: 8px;
  padding-left: 8px;
  }
}

/**************************************************
margin padding
**************************************************/
.mb-1{
margin-bottom:1rem;
}
.mb-2{
margin-bottom:2rem;
}
.mb-3{
margin-bottom:3rem;
}
.mt-1{
margin-top:1rem;
}
.mat-50{
margin-top:65px;
}
.pile{
position: relative;
}
.interval{
padding-top:1rem;
padding-bottom:1rem;
}
.interval_top{
padding-top:1rem;
padding-bottom:1rem;
}
@media (min-width: 768px){
  .mat-50{
  margin-top:50px;
  }
  .interval,.interval_top{
  padding-top:2rem;
  padding-bottom:2rem;
  }
  .mb-1{
  margin-bottom:2rem;
  }
  .mb-2{
  margin-bottom:2rem;
  }
}
/**************************************************
zoomicon
**************************************************/
.zoomicon{
  position: absolute;
  bottom:0;
  left:0;
  width: 2rem;
  height: 2rem;
  color:#fff;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
}
.zoomicon-ur{
  top:0;
  right:0;
  position: absolute;
  width: 2rem;
  height: 2rem;
  color:#fff;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
}
.zoomicon,.zoomicon-ur>.glyphicon{
  font-size: 1.8rem;
  display:block;
  text-align:center;
  line-height:2rem;
  vertical-align:middle;
}
/**************************************************
img
**************************************************/
.img-responsive2{
width:100%;
}
@media (max-width: 414px){
.hide{
  display: none;
}
}
.lazyload{
 opacity: 0;
}
.lazyloaded{
  opacity: 1;
  transition: all 1000ms;
}
.background{
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top;
}
/**************************************************
img effect
**************************************************/
.zoom_wrap{
overflow: hidden;
}
.zoom{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.zoom:hover{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
/**************************************************
effect
**************************************************/
.shadow_header{
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}
/*下*/
.shadow{
box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.15);
}
/*上*/
.shadow_top{
  box-shadow: 0px -10px 20px 5px rgba(0,0,0,0.5);
}
/*下*/
.shadow_bottom{
  box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.5);
}
/*両方*/
.shadow_both{
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
/*内側*/
.shadow_in{
box-shadow: 0px 0px 20px rgba(0,0,0,0.5)inset;
}
/**************************************************
panel
**************************************************/
.panel-default>.panel-heading{
border-color: #F95C6C;
background-color: #F95C6C;
color:#fff;
border-radius: 0;
}
.panel-default{
border-color: #fff;
border-radius: 0;
border:none;
}
@media (max-width: 768px){
  .centerblock{
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  .centertxt{
  text-align: center;
  }
}
.panel-group .panel+.panel {
    margin: 0;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
.panel-group {
    margin-bottom: 0;
}

/**************************************************
background tilt
**************************************************/
/*パソコンで背景固定パララックスしたい場合*/
.bgfixed{
background-size: cover;
background-position: center;
background-attachment: scroll;
background-repeat: no-repeat;
overflow: hidden;
}
@media (min-width: 1024px){
  .bgfixed{
  background-attachment: fixed;
  }
}
/*スマホで背景固定してパララックスしたい場合。zindex-1なので他のコンテンツに背景指定が無い場合共通の背景になる*/
.bgfixed_common.lazyloaded::before{
background: url("img/bg-top_prompt_s.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10% 0;
content: "";
z-index: -1;
overflow: hidden;
}
@media (min-width: 1024px) {
  .bgfixed_common.lazyloaded{
   background: url("img/bg-top_prompt.jpg");
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
   overflow: hidden;
  }
  .bgfixed_common.lazyloaded::before{
   background: url("img/bg-top_prompt.jpg");
  }
}
/*コンテンツ斜めにしてアクセントつけたい場合*/
.accent_left{
transform: skewY(-10deg);
overflow:hidden;
margin: 3em 0;
}
.accentfollow_left{
transform: skewY(10deg);
}
.accent_right{
transform: skewY(10deg);
overflow:hidden;
margin: 3em 0;
}
.accentfollow_right{
transform: skewY(-10deg);
}
/**************************************************
top modal 年齢認証
**************************************************/
@media (min-width: 768px){
  .modal-wrap{
    width:600px;
  }
}
/**************************************************
ページング
**************************************************/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #FC828D;
    border-color: #FC828D;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #eee;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    color: #FC828D;
}
/**************************************************
nav
**************************************************/
.navbar-default{
background-color: rgba(252,130,141,0.9);
border-color: #FC828D;
}
.navbar-default .navbar-toggle {
border-color: #fff;
background-color: #fff;
}
.dropdown-menu{
background-color: rgba(252,130,141,0.9);
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #FC828D;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #FFEE32;
border-color: #FFEE32;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #FFEE32;
background-color: rgba(252,130,141,0.9);
}
.navbar-brand{
font-family: 'Montserrat', sans-serif;
color:#fff!important;
padding: 15px 0px 15px 20px;
font-weight: bold;
letter-spacing: 2px;
}
.brand_main{
  font-size: 15px;
}
@media (min-width: 768px){
  .navbar-brand{
  letter-spacing: 0.2rem;
  }
}
.navbar-brand ul,.navbar-brand li{
  margin:0;
  padding:0;
}
.navbar-brand li {
  display: list-item;  /* 縦に並べる */
  list-style-type: none;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .navbar-brand li {
    display: inline-block;  /* 横に並べる */
  }
}
.navbar-tel,.navbar-map{
position: relative;
float: right;
height:45px;
padding: 4px 10px 2px 10px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 4px;
border-color: #FC828D;
border: 1px solid transparent;
text-align:center;
}
.navbar-mail{
  position: relative;
  float: right;
  height:45px;
  padding: 4px 12px 2px 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border-color: #FC828D;
  border: 1px solid transparent;
  text-align:center;
  margin-right: 12px;
  background-color: #fff;
}
.navbar-tel {
margin-right: 12px;
background-color: #fff;
}
.navbar-map {
margin-right: 16px;
background-color: #fff;
}
.navbar-toggle{
padding: 4px 10px 2px 10px;
height:45px;
width:50px;
margin-top: 10px;
}
.navbar-toggle>.glyphicon{
  margin:0;
  padding:0;
  position: absolute;
  top:7px;
  left:16px;
}
.navbar-toggle div{
  margin:0;
  padding:0;
  position: absolute;
  top:25px;
  left:4px;
}
.navbar-tel div,.navbar-map div{
  margin:0;
  padding:0;
  position: absolute;
  top:25px;
  left:9px;
}
.navbar-mail div{
  margin:0;
  padding:0;
  position: absolute;
  top:25px;
  left:5px;
}
.navbar-tel a ,.navbar-map a{
color:#FC828D;
}
@media (max-width: 350px){
.navbar-mail{
display: none;
}
}
@media (min-width: 768px){
  .navbar-tel,.navbar-map,.navbar-mail,.navbar-address{
  display: none;
  }
}
.navbar-address{
  padding:0.5rem 0;
  margin:0 -15px;
  padding:10px 15px 8px 15px;
  border-bottom:solid 1px #e5e5e5;
}
.dropdown-menu .divider {
    margin: 3px 0;
}
/**************************************************
nav-direct
**************************************************/
.navbar-direct{
  border-bottom:solid 2rem;
  z-index: 100;
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);
  background-color: #222;
}
.navbar-direct ul{
margin:0;
padding:0;
}
.navbar-direct li{
list-style: none;
padding:0.1rem;
border-right:solid 1px #bdbdbd;
}
.navbar-direct li a{
display: block;
padding:0.2rem;
color:#fff;
font-size:1rem;
letter-spacing: 1px;
}
.navbar-direct li a:hover{
background-color: rgba(255,255,255,0.2);
}
/**************************************************
dropdown-menu
**************************************************/
@media (min-width: 768px){
.dropdown-menu{
font-size: 13px;
}
}
.dropdown-menu>li>a{
color:#fff;
}
.dropdown-menu>li>a:hover{
background-color: rgba(252,130,141,0.9);
}
/**************************************************
btn
**************************************************/
.btn-default{
background: #FC828D;
border-color: #FC828D;
color:#fff;
border-radius: 0;
}
.btn-default:hover{
background: #FC828D;
border-color: transparent;
color:#FFEE32;
}
.btn-default:active{
background: #FC828D;
border-color: transparent;
color:#FFEE32;
}
.btn-default:focus{
background: #FC828D;
border-color: transparent;
color:#FFEE32;
}
.btn-mxypremium{
  background-color: #987a03;
  border:none;
  border-radius: 0;
  color:#fff;
}
/**************************************************
title
**************************************************/
.title{
margin-bottom: 1rem;
letter-spacing: 0.3rem;
}
.title h1{
font-size:1.2rem;
color:#FC828D;
margin:1rem;
}
.title h2{
font-size:1.2rem;
color:#FC828D;
margin:1rem;
}
.title_sub{
display:block;
margin: 0.5rem 0 0.5rem 0;
font-size: 0.9rem;
font-weight: normal;
color:#222;
}
.title > h2 > .glyphicon ,
.title > h1 > .glyphicon{
color:#FC828D;
font-size:1rem;
}
@media (min-width: 768px){
  .title{
  margin-bottom: 2rem;
  padding-bottom: 0;
  }
  .title > h2 > .glyphicon ,
  .title > h1 > .glyphicon{
  color:#FC828D;
  font-size:2rem;
  vertical-align: -15%;
  }
  .title h1 ,.title h2{
  font-size:2rem;
  }
}
/**************************************************
box
**************************************************/
.box{
background-color: #fff;
}
.box_trim{
height: 7rem;
}
.box_trim img{
height: 7rem;
width: 100%;
object-fit: cover;
}
.box_inner{
padding:0.5rem;
}
@media (min-width: 768px){
  .box_trim{
  height: 14rem;
  }
  .box_trim img{
  height: 14rem;
  }
}
/**************************************************
トップページ ティッカー
**************************************************/
.top_ticker {
display: block;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 2rem;
margin-top:65px;
z-index: 101;
}
@media (min-width: 768px){
.top_ticker {margin-top:50px;}
}
.top_ticker>div>article>div>div>.marquee{
background-color: rgba(0,0,0,0);
font-size: 14px;
}

/**************************************************
トップページ アイコンメニュー
768px以上は80px
320px以下は64px
**************************************************/
.top_iconmenu{
color:#fff;
background-color: #333333;
}
#top_iconmenu div>div{
  margin-top:0.8rem;
}
.top_iconmenu_child{
width: 80px;
height: 80px;
}
.top_iconmenu_child.lazyloaded{
background-image: url("img/menuicon.jpg");
background-size: cover;
}
.top_iconmenu_txt{
font-size: 11px;
margin:0.2rem 0 1rem 0;
}
@media (max-width: 320px){
  .top_iconmenu_txt{
  font-size: 9px;
  }
  .top_iconmenu_child.lazyloaded{
  background-image: url("img/menuicon_s.jpg");
  background-size: cover;
  }
}
@media (min-width: 768px){
.top_iconmenu_txt{
font-size: 1rem;
margin:0.2rem 0 1rem 0;
}
}
.top_iconmenu > .container{
padding:2rem 1rem;
}
/*すぐミク娘0*/
.top_iconmenu-nowplay{
background-position: 0px 0px;
}
/*在籍表1*/
.top_iconmenu-girllist{
background-position: -80px 0px;
}
/*出勤予定表2*/
.top_iconmenu-schedule{
background-position: -160px 0px;
}
/*ギャラリー3*/
.top_iconmenu-gallery{
background-position: -240px 0px;
}
/*イベント情報4*/
.top_iconmenu-event{
background-position: -320px 0px;
}
/*料金システム5*/
.top_iconmenu-system{
background-position: -400px 0px;
}
/*写メ日記6*/
.top_iconmenu-diary{
background-position: -480px 0px;
}
/*ランキング7*/
.top_iconmenu-rank{
background-position: -560px 0px;
}
/*割引8*/
.top_iconmenu-coupon{
background-position: -640px 0px;
}
/*ムービー9*/
.top_iconmenu-movie{
background-position: -720px 0px;
}
/*写真更新10*/
.top_iconmenu-newphoto{
background-position: -800px 0px;
}
/*メルマガ11*/
.top_iconmenu-mail{
background-position: -880px 0px;
}
/*アクセス12*/
.top_iconmenu-access{
background-position: -960px 0px;
}
/*女子求人13*/
.top_iconmenu-recruit{
background-position: -1040px 0px;
}
/*男性求人14*/
.top_iconmenu-recruitm{
background-position: -1120px 0px;
}
/*新人情報15*/
.top_iconmenu-newbie{
background-position: -1200px 0px;
}
/*新着速報16*/
.top_iconmenu-promptr{
background-position: -1280px 0px;
}
/*会員証17*/
.top_iconmenu-card{
background-position: -1360px 0px;
}
/*会員証18*/
.top_iconmenu-nugi{
background-position: -1440px 0px;
}
/*コスプレ19*/
.top_iconmenu-cosplay{
background-position: -1520px 0px;
}
/*sns20*/
.top_iconmenu-sns{
background-position: -1600px 0px;
}
/*douga21*/
.top_iconmenu-douga{
background-position: -1680px 0px;
}
@media (max-width: 320px){
  .top_iconmenu_child{
  width:64px;
  height:64px;
  background-image: url("img/menuicon_s.jpg");
  }
/*すぐミク娘0*/
  .top_iconmenu-nowplay{
  background-position: 0px 0px;
  }
/*在籍表1*/
  .top_iconmenu-girllist{
  background-position: -64px 0px;
  }
/*出勤予定表2*/
  .top_iconmenu-schedule{
  background-position: -128px 0px;
  }
/*ギャラリー3*/
  .top_iconmenu-gallery{
  background-position: -192px 0px;
  }
/*イベント情報4*/
  .top_iconmenu-event{
  background-position: -256px 0px;
  }
/*料金システム5*/
  .top_iconmenu-system{
  background-position: -320px 0px;
  }
/*写メ日記6*/
  .top_iconmenu-diary{
  background-position: -384px 0px;
  }
/*ランキング7*/
  .top_iconmenu-rank{
  background-position: -448px 0px;
  }
/*割引8*/
  .top_iconmenu-coupon{
  background-position: -512px 0px;
  }
/*ムービー9*/
  .top_iconmenu-movie{
  background-position: -576px 0px;
  }
/*写真更新10*/
  .top_iconmenu-newphoto{
  background-position: -640px 0px;
  }
/*メルマガ11*/
  .top_iconmenu-mail{
  background-position: -704px 0px;
  }
/*アクセス12*/
  .top_iconmenu-access{
  background-position: -768px 0px;
  }
/*女子求人13*/
  .top_iconmenu-recruit{
  background-position: -832px 0px;
  }
/*男性求人14*/
  .top_iconmenu-recruitm{
  background-position: -896px 0px;
  }
  /*新人情報15*/
  .top_iconmenu-newbie{
  background-position: -960px 0px;
  }
  /*新着速報16*/
  .top_iconmenu-promptr{
  background-position: -1024px 0px;
  }
  /*会員証17*/
  .top_iconmenu-card{
  background-position: -1088px 0px;
  }
  /*会員証18*/
  .top_iconmenu-nugi{
  background-position: -1152px 0px;
  }
  /*会員証18*/
  .top_iconmenu-cosplay{
  background-position: -1216px 0px;
  }
  /*会員証18*/
  .top_iconmenu-sns{
  background-position: -1280px 0px;
  }
  /*douga21*/
  .top_iconmenu-douga{
  background-position: -1344px 0px;
  }
}
/**************************************************
バニラ求人メニュー
**************************************************/
.top_iconmenu_vanilla.lazyloaded{
    width: 80px;
    height: 80px;
    background-image: url("../img/menuiconVanilla.jpg");
    background-size: cover;
}
@media (max-width: 320px){
    .top_iconmenu_vanilla.lazyloaded{
        width: 64px;
        height: 64px;
        background-image: url("../img/menuiconVanillaS.jpg");
        background-size: cover;
    }
}
/**************************************************
トップページ 店舗情報
**************************************************/
.top_shopinfo.lazyloaded{
background-image: url(img/bg-topshopinfo_s.jpg);
}
@media (min-width: 415px){
  .top_shopinfo.lazyloaded{
  background-image: url(img/bg-topshopinfo.jpg);
  }
}
.top_shopinfo_wrap{
padding:0.5rem;
}
.top_shopinfo h1 > .explanation{
display: block;
font-size: 0.8rem;
letter-spacing: 0.2rem;
color: #FC828D;
margin-bottom:0.5rem;
}
.top_shopinfo h1 > .shopname{
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 2rem;
letter-spacing: 0.6rem;
color: #FC828D;
margin-bottom:16px;
}
.top_shopinfo h1 > .zone{
display: block;
font-size: 0.8rem;
letter-spacing: 0.2rem;
}
.tel{
margin-top:1rem;
}
/**************************************************
トップページ ショップ詳細
**************************************************/
.top_shopdetail.section1.lazyloaded{
  background-image: url(img/bg-topshopdetail-1_s.jpg);
}
.top_shopdetail.lazyloaded{
  background-image: url(img/bg-topshopdetail-2_s.jpg);
}
@media (min-width: 415px){
.top_shopdetail.section1.lazyloaded{
  background-image: url(img/bg-topshopdetail-1.jpg);
  }
  .top_shopdetail.lazyloaded{
    background-image: url(img/bg-topshopdetail-2.jpg);
  }
}
.top_shopdetail_wrap{
padding:0.5rem;
}
.top_shopdetail h2{
font-size: 1.6rem;
}
.top_shopdetail h3{
line-height: 1.6rem;
}
@media (min-width: 768px){
  .top_shopdetail p{
font-size: 1rem;
  }
}
/**************************************************
トップページ　ピックアップコンテンツ
**************************************************/
.content_pickuptxt{
position: absolute;
text-align: center;
top: 40%;
width: 100%;
margin:-3.5% 0 0 0;
}
.content_pickuptxt{
z-index: 2;
font-family: 'Montserrat', sans-serif;
font-weight:bold;
font-size: 1.4rem;
letter-spacing: 0.2rem;
margin:0;
padding:0;
}
.content_pickuptxt span{
display:block;
font-size: 0.8rem;
margin-top: 0.5rem;
color:#FC828D;
}
@media (min-width: 321px){
  .content_pickuptxt{
  font-size: 2rem;
  }
}
/**************************************************
トップページ 新着速報
**************************************************/
.top_prompt h2,.top_prompt h3{
  margin:0.5rem 0 0 0.5rem;
}
.top_prompt h3 ~ div{
  margin:0 0 0.5rem 0.5rem;
}
.top_prompt time{
  margin:0 0 0.5rem 0.5rem;
}
/**************************************************
トップページ 新人情報
**************************************************/
.top_newface{
  background-color: #fff;
}
/**************************************************
トップページ 本日の出勤予定
**************************************************/
.top_workingtoday{
}
.top_workingtoday.lazyloaded{
background-image: url(img/bg-topworkingtoday_s.jpg);
}
@media (min-width: 415px){
  .top_workingtoday.lazyloaded{
  background-image: url(img/bg-topworkingtoday.jpg);
  }
}
/**************************************************
トップページ ピックアップガール
**************************************************/
.top_pickup{
background-color: #fff;
}
.top_pickup_name{
font-size: 1.2rem;
}
.top_pickup_wrap > .c_size{
font-size: 1.2rem;
}
/**************************************************
トップページ　イベント
**************************************************/
.top_event.lazyloaded{
  background-image: url(img/bg-topevent_s.jpg);
}
@media (min-width: 415px){
  .top_event.lazyloaded{
  background-image: url(img/bg-topevent.jpg);
  }
}/*
.top_event h2,.top_event h2>span,.top_event h2>span>.glyphicon{
  color:#fff!important;
}*/
.top_event h3{
  margin:0;
  padding:0;
}
/**************************************************
トップページ　写真更新
**************************************************/
.top_photorenew{
  background-color: #fff;
}
/**************************************************
トップページ　カード案内
**************************************************/
.top_cardinfo{
  background-color: #fff;
}
@media (min-width: 768px){
  .top_cardinfo h2{
  font-size: 1.8rem;
  }
}
/**************************************************
トップページ　バナーエリア
**************************************************/
.top_information h3{
margin: 0 0 0.2rem 0;
padding: 0;
}
.top_information .box_body{
height:4rem;
overflow: hidden;
}
/**************************************************
トップ・ページ共通　料金
**************************************************/
.top_system{}
.page_price{
background-image: url(img/bg-common.jpg);
}
.price>ul>li>a{
background-color: #222;
color:#fff;
border:none;
}
.price>ul>.active>a,.price>ul>.active>a:focus
,.price>ul>.active>a:hover{
background-color: #FC828D;
color:#fff;
border:none;
}
.price>ul>li>a:hover{
background-color: #FC828D;
border:none;
}
.price>div>div>ul>.list-group-item:first-child{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.price>.nav>li>a {
padding: 0.5em;
}
.price>.nav-tabs>li {
margin-bottom: 0;
}
.top_system .list-group-item{
padding: 3px 15px;
}
.top_system .list-group{
margin-bottom:0.5rem;
}
/*************************************************
ページ 料金
**************************************************/
.cardlogo{
padding: 0 10px 10px 0;
}
.nomination{
border-bottom: dotted 1px #ccc;
margin-bottom: 1em;
}
.optioncomment{
margin: -1em 0 1em 0;
}
.optiontable{
border-bottom: dotted 1px #ccc;
margin-bottom: 1em;
}
/**************************************************
ページ イベントリスト
**************************************************/
.page_eventlist{
background-image: url(img/bg-common.jpg);
}
/**************************************************
ページ イベント
**************************************************/
.page_event{
background-image: url(img/bg-common.jpg);
}
/**************************************************
ページ 新着速報
**************************************************/
.page_girlinfo{
background-image: url(img/bg-common.jpg);
}
.girlInfo_comment{
border-bottom:1px solid #fff;
}
/**************************************************
ページ 新着速報
**************************************************/
.page_promptreport{
background-image: url(img/bg-common.jpg);
}
/**************************************************
ページ 新着速報
**************************************************/
.page_sns{
background-image: url(img/bg-common.jpg);
}
/**************************************************
ページ 出勤予定
**************************************************/
.page_working{
background-image: url(img/bg-common.jpg);
}
.scheduleform a{
  margin-bottom:0.5rem;
}
@media (max-width: 375px){
.scheduleform a{
  width: 32%;
}
}
.scheduleform div>.btn{
  padding:0.5rem;
}
.schedule_day a{
margin: 0;
width:25%;
}
/**************************************************
プロフィールページ
**************************************************/
.profile{
overflow: hidden;
background-image: url(img/bg-common.jpg);
}
.profile >div>div>div>div>.flexslider{
margin: 0;
}
.profile_name h2 >span{
color:#fff;
}
.profile_link a{
margin-bottom:0.5em;
float:left;
}
.nowplay{
color:#fff;
}
.prof{
border-bottom: 1px dashed #ccc;
margin-bottom:1em;
}
.panel-heading h2 {
margin: 0;
}
#basic-modal-content{
display:none;
}
.profile_movie{
background-color: #111;
}
.profile_movie h2 >.title_sub{
color:#fff;
}
.outside_link a{
color:#fff;
margin-bottom:0.5rem;
padding: 6px 12px;
background: #FC828D;
display: block;
width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
/**************************************************
トップページ写メ日記
**************************************************/
.top_diary{
  background-color: #fff;
}
.top_diary h3{
margin: 0;
}
/**************************************************
写メ日記 _gは女の子ページ
**************************************************/
.page_diary_shop{
background-image: url(img/bg-common.jpg);
}
.page_diary_girl{
background-image: url(img/bg-common.jpg);
}
.diaryText{
line-height: 1.5rem;
height:6rem;
}
.diaryshop{
display: none;
}
.diary_img img,.diary_text_g img{
margin-bottom:1rem;
}
.diary_text img,.diary_text_g img{
max-width:100%;
height:auto;
}
/**************************************************
写メ日記ページ　
**************************************************/
.diary_content_wrap{
padding: 0.5rem 0.5rem 0.5rem 0;
}
@media (min-width: 768px){
.diary_content_wrap{
padding: 1rem 1rem 1rem 1;
}
}
.diary_content_wrap_g{
padding: 1rem 1rem 1rem 1rem;
}
@media (min-width: 768px){
.diary_content_wrap_g{
padding: 0.5rem 0 0.5rem 0;
margin-left:-1rem;
}
}
.diary h2{
margin:0;
}
.diary_single_wrap{
  border-top: solid 0.5rem #F95C6C;
  background-color: #fff;
}
@media (min-width: 768px){
.diary_single_wrap{
  padding:1rem;
}
}
.diary_title{}
.diary_name{}
.diary_time{}
.diary_text{
padding:1rem;
}
.diary_text_g{
  margin-top:0.5rem;
  padding-top:0.5rem;
  border-top: dotted 1px #b1b1b1;
}
.diary_linklist{
padding:1rem;
}
@media (min-width: 768px){
  .diary_text,.diary_text_g{
  margin-bottom:1rem;
  border:dotted 1px #b1b1b1;
  }
  .diary_text_g{
  padding:1rem;
  }
  .diary_texts{
    padding:1rem;
  }
  .diary_linklist,.diary_linklist_g{
  padding:0;
  }
}
.diary_linkbtn{
margin-top:0.5rem;
}
/*写メ日記店舗一覧ページ*/
.diary_trim{
width: 100%;
height: 7.5rem;
background-color: #fff;
overflow: hidden;
position: relative;
vertical-align: bottom;
line-height:1.1;
}
.diary_trim img{
width: 100%;
height:7.5rem;
object-fit: cover;
}
@media (min-width: 768px){
.diary_trim,.diary_trim img{
height:14rem;
}
}
/*写メ日記女の子ページ*/
.diary_trim_g{
  width: 100%;
  height: 14rem;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  vertical-align: bottom;
  line-height:1.1;
}
.diary_trim_g img{
  width: 100%;
  height:14rem;
  object-fit: cover;
}
@media (min-width: 768px){
.diary_trim,.diary_trim img{
height:14rem;
}
}

/**************************************************
アクセスページ
**************************************************/
#map_canvas{
width: 100%;
height: 500px;
}
.page_access{
background-image: url(img/bg-common.jpg);
}
/**************************************************
トップ・ページ共通　ランキング
**************************************************/
.premium h3{
margin:
}
.page_ranking{}
.top_ranking.lazyloaded{
background-image: url(img/bg-ptn-mxypremium.jpg);
}
.top_ranking h3{
margin: 0;
}
.ranking.lazyloaded{
background-image: url(img/bg-ptn-mxypremium.jpg);
}
.ranking_number{
font-size: 0.7rem;
margin: 0 0 0 3rem;
}
.ranking_name{
margin: 0 0 0 3rem;
}
.rannking_img{
margin-bottom:0.5rem;
}
.ranking_title{
background-color: rgba(0,0,0,0.5);
padding:0.5rem;
border:solid 1px #987a03;
margin-top:2rem;
}
.ranking_title h2{
margin:0.5rem;
color:#fff;
letter-spacing: 0.2rem;
}
.ranking_rank{
padding: 0.5rem;
margin-bottom:0.5rem;
line-height: 1rem;
height: 50px;
}
.rankno{
position: absolute;
top:0px;
left:0px;
z-index: 1;
}
.top_ranking>div>div>div>.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #fff;
background-color: #987a03;
border-radius: 0;
}
.top_ranking>div>div>div>.nav-pills>li a{
color: #fff;
background-color: #000;
border-radius: 0;
border: solid 1px #987a03;
}
.top_ranking>div>div>div>.nav-pills>li {
margin-left: 0;
}
@media (min-width: 992px){
.ranking_girl_1{
  height:294px;
  overflow: hidden;
}
}
@media (min-width: 1199px){
.ranking_girl_1{
  height:auto;
  overflow: visible;
}
}
/**************************************************
ページ フォトギャラリー
**************************************************/
.page_gellerylist{
background-image: url(img/bg-common.jpg);
}
.page_gellery{
background-image: url(img/bg-common.jpg);
}
.gallery > .flexslider{
background-color: #000!important;
overflow: hidden;
}
.gallery > .flexslider img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.gallery > .flexslider  >.slides li{
height:38rem;
position: relative;
}
@media (max-width: 414px){
  .gallery > .flexslider  >.slides li{
  height:35rem;
  }
}
/**************************************************
ページ ムービー
**************************************************/
.page_movielist{
background-image: url(img/bg-common.jpg);
}
video{width:100%;}
/**************************************************
在籍ページ
**************************************************/
.page_girllist{
background-image: url(img/bg-common.jpg);
}
/**************************************************
割引チケットページ
**************************************************/
.page_ticket{
background-image: url(img/bg-common.jpg);
}
/**************************************************
新人ページ
**************************************************/
.page_newbielist{
background-image: url(img/bg-common.jpg);
}
/**************************************************
すぐミクページ
**************************************************/
.page_nowplay{
background-image: url(img/bg-common.jpg);
}

/**************************************************
在籍
**************************************************/
.c_wrap{
background-color: #fff;
overflow: hidden;
box-shadow: 10px 10px 20px rgba(0,0,0,0.15);
border: solid 1px rgba(0,0,0,0);
}
.c_beginner img{
position:absolute;
width: 100%;
top: 0px;
left: 0px;
}
.c_beginner_profile img{
position:absolute;
width: 70%;
top: 0px;
left: 0px;
}
.c_icon img{
width:50%;
}
.c_namewrap{
text-align: center;
height:23px;
margin-top:0.2rem;
}
.c_namewrapinner{
display: inline-block;
}
.c_name{
font-size: 0.9rem;
max-width: 5.4rem;
white-space: nowrap;
overflow: hidden;
margin-right:0;
display: table-cell;
}
.c_age{
font-size: 0.9rem;
display: table-cell;
}
.c_size{
font-size: 0.7rem;
margin-bottom: 0.5em;
letter-spacing: 0;
}
.c16{
float: left;
}
.c_time{
text-align: center;
padding: 2px;
font-size: 0.9em;
color: #fff;
background-color: #2EA0F2;
}
.c_nowplay{
background-color: #2EA0F2!important;
}
.focus > div{
border: solid 1px #FC828D;
}
#nowplaygirl_shop_wrap{
  height:2rem;
}
/**************************************************
ページ メンバーズカード
**************************************************/
.memberscard h2{
border: solid 1px #FC828D;
padding:0.5em;
color:#FC828D;
}
.memberscard h3{
border-bottom: solid 1px #FC828D;
padding-bottom:0.5em;
color:#FC828D;
}
.memberscard ul{
margin:0;
padding:0;
list-style:none;
}
.memberscard li{
margin: 0.1em 0;
}
@media (min-width: 477px){
  .memberscard li{
  margin: 0.5em 0;
  }
}
.memberscard h3>.square{
line-height: 20px;
}
.memberscard_wrap{
margin-bottom: 2rem;
}
@media (min-width: 477px){
  .memberscard_wrap{
  margin-bottom: 0;
  }
}
/**************************************************
ページ すぐミク娘
**************************************************/
.nowplaygirl h2{
  font-size: 1.5rem;
}
/**************************************************
ページ メルマガ
**************************************************/
.page_mailmaga{
background-image: url(img/bg-common.jpg);
}
.mailmaga_entry ul{
margin:0!important;
padding:0!important;
}
.mailsamplewrap h3{
  margin: 0 0 0.5rem 0;
}
.mailsamplewrap h4{
  margin: 0 0 0.5rem 0;
  font-size: 14px;
}
.mailsamplewrap{
background-color: #F7D7DA;
}
.mailsampletitle{
background-color: #FFAC7C;
padding:0.5rem;
}
.mailsample{
  padding:0.5rem;
  background-color: #fff;
  border: solid 1px #FF9900;
  font-size: 12px;
  height:20rem;
  overflow:scroll;
  float:left;
  margin-bottom:2rem;
}
@media (min-width: 768px){
.mailsample{
  margin-bottom:0;
}
}
/**************************************************
ページ 割引チケット
**************************************************/
@media print{
.noprint{
display:none;
}
}
/**************************************************
ページ mxypremium
**************************************************/
.premium.title{
  margin-bottom:0;
  padding-bottom:0;
}
.mxypremium_subtitle{
  padding: 0 1rem 1rem 1rem;
}
.mxypremium.lazyloaded{
background-image: url(img/bg-ptn-mxypremium.jpg);
}
.mxypremium>div{
  background-color: #;
}
.mxypremium_footer{
  padding:2rem;
}
.mxypremium_title{
  COLOR:#ffcc33;
}
.mxypremium_title>.title_sub{
    COLOR:#ffcc33!important;
}
.nugi-name{
  margin-top:0;
  font-size: 2rem;
}
.cross2{
  margin-bottom:0!important;
}

.nuginugi>.box_inner{
  background-color:#000;
}
/**************************************************
ページ コスプレ
**************************************************/
.clearance{
min-height: 600px;
}
/**************************************************
ページ 男子求人
**************************************************/
.recruit_table th{
font-weight: bold;
text-align: center;
color:#fff;
background-color: #E57600;
border-radius: 4px;
width:20%;
border-bottom: 4px solid #fff;
padding:0.5em;
}
.recruit_table tr td {
line-height: 1.5em;
border-bottom: 2px solid #fff;
padding: 1em;
}
@media (max-width: 1200px){
  .recruit_table tr td {
  padding: 1em 1em 2em 1em;
  }
  .recruit_table th,.recruit_table td{
  width:100%;
  display: block;
  }
}
.recruit_age{
position: absolute;
right:2rem;
bottom: 0;
}
.recruit_txt{
  width: 100%;
}
/**************************************************
ページ 女子求人
**************************************************/
.page_girlrecruit{
  margin: 0 0 0 0;
}
.girlrecruitimg.container{
  padding:0;
}
.girlrecruith1{
  font-size: 1rem!important;
  margin: 0;
  padding: 0.5rem;
  background-color: #ff4f88;
}
.girlrecruith2{
  font-size: 1rem!important;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  color:#ffff00;
  background-color: #ff4f88;
}
.page_girlrecruit{
  background:#edebdf;
}
.page_girlrecruit>div{
  background:#fff;
}
.taigutitle{
  background: #ff4f88;
  color: #fff;
  padding:0.5rem;
  margin-bottom: 0.2rem;
}
.taigubody{
  margin-bottom: 0.5rem;
}
.qatitle{
  background: #ff4f88;
  color: #fff;
  padding:0.5rem;
  margin-bottom: 0.2rem;
}
.recruitfreespace{
  padding:0.5rem;
  border-radius: 10px;
  border: solid 2px #ff0099;
}
#rectop img{
  max-width:100%;
}
/*************************************************
フッター
**************************************************/
footer{
background-color: #FC828D;
padding-bottom:3rem;
}
.footer_end{
/*background-color: #FC828D;*/
color:#fff;
}
.footer_end > div > div > div > h2 > span{
color:#fff;
letter-spacing: 0.2em;
}
.footer_end > div > div > div > h2{
line-height: 1.5;
margin:0;
letter-spacing: 0.5em;
}
.footer_end h3{
color:#fff;
letter-spacing: 0.5em;
}
.footer>div>div>.panel a{
  color:#;
}
.sitemap>div>div>.panel-heading{
  border-bottom: solid 1px #fff;
  background-color: #FC828D;
}
.footer_shoplist{
  display: panel;
}
.footer_shoplist a{
  color:#000;
}
.footer_shoplist >div>div{
  height:3.5rem;
  display: inline-block;
  padding:0.5rem!important;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.footer_shoplist >div>div>a>.glyphicon{
position:absolute;
top: 1.3rem;
right:0.5rem;
}
.mxyjp{
padding: 10px 15px;
border-bottom:1px solid #fff;
}
.mxyjp a{
color:#fff;
}
/*************************************************
backtotop
**************************************************/
#back-to-top{
position:fixed;
right:8px;
bottom:3rem;
width:70px;
height:70px;
display:none;
background-image: url("/commons/img/btt_cry.png");
z-index: 999;
}
/*************************************************
marquee
**************************************************/
.c_wrap .marquee{
margin:3px 0 3px 0;
font-size:14px;
}
.marquee {
width:100%;
padding:0.5em 0;
overflow:hidden;
color:#fff;
background-color:#191816;
position:relative;
}
.marquee_nowplay{
background-color:#2EA0F2;
}
.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}
.marquee > .marquee_normal {
margin:0;
padding-left:100%;
display:inline-block;
white-space:nowrap;
-webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:15s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:15s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:15s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:15s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:15s;
animation-iteration-count:infinite;
}
.marquee > .marquee_small {
margin:0;
padding-left:100%;
display:inline-block;
white-space:nowrap;
-webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:10s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:10s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:10s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:10s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:10s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
from   { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
from   { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
from   { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
from   { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
from   { transform: translate(0%);}
99%,to { transform: translate(-100%);}
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*プロフィールページ*/
@media (max-width: 767px){
  .profile_slider_wrap{
    text-align: center;
  }
  .col-xs-prof{
    width:280px;
    display: inline-block;
  }
}
.profile .flexslider{
  margin: 0!important
}
#swipebox-close{
  left:5px!important;
  top:48%!important;
}
/*コロナ用*/
@media (min-width:501px){
.size-sp{display:none;}
.size-pc{display:inline;}
}
@media (max-width:500px){
.size-sp{display:inline;}
.size-pc{display:none;}
}
/*************************************************
プロフィールページ　新レイアウト
**************************************************/
.profile-photo{
  background-color: #fff;
}
@media screen and (min-width: 768px){
  .wrapt{
    display:flex;
    flex-flow: column;
    height:893px;
  }
  .contentt{
    flex: 1;
    background-color:#FFCC80;
    overflow: hidden;
  }
  .imgt{
    width:100%;
  }
}
@media screen and (min-width: 992px){
  /* 992px以上 */
  .wrapt{
    height:558px;
  }
}

@media screen and (min-width: 1200px){
  .wrapt{
    height:561px;
  }
}

@media screen and (max-width: 738px){

  #carousel ul{
    position: static!important;
    overflow: hidden!important;
  }
  #carousel li{
    width: 20%!important;
    float: left!important;
    margin: 0!important;
    opacity: 1!important;
    display: inline-block!important;
    zoom: 1!important;
  }
  #carousel li img{
    width: 100%!important;
    height: auto!important;
    display: block!important;
    opacity: .7!important;
    cursor: pointer!important;
  }
}
@media screen and (min-width: 737px){
  .col-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: left;
    /*margin: 0 -15px 0 -15px;*/
  }
  .col-flex-photo{
    width:79%;
    padding: 0 ;
  }
  .col-flex-nav{
    width:21%;
  }
  .col-flex-profile{
    width:32%;
    padding: 0 1%;
  }
  .col-flex-message{
    width:27%;
    padding: 0 0 0 1%;
  }
  #carousel li{
    opacity: 1!important;
    float: none!important;
  }
  .flex-direction-nav .flex-next {
  right: 15px!important;
  }
  .flex-direction-nav .flex-prev {
  left: 15px!important;
  }
}
img.miniimage { display: none; }

/* ▼表示領域が750px以上の場合 */
@media (min-width: 750px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block;  max-width: 70%; margin: 0 auto; padding:18px 8px 5px 8px; } /* bigを表示 */
}
/* ▼表示領域が750px未満の場合 */
@media (max-width: 749px) {
   img.miniimage { display: block; margin:0px 0px -10px 0px; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
.resizeimage img { width: 100%;}

.recvideo{
    display: block;
    max-width: 640px;
    margin: 3rem auto 3rem auto;
}
video{
  max-width: 100%;
}