@charset "utf-8";
/*
shop.css内で設定している項目
======================================
・ベースカラー
・aタグ基本カラー(ホバー色)
・各ページコンテナ背景色設定
・トップページ背景色設定
・グラデーション(.shopGradient)
・グラデーション2(.shopGradient2)⇒現在は年齢認証のLeaveボタンのみ
・aj系タイトルバー1247

・グローバルナビ
・コンテンツメニュー(Topページ：一覧系、出勤情報、各ページ：h2タイトル)
・ボックスタイトル(小見出し、写メ日記、イベントのタイトル等)
・ページトップボタン
・フッターカラー(レイアウトはcontents.css)
・フォームの各項目
・女の子ボックスの色設定(Topページ、女の子一覧、出勤情報)
・出勤情報、本日の色設定
=====================================

*/


/* ==========================================================================
  font
========================================================================== */

/* ==========================================================================
  shopBaseColor
========================================================================== */
.shopBaseBgCol1 { background-color:#242323; } /* 濃い色*/
.shopBaseBgCol2 { background-color:#FFFFFF; } /* 薄い色*/
.shopBaseBgCol3 { background-color:#FFFFFF; } 
.shopBaseBgCol4 { background-color:#F5F5F5; } 
.shopBaseCol1   { color:#c5a359; } /* 濃い色*/
.shopBaseCol2   { color:#9C9A9A; } /* 薄い色*/
.shopBorderCol1 { border-color: #d00011; } /* 濃い色*/
.cmnTextCol3 { color:#c5a359; } /* 差し色 */
.cmnBorderCol1 { border-color:#000; } /* ボタン揃いborder色 */

/* ==========================================================================
  setting
========================================================================== */
body {
  background-color:#FFFFFF;
}
a,
a:visited { 
  color: rgb(197 163 89 / 70%);
}
a:hover {
  color: #c5a359;
}

#container {
  background: rgb(255 255 255 / 90%);
}

#wrapper {
  background: url(/img/common/top1_bg.jpg) no-repeat fixed center 0;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  #wrapper {
    background: none;
  }
  body::before {
    content: "";
    background: url(/img/common/top_bg_sp.png) repeat-y;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  #container {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    -ms-box-shadow:none;
    background: rgba(255, 255, 255, 0.7);
  }
}

.decorate {
  color:#000;
  font-weight:bold;
}
.pointCol {
  color:#242323;
}
.doubleLineCol {
  border-bottom: solid 4px #FF6600;
  box-shadow: 0 2px #ffbb8d;
  -moz-box-shadow: 0 2px #ffbb8d;
  -webkit-box-shadow: 0 2px #ffbb8d;
  -o-box-shadow: 0 2px #ffbb8d;
  -ms-box-shadow: 0 2px #ffbb8d;
}
.lineTitle {
  color:#c5a359;
  border-left-color:#c5a359;
  border-bottom-color:#c5a359;
}

/* ### pageTop ### */
#topControl .pageTop {
  background-color: #D12E4B;
  color: #FFFFFF;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.commonBtn a,
.commonBtn .sendBtn {
  background-color: #D12E4B;
  color: #FFFFFF;
}
.commonBtn a:hover,
.commonBtn .sendBtn:hover {
  color:#FDE6B5;
}

.noDataBody {
  color:#999;
}

.topErrorView {
    background-color: #fff2f8;
    color: #c5a359;
    border-color: #fff2f8;
}
.dispErrorBg {
    background-color: #fff2f8;
    color: #c5a359;
}
h3 {
  color: #c5a359;
  font-weight: bold;
}
/* ==========================================================================
  color unity
========================================================================== */
#topDiaryBody #diaryList li .title,
#topStaffDiaryBody #sdiaryList li .title
{
  color:#c5a359;
}
@media screen and (max-width: 767px) {
  #topDiaryBody #diaryList li .title,
  #topStaffDiaryBody #sdiaryList li .title,
  .diaryInnerWrap dl dt a,
  .staffDiaryWrap .diaryInnerWrap dl .decorate {
  color: #000;
  }
}
#diaryWrap #diaryScroll {
  background-color: #FFFFFF;
}

/* ==========================================================================
  Containers BackGround-color
========================================================================== */
/*all page*/
/*#container {
  background-color:rgba(255,255,255, 0.75);
}
*/
/*diary-detail*/
.detailContainer{
  background-color:rgba(255,255,255,0.75);
}

/*
 entry-result
 entry
 err-access
 event
 leave-confirm
 leave-result
 link
 privacy
 recruit
 recruitstaff
 rule
 signup-result
 sitemap
 system
*/
.freeContainer{
}
/*contact*/
.formContainer{
  background-color:rgba(255,255,255,0.75);
}
/*
 girl
 shift
*/
.boxListContainer{
  background-color:rgba(255,255,255,0.75);
}
.listBlock {
  background-color: #FFFFFF;
}
/*
 diary
 girl
 news
 sdiary
 shift
*/
.listContainer {
  background-color:rgba(255,255,255,0.75);
}
/*pager*/
.pager {
  background-color: #c5a359;
  color: #FFF;
}
/* breadCrumbList */

#breadcrumbListWrap {
font-size: 11px;
    border: 1px solid #FFFFFF;
    background-color: #F7F7F7;
}
#breadCrumbList {
}
#breadCrumbList a {
  color:#666;
}
#breadCrumbList a:hover {
  color:#999;
}

.articleTitle {
  background-color:#c5a359;
  color: #FFFFFF;
}

/* ==========================================================================
  Index
========================================================================== */

body#pageIndex {
  background-color: #FFF;
  background-position: center top;
  background-image: url(/img/index/back_image.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
#indexWrap h1{
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  margin: 0 0 2px 0;
  background: rgb(197 163 89 / 70%);
  padding: 3px;
  box-sizing: border-box;
}
#indexContentsWrap{
  width: 100%;
  height: 100%;
}
#indexContentsWrap > .inner {
  margin-top: 50px;
  width: 100%;
}
#indexWrap ul{
  overflow: hidden;
  margin: -30px auto 0;
}
#indexWrap ul li:nth-child(1){
  margin-left: 0 !important;
}
#indexWrap ul li a {
  background-size: auto;
  color: rgba(255, 255, 255, 0);
  height: 286px;
  width: 214px;
  background-repeat: no-repeat;
}
#indexWrap ul li a:hover {
  color: rgba(255, 255, 255, 0);
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#indexWrap ul li:nth-child(1) a {
    background-image: url(/img/index/enter.png);
    background-size: 100%;
		background-position: center !important;
    margin-bottom: 0;
    margin-top: 0;
}
#indexWrap ul li:nth-child(2) a {
    background-image: url(/img/index/leave.png);
    background-size: 100%;
		background-position: center !important;
    margin: 0;
}
#indexWrap .textContents {
  display: block;
  padding: 15px 15px;
  margin: 33px 0;
  color: #c5a359;
  margin: 150px auto 10px;
  background: rgba(255, 255, 255, 0.4);
  text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px, white -1px -1px 10px;
}
#indexWrap #footerAdd{
  color: #fff;
  background: #c5a359;
  padding: 3px;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px){
  body#pageIndex {

  }
  #indexContentsWrap .inner{
    margin-top:10px;
  }
  #indexContentsWrap img {
    width: 100%;
    max-width: 100%;
  }
  #indexWrap a {
    font-size:40px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
