@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0;
	padding:0;
	border: 0;
}
body {
	line-height: 1.5;
	font-family: "M PLUS Rounded 1c";
	font-weight: bold;
	font-size: 14px;
	color: #000;
	background: #fff;
	word-wrap:break-word;
	-webkit-text-size-adjust: none;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}


/*----------------------------------------------------------
ヘッダー
----------------------------------------------------------*/
h1#head {
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	background: #f83f9f;
}
h1#head a {
	color: #fff;
}
div#header {
	margin: 0 auto;
	height: auto;
	background: #e2e2e2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(1,#e2e2e2));
	background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
	border-bottom: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/*----------------------------------------------------------
ヘッダー end
----------------------------------------------------------*/






/*-content-*/
div#content {
	margin: 0 auto;
	padding: 0 3%;
}
div#content div#contentinner {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}



/*-年齢認証ページ ロゴ・入退場の領域-*/
div#content div#contentinner div#siteLogo {
	margin: 40px 0 20px;
}

div#content div#contentinner div#siteLogo div.logo {
	margin: 0 auto;
}

div#content div#contentinner div#siteLogo div.logo img {
	margin: 0 auto;
}

div#content div#contentinner div#siteIndex {
	margin: 0 0 40px 0;
}
div#content div#contentinner div#siteIndex p.area {
	text-align:center;
}
div#content div#contentinner div#siteIndex p.area span.edition {
	margin-right: 10px;
	padding: 5px 10px;
	color: #f83f9f;
	background: #ffff00;
}
div#content div#contentinner div#siteIndex p.count {
	margin-bottom: 10px;
	text-align:center;
}
div#content div#contentinner div#siteIndex p.count span.count {
	margin: 0 3px;
	font-size: 18px;
	font-weight: bold;
	color: #f83f9f;
}
/*-年齢認証ページ ロゴ・入退場の領域 end-*/





/*----------------------------------------------------------
各地版 ENTER 誘導ボタン
----------------------------------------------------------*/

.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button.kansai {
  background-color: #f83f9f;
  border: 2px solid #f83f9f;
}
.button.kanto {
  background-color: #01bbd4;
  border: 2px solid #01bbd4;
}
.button.hokkaido {
  background-color: #38dcff;
  border: 2px solid #38dcff;
}
.button.tohoku {
  background-color: #99d232;
  border: 2px solid #99d232;
}
.button.kk {
  background-color: #ff8000;
  border: 2px solid #ff8000;
}
.button.hk {
  background-color: #febd00;
  border: 2px solid #febd00;
}
.button.tokai {
  background-color: #f44236;
  border: 2px solid #f44236;
}
.button.cs {
  background-color: #bc49d8;
  border: 2px solid #bc49d8;
}
.button.q {
  background-color: #4baf4f;
  border: 2px solid #4baf4f;
}



.button:hover {
  background-color: #fff;

  text-decoration: none;
}

.button.kansai:hover {
  border-color: #f83f9f;
  color: #f83f9f;
}
.button.kanto:hover {
  border-color: #01bbd4;
  color: #01bbd4;
}
.button.hokkaido:hover {
  border-color: #38dcff;
  color: #38dcff;
}
.button.tohoku:hover {
  border-color: #99d232;
  color: #99d232;
}
.button.kk:hover {
  border-color: #ff8000;
  color: #ff8000;
}
.button.hk:hover {
  border-color: #febd00;
  color: #febd00;
}
.button.tokai:hover {
  border-color: #f44236;
  color: #f44236;
}
.button.cs:hover {
  border-color: #bc49d8;
  color: #bc49d8;
}
.button.q:hover {
  border-color: #4baf4f;
  color: #4baf4f;
}



.selectArea .button {
  width: 100%;
  border-radius: 33px;

  padding: 4.5px;
  color: #fff;
  line-height: 1.8;
}

.selectArea .button a:hover {
	text-decoration: none;
}

.selectArea .button span,
.selectArea .button_off span {
	font-size: 18px;
	font-weight: bold;

	text-decoration: none;
}

