@charset "UTF-8";
 
/*==========　リセットCSS開始　==========*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
    font-family: "futura","Century Gothic","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
    background-color: #000;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; }
a:active { color: #fff; }
 
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*==========　認証ページ　==========*/

#enter,
#enter body,
#enter #wrapper{
    height: 100%;
}

#authenticationZone{
    background-color: #000;
    height: 100%;
    overflow: hidden;
    position: relative;
}

#authenticationZone h1{
    color: #fff;
    font-size: 10px;
    padding: 0px 20px;
}

#loginArea{
    width: 100%;
    overflow: hidden;
    color: #fff;
    background-image: url("../img/loginBg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
}

#loginArea div{
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

#loginArea .loginLeft{
    text-align: right;
    margin-top: 20%;
}

#loginArea .loginLeft p{
    margin-right: 10px;
    font-size: 14px;
}

#loginArea .loginLeft p span{
    font-size: 8px;
    display: block;
    margin-top: 20px;
}

#loginArea .loginRight{
    margin-top: 25%;
}

#loginArea .loginRight p{
    margin-bottom: 20px;
    font-size: 30px;
}

#loginArea .loginRight p span{
    font-size: 10px;
    display: block;
}

#loginArea div a{
    text-decoration: none;
    color: #fff;
}

/*==========　WRAPPER　==========*/

#wrapper{

}

/*==========　HEADER　==========*/
#topHeader{
    height: 950px;
}
/*==========　LOADING　==========*/

#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #101010;
    z-index: 9998;
}

#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 9999;
}
/*==========　Timeout　==========*/

#timeout{
    position: absolute;
    width: 100%;
    height: 385px;
    top: 0px;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    background-image: url("../img/timeoutBg.gif");
}

#timeout p{
    text-align: center;
}

#timeout .logo{
    width: 1000px;
    height: 385px;
}

#timeout .logo .logPink{   
    stroke:#E61D68;
    fill: #fff;
    stroke-width:1;
    stroke-dasharray: 3000;
    stroke-dashoffset:0;
    animation: Pink 7s ease-in alternate forwards;
    -webkit-animation:Pink 7s ease-in 0s forwards;
    -o-animation:Pink 7s ease-in 0s forwards;
    animation:Pink 7s ease-in 0s forwards;
}

@keyframes Pink{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#E61D68;}
}

@-moz-keyframes Pink{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#E61D68;}
}

@-webkit-keyframes Pink{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#E61D68;}
}

@-o-keyframes Pink{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#E61D68;}
}

@-ms-keyframes Pink{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#E61D68;}
}


#timeout .logo .logBlack{   
    stroke: #000;
    fill: #fff;
    stroke-width:1;
    stroke-dasharray: 3000;
    stroke-dashoffset: 0;
    animation: Black 7s ease-in alternate forwards;
    -webkit-animation:Black 7s ease-in 0s forwards;
    -o-animation:Black 7s ease-in 0s forwards;
    animation:Black 7s ease-in 0s forwards;
}

@keyframes Black{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#000;}
}

@-moz-keyframes Black{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#000;}
}

@-webkit-keyframes Black{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#000;}
}

@-o-keyframes Black{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#000;}
}

@-ms-keyframes Black{
    0%{stroke-dashoffset:3000;}
    100%{stroke-dashoffset:0;fill:#000;}
}


/*==========　LOOPSlider　==========*/

#loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 384px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopSlider ul {
    height: 384px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopSlider ul li {
    width: 384px;
    height: 384px;
    float: left;
    display: inline;
    overflow: hidden;
}

#loopSlider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopSlider ul {
    display: inline-block;
    overflow: hidden;
}

/*==========　LOOPBg　==========*/

#loopBg{
  background-image: url("../img/loopBg.png");
  background-repeat:repeat;
  height: 150px;
  margin-top: 50px;
}

#topHeader .headerIntro{
    width: 980px;
    margin: 0px auto;
    padding: 50px 0px 50px;
    background-image: url("../img/Intro_subBg.png");
    background-position: left;
    background-repeat: no-repeat;
}