#indexWrap .caution{
  color:#000;
  display: none;
}

#indexContentsWrap .inner ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 40px;
}
#indexContentsWrap .inner ul li a {
  width:270px;
}
@media screen and (max-width: 767px){
  #indexWrap h1{
    font-size: 11px;
    background: rgb(197 163 89 / 70%);
    color: #FFFFFF;
  }
  #indexContentsWrap img {
    width:auto;
    max-width:90%;
    margin-top: 45px;
  }
  #indexWrap ul{
    width: auto;
    margin: 0px 0;
    display: table;
  }
  #indexWrap ul li{
    float:inherit;
    margin:0 auto;
    width:auto;
  }
  #indexWrap ul li:nth-child(1){
    margin-right:0;
  }
  #indexWrap ul li a{
    width:200px;
    height:115px;
  }
  #indexContentsWrap {
    width: auto;
  }
}
@media screen and (max-width: 767px){
    #indexWrap ul li a {
      height: 200px;
    }
    #indexWrap ul li:nth-child(1) a{
      margin-bottom:0;
    }
    #indexWrap ul li:nth-child(2) a {
      margin:0 0 0 0px;
    }
  #indexContentsWrap .inner ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 25px;
  }
  #indexContentsWrap .inner ul li a {
    width: 170px;
  }
}