.selectArea .button_off {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  outline: none;
  border-radius: 33px;

  padding: 4.5px;

  background-color: #afafaf;
  border: 2px solid #afafaf;
  color: #fff;
  line-height: 1.8;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/*-年齢認証ページ selectArea-*/
.selectArea {
	margin: 20px auto;
	padding: 0;
}

.selectArea ul {
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: center;
}

.selectArea ul li {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
}

.selectArea ul li:last-child {
	margin-bottom: 0;
}
/*-年齢認証ページ selectArea end-*/


/*-年齢認証ページ deployment-*/
div#siteIndex div.deployment {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}

div#siteIndex div.deployment p {
	margin: 0 auto;
	font-size: 24px;
	font-weight: normal;
}

div#siteIndex div.deployment p span {
	color: #f83f9f;
}
/*-年齢認証ページ deployment end-*/


/*-年齢認証ページ exit-*/
div#siteIndex div.exit {
	text-align: center;
}

div#siteIndex div.exit img {
	margin-right: 5px;
	vertical-align: middle;
}

div#siteIndex div.exit p.exit {
	display: inline-block;
	margin: 0 auto;
	font-size: 12px;
	color: #afafaf;
}

div#siteIndex div.exit p.exit a{color:#afafaf;text-decoration:underline;}
div#siteIndex div.exit p.exit a:hover{color:#afafaf;text-decoration:none;}
div#siteIndex div.exit p.exit a:active, a:focus {outline: 0;}

/*-年齢認証ページ exit end-*/



/*-h3 共通（各地版 名称span）-*/
div#content div#contentinner h3 {
	position: relative;
	text-align: right;
}
div#content div#contentinner h3 span {
	position: relative;
}
div#content div#contentinner h3 div.edition {
	position: absolute; /*絶対配置*/
	top: 11px;

	width: 108px;
	height:28px;
	padding: 0 5px;
	background: #fff;
	border-radius: 28px;
	text-align: center;
}
div#content div#contentinner h3 div.edition p {
	position: relative;
	font-size: 14px;
	color: #f83f9f;
	text-shadow: none;
}





/*-③今すぐイケる女の子-*/
div#contentinner div#top_now {
	margin: 10px auto;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
div#contentinner div#top_now h3 {
	padding: 7.5px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
    text-shadow: 1px 1px 1px #000000;
	background-image: url(../img/headline.jpg);
	border: 1px solid #ff0080;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
div#contentinner div#top_now div#top_nowinner {
	margin: 0 auto;
	width: 100%;
	padding: 10px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
div#contentinner div#top_now div#top_nowinner div.nop {
	margin-bottom: 5px;
}
div#contentinner div#top_now div#top_nowinner ul.center {
	width: 100%;
}
div#contentinner div#top_now div#top_nowinner ul.center li {
	margin-right: 5px;
	width: 20%;
}
div#contentinner div#top_now div#top_nowinner ul.center li a {
	display: block;
	text-decoration: none;
}
div#contentinner div#top_now div#top_nowinner ul.center li div.image {
	width: 100%;
	position: relative;
	overflow: hidden;
}
div#contentinner div#top_now div#top_nowinner ul.center li div.image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
div#contentinner div#top_now div#top_nowinner ul.center li div.image p.wait {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255,0,0,0.7);
	font-size: 10px;
	color: #fff;
}
div#contentinner div#top_now div#top_nowinner ul.center li div.image p.wait span {
	padding: 2px;
}
div#contentinner div#top_now div#top_nowinner p.morebutton {
	margin-top: 10px;
	border: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 6px;
	background: #e2e2e2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(1,#e2e2e2));
	background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
    text-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
div#contentinner div#top_now div#top_nowinner p.morebutton a {
	display: block;
	padding: 10px;
    text-decoration: none;
    text-align: center;
    color: #666;
    font-weight: bold;
}
div#contentinner div#top_now div#top_nowinner p.morebutton a:before {
	margin: 0 5px 1px 0;
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../../img/icon/more_icon.png);
	background-size: contain;
	vertical-align: middle;
}
/*-③今すぐイケる女の子 end-*/



/*-ロイヤルコース専用バナー-*/
div#contentinner div#royalbanner {
	margin: 10px auto;
	width: 100%;
	height: auto;
	text-align: center;
}
div#contentinner div#royalbanner img {
	max-width: 600px;
	width: 100%;
	vertical-align: bottom;
}
/*-ロイヤルコース専用バナー end-*/