#topHeader .headerIntro p{
    line-height: 55px;
    font-size: 30px;
    color: #fff;
    font-family: Courier New;
}

#topHeader .headerIntro .telArea{
    width: 500px;
    height: 80px;
    -webkit-animation-duration: 2s;
    animation-delay: 2s;
}

#topHeader .headerIntro .telArea img{
    width: 100%;
}

.headerIntro .hvr-shutter-out-horizontal{
    background-color: #fff;
}

.headerIntro .hvr-shutter-out-horizontal::before{
    background-color: #D10000;
}

.textSplitLoad{
    display: none;
}

.split{
    visibility: hidden;
}

#topHeader .headerIntro_sub{
    background-image: url("../img/Intro_subBg.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 0px;
}

#topHeader .headerIntro_sub div{
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}

#topHeader .headerIntro_sub p{
    float: left;
}

#snsArea{
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 1002;
}

#snsArea p{
    width: 100px;
    position: absolute;
    top: 355px;
    right: 0px;
    text-align: center;
}

#snsArea span{
    width: 100px;
    display: block;
    float: left;
}

#snsArea .snsTw{
    background-color: #5EA9DD;
    background-image: url("../img/tw.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center top;
}

#snsArea .snsFb{
    background-color: #3765A3;
    background-image: url("../img/fb.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center top;
}

#snsArea span a{
    display: block;
    padding: 30px 0 10px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

#miniMovie{
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 1002;
}

#miniMovie p{
    width: 330px;
    position: relative;
    top: 675px;
    left: 100px;
}

#miniMovie p a{
    position: relative;
    overflow: hidden;
    float: left;
}

#miniMovie p img{
    width: 100%;
    vertical-align: bottom;
}

#miniMovie p a:after{
    position: absolute;
    z-index: 9999;
    content: "";
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    transition: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#miniMovie p a:hover:after{
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border: 10px solid #ff0000;
}

/*==========　girlsTop　==========*/

#girlsTop{
    position: relative;
    width: 980px;
    margin: -983px auto;
}

#girlsTop #girlstopImg1{
    position: absolute;
    right: 0px;
    z-index: 1001;
}

#girlsTop #girlstopImg1 img{
    transition: all 1s ease;
}

#girlsTop #girlstopImg1 img.fade{
    opacity:0;
}

#girlsTop #girlstopImg2{
    position: absolute;
    right: 0px;
    z-index: 1001;
    display: none;
}

#girlsTop #girlstopImg2 img{
    transition: all 1s ease;
}

#girlsTop #girlstopImg2 img.fade{
    opacity:0;
}

/*==========　headerMenu　==========*/

#fixedBox{
    background-color: #fff;
    z-index: 1002;
    box-shadow: 1px 1px 2px #fff;
    height: 66px;
}

.fixed{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#headerMenu{
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}

#headerMenu h1{
    width: 210px;
    float: left;
    padding-top: 10px;
}

#headerMenu h1 a{
    display: inline-block;
}

#headerMenu h1 object{
    width: 100%;
    pointer-events: none;
}

#headerMenu ul{
    overflow: hidden;
    float: left;
}

#headerMenu ul li{
    float: left;
    list-style: none;
    width: 110px;
    text-align: center;
}

#headerMenu ul li a{
    text-decoration: none;
    color: #000;
    display: block;
    padding: 25px 0px;
}

#headerMenu .hvr-shutter-out-horizontal::before{
    background-color: #b1a473;
}

#headerMenu .hvr-shutter-out-horizontal{
    background: #fff;
}

#headerMenu .hvr-shutter-out-horizontal:active,
#headerMenu .hvr-shutter-out-horizontal:focus,
#headerMenu .hvr-shutter-out-horizontal:hover{
    color: #fff;
}

#headerBar{
    z-index: 1003;
}

#headerBar li{
    text-align: center;
    background-color: #b1a473;
    color: #fff;
    list-style-type: none;
    font-size: 30px;
    padding: 10px 0px;
    font-weight: 100;
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

#headerBar .bar1,
#headerBar .bar2,
#headerBar .bar3,
#headerBar .bar4,
#headerBar .bar5,
#headerBar .bar6,
#headerBar .bar7{
    display: none;
}