@media (max-width: 480px){
  #indexContentsWrap .inner ul li {
    list-style-type: none;
    display: block;
    margin-left: 0px;
  }

  #indexWrap ul li a{
    width:100px;
    margin-right: 0px!important;
  }

}

* ==========================================================================
  TopPageList BackGround-color
========================================================================== */
#topContentsWrap .scroll-pane{
	background-color:rgba(255, 255, 255, 0.87);
	border:solid 1px #CCC;
}

@media screen and (max-width: 767px) {
  #topGirlBody #girlScroll {
    border:none;
  }
}
.contentsTitle {
  background: #c5a359;
}
.contentsTitle span.titleE {
  color:#FFF;
}
.contentsTitle span.titleJ {
  color:#FFF;
}

@media all and (min-width: 768px) {
  #grobalNav{
/*
    background: #ce180b;
    background: -moz-linear-gradient(top, #ce180b 0%, #b1021b 100%);
    background: -webkit-linear-gradient(top, #ce180b 0%,#b1021b 100%);
    background: linear-gradient(to bottom, #ce180b 0%,#b1021b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce180b', endColorstr='#b1021b',GradientType=0 );
*/
  }
  #grobalNav a {
    color: #fff;
    background: rgb(242,196,216);
    background: -moz-linear-gradient(top, rgba(242,196,216,1) 0%, rgba(234,116,168,1) 100%);
    background: -webkit-linear-gradient(top, rgba(242,196,216,1) 0%,rgba(234,116,168,1) 100%);
    background: linear-gradient(to bottom, rgba(242,196,216,1) 0%,rgba(234,116,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c4d8', endColorstr='#ea74a8',GradientType=0 );
  }
  #grobalNav .menuBody ul li p {
    border-right:solid 1px #fff;
  }
  #grobalNav .menuBody ul li p span:last-child {
  color: #fff4b1;
  font-size: 14px;
  font-family: "Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,sans-serif; }
}
/* ==========================================================================
  shopGradient
========================================================================== */
.shopGradient, .ui-dialog-titlebar {
}

.shopGradient2 {
}

.shopGradientBorderBtm {
  border-bottom:dotted 1px #c5a359;
}

@media screen and (max-width: 767px) {
  .diaryInnerWrap dl dt.shopGradient {
    background:none;
    filter:none;
  color:#000;
}
  }
}
/* ==========================================================================
  Grobal Navi
========================================================================== */

#separateWrap #leftMenuWrap ul li a:hover {
  background-color: #FF588E;
  color: #feffa4;
  box-shadow: 0 2px 0 #feffa4;
  -moz-box-shadow: 0 2px 0 #feffa4;
  -webkit-box-shadow: 0 2px 0 #feffa4;
  -o-box-shadow: 0 2px 0 #feffa4;
  -ms-box-shadow: 0 2px 0 #feffa4;
  text-shadow: none;
}
#separateWrap #leftMenuWrap ul li.menuTitle {
  display:block;
  color: #fff;
  text-shadow: 1px 1px 1px #673000;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: bold;
  border-radius: 7px;
  padding-left:10px;
  margin-top:0px;
}
#separateWrap #leftMenuWrap ul li a {
  background-color: #ffc2dc;
  color: #FF407F;
  box-shadow: 0 2px 0 #dc005f;
  -moz-box-shadow: 0 2px 0 #dc005f;
  -webkit-box-shadow: 0 2px 0 #dc005f;
  -o-box-shadow: 0 2px 0 #dc005f;
  -ms-box-shadow: 0 2px 0 #dc005f;
  text-shadow: 1px 1px #fff;
}
#separateWrap #leftMenuWrap ul li .menuE{
  color: #fff;
  text-shadow: 1px 1px 1px #b0006f;
}