/*-⑤お店からの新着情報-*/
div#contentinner div#top_news {
	margin: 10px auto;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
div#contentinner div#top_news h3 {
	padding: 7.5px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
    text-shadow: 1px 1px 1px #000000;
	background-image: url(../img/headline.jpg);
	border: 1px solid #ff0080;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
div#contentinner div#top_news div#top_newsinner {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
div#contentinner div#top_news ul {
	margin: 0 auto;
	width: 100%;
}
div#contentinner div#top_news ul li {
	margin: 0 auto;
	border-bottom: 1px solid #c0c0c0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
div#contentinner div#top_news ul li a {
	padding: 10px;
	overflow: hidden;
	display: block;
	color: #000;
	text-decoration: none;
	position: relative;
}
div#contentinner div#top_news ul li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: #555;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
div#contentinner div#top_news ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
div#contentinner div#top_news ul li p.n_shop {
	width: 90%;
    font-weight: bold;
	color: #ff0080;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
div#contentinner div#top_news ul li p.n_area {
	width: 100%;
}
div#contentinner div#top_news ul li p.col0 {
	color: #00cc00;
}
div#contentinner div#top_news ul li p.col1 {
	color: #00ccff;
}
div#contentinner div#top_news ul li p.col2 {
	color: #cc00ff;
}
div#contentinner div#top_news ul li a p.n_date {
	width: 100%;
	color: #666;
}
div#contentinner div#top_news ul li p.n_title {
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
div#contentinner div#top_news ul li:last-child {
	border-bottom: none;
}
/*-⑤お店からの新着情報 end-*/



/*-フッター-*/
div#footer {
	margin: 0 auto;
	width: 100%;
	height: auto;
	background: #eee;
}
div#footer div#footerinner {
	padding: 0;
	text-align: center;
	color: #000;
}
div#footer div#footerinner div.footer_box1 {
	padding: 10px;
	border-bottom: 1px solid #c0c0c0;
}
div#footer div#footerinner p a {
	color: #0080ff;
}
div#footer div#copyright {
	margin: 0 auto;
	background: #000;
	font-size: 12px;
}
div#footer div#copyright p {
	padding: 5px 0;
	text-align: center;
	color: #fff;
}
div#footer div#copyright p a {
	color: #fff;
}



/****************************************
　追従ヘッダー
****************************************/

.header-change{
	background: #b6f4ff;
	border-bottom: 3px solid #1cddff;
	opacity: 0.95;

	display: flex;
	justify-content: space-between;
	position: fixed;
	top: -113px;
	transition: .5s;
	width: 100%;

	z-index: 9990;
}
.header-change.show{
	top: 0;
}
.header-change .gnav__menu__item a{
	color: #fff;
	text-decoration: none;
}
.site-logo{
	margin-left: 9px;
}
.site-logo img{
	width: auto;
	height: 45px;
	margin: 5px 0 7.5px;
	filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff);
}
.gnav__menu{
	display: flex;
}
.gnav__menu__item{
	margin-top: 9px;
}
.gnav__menu__item.left{
	margin-left: 9px;
	text-align: center;
}
.gnav__menu__item.left img{
	width: 29px;
}
.gnav__menu__item.left p{
	margin: 0;
	font-size: 11px;
}
.gnav__menu__item.left p.aquablue{
	color: #1cddff;

	text-shadow:
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff;
}
.gnav__menu__item.left p.pink{
	color: #f83f9f;

	text-shadow:
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00,
		0px 0px 2px #ffff00;
}


.gnav__menu__item.right{
	margin-right: 9px;
}


.site-header .gnav__menu__item a{
	color: #333;
	text-decoration: none;
}
.gnav__menu__item i.fas.fa-search{
	font-size: 24px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}



/****************************************
　ドロワーメニュー
****************************************/

.PR_drawer_header {
	margin: 0 auto;
	padding: 10px 4%;
	text-align: center;
}

.PR_drawer_footer {
	margin: 0 auto;
	padding: 10px 4%;
	text-align: center;
}

.PR_drawer_footer p {
	margin: 0;
	padding: 0;
	color: #ffff00;
}