/*==========　#main　==========*/

#main{
    padding-top: 100px;
}

/*==========　#zone1　==========*/
#zone1{
    padding-top: 50px;
}

#zone1 #sheduleZone{
    width: 980px;
    margin: 0px auto;
}
#zone1 #sheduleZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#zone1 #sheduleZone h2 span{
    color: #fff;
    font-size: 50px;
}

#sheduleZone .sheduleList{
    margin-top: 30px;
    overflow: hidden;
}

#sheduleZone .girlsList {
    width: 245px;
    float: left;
    margin-bottom: 40px;
    position: relative;
}

#sheduleZone .girlsList li{
    float: left;
    list-style-type: none;
}

#sheduleZone .girlsList .girlsPhoto{
    width: 245px;
    margin: 0px auto;
    text-align: center;
    padding-top: 2px;
}

#sheduleZone .girlsList li img{
    width: 241px;
    height: 360px;
}

#sheduleZone .girlsList .girlsCup{
    width: 60px;
    height: 70px;
    font-size: 40px;
    text-align: center;
    margin-left: 2px;
    margin-top: 2px;
}

.girlsList .colorD{
    background-color: #c2c2c2;
    color: #fff;
}

.girlsList .colorE{
    background-color: #a3a3a3;
    color: #fff;
}

.girlsList .colorF{
    background-color: #858585;
    color: #fff;
}

.girlsList .colorG{
    background-color: #707070;
    color: #fff;
}

.girlsList .colorH{
    background-color: #5c5c5c;
    color: #fff;
}

.girlsList .colorI{
    background-color: #474747;
    color: #fff;
}

.girlsList .colorJ,
.girlsList .colorK{
    background-color: #292929;
    color: #fff;
}

.girlsList .colorJ span,
.girlsList .colorK span{
    color: #fff;
}

.girlsList .tag{
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 5px;
    width: 100%;
}

.girlsList .join span{
    background-color: #d10000;
    padding: 0px 60px;
    color: #fff;
}

#sheduleZone .girlsList .girlsCup span{
    font-size: 14px;
    color: #fff;
    display: block;
}

#sheduleZone .girlsList .girlsName{
    width: 180px;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
}

#sheduleZone .girlsList .girls3size{
    width: 180px;
    font-size: 12px;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
}

#sheduleZone .girlsList .girlsTime{
    width: 180px;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
    background-color: #b1a473;
    color: #fff;
}

#sheduleZone .girlsList .iconTag{
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 100;
}

#sheduleZone .girlsList .iconTag img{
    width: 50px;
    height: 40px;
}

/*==========　#zone2　==========*/

#zone2{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/zone2Bg.png");
    background-size: 100%;
}

#zone2 #newfaceZone{
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}

#zone2 #newfaceZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#zone2 #newfaceZone h2 span{
    color: #fff;
    font-size: 50px;
}

#newfaceZone .newfaceList{
    margin-top: 30px;
    margin-bottom: 40px;
    height: 480px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    background-color: #eee;
    padding: 10px 10px;
    box-sizing: border-box;
    border: 1px #eee solid;
}

#newfaceZone .girlsList{
    width: 245px;
    margin-bottom: 40px;
    display: inline-block;
    position: relative;
}

#newfaceZone .girlsList li{
    float: left;
    list-style-type: none;
}

#newfaceZone .girlsList .girlsPhoto{
    width: 240px;
    margin: 0px auto;
    text-align: center;
}

#newfaceZone .girlsList li img{
    width: 240px;
    height: 360px;
}

#newfaceZone .girlsList .girlsCup{
    width: 60px;
    height: 70px;
    font-size: 40px;
    text-align: center;
    margin-top: 4px;
}

#newfaceZone .girlsList .girlsCup span{
    font-size: 14px;
    color: #000;
    display: block;
}

#newfaceZone .girlsList .girlsName{
    width: 180px;
    color: #000;
    padding: 5px 0px;
    text-align: center;
}

#newfaceZone .girlsList .girls3size{
    width: 180px;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
    color: #000;
}