/* ==========================================================================
  Contents Menu
========================================================================== */
/*
.contentsTitle span.titleE{
  color:#FFF59D;
  text-shadow: 1px 1px 1px #B0006F;
}
.contentsTitle span.titleJ{
  color: #FFF;
  text-shadow: 1px 1px 1px #B0006F;
}
*/

#separateWrap .lBoxWrap .mainTitle {
  margin-bottom:10px;
  font-weight: normal;
  color: #fff59d;
  text-shadow: 1px 1px 1px #b0006f;
  border: 1px solid #ff007f;
  background: linear-gradient(to bottom, #fff 0%,#FF8BB9 5%,#ff41a0 95%,#C8156E 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  border-radius: 7px;
  padding-left:10px;
}

/* ==========================================================================
  Header
========================================================================== */
#header #topMenu h1{
  color: #fff;
}
@media screen and (max-width: 767px){
#header #topMenu h1{
  color:#FFF;
  }
}
@media all and (max-width: 767px) {
  #header #topMenu, #indexHeader{
    background-color: rgb(197 163 89 / 70%);
  }
  #header #headerMain .headerLogo {
    position:absolute;
    top: 40%;
    left:5%;
    z-index:10;
    max-width:100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .header a::before, .header a i, .header a::after{
    background-color: #c5a359;
  }
}
@media all and (min-width: 550px) {
  #header #headerMain .headerLogo {
    left:2%;
  }
}
@media all and (min-width: 768px) {
  #header #headerMain .headerLogo {
  top: 51%;
}
}

#header #headerMain .headerLogo img {
  max-width: 170px;
  max-height: 170px;
  margin-top: 10px;
}
@media screen and (max-width: 767px){
#header #headerMain .headerLogo img {
    max-width: 110%;
    max-height: 132%;
    margin-left: -85%;
    margin-top: 0%;
  }
}
#header a {
  color: #ffffff;
  text-decoration: none;
}
#header a:hover {
  color:#7a6f56;
}
#header #topMenu ul li:after {
  color: #333;
}

/* ==========================================================================
  Footer
========================================================================== */
#footer #footerMenu{
  margin-top:0;
}
#fixFooter {
  background-color: #c5a359;
}
#footerAdd {
  color:#c5a359;
}

/* ==========================================================================
  Top
========================================================================== */
#topDiaryBody #diaryList {
  color:#444;
}

#topNewsBody #newsList li .title {
  color:#0191f4;
}
#topRankingBody #rankingList li .sepWrap .infoWrap .rankNumWrap {
  color:#DB415C;
}
#topRankingBody #rankingList li.rank1 .sepWrap .infoWrap .rankNumWrap {
  color:#ff3461;
}
#topRankingBody #rankingList li.rank2 .sepWrap .infoWrap .rankNumWrap {
  color:#5fb6ff;
}
#topRankingBody #rankingList li.rank3 .sepWrap .infoWrap .rankNumWrap {
  color:#fb8fff;
}
#topRankingBody #rankingList li .sepWrap .infoWrap .girlName a {
  color: #c5a359;
}
@media screen and (max-width: 767px) {
  #topRankingBody #rankingList li .sepWrap .infoWrap .linkBtnWrap a {
    color:#FFFFFF;
  }
  #topRankingBody #rankingList li .sepWrap .infoWrap .linkBtnWrap a:hover {
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  #topRankingBody #rankingList li .sepWrap .infoWrap .linkBtnWrap li:first-child a {
    background-color:#c5a359;
  }
  #topRankingBody #rankingList li .sepWrap .infoWrap .linkBtnWrap li:last-child a {
    background-color:#D12E4B;
  }
}
@media screen and (max-width: 767px){
#SPfooterBody a{
    color:#215095;
  }
#SPfooterBody a:hover{
    color:#476C96;
  }
}

