/**************************************************
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.7;
}
/**************************************************
font
**************************************************/
h1,h2,h3{
font-size: 1rem;
}
.lead{
font-size:2rem;
}
.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:#ff0000;
text-decoration: none;
}
a:hover{
color:#BF0023;
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;
}
.yellow{
  color:#FFFF00!important;
}
.main_color{
  color:#ff0000!important;
}
.premium_color{
  color:#987a03!important;
}
.bg-black{
  background-color: #000!important;
}
.bg-white{
  background-color: #fff!important;
}
.bg-premium{
  background-color: #987a03!important;
}
.bg-red{
  background-color: #FF0000;
}
.bg-pink{
  background-color: #FF0099;
}
.bg-purple{
  background-color: #6500FF;
}
.bg-green{
  background-color: #007F00;
}
.bg-orange{
  background-color: #FF6600;
}
.co_shinjuku{background-color: #34afff;}
.co_shinbashi{background-color: #ff0000;}
.co_ikebukuro{background-color: #a94442;}
.co_shibuya{background-color: #ff0099;}
.co_ri{background-color: #f24b87;}
.co_ebisu{background-color: #666;}
/**************************************************
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-h{
margin-bottom:1rem;
}
.mb-1{
margin-bottom:1rem;
}
.mb-2{
margin-bottom:2rem;
}
.mb-3{
margin-bottom:3rem;
}
.mt-1{
margin-top:1rem;
}
.mat-50{
margin-top:6rem;
}
.pile{
position: relative;
height: 168px;
}
.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>.glyphicon{
  font-size: 1.8rem;
  display:block;
  text-align:center;
  line-height:2rem;
  vertical-align:middle;
}
/**************************************************
img
**************************************************/
.img-responsive2{
width:100%;
height: 100%;
object-fit: cover;
}
@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;
}
/**************************************************
天地左右中央
**************************************************/

/**************************************************
effect
**************************************************/
.shadow_txt{
text-shadow: 1px 1px 3px #000;
}
.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: #FF2626;
background-color: #FF2626;
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("../imgs/bg-top_common.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("../imgs/bg-top_common.jpg");
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
   overflow: hidden;
  }
  .bgfixed_common.lazyloaded::before{
   background: url("../imgs/bg-top_common.jpg");
  }
}
/*コンテンツ斜めにしてアクセントつけたい場合*/
.accent_left{
transform: skewY(-5deg);
overflow:hidden;
margin: 5% 0;
padding: 3rem 0;
z-index: 1;
}
.accentfollow_left{
transform: skewY(5deg);
}
.accent_right{
transform: skewY(5deg);
overflow:hidden;
margin: 5% 0;
padding: 3rem 0;
}
.accentfollow_right{
transform: skewY(-5deg);
}

/**************************************************
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: #ff0000;
    border-color: #ff0000;
}
.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: #ff0000;
}
/**************************************************
nav
**************************************************/
.navbar-default{
background-color: rgba(0,0,0,0.9);
border-color: #ff0000;
}
.navbar-default .navbar-toggle {
border-color: #fff;
background-color: #fff;
}
.dropdown-menu{
background-color: rgba(0,0,0,0.9);
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ff0000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #FFEE32;
border-color: #FFEE32;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #ff0000;
background-color: transparent;
}
.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(230,0,39,0.5);
}

.navbar-brand{
font-family: 'Montserrat', sans-serif;
color:#fff!important;
padding: 15px 20px;
font-weight: bold;
}
.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: 769px) {
  .navbar-brand li {
    display: inline-block;  /* 横に並べる */
  }
}
.navbar-search{
  margin-right: 12px;
  background-color: #fff;
  width:4rem;
  height:45px;
  position: relative;
  float: right;
  padding: 4px 10px 2px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border-color: #ff0000;
  border: 1px solid transparent;
  text-align:center;
}
.navbar-search div{
  margin:0;
  padding:0;
  position: absolute;
  top:25px;
  left:0;
  width:100%;
}
.navbar-search a{
color:#ff0000;
}
.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 a ,.navbar-map a{
color:#ff0000;
}
@media (min-width: 768px){
  .navbar-search{
  display: none;
  }
}
.dropdown-menu .divider {
    margin: 3px 0;
    background-color: #ff0000;
}
/**************************************************
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: rgba(0,0,0,0.9);
}
.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.4rem;
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(0,0,0,0.9);
}
/**************************************************
btn
**************************************************/
.btn-default{
background: #ff0000;
border-color: #ff0000;
color:#fff;
border-radius: 0;
}
.btn-default:hover{
background: #ff0000;
border-color: transparent;
color:#FFEE32;
}
.btn-default:active{
background: #ff0000;
border-color: transparent;
color:#FFEE32;
}
.btn-default:focus{
background: #ff0000;
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:#ff0000;
margin:1rem;
}
.title h2{
font-size:1.2rem;
color:#ff0000;
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:#ff0000;
font-size:1rem;
}
@media (min-width: 768px){
  .title{
  margin-bottom: 2rem;
  padding-bottom: 0;
  }
  .title > h2 > .glyphicon ,
  .title > h1 > .glyphicon{
  color:#ff0000;
  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;
}
/**************************************************
トップページ タブナビ
**************************************************/
.top_menubtn{
  margin-top:0.5rem;
  margin-bottom:-1px;
}
.top_menubtn li{
  width: 50%;
}
.nav-tabs{
  border-bottom: 1px solid #ff0000;
}
.nav-tabs > li > a {
    border-top: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #000;
    background-color: rgba(0,0,0,0.5);
}
.nav-tabs > li > a:hover{
  border-top: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-bottom: 1px solid #000;
  background-color: rgba(0,0,0,0.5);
}
.toptab.tab-content{
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #000;
    border: 1px solid #ff0000;
    border-bottom-color: transparent;
}

/**************************************************
トップページ ショップリスト
**************************************************/
.top_shoplist{
background-color:#000;
padding:0.2rem;
}
.top_shoplist_caption{
font-size: 0.9rem;
border-left:2px solid #fff;
margin-top:0.2rem;
padding:0.2rem 0 0 0.4rem;
}
.top_shoplist_name{
margin:0;
line-height: 1rem;
}
.top_shoplist>div>div>div>div{
  padding:0.2rem;
}
/**************************************************
トップページ アイコンメニュー
768px以上は80px
320px以下は64px
**************************************************/
.top_iconmenu{
color:#fff;
background-color: #000;
}
.top_iconmenu div>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-gallery{
background-position: -80px 0px;
}
/*イベント情報2*/
.top_iconmenu-event{
background-position: -160px 0px;
}
/*写メ日記3*/
.top_iconmenu-diary{
background-position: -240px 0px;
}
/*ランキング4*/
.top_iconmenu-rank{
background-position: -320px 0px;
}
/*ムービー5*/
.top_iconmenu-movie{
background-position: -400px 0px;
}
/*写真更新6*/
.top_iconmenu-newphoto{
background-position: -480px 0px;
}
/*メルマガ7*/
.top_iconmenu-mail{
background-position: -560px 0px;
}
/*アクセス8*/
.top_iconmenu-access{
background-position: -640px 0px;
}
/*女子求人9*/
.top_iconmenu-recruit{
background-position: -720px 0px;
}
/*男性求人10*/
.top_iconmenu-recruitm{
background-position: -800px 0px;
}
/*新人情報11*/
.top_iconmenu-newbie{
background-position: -880px 0px;
}
/*新着速報12*/
.top_iconmenu-promptr{
background-position: -960px 0px;
}
/*本日出勤13*/
.top_iconmenu-schedule{
background-position: -1040px 0px;
}
/*検索14*/
.top_iconmenu-search{
background-position: -1120px 0px;
}
/*ブログ15*/
.top_iconmenu-blog{
background-position: -1200px 0px;
}
/*店舗情報16*/
.top_iconmenu-shopinfo{
background-position: -1280px 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-gallery{
  background-position: -64px 0px;
  }
  /*イベント情報2*/
  .top_iconmenu-event{
  background-position: -128px 0px;
  }
  /*写メ日記3*/
  .top_iconmenu-diary{
  background-position: -192px 0px;
  }
  /*ランキング4*/
  .top_iconmenu-rank{
  background-position: -256px 0px;
  }
  /*ムービー5*/
  .top_iconmenu-movie{
  background-position: -320px 0px;
  }
  /*写真更新6*/
  .top_iconmenu-newphoto{
  background-position: -384px 0px;
  }
  /*メルマガ7*/
  .top_iconmenu-mail{
  background-position: -448px 0px;
  }
  /*アクセス8*/
  .top_iconmenu-access{
  background-position: -512px 0px;
  }
  /*女子求人9*/
  .top_iconmenu-recruit{
  background-position: -576px 0px;
  }
  /*男性求人10*/
  .top_iconmenu-recruitm{
  background-position: -640px 0px;
  }
  /*新人情報11*/
  .top_iconmenu-newbie{
  background-position: -704px 0px;
  }
  /*新着速報12*/
  .top_iconmenu-promptr{
  background-position: -768px 0px;
  }
  /*本日出勤13*/
  .top_iconmenu-schedule{
  background-position: -832px 0px;
  }
  /*検索14*/
  .top_iconmenu-search{
  background-position: -896px 0px;
  }
  /*ブログ15*/
  .top_iconmenu-blog{
  background-position: -960px 0px;
  }
  /*店舗情報16*/
  .top_iconmenu-shopinfo{
  background-position: -1024px 0px;
  }
}
/**************************************************
トップページ 店舗情報
**************************************************/
.top_shopinfo.lazyloaded{
background-image: url(./bg-topshopinfo_s.jpg);
}
@media (min-width: 415px){
  .top_shopinfo.lazyloaded{
  background-image: url(./bg-topshopinfo.jpg);
  }
}
.top_shopinfo_wrap{
padding:0.5rem;
}
.top_shopinfo h1 > .explanation{
display: block;
font-size: 0.8rem;
letter-spacing: 0.2rem;
color: #ff0000;
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: #ff0000;
margin-bottom:16px;
}
@media (max-width: 415px){
  .top_shopinfo h1 > .shopname{
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin-bottom:10px;
}
}
.top_shopinfo h1 > .zone{
display: block;
font-size: 0.8rem;
letter-spacing: 0.2rem;
}
.tel{
margin-top:1rem;
}
/**************************************************
トップページ ショップ詳細
**************************************************/
/*
.top_areadetail h2{
  font-size: 2rem;
}
*/
.top_areadetail{
  background-color: #080808;
}
.top_areadetail2.lazyloaded{
  background-image: url(../imgs/bg-top_areadetail2.jpg);
}
.top_areadetail3.lazyloaded{
  background-image: url(../imgs/bg-top_areadetail3.jpg);
}
.top_areadetail4.lazyloaded{
  background-image: url(../imgs/bg-top_areadetail4.jpg);
}
/**************************************************
トップページ ショップ詳細
**************************************************/
.top_shopdetail.section1.lazyloaded{
  background-image: url(../imgs/bg-topshopdetail-1_s.jpg);
}
.top_shopdetail.lazyloaded{
  background-image: url(../imgs/bg-topshopdetail-2_s.jpg);
}
@media (min-width: 415px){
.top_shopdetail.section1.lazyloaded{
  background-image: url(../imgs/bg-topshopdetail-1.jpg);
  }
  .top_shopdetail.lazyloaded{
    background-image: url(../imgs/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:#ff0000;
}
@media (min-width: 321px){
  .content_pickuptxt{
  font-size: 2rem;
  }
}
/**************************************************
トップページ 新着速報
**************************************************/
.top_prompt.lazyloaded{
  background-image: url(../imgs/bg-top_prompt.jpg);
}
@media (min-width: 415px){
.top_prompt.lazyloaded{
  background-image: url(../imgs/bg-top_prompt.jpg);
  }
}
.top_prompt figure{
  height:4rem;
  width: 4rem;
  overflow: hidden;
}
.top_prompt h2{
  color:#fff;
}
.top_prompt h2>span{
  color:#fff;
}
.top_prompt h2>.glyphicon{
  color:#fff;
}
.top_prompt h3{
  margin:0;
/*  height:2rem;
  line-height: 1.1rem;*/
  overflow: hidden;

}
.promptwrap>div{
  margin-top:0.2rem;
}
.top_prompt_single{
  height:4rem;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.top_prompt_txt{
  position: absolute;
  top:50%;
  left:5rem;
  transform: translateY(-50%);
}/*
.top_prompt_txt>div{
  margin-top:0.5rem;
}*/
@media (min-width: 415px){
  .top_prompt figure{
    height:6rem;
    width: 6rem;
  }
  .top_prompt_single{
    height:6rem;
  }
  .top_prompt_txt{
    left:7rem;
  }
}
/**************************************************
トップページ 新人情報
**************************************************/
.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_nowplay .c_photo{
  height:8rem;
  overflow: hidden;
}
.top_nowplay h2,.top_nowplay h2>span,.top_nowplay h2>span>.glyphicon{
  color:#fff!important;
}
/**************************************************
トップページ　イベント
**************************************************//*
.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 h2,.top_photorenew h2>span,.top_photorenew h2>span>.glyphicon{
  color:#fff!important;
}

/**************************************************
トップページ　カード案内
**************************************************/
.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: #ff0000;
color:#fff;
border:none;
}
.price>ul>li>a:hover{
background-color: #BF0023;
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_eventlistbody{
height:16rem;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
}
.page_eventlistbody ::-webkit-scrollbar{
  background-color: #666;
}
/**************************************************
ページ イベント
**************************************************/
.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;
}
.newstitle{
  margin:0.5rem 0 0 0;
}
/**************************************************
ページ 新着速報
**************************************************/
.page_promptreport{
background-image: url(img/bg_common.jpg);
}
.promptshoplink{
  color:#fff;
}
.newsbody img{
  max-width: 100%;
}
.newsbody{
  overflow: hidden;
}
/**************************************************
ページ 出勤予定
**************************************************/
.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%;
}*/
/**************************************************
ページ 検索
**************************************************/
.page_search{
background-image: url(img/bg_common.jpg);
}
.page_search .close{
  display: none;
}
.ser_title{
padding:0.2rem 0 0.2rem 0.4rem;
background-color: #999;
margin-bottom:0.5rem;
}
.flexbox{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.ser_shop{width: 50%;}
.ser_age{width: 33%;}
.ser_bus{width: 33%;}
.ser_newgirl{width: 50%;}
.ser_icon{width:33%;margin-bottom:0.5rem;}
.ser_iconimg{width:80%;}
.ser_day{width: 33%;}
@media (min-width: 768px){
.ser_shop{width: 33%;}
.ser_age{width: 33%;}
.ser_bus{width: 33%;}
.ser_newgirl{width: 33%;}
.ser_icon{width:33%;margin-bottom:0.5rem;}
.ser_iconimg{width:80%;}
.ser_day{width: 33%;}
}
@media (min-width: 992px){
.ser_shop{width: 20%;}
.ser_age{width: 20%;}
.ser_bus{width: 20%;}
.ser_newgirl{width: 20%;}
.ser_icon{width:10%;margin-bottom:0.5rem;}
.ser_iconimg{width:80%;}
.ser_day{width: 20%;}
}

/**************************************************
ページ メルマガ
**************************************************/
.page_mailmaga{
background-image: url(img/bg_common.jpg);
}
.mailmagawrap{
padding:0.5rem;
border: solid 1px #666;
}
/**************************************************
ページ ブログ
**************************************************/
.page_blog{
background-image: url(img/bg_common.jpg);
}
.blog_title{

}
.blog_rss{
margin-top:8px;
padding-top:8px;
border-top: solid 1px #666;
}
.rss_date{
margin-bottom:0.5rem;
background-color: #8ED1E0;
padding:0.2rem 0 0.2rem 0.4rem;
}
/*
.blog_girl_name {
	position: absolute;
	top: 5px;
	left: 165px;
	font-size: 16px;
	font-weight: bold;
}
.blog_girl_shop {
	position: absolute;
	top: 30px;
	left: 165px;
	font-size: 12px;
}
.blog_prof {
	position: absolute;
	top: 60px;
	left: 165px;
	height: 18px;
	padding: 8px 0 0 25px;
    background: url("../img/blog_part_icon.jpg") no-repeat;
}
.blog_link {
	position: absolute;
	top: 90px;
	left: 165px;
	height: 18px;
	padding: 8px 0 0 25px;
    background: url("../img/blog_part_icon.jpg") no-repeat;
}*/
/**************************************************
店舗案内ページ
**************************************************/
.page_shopinfo{
background-image: url(img/bg_common.jpg);
padding-top:1rem;
}
@media (min-width: 768px){
  .page_shopinfo{
  padding-top:2rem;
}
}
.page_shopinfo h2{
  margin: 1rem 0 1rem 0;
  font-size: 1.6rem;
  border-bottom: solid 1px;
  padding-bottom: 0.5rem;
  letter-spacing: 0.2rem;
}
.page_shopinfo h3{
  margin: 0 0 0 0;
  font-size: 1.6rem;
}
.page_shopinfo h3 > span{
  margin: 0 0 0 0.5rem;
}
.page_shopinfo h3 + div{
  margin-bottom:0.5rem;
}
.shopinfo_mxy{

}
.shopinfo_school{
background-image: url(img/bg_shopinfo_school_xs.jpg);
}
.shopinfo_dress{
background-image: url(img/bg_shopinfo_dress_xs.jpg);
}
.shopinfo_image{
background-image: url(img/bg_shopinfo_image_xs.jpg);
}
.shopinfo_slut{
background-image: url(img/bg_shopinfo_slut_xs.jpg);
}
.shopinfo_mdm{
background-image: url(img/bg_shopinfo_mdm_xs.jpg);
}
@media (min-width: 768px){
  .shopinfo_school{
  background-image: url(img/bg_shopinfo_school.jpg);
  }
  .shopinfo_dress{
  background-image: url(img/bg_shopinfo_dress.jpg);
  }
  .shopinfo_image{
  background-image: url(img/bg_shopinfo_image.jpg);
  }
  .shopinfo_slut{
  background-image: url(img/bg_shopinfo_slut.jpg);
  }
  .shopinfo_mdm{
  background-image: url(img/bg_shopinfo_mdm.jpg);
  }
}
.shopinfo_renovate{
background-color: #1d1600;
}
/**************************************************
プロフィールページ
**************************************************/
.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: #ff0000;
display: block;
width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
/**************************************************
トップページ新人
**************************************************/
.top_newbie h2,.top_newbie h2>span{
  color:#fff!important;
}
/**************************************************
トップページ写メ日記
**************************************************/
.top_diary{

}
.top_diary h2,.top_diary h2>span{
color:#fff!important;
}
.top_diary h3{
margin: 0;
}
/**************************************************
写メ日記 _gは女の子ページ
**************************************************/
.page_diary{
background-image: url(img/bg_common.jpg);
}
.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{
font-size:12px;
}
.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 #FF2626;
  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;
}
}
/**************************************************
トップ・ページ共通　ランキング
**************************************************/
.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_areamap{
background-image: url(img/bg_common.jpg);
}
.page_areamap address{
margin: 0;
}
#map_canvas{
width: 100%;
height: 250px;
}
@media (min-width: 768px){
  #map_canvas{
  height: 500px;
  }
}
.maplist li{
  list-style: none;
}
/**************************************************
ページ フォトギャラリー
**************************************************/
.gallery > .flexslider{
background-color: #000!important;
}
.gallery > .flexslider img{
margin:0 auto;
display:block;
}
/**************************************************
ページ ムービー
**************************************************/
.page_movie{
background-image: url(img/bg_common.jpg);
}
video{width:100%;}
/**************************************************
在籍ページ
**************************************************/
.page_girllist{
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: 5em;
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 #ff0000;
}
#nowplaygirl_shop_wrap{
  height:2rem;
}
/**************************************************
ページ すぐミク娘
**************************************************/
.nowplaygirl h2{
  font-size: 1.5rem;
}
/**************************************************
ページ メルマガ
**************************************************/
.mailmaga_entry ul{
margin:0!important;
padding:0!important;
}
/**************************************************
ページ 割引チケット
**************************************************/
@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;
}
/**************************************************
ページ 客引きにご注意下さい
**************************************************/
.page_tout{
background-image: url(img/bg_common.jpg);
}
/**************************************************
ページ 男子求人
**************************************************/
.page_recruit{
background-image: url(img/bg_recruit.jpg);
}
.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%;
}
/**************************************************
ページ リンク集
**************************************************/
.linklist>ul>.active>a,.linklist>ul>.active>a:focus
,.linklist>ul>.active>a:hover{
background-color: #e60027;
color:#fff;
border:none;
}
.price>ul>li>a:hover{
background-color: #BF0023;
border:none;
}
.page_linklist{
background-image: url(img/bg_common.jpg);
}
.linkbana{
width:88px;
height:31px;
}
.linkname{
margin: 0.4rem 0 0 0.5rem;
}
.linkinfo{
font-size: 12px;
padding: 5px 0 0 0;
}
/**************************************************
案内
**************************************************/
.mxyinfo p >a{
text-decoration: underline;
}
.mxyinfo h2 {
font-size:18px;
font-weight: bold;
}
.mxyinfo h3{
font-size:18px;
font-weight: bold;
margin-bottom: 2rem;
}
.mxyinfo h4{
border-bottom: solid 1px #666;
padding-bottom: 0.5em;
font-weight: bold;
}
.mxyinfo p{
margin-bottom: 2rem;
}
.mxyinfo ul{
margin:0;
padding:0;
}
.mxyinfo li{
list-style: none;
}
.mxyinfoshoplist{
  margin-bottom: 1rem;
}
/*************************************************
サイトマップ
**************************************************/
.page_sitemap .panel-heading {
    background-color: #000;
    color: #fff;
    border-radius: 0;
}
@media (min-width: 768px){
.page_sitemap .panel-heading >a{
  pointer-events:none;
  cursor:default;
}
}
.page_sitemap{
background-image: url(../imgs/bg-top_prompt.jpg);
}
.page_sitemap ul{
  margin:0 0 0 1.5rem;
  padding:0;
}
/*************************************************
フッター
**************************************************/
footer{
background-color: #000;
padding-bottom:1rem;
}
.footer_end{
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;
}
.sitemap>div>div>.panel-heading{
  border-bottom: solid 1px #fff;
  background-color: #000;
}
.footer_shoplist{
  display: panel;
}
.footer_shoplist a{
  color:#564853;
}
.footer_shoplist >div>div{
  height:3.5rem;
  display: inline-block;
  padding:0.5rem!important;
  border-right: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
}
.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:50px;
height:50px;
display:none;
background-image: url("../imgs/btt.png");
z-index: 999;
background-size: contain;
}
/*************************************************
marquee
**************************************************/
.c_wrap .marquee{
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.marquee_nowplay {padding:0;}
.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:416px){.size-sp{display:none;}
.size-pc{display:inline-block;}
}
@media (max-width:415px){.size-sp{display:inline-block;}
.size-pc{display:none;}
}


/*ABU begin*/
.free {
    position: absolute;
    right: 1px;
    color: #5b9a21;
    border: 1px solid #5b9a21;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    font-size: 12px;
}
.bussy {
    position: absolute;
    right: 1px;
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    font-size: 12px;    
}
/*ABU end*/