#newfaceZone .girlsList .girlsVisiting{
    width: 180px;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
    background-color: #02C293;
    color: #fff;
}

#newfaceZone .girlsList .iconTag{
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 100;
}

#newfaceZone .girlsList .iconTag img{
    width: 50px;
    height: 40px;
}

/*==========　#zone3　==========*/

#zone3{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #000;
}

#zone3 #eventZone{
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}

#zone3 #eventZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#zone3 #eventZone h2 span{
    color: #fff;
    font-size: 50px;
}

.eventList{
    margin-top: 30px;
    margin-bottom: 40px;
}

.view {
    height: 200px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background-color: #fff;
    width: 470px;
    margin: 10px;
}

.view .mask, .view .content {
    width: 470px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.view img {
    display: block;
    position: relative
}

.view h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background-color: #000;
    margin: 20px 0 0 0
}

.view p {
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000;
}

.view-fifth img {
    transition: all 0.3s ease-in-out;
    max-width: 470px;
    width: 100%;
}

.view-fifth .mask {
    transform: translateX(-470px);
    opacity: 1;
    transition: all 0.4s ease-in-out;
}

.view-fifth h3{
    background-color: #000;
    color: #fff;
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
    font-size: 25px;
}

.view-fifth p{
    opacity: 0;
    color: #333;
    transition: all 0.2s linear;
    font-size: 20px;
    text-align: left;
}

.view-fifth:hover .mask {
    transform: translateX(0px);
}

.view-fifth:hover img {
    transform: translateX(470px);
    transition-delay: 0.1s;
}

.view-fifth:hover p{
    opacity: 1;
    transition-delay: 0.4s;
}

#eventZone .event1{
    background-image: url("../img/event1.gif");
    background-repeat: no-repeat;
    background-size: 100%;
}

#eventZone .event2{
    background-image: url("../img/event2.gif");
    background-repeat: no-repeat;
    background-size: 100%;
}

#eventZone .event3{
    background-image: url("../img/event3.gif");
    background-repeat: no-repeat;
    background-size: 100%;
}
#eventZone .event4{
    background-image: url("../img/event4.gif");
    background-repeat: no-repeat;
    background-size: 100%;
}

/*==========　#zone4　==========*/

#zone4{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url('../img/zone4Bg.gif');
    background-size: cover;
}

#zone4 #movieZone{
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}

#zone4 #movieZone h2{
    text-align: center;
    color: #000;
    font-size: 20px;
    border-bottom: 2px dashed #000;
    line-height: 2em;
}

#zone4 #movieZone h2 span{
    color: #000;
    font-size: 50px;
}

.movieContents{
    margin-top: 30px;
    margin-bottom: 40px;
    position: relative;
}

.movieContents .movieList{
    padding: 100px 170px;
    border: 1px solid #000;
    overflow: hidden;
    position: relative;
}

.movieContents .movieList img{
    width: 100%;
    vertical-align: bottom;
}

#movieZone .movieList a{
    position: relative;
    overflow: hidden;
    float: left;
}

#movieZone .movieList a:after{
    position: absolute;
    z-index: 9999;
    content: "";
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    transition: 0.2s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#movieZone .movieList a:hover:after{
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border: 10px solid #b1a473;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.movieContents #slider{
    position: absolute;
    top: 310px;
}

.movieContents #slider li{
    text-align: center;
    list-style: none;
    font-size: 30px;
    color: #fff;
}


/*==========　footer　==========*/

footer{
    background-color: #000;
    padding: 30px 0px;
}

footer #footerMenu{
    width: 980px;
    margin: 0px auto;
    padding: 30px 0px;
}

footer #footerMenu ul{
    overflow: hidden;
}

footer #footerMenu ul li{
    float: left;
    list-style-type: none;
    width: 140px;
    text-align: center;
}

footer #footerMenu ul li a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px dashed #fff;
    width: 90%;
    margin: 0px auto;
}

footer p{
    width: 980px;
    margin: 0px auto;
    text-align: center;
    padding: 10px;
    color: #fff;
}

footer p span{
    font-size: 10px;
    color: #fff;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: #858585;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #b1a473;
}