@media screen and (max-width: 767px){
.SPfooter .contentsTitle {
    margin-bottom: 1px;
    background-color: #c5a359;
}
}
#topGravureBody #gravureList li {
  border: solid 1px #DB415C;
}
#topGravureBody #gravureList li .girlName a {
  color: #FF96C9;
}
/* ==========================================================================
  table
========================================================================== */
table.commonTable th {
    background-color: #c5a359;
    border-top: solid 1px #B2B2B2;
    border-left: solid 1px #B2B2B2;
    border-bottom: solid 1px #B2B2B2;
    color: #FFFFFF;
}
table.commonTable td {
  border: solid 1px #B2B2B2;
}

@media screen and (max-width: 767px) {
  table.commonTable th {
    border-right:solid 1px #B2B2B2;
  }
  table.commonTable td {
    border: solid 1px #B2B2B2;
  }
  table.commonTable tr:last-child td {
    border-bottom:solid 1px #B2B2B2 !important;
  }
}


/* ==========================================================================
  form
========================================================================== */
.formBody .mark {
  background-color: #FFF;
  color: #c5a359;
  box-shadow: 0 3px 0 #c5a359;
  -moz-box-shadow: 0 3px 0 #c5a359;
  -webkit-box-shadow: 0 3px 0 #c5a359;
  -o-box-shadow: 0 3px 0 #c5a359;
  -ms-box-shadow: 0 3px 0 #c5a359;
}

/* ==========================================================================
  girlBox
========================================================================== */
.girlListWrap .conceptList {
  border-top:solid 1px #FFF;
}
.conceptList li span {
  background-color: #c5a359;
  color: #FFF;
  border-color:#FFF;
}
.girlListWrap ul li.listItemWrap {
  background-color: #c5a359;
  border: solid 1px #c5a359;
}
.girlListWrap ul li .girlPhoto {
  background-color:#F2F2F2;
}

.girlListWrap ul li .realtime{
background-color: #FFF;
    color: #333333;
}

.girlListWrap ul li .shift {
  color:#585858;
}
.girlListWrap ul li dl {
  background-color:#FFF;
}
.girlListWrap ul li a {
  color: #c5a359;
}

#girlPhotoWrap #limitTab .active {
    color: #FFF;
    background-color: #831a45;
}
/* ==========================================================================
  shift Menu
========================================================================== */
#shiftDateList ul li {
  background-color:#FFF;
  border:solid 1px #c5a359;
}
#shiftDateList ul li a {
  color:#c5a359;
}
#shiftDateList .todayGradient {
  border: solid 1px #D12E4B;
  color: #FFFFFF;
  background-color: #D12E4B;
}
#shiftDateList ul li:hover a {
  filter:alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}


/* ==========================================================================
  coupon
========================================================================== */
#couponDiv{
  background-color: #c5a359;
}
#couponDiv .inner{
  border: solid 3px #c5a359;
}
#couponDiv .inner .title {
  background-color: #c5a359;
  color: #FFFFFF;
}
#couponDiv .inner .info{
  border-top: #c5a359 dotted 1px;
  border-bottom: #c5a359 dotted 1px;
}

#couponDiv .inner .furtherinfo{
  background-color: #FFF;
  color: #FFFFFF;
}

#couponDiv .inner .info .text{
  color: #DB415C;
}
#couponDiv .inner .info .time{
  color:#DB415C;
}
#couponDiv .inner .info .price{
  color:#FF3300;
}
#couponDiv .inner .furtherinfo .caution{
  color:#c5a359;
}
#couponDiv .inner .furtherinfo .underInfo .address{
  color:#c5a359;
}
#couponDiv .inner {
    background-color: rgb(255, 255, 255);
}
/* ==========================================================================
  girl detail
========================================================================== */
.reatimeArea .contentsTitle span.titleE{
  color:#FFFFFF;
}
.conceptList p {
  color: #d00011;
}
.conceptList p.typeItem {
  background-color: #d00011;
  border: solid 1px #d00011;
  color: #FFFFFF;
}
#diaryScroll .diaryInnerWrap dl dt a {
  color:#000000;
}

#diaryScroll .diaryInnerWrap dl dt a {
    color: #c5a359;
}
@media screen and (max-width: 767px) {
.diaryInnerWrap dl dt a {
  color:#FFFFFF;
  }
}
@media screen and (max-width: 767px) {
.diaryInnerWrap dl dt a {
    color: #c5a359;
  }
}
@media screen and (max-width: 767px) {
  #girlProfileList ul li dl dt {
  background-color: #fff2f8;
  }
}

