@charset 'UTF-8';
html.ua-ipad{/*ipad表示対策*/
    overflow-x:hidden;
}

html.ua-ipad .bg_wrp_stripe{
    overflow-x: hidden;
}

body {
    background: url('/img/index/bg_body.jpg') no-repeat center top;
}

.bg_wrp_stripe {
    padding: 87px 0 0 0;
    background: url('/img/common/footer_under.png') repeat-x center bottom !important;
}

.index_bg_wrp_girls {
    position: relative;
    margin: 0 auto 0 auto;
    padding-bottom: 120px;
}

/*ここから女の子動的変更CSS*/
.cover_girls_photos {
    position: absolute;
    z-index: 0;
    top: -5px;
    left: 50%;
    width: 1280px;
    margin-left: -640px;
}

.cover_girls_photos .gp1 {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(5px, 10px) rotate( -5deg );
}

.cover_girls_photos .gp2 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 325px;
    transform: translate(0px, -31px) rotate( 6deg );
}

.cover_girls_photos .gp3 {
    position: absolute;
    top: 0;
    right: 320px;
    transform: translate(0px, 0px) rotate( -2deg );
}

.cover_girls_photos .gp4 {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0px, 5px)  rotate( 9deg );
}

.cover_girls_photos [class^='gp'] {
    padding: 7px;
    background: #FFF;
    -webkit-box-shadow: rgba(151, 152, 153, .14902) 0 0 5px 2px;
       -moz-box-shadow: rgba(151, 152, 153, .14902) 0 0 5px 2px;
            box-shadow: rgba(151, 152, 153, .14902) 0 0 5px 2px;

         -o-box-shadow: rgba(151, 152, 153, .14902) 0 0 5px 2px;
        -ms-box-shadow: rgba(151, 152, 153, .14902) 0 0 5px 2px;
}

.cover_girls_photos [class^='gp'] span {
    display: none;
}


/*ここから女の子動的変更CSS*/
/*#snippet {
    width: 1280px;
    margin: 0 auto 10px;
    color: #928f90;
}*/
/*下層と同様、h1の文字を表示する*/
h1#snippet {
  background-color: #F586A6;
  font-size: 0.83rem;
  line-height: 1.5rem;
  height: 1.5rem;
  color: #fff;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
}
/*widthサイズは下層のコンテンツサイズに合わせ、文字の右端位置も下層と同位置*/
h1 span {
  display: block;
  margin: 0 auto;
  width: 980px;
  position: relative;
  text-align: right;
}

#logo_area {
    position: relative;
    z-index: 1;
    padding: 275px 0 0 0;
    text-align: center;
}

#botan {
    width: 526px;
    margin: 20px auto 0 auto;
}

#botan li {
    display: inline-block;
    float: left;
    overflow: hidden;
    height: 76px;
    margin: 0;
}

#botan li a {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

#botan li#enter {
    width: 268px;
    height: 76px;
    margin: 0 22px 0 19px;
}

#botan li#enter a:hover {
    top: -76px;
    margin-left: 0;
}

#botan li#leave {
    width: 198px;
    height: 76px;
}

#botan li#leave a:hover {
    top: -76px;
    margin-left: 0;
}

#warning p {
    line-height: 160%;
    width: 530px;/*600*/
    margin: 40px auto 20px auto;
    padding: 0 0 0 70px;
    background: url('/img/index/obj_18.png') no-repeat left top;
}

#bnarea {
    width: 590px;
    margin: 0 auto 16px auto;
}

#bnarea .recbn {
    margin: 48px 0 20px 0;
}

#bnarea .linkbn {
    margin: 20px 0 20px 0;
}

.bg_foot_wrp {
    position: relative;
}

.bg_foot_wrp .bg_foot {
    position: relative;
    height: 0 !important;
    padding-bottom: 120px !important;
    background: none !important;
}