/*==================================*/
/*==========　スケジュール　==========*/
/*==================================*/

#schedule #sheduleZone{
    width: 980px;
    margin: auto;
}

#schedule #sheduleZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#schedule  #sheduleZone h2 span{
    color: #fff;
    font-size: 50px;
}

#sheduleTable{
    margin: 50px 0px 10px;
}

.sheduletab{
    overflow:hidden;
}

.sheduletab li{
    background: #c2c2c2;
    color: #fff;
    padding: 10px 0px;
    float:left; 
    list-style-type: none;
    width: 140px;
    text-align: center;
    cursor: pointer;
}

.sheduletab li.select{
    background: #474747;
    color: #fff;
    padding: 20px 0px;
}

.hide {
    display:none;
}

/*==================================*/
/*==========　在籍女性　==========*/
/*==================================*/

#ladies #ladiesZone{
    width: 980px;
    margin: auto;
}

#ladies #ladiesZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#ladies  #ladiesZone h2 span{
    color: #fff;
    font-size: 50px;
}

#ladiesTable{
    margin: 50px 0px 10px;
}

.ladiestab{
    overflow:hidden;
}

.ladiestab li{
    background: #c2c2c2;
    padding: 10px 0px;
    float:left; 
    list-style-type: none;
    width: 140px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.ladiestab li.select{
    background: #474747;
    color: #fff;
    padding: 20px 0px;
}

.hide {
    display:none;
}

#ladiesZone .ladiesList{
    margin-top: 30px;
    overflow: hidden;
}

#ladiesZone .girlsList {
    width: 245px;
    float: left;
    margin-bottom: 40px;
    position: relative;
}

#ladiesZone .girlsList li{
    float: left;
    list-style-type: none;
}

#ladiesZone .girlsList .girlsPhoto{
    width: 245px;
    margin: 0px auto;
    text-align: center;
    padding-top: 2px;
}

#ladiesZone .girlsList li img{
    width: 241px;
    height: 360px;
}

#ladiesZone .girlsList .girlsCup{
    width: 60px;
    height: 70px;
    font-size: 40px;
    text-align: center;
    margin-left: 2px;
    margin-top: 2px;
}

#ladiesZone .girlsList .girlsCup span{
    font-size: 14px;
    display: block;
}

#ladiesZone .girlsList .girlsName{
    width: 180px;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
}

#ladiesZone .girlsList .girls3size{
    width: 180px;
    font-size: 12px;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
}

#ladiesZone .girlsList .girlsTime{
    width: 180px;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
    background-color: #b1a473;
    color: #fff;
}

.girlsList .girlsTime_none{
    width: 180px;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.tagAttendance{
    box-sizing: border-box;
    background-color: #ff0000;
}

.tagNewface{
    box-sizing: border-box;
}

#ladiesZone .girlsList .iconTag{
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 100;
}

#ladiesZone .girlsList .iconTag img{
    width: 50px;
    height: 40px;
}

/*==================================*/
/*==========　料金システム　==========*/
/*==================================*/

#system #systemZone{
    width: 980px;
    margin: auto;
}

#system #systemZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#system #systemZone h2 span{
    color: #fff;
    font-size: 50px;
}

#priceBox{
    margin: 50px 0px;
}

#priceBox .topPrice ul{
    overflow: hidden;
}

#priceBox .topPrice ul li{
    float: left;
    list-style-type: none;
    text-align: center;
    width: 480px;
    border: 2px solid #eee;
    padding: 20px 0px;
    box-sizing: border-box;
    margin-right: 20px;
    font-size: 30px;
}

#priceBox .topPrice ul li span{
    margin-left: 20px;
    font-weight: bold;
}

#priceBox .topPrice ul .no-margin{
    margin: 0px;
}

#priceBox .coursePrice{
    margin-top: 50px;
    background-image: url("../img/coursePriceBg.png");
    background-repeat: no-repeat;
    height: 600px;
}

.coursePrice dl{
    padding-top: 150px;
    padding-left: 22px;
    overflow: hidden;
    width: 550px;
}