.gravureBtn a {
    border: solid 2px #c5a359;
    color: #c5a359;
}
.gravureBtn a:visited {
  color: #c5a359;
}
.gravureBtn a:hover {
  color:#FFF;
  background-color:#c5a359;
}

#diaryScroll .diaryInnerWrap dl dt {
    color: #c5a359;
}
/* ==========================================================================
  System
========================================================================== */
.priceTable tr {
  border-bottom:solid 1px #000000;
}
.priceTable,
.freeColomn {
  background-color:inherit;
}
@media screen and (max-width: 767px) {
  .priceTable{
    background-color:rgba(255,255,255,0.75);
  }
  .priceTable tr {
    border-bottom: medium none;
    background-color: rgba(255,255,255,0.75);
  }
  .priceTable th {
    border-left: 4px solid #c5a359;
  }
  .priceTable td {
    border-top: 1px dotted #c5a359;
  }
}


/* ==========================================================================
  Access
========================================================================== */

.shopInfoText {
  border-color:#CC0000;
}

@media screen and (max-width: 767px) {
  .mapArea .lockButton{
    background-color: #c5a359;
    border: 1px solid #c5a359;
  }
  .mapArea .releaseButton{
    background-color: #c5a359;
    border: 1px solid #c5a359;
  }
}

@media screen and (max-width: 767px) {
  .headerBtn {
    background-color: #DB415C;
  }
}

#shopPhotoWrap{
  background-color:#EAEAEA;
}
#shopPhotoWrap .imageWrap p{
  color:#767676;
}

.sl-wrapper .sl-close{
  background-color:#000000;
  color:#FFFFFF;
}

/* ==========================================================================
  Entry
========================================================================== */

#lineQrWrap #lineEntryInfo > p{
  border-color:#000000;
}

#lineQrWrap #lineEntryInfo .info{
  color:#AAA;
}

#lineEntryBody .head span,
#lineQrWrap #lineEntryInfo .info span{
  color:#33B700;
}
#lineQrWrap #lineEntryInfo .title,
#lineQrWrap #lineEntryInfo .lineUrl{
  background-color:#33B700;
  color:#FFF;
}
#lineEntryBody .body span{
  color:#b71724;
}
#lineEntryBody,
#lineEntryBody .head,
#lineQrWrap #lineCodeBody div p:first-child,
#lineQrWrap #lineEntryInfo{
  border-color:#AAA;
}

/* ==========================================================================
  SP gNavi
========================================================================== */
.mm-menu {
  background: none repeat scroll 0 0 #FFF;
  color:#831a45;
}


@media screen and (max-width: 767px){
  .headerBtn {
    background: #ffffff;
  }
  .header span {
    color: #c5a359;
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
  }
  #header #telBtn {
    display:none;
  }
}

.ui-widget-header {
  background:none;
  background-color: #c5a359;
  border: solid 1px #c5a359;
  color: #FFFFFF;
}

@media (max-width: 550px){
  #header #headerMain .headerLogo {
    left: 5%;
  }
}

@media (max-width: 767px){
  #header #headerMain .headerLogo {
    left: 30%;
  }
}

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

#footer {
  background: #fe80c1;
}

#footer a {
  color:#FFFFFF;
}
#footer a:hover {
  color:#FDE6B5;
}

#ftAddress {
  color: #FFFFFF;
  border-top: solid 1px #FFFFFF;
  background-color: #c5a359;
}

@media screen and (max-width: 767px) {
  .SPfooter{
    background-color: #EBEBEB;
  }
  #SPfooterBody p {
    background-color:#FFFFFF;
    color:#c5a359;
  }
}


/* ==========================================================================
  15.08.20 update
========================================================================== */

/* ==========================================================================
  Ranking
========================================================================== */

.rankingHeader {
  background-color:#c5a359;
}
.rankingHeader .periodWrap .title {
  border-bottom:solid 1px #F2F2F2;
}