#drawer-checkbox {
  display: none;
}
#drawer-icon {
  cursor: pointer;
  display: inline-block;
  height: 42px;
  position: relative;
  width: 42px;

	background: #f83f9f;
	border-radius: 50%;
}
#drawer-icon span {
  background:  #fff;
  border-radius: 3px;
  display: block;
  height: 12%;
  left: 57%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 54%;
  transition: all 0.3s ease-in-out;
  width: 70%;
}
#drawer-icon span::before,
#drawer-icon span::after {
  -webkit-transform: rotate(0);
  background: #fff;
  border-radius: 4px;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;

  z-index: 9999;
}
#drawer-icon span::before {
  margin-top: -38%;
}
#drawer-icon span::after {
  margin-top: 19%;
}
#drawer-checkbox:checked ~ #drawer-icon span {
  background: rgba(51, 51, 51, 0);
}
#drawer-checkbox:checked ~ #drawer-icon span::before,
#drawer-checkbox:checked ~ #drawer-icon span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#drawer-checkbox:checked ~ #drawer-icon span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);

	left: 42%;
}
#drawer-checkbox:checked ~ #drawer-icon span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);

	left: 42%;
}
#drawer-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9991;
  width: 66%;
  max-width: 66%;
  height: 100%;
  background: #f83f9f;
  transition: all 0.3s ease-in-out 0s;
  transform: translateX(100%);

  overflow: scroll;
}
#drawer-checkbox:checked ~ #drawer-content {
  transform: translateX(0);
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.16);
}

#drawer-close {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
#drawer-checkbox:checked ~ #drawer-close {
  display: block;
  opacity: 0.3;

  z-index: 9991;
}



.drawer_menu{
	width: 100%;
	margin: 0 auto;
	margin-top: 52px;
}

.drawer_menu li {
    border-bottom: 1px solid #da1070;

    background-position: 4% 50%;
    background-repeat: no-repeat;
    background-size: 12% auto;
}

.drawer_menu li:first-child {
    border-top: 1px solid #da1070;
    background-image: url("../img/drawerMenu/icon_toppage.png");
}

.drawer_menu li:nth-child(2) {
    background-image: url("../img/drawerMenu/icon_searcharea.png");
}

.drawer_menu li:nth-child(3) {
    background-image: url("../img/drawerMenu/icon_nowgirl.png");
}

.drawer_menu li:nth-child(4) {
    background-image: url("../img/drawerMenu/icon_shopnews.png");
}

.drawer_menu li:nth-child(5) {
    background-image: url("../img/drawerMenu/icon_shopevent.png");
}

.drawer_menu li:nth-child(6) {
    background-image: url("../img/drawerMenu/icon_group.png");
}

.drawer_menu li:nth-child(7) {
    background-image: url("../img/drawerMenu/icon_hoteheal.png");
}

.drawer_menu li:nth-child(8) {
    background-image: url("../img/drawerMenu/icon_contact.png");
}

.drawer_menu li:nth-child(9) {
    background-image: url("../img/drawerMenu/icon_link.png");
}

.drawer_menu li a {
    display:block;
    height: 46px;
    line-height: 46px;
    padding-left: 19%;

    text-decoration:none;

	font-size: 16px;
    color: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;
}

/*
.drawer_menu li a:hover {
    color: #fff;
    background-color: #f02c8a;
    outline:none;
}
*/





/***** ［PR］ 特例テキストリンク広告枠 *****/

.pr_textlink {
	width: 300px;
	margin: 20px auto 0;
	border: 1px solid #000;
}

.pr_textlink p {
	margin: 0;
	padding: 7.5px 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #afafaf;
}

.pr_textlink ul {
	width: unset;
	margin: 0;
	padding: 10px 5%;
	font-size: 0;
}

.pr_textlink ul li {
	display: inline-block;
	width: calc(100% / 2 - 5px);
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #01bbd4;
}

.pr_textlink ul li:nth-child(2n) {
	margin-right: 0;
}

.pr_textlink ul li:nth-last-child(-n+2) {
	margin-bottom: 0;
}

.pr_textlink ul li a { color:#777; text-decoration:underline; }
.pr_textlink ul li a:hover { color:#999; text-decoration:none; }