.coursePrice dl dt{
    float: left;
    font-size: 30px;
    margin: 10px 0px;
    border-bottom: 1px dashed #000;
    width: 150px;
    text-align: center;
}

.coursePrice dl dt span{
    background-color: #000;
    width: 100px;
    display: block;
    margin: 5px 0px;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    color: #fff;
}

.coursePrice dl dd{
    float: left;
    font-size: 50px;
    margin: 10px 0px;
    border-bottom: 1px dashed #000;
    width: 400px;
    text-align: right;
    color: #000;
}

#priceBox .optionPrice{
    margin-top: 50px;
    background-image: url("../img/optionPriceBg.png");
    background-repeat: no-repeat;
    height: 600px;
}

.optionPrice dl{
    padding-top: 150px;
    padding-left: 410px;
    overflow: hidden;
    width: 550px;
}

.optionPrice dl dt{
    float: left;
    font-size: 30px;
    margin: 10px 0px;
    border-bottom: 1px dashed #fff;
    width: 200px;
    text-align: center;
}

.optionPrice dl dt span{
    background-color: #fff;
    color: #000;
    width: 200px;
    display: block;
    margin: 5px 0px;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
}

.optionPrice dl dd{
    float: left;
    font-size: 50px;
    margin: 10px 0px;
    border-bottom: 1px dashed #fff;
    width: 350px;
    text-align: right;
    color: #fff;
}

#priceBox .hvr-shutter-out-horizontal{
    background-color: #fff;
}

#priceBox .hvr-shutter-out-horizontal::before{
    background-color: #b1a473;
}

#priceBox .course3p{
    margin-top: 50px;
    background-image: url("../img/course3pBg.png");
    background-repeat: no-repeat;
    height: 600px;
}

.course3p dl{
    padding-top: 150px;
    padding-left: 22px;
    overflow: hidden;
    width: 550px;
}

.course3p dl dt{
    float: left;
    font-size: 30px;
    margin: 10px 0px;
    border-bottom: 1px dashed #000;
    width: 150px;
    text-align: center;
}

.course3p dl dt span{
    background-color: #000;
    width: 100px;
    display: block;
    margin: 5px 0px;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    color: #fff;
}

.course3p dl dd{
    float: left;
    font-size: 50px;
    margin: 10px 0px;
    border-bottom: 1px dashed #000;
    width: 400px;
    text-align: right;
    color: #000;
}

/*==================================*/
/*==========　プレイ内容　==========*/
/*==================================*/

#play #playZone{
    width: 980px;
    margin: auto;
}

#play #playZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#play #playZone h2 span{
    color: #fff;
    font-size: 50px;
}

.playContents{
    margin-top: 50px;
    margin-bottom: 40px;
}

.playContents .playList{
    padding: 50px;
    border: 1px solid #fff;
}

.playContents .playList img{
    width: 100%;
}

.caution{
    margin-top: 50px;
    margin-bottom: 50px;
}

#cautionList{
    padding: 50px;
    background-color: #eee;
    margin-top: 50px;
}

.cautionsplit{
    line-height: 2em;
}

/*==================================*/
/*==========　ランキング　==========*/
/*==================================*/



/*==================================*/
/*==========　アクセス　==========*/
/*==================================*/

#access #accessZone{
    width: 980px;
    margin: auto;
}

#access #accessZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#access #accessZone h2 span{
    color: #fff;
    font-size: 50px;
}

#gMap{
    margin: 50px 0px;
}

/*==================================*/
/*==========　求人情報　==========*/
/*==================================*/

#job #jobZone{
    width: 980px;
    margin: auto;
}

#job #jobZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#job #jobZone h2 span{
    color: #fff;
    font-size: 50px;
}

#jobZone .jobOffer{
    background-image: url("../img/jobBg.png");
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-bottom: 40px;
    padding-top: 200px;
}

.jobOffer div{
    background-color: rgba(0,0,0,0.6);
    width: 80%;
    margin: 0px auto;
}

.jobOffer h3{
    text-align: center;
    color: #fff;
    padding: 20px 0px;
    margin-bottom: 10px;
}