@media all and (min-width: 768px) {
  #prevRankWrap .title {
    background-color:#c5a359;
    color:#FFF;
  }
  #prevRankWrap > ul {
    border:solid 1px #CCC;
    background-color:#FFF;
  }
  #prevRankWrap > .noDataBody{
    border:solid 1px #CCC;
    background-color:#FFF;
    color:#999;
  }
  #prevRankWrap > ul > li {
    border-bottom:solid 1px #EEE;
  }
  #prevRankWrap .linkBtnWrap a{
    color:#F2F2F2;
  }
  #prevRankWrap .linkBtnWrap a:hover {
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  #prevRankWrap .linkBtnWrap li:first-child a {
    background-color: #c5a359;
  }
  #prevRankWrap .linkBtnWrap li:last-child a {
    background-color:#d12e4b;
  }
  #prevRankWrap .sepWrap .left {
    color:#DB415C;
  }
  #prevRankWrap .sepWrap .left p {
    color:#c5a359;
  }
  #prevRankWrap .rank1 .sepWrap .left {
    color:#ff3461;
  }
  #prevRankWrap .rank2 .sepWrap .left {
    color:#5fb6ff;
  }
  #prevRankWrap .rank3 .sepWrap .left {
    color:#fb8fff;
  }
  #prevRankWrap .rank3 .sepWrap .right {
    color: #FE93B2;
  }
}

.rankingBoxWrap {
  box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
  -webkit-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
  -moz-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
  -o-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
  -ms-box-shadow:rgba(100, 100, 100, 0.25) 0px 0px 1px 1px;
  border:#FFF 1px solid;
}
.rankingBoxWrap .sepWrap .rankNumWrap {
  color:#DB415C;
}
.rankingBoxWrap .sepWrap .linkBtnWrap a {
  color:#FFFFFF;
}
.rankingBoxWrap .sepWrap .linkBtnWrap li:first-child a {
  background-color: #c5a359;
}
.rankingBoxWrap .sepWrap .linkBtnWrap li:last-child a {
  background-color: #d12e4b;
}
.rankingBoxWrap.rank1 .sepWrap .rankNumWrap {
  color:#ff3461;
}
.rankingBoxWrap.rank2 .sepWrap .rankNumWrap {
  color:#5fb6ff;
}
.rankingBoxWrap.rank3 .sepWrap .rankNumWrap {
  color:#fb8fff;
}
.rankingBoxWrap .sepWrap .nameWrap .name {
  color:#c5a359;
}

/* ==========================================================================
  Gravure
========================================================================== */

.gravureListWrap > li {
  border: 1px solid #E4E4E4;
}
.listSepWrap .info .nameWrap .name {
  color: #c5a359;
}
.listSepWrap .info .nameWrap .size {
  color: #B2B2B2;
}
.profileWrap ul li {
  background-color: rgba(255,255,255,0.75);
}
.profileWrap ul li dl dt {
  background-color: #c5a359;
  color: #FFFFFF;
}
.commentWrap p {
  border:solid 1px #c5a359;
}
@media screen and (max-width: 767px) {
  .profileWrap ul li {
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.listSepWrap .info .detailBtn a {
  color: #FFFFFF;
  background-color: #c5a359;
}

.listSepWrap .info .detailBtn2 a {
  background-color: #d12e4b;
  color: #FFFFFF;
}

.contentsMsgWrap {
  border: solid 1px #CCCCCC;
  padding: 10px;
}
.decorate {
  color: #FFFFFF;
}

/* ==========================================================================
  15.12.10 update
========================================================================== */
/* ==========================================================================
  Login Menu
========================================================================== */
#loginList p a{
  color: #c5a359;
}
#loginList p a:hover{
  color:#f00;
}

nav#menu .loginLink{
  background-color: #f8e6ed;
  color: #FFF;
}


/* ==========================================================================
  girl Box
========================================================================== */

.girlListWrap .girlBtnWrap .upperBtn a,
.girlListWrap .girlBtnWrap .underBtn a{
  color:#FFF;
}

/* ==========================================================================
  member
========================================================================== */

#memberMenu ul li a {
  color:#FFF;
  background-color: #c5a359;
}
@media screen and (max-width: 767px) {
  #memberMenu ul li a {
  }
}