.jobOffer dl{
    color: #fff;
    padding: 10px;
}

.jobOffer dl dt{
    border-bottom: 1px dashed #fff;
    padding: 10px;
    font-size: 25px;
}

.jobOffer dl dd{
    padding: 10px;
    margin-bottom: 50px;
}

/*==================================*/
/*==========　プロフィール　==========*/
/*==================================*/

#profile #profileZone{
    width: 980px;
    margin: 0px auto;
}

#profile #profileZone h2{
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px dashed #fff;
    line-height: 2em;
}

#profile #profileZone h2 span{
    color: #fff;
    font-size: 50px;
}

#profileZone #girlsIntroduction{
    margin: 50px 0px;
}

#girlsIntroduction{
    overflow: hidden;
}

#profileImage{
    width: 300px;
    margin-right: 20px;
    float: left;
}

#profileImage p{
    margin-bottom: 10px;
}

#profileImage p img{
    width: 300px;
    height: 450px;
}

#profileImage  ul{
    overflow: hidden;
    width: 300px;
}

#profileImage  ul li{
    float: left;
    list-style-type: none;
    width: 25%;
}

#profileImage  ul li img{
    width: 100%;
}

#profileText{
    width: 660px;
    float: left;
}

#profileText h3{
    color: #fff;
    font-size: 50px;
    text-align: center;
}

#profileText h3 span{
    color: #fff;
    font-size: 30px;
    text-align: center;
}

#profileText .profileCup{
    text-align: center;
    color: #fff;
    font-size: 60px;
    text-align: center;
}


#profileText .profileCup span{
    font-size: 30px;
    color: #fff;
}

#profileText .profile3size{
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 2px solid #fff; 
}

#profileText .girlsSchedule{
    margin-top: 35px;
    overflow: hidden;
}

.girlsSchedule dl{
    width: 325px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
}

.girlsSchedule dl dt{
    background-color: #fff;
    color: #000;
    font-size: 25px;
    padding: 10px 0px;
}

.girlsSchedule dl dd{
    box-sizing: border-box;
    padding: 10px 0px;
    border: 1px #fff solid;
    font-size: 20px;
    color: #fff;
}

.girlsSchedule .dlLeft{
    margin-right: 10px;
}

#girlsSubtext{
    overflow: hidden;
    margin-bottom: 50px;
}

#girlsSubtext div{
    float: left;
    width: 50%;
}

#girlsSubtext .girlsComment{
    background-color: #999;
    height: 400px;
}

#girlsSubtext .girlsComment h4{
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding: 10px 0px;
}

#girlsSubtext .girlsComment p{
    color: #fff;
    width: 450px;
    margin: 0px auto;
    height: 320px;
    overflow-x: hidden;
    word-wrap: break-word;
    padding: 10px;
}

#girlsSubtext .girlsQa{
    background-color: #ddd;
    height: 400px;
}

#girlsSubtext .girlsQa h4{
    color: #000;
    font-size: 30px;
    text-align: center;
    padding: 10px 0px;
}

#girlsSubtext .girlsQa table{
    width: 100%;
    text-align: left;
    color: #000;
    width: 470px;
    margin: 0px auto;
}

#girlsSubtext .girlsQa table tr{
    border-bottom: 1px #fff solid;
}

#girlsSubtext .girlsQa table th{
    width: 30%;
    padding: 10px 15px;
}

#girlsSubtext .girlsQa table th::before{

    margin-right: 5px;
}

#girlsSubtext .girlsQa table td{
    width: 70%;
    padding: 10px;
}

#girlsSubtext .girlsQa table td::before{

    margin-right: 5px;
}


/*==================================*/
/*==========　イベント　==========*/
/*==================================*/

#event{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
}

#event #eventZone{
    width: 980px;
    margin: 0px auto;
    overflow: hidden;
}

#event #eventZone h2{
    text-align: center;
    color: #000;
    font-size: 20px;
    border-bottom: 2px dashed #000;
    line-height: 2em;
}

#event #eventZone h2 span{
    color: #000;
    font-size: 50px;
}






.girlsPhoto img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.girlsPhoto img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}