#memberContents #memberEditWrap dl dt{
  border-color:#c5a359;
}
.memberMailWrap .mailList .head > div,
.memberMailWrap .mailList .record > div{
  border-color:#CCC;
}
.memberMailWrap .mailList .record.notRead{
  background-color:#FBF4B9;
}

.girlListWrap .girlBtnWrap .upperBtn a,
.girlListWrap .girlBtnWrap .underBtn a,
.girlListWrap .girlBtnWrap .upperBtn p{
  background-color: #c5a359;
  border-color:#FFF;
}
@media screen and (max-width: 767px){
  body#pageIndex {
    background-image: url(/img/index/back_image_sp.png);
    background-size: contain;
  }
  #mmClose{
    color: #c5a359;
  }
}
@media screen and (min-width: 768px){
  #prevRankWrap .sepWrap .right{
    color: #c5a359;
  }
  #header #topMenu {
    /* text-shadow: white 1px 1px 10px, white -1px 1px 10px, white 1px -1px 10px, white -1px -1px 10px; */
    background: rgb(197 163 89 / 70%);
  }
}
.mm-list > li > a, .mm-list > li > span{
    color: #c5a359;
}
#fixFooter #fixTel:first-child {
    border-right: 1px solid #FFFFFF;
}

#fixFooter{
    border-top: 1px solid #FFFFFF;
}

.flex-control-paging li a{
  background: #808080;
}
.flex-control-paging li a.flex-active{
  background: #c5a359;
}
.flex-control-paging li a:hover { 
  background: #c5a359;
}
.flex-control-paging li a.flex-active {
  background: #191919;
}
@media screen and (max-width: 1024px){
  #indexWrap ul{
    text-align: center;
    margin: 0 auto;
  }
  #indexWrap .textContents{
    margin: 35% auto 10px;
    background: rgba(255, 255, 255, 0.4);
  }
  #indexContentsWrap > .inner{
    width: 37%;
  }
  #indexWrap ul li:nth-child(1) a{
      margin-top: 0;
      margin-right: 0;
  }
}
@media screen and (max-width: 767px){
  #indexContentsWrap > .inner{
    width: auto;
  }
  #indexContentsWrap .title{
    text-align: center;
    overflow: hidden;
  }
  #indexContentsWrap .title img {
    padding-left: 0;
    margin-top: 0;
  }
  #indexWrap ul {
    overflow: hidden;
    margin: 50px auto 0;
  }
}

@media screen and (max-width: 1024px){
  #indexContentsWrap img {
    width: auto;
    max-width: 90%;
    margin-top: 45px;
  }
  #indexContentsWrap > .inner {
    margin-top: 30px;
    width: 100%;
    text-align: center;
  }
}
#linkList > li:last-child a{
      background: #D12E4B;
}
.nfContents {
    padding-bottom: 31px;
}

@media screen and (max-width: 420px) {
  body#pageIndex {
    background-size: contain;
  }
}

/*20200728*/

#indexContentsWrap img {
  max-width: 340px;
  width: 100%;
}

#indexWrap ul li:nth-child(1) a {
  width: 200px;
  height: 70px;
  background-position-y: 0;
}

#indexWrap ul li:nth-child(2) a {
  width: 200px;
  height: 60px;
  background-position-y: 0;
}


#girlProfileList ul li {
  border-color: #c5a359;
}


.twoBtn .backBtn {
  background-color: #9E9E9E;
  color: #FFFFFF;
}
@media screen and (max-width: 420px) {

  #indexWrap ul li:nth-child(1) a {
    background-position-x: -5px;
    width: 160px;
  }

  #indexWrap ul li:nth-child(2) a {
    background-position-x: 5px;
    width: 160px;
  }
}


@media screen and (max-width: 340px) {
  #indexContentsWrap .inner ul li a {
    width: 160px;
    height: 50px;
  }
  #indexWrap ul li:nth-child(2) a {
    width: 180px;
    height: 50px;
  }
}



#indexWrap ul {
  overflow: hidden;
  margin: 0 auto;
}

@media screen and (max-width: 767px){
  #indexWrap ul {
    overflow: hidden;
    margin: -10% auto 0;
  }
}