@charset "utf-8";
/* CSS Document */
/* =========================================================
 リセット
========================================================= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
html {
	overflow-y: scroll;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
input,
textarea {
	margin: 0;
	padding: 0;
}
ol,
ul {
	list-style:none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
caption,
th {
	text-align: left;
}
a:focus {
	outline:none;
}
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}
iframe {
	vertical-align: bottom;
}
/* =========================================================
 clearfix
========================================================= */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* =========================================================
 よく使うCSS
========================================================= */
img {
	max-width: 100%;
}
table {
	width: 100%;
}
/* フラットボタン
--------------------------------------------------------- */
/* フラットボタン（ベース） */
.flatBtn {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	width: 100%;
	margin: 0 0 4%;
}
.flatBtn a {
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	padding: 4% 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
/* フラットボタン（オレンジ） */
.flatBtn.orange {
	background: #fe6e46;
	box-shadow: #86584b 0px 3px 0px 0px;
	-webkit-box-shadow: #86584b 0px 3px 0px 0px;
	-moz-box-shadow: #86584b 0px 3px 0px 0px;
}
.flatBtn.orange a {
	color: #fff;
}
/* フラットボタン（緑） */
.flatBtn.green {
	background: #2ec7b9;
	box-shadow: #696969 0px 3px 0px 0px;
	-webkit-box-shadow: #696969 0px 3px 0px 0px;
	-moz-box-shadow: #696969 0px 3px 0px 0px;
}
.flatBtn.green a {
	color: #fff;
}
/* フラットボタン（青） */
.flatBtn.blue {
	background: #40bffb;
	box-shadow: #4d9dc3 0px 3px 0px 0px;
	-webkit-box-shadow: #4d9dc3 0px 3px 0px 0px;
	-moz-box-shadow: #4d9dc3 0px 3px 0px 0px;
}
.flatBtn.blue a {
	color: #fff;
}
/* フラットボタン（藍色） */
.flatBtn.Indigo {
	background: #4285f5;
	box-shadow: #40639e 0px 3px 0px 0px;
	-webkit-box-shadow: #40639e 0px 3px 0px 0px;
	-moz-box-shadow: #40639e 0px 3px 0px 0px;
}
.flatBtn.Indigo a {
	color: #fff;
}
/* フラットボタン（白） */
.flatBtn.white {
	background: #fff;
	border-style: solid solid none;
	border-color: #717170;
	border-width: 1px;
	/*border: 1px solid #737373;*/
	box-shadow: #717170 0px 3px 0px 0px;
	-webkit-box-shadow: #717170 0px 3px 0px 0px;
	-moz-box-shadow: #717170 0px 3px 0px 0px;
}
.flatBtn.white a {
	color: #565656;
}
/* フラットボタン（白ベースのグラデ付） */
.flatBtn.grad {
	background: #fff;
	border-style: solid solid none;
	border-color: #737373;
	border-width: 1px;
	box-shadow: #db4d4d 0px 5px 0px 0px;
	-webkit-box-shadow: #db4d4d 0px 5px 0px 0px;
	-moz-box-shadow: #db4d4d 0px 5px 0px 0px;
}
.flatBtn.grad a {
	color: #565656;
}
/* フラットボタン（赤茶色） */
.flatBtn.henna {
	background: #cf1212;
	border-style: solid solid none;
	border-color: #cf1212;
	box-shadow: #db4d4d 0px 3px 0px 0px;
	-webkit-box-shadow: #db4d4d 0px 3px 0px 0px;
	-moz-box-shadow: #db4d4d 0px 3px 0px 0px;
}
.flatBtn.henna a {
	color: #ffffff;
}
/* フラットボタン（ピンク） */
.flatBtn.pink {
	background: #fd4c7d;
	box-shadow: #c52450 0px 3px 0px 0px;
	-webkit-box-shadow: #c52450 0px 3px 0px 0px;
	-moz-box-shadow: #c52450 0px 3px 0px 0px;
}
.flatBtn.pink a {
	color: #fff;
}
/*青枠線*/
.flatBtn.lineBlue {
	background: #ffffff;
	border: 2px solid #40bffb;
	box-shadow: #40bffb 0px 3px 0px 0px;
}
.flatBtn.lineBlue a {
	color: #40bffb;
}
/* 文字装飾
--------------------------------------------------------- */
/*ベースカラー*/
.textColor {
	color: #ff4781;
	font-size: 100%;
}
/* 太文字 */
.textBold {
	font-weight: bold;
	font-size: 100%;
}
/* 赤文字 */
.textRed {
	color: #ff1f1f;
	font-size: 100%;
}
/* 青文字 */
.textBlue {
	color: #40bffb;
	font-size: 100%;
}
/* 緑文字 */
.textGreen {
	color: #2ec7b9;
	font-size: 100%;
}
/* =========================================================
 共通パーツ
========================================================= */
body {
	color: #686868;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
	overflow: hidden;
}
/* header
--------------------------------------------------------- */
header {
	background: #fff;
	position: relative;
	z-index: 2;
}
h1 {
	color: #ff568e;
	font-size: 70%;
}
/* 営業時間 */
.hours {
	background-color: #edf1fe;
	font-size: 90%;
	padding: 2% 0;
	text-align: center;
	width: 100%;
	color: #000000;
	clear: both;
}
.hours span {
	font-size: 120%;
	line-height: 1;
}
/* common.js用 */
.fixed {
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
/* contentsWrapper
--------------------------------------------------------- */
#contentsWrapper {
	background: #fff;
	transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	/*-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);*/
	padding: 3% 0 0;
}
#contentsWrapper.active {
	transform: translateX(-270px);
	-moz-transform: translateX(-270px);
	-webkit-transform: translateX(-270px);
	-ms-transform: translateX(-270px);
}
/* middleContents
--------------------------------------------------------- */
/* ----- bannerHeadline ----- */
.bannerHeadline {
	border-bottom: 2px solid #ff5990;
	margin: 0 0 3%;
	padding: 0 4% 1%;
}
.bannerHeadline h2 {
	color: #525252;
	font-size: 120%;
	font-weight: bold;
	line-height: 1;
}
.bannerHeadline > p {
	color: #000000;
	font-size: 90%;
	line-height: 1.2;
	margin: 1% 0 0;
}
/* ----- 本文 ----- */
.subHeading h3 {
	background-image: url("../img/common/bg_subTitle.png");
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 3%;
	padding: 2% 4%;
	text-shadow: 1px 1px 1px #777777;
}
.contentsBlock {
	margin: 0 4% 3%;
}
/* ----- 「もっと見る」ボタン ----- */
.subHeading {
	position: relative;
}
.moreReadBtn {
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: block;
	position: absolute;
	right: 2%;
	top: 13%;
	vertical-align: middle;
	width: 25%;
	box-shadow: #bf285a 0px 3px 0px 0px;
	-webkit-box-shadow: #bf285a 0px 3px 0px 0px;
	-moz-box-shadow: #bf285a 0px 3px 0px 0px;
}
.moreReadBtn a {
	color: #ff5890;
	display: block;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: -0.1em;
	line-height: 1;
	padding: 10% 0 10%;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
/* bottomContents
--------------------------------------------------------- */
#bottomContents {
	margin: 3% 0;
}
#bottomContents:before {
	background: #f4f4f4;
	color: #dadada;
	content: "××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××";
	display: block;
	font-size: 12px;
	height: 6.5px;
	letter-spacing: -2px;
	line-height: 4.5px;
	overflow: hidden;
	text-indent: -5px;
	width: 100%;
	margin-bottom: 3%;
}
#globalNav {
	margin: 3% auto -0px;
}
/* ----- mainNav ----- */
.mainNav ul {
	text-align: center;
}
.mainNav li {
	background: #39aff9; /* Old browsers */
	background-image: url("../img/common/bg_dot.png"), -moz-linear-gradient(top, #39aff9 50%, #0d9df8 50%); /* FF3.6+ */
	background-image: url("../img/common/bg_dot.png"), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #39aff9), color-stop(50%, #0d9df8)); /* Chrome,Safari4+ */
	background-image: url("../img/common/bg_dot.png"), -webkit-linear-gradient(top, #39aff9 50%, #0d9df8 50%); /* Chrome10+,Safari5.1+ */
	background-size:20% auto, contain;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	width: 23%;
	margin: 0 1px 3%;
	box-shadow: #013b93 0px 3px 0px 0px;
	-webkit-box-shadow: #013b93 0px 3px 0px 0px;
	-moz-box-shadow: #013b93 0px 3px 0px 0px;
}
.mainNav li a {
	display: block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
.mainNav li img {
	margin: 13% 0;
	width: 100%;
}
.mainNav li.oneLine img {
	margin-top: 9%;
	width: 50%;
}
.mainNav li p {
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 5%;
}
.mainNav li.oneLine p {
	font-size: 104%;
	line-height: 177%;
}
/* ----- subNav ----- */
.subNav ul {
	text-align: center;
}
.subNav li {
	background: #39aff9; /* Old browsers */
	background-image: url("../img/common/bg_dot.png"), -moz-linear-gradient(top, #39aff9 50%, #0d9df8 50%); /* FF3.6+ */
	background-image: url("../img/common/bg_dot.png"), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #39aff9), color-stop(50%, #0d9df8)); /* Chrome,Safari4+ */
	background-image: url("../img/common/bg_dot.png"), -webkit-linear-gradient(top, #39aff9 50%, #0d9df8 50%); /* Chrome10+,Safari5.1+ */
	background-size:10% auto, contain;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	margin: 0 1px 3%;
	vertical-align: middle;
	width: 48%;
	box-shadow: #013b93 0px 3px 0px 0px;
	-webkit-box-shadow: #013b93 0px 3px 0px 0px;
	-moz-box-shadow: #013b93 0px 3px 0px 0px;
}
.subNav li a {
	color: #fff;
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	padding: 8% 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 100%;
}
/* 横幅100%ボタン */

.subNav li.full {
	display: block;
	margin: 0 auto 3%;
	width: 97%;
	background-size:5% auto, contain;
}
.subNav li.full a {
	padding: 4% 0;
}
.globalNav_bn {
	width: 97%;
	margin: 0 auto 2%;
}
/* ----- otherNav ----- */
.otherNav {
	margin: 2% auto 0;
	width: 97%;
}
.otherNavTitle {
	background: #39aff9; /* Old browsers */
	background-image: url("../img/common/bg_dot.png"), -moz-linear-gradient(top, #39aff9 50%, #0d9df8 50%); /* FF3.6+ */
	background-image: url("../img/common/bg_dot.png"), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #39aff9), color-stop(50%, #0d9df8)); /* Chrome,Safari4+ */
	background-image: url("../img/common/bg_dot.png"), -webkit-linear-gradient(top, #39aff9 50%, #0d9df8 50%); /* Chrome10+,Safari5.1+ */
	background-size:5% auto, contain;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 97%;
	font-weight: bold;
	line-height: 1.1;
	padding: 4% 0;
	position: relative;
	text-indent: 6%;
	vertical-align: middle;
	width: 100%;
	box-shadow: #013b93 0px 3px 0px 0px;
	-webkit-box-shadow: #013b93 0px 3px 0px 0px;
	-moz-box-shadow: #013b93 0px 3px 0px 0px;
}
.otherNav li {
	background: #f1f1f1;
	border-style: none solid solid;
	border-color: #491300;
	border-width: 1px;
}
.otherNav li a {
	color: #565656;
	display: block;
	font-size: 94%;
	font-weight: bold;
	padding: 3% 0 3% 7%;
	text-decoration: none;
}
/* common.js用 */
.otherNavTrigger {
	color: #fff;
	display: block;
	font-size: 120%;
	position: absolute;
	top: 34%;
	right: 4%;
}
/* footer
--------------------------------------------------------- */
footer {
	background-color: #ff568e;
}
/* ----- mainFooter ----- */
#mainFooter {
	padding: 3%;
}
#mainFooter li {
	border: 1px solid #ff568e;
	box-sizing: border-box;
	margin: 0 0 3%;
	width: 48%;
}
#mainFooter li:nth-of-type(odd) {
	clear: both;
	float: left;
}
#mainFooter li:nth-of-type(even) {
	float: right;
}
#mainFooter li a {
	display: block;
}
#mainFooter li a img {
	display: block;
}
/* ----- subFooter ----- */
#subFooter {
	margin: 0 0 0 3%;
}
#subFooter li {
	color: #fff;
	display: inline-block;
	font-size: 100%;
	margin: 0 0 1%;
	vertical-align: middle;
	width: 100%;
}
#subFooter li:before {
	background: rgba(0, 0, 0, 0) url("../img/common/icon_footer.png") no-repeat;
	content: " ";
	display: inline-block;
	height: 4px;
	margin: 0 2% 0 0;
	vertical-align: middle;
	width: 2%;
	background-size: contain;
}
#subFooter a {
	color: #fff;
	vertical-align: middle;
}
/* ----- footerCopyright ----- */
#footerCopyright {
	color: #450017;
	font-size: 80%;
	padding: 4% 0;
	text-align: center;
}
#footerCopyright small {
	font-size: 100%;
}
#footerCopyright a {
	color: #450017;
	font-size: 100%;
}
/* ----- グループロゴ ----- */
.footerGroupLogo {
	margin: 0 auto;
	padding: 4% 0;
	width: 50%;
}
/* ----- フッター用バナー ----- */
.bannerBox {
	margin: 0 auto 4%;
}
/* =========================================================
 即ヒメ一覧用見出し
========================================================= */
#sokuhimeHeading {
/*margin: 4% 0 0;*/
}
#sokuhimeHeading h3 {
	line-height: 0.9;
}
#sokuhimeHeading h3 span {
	display: inline-block;
	font-size: 65%;
	font-weight: bold;
	vertical-align: middle;
}
#sokuhimeHeading .moreReadBtn {
	top: 17%;
	width: 38%;
}
#sokuhimeHeading .moreReadBtn a {
	padding: 8% 0;
}
#sokuhimeHeading .moreReadBtn span {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0;
}
/* =========================================================
 女の子サムネイル一覧① 横幅いっぱいに1人表示する場合
 ※「.girlsBlock」に「.full」を追加して使用
========================================================= */
.full .girlsBox {
	margin: 0 0 3%;
}
.full .girlsBox a {
	display: block;
	text-decoration: none;
}
.full .girlsAnchor:after {
	content: "";
	clear: both;
	display: block;
}
.full .girlsPhoto {
	float: left;
	position: relative;
	width: 49%;
}
.full .girlsPhoto img {
	border: 1px solid #49bbf2;
	box-sizing: border-box;
	display: block;
}
.full .sokuhime .girlsPhoto img {
	border: 1px solid transparent;
}
.full .sokuhime .girlsSokuhimeInfo {
	background-color: #ff5790;
	bottom: 0;
	color: #fff381;
	display: block;
	font-size: 95%;
	font-weight: bold;
	left: 0;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 4px #f5105d, 1px 1px 1px #f5105d, -1px 1px 4px #f5105d, -1px 1px 1px #f5105d, 1px -1px 4px #f5105d, 1px -1px 1px #f5105d, -1px -1px 4px #f5105d, -1px -1px 1px #f5105d;
	width: 100%;
	z-index: 1;
}
.full .girlsInfo {
	float: right;
	width: 48%;
}
.full .girlsDescription {
	color: #565656;
	font-size: 90%;
	line-height: 1.1;
}
.full .girlsName {
	color: #ff5279;
	margin: 0 0 3%;
}
.full .girlsName:after {
	content: "";
	clear: both;
	display: block;
}
.full .nameInfo {
	display: block;
	float: left;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: -0.05em;
}
.full .girlsAge {
	display: block;
	float: left;
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 0;
	margin: 3% 0 0 2%;
}
.full .girlsSize {
	color: #565656;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 7%;
}
/* girlsDate
--------------------------------------------------------- */
.full .girlsDate {
	margin: 0 0 4%;
}
/* ----- girlsDate li ----- */
.full .girlsDate li {
	border-style: solid solid solid none;
	border-width: 1px;
	margin: 0 0 3%;
}
.full .girlsDate li:after {
	content: "";
	clear: both;
	display: block;
}
.full .newfaceInfo {
	border-color: #16c1b1;
}
.full .todayInfo {
	border-color: #ff7e8a;
}
.full .nextInfo {
	border-color: #565656;
}
/* ----- girlsDate li p ----- */
.full .girlsDate p {
	float: left;
	font-size: 90%;
	overflow: hidden;
	letter-spacing: 0;
	white-space: nowrap;
	width: 100%;
}
.full .newfaceInfo p {
	color: #16c1b1;
}
.full .todayInfo p {
	color: #525252;
}
.full .nextInfo p {
	color: #565656;
}
.full .girlsDate p:before {
	color: #fff;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	margin: 0 4% 0 0;
	padding: 0 3%;
}
.full .newfaceInfo p:before {
	background: #16c1b1;
	content: "新人";
	border-left: 1px solid #16c1b1;
	border-right: 1px solid #16c1b1;
}
.full .todayInfo p:before {
	background: #ff7e8a;
	color:#ffffff;
	content: "本日";
	border-left: 1px solid #ff7e8a;
	border-right: 1px solid #ff7e8a;
}
.full .nextInfo p:before {
	background: #ffffff;
	color:#565656;
	content: "次回";
	border-left: 1px solid #565656;
	border-right: 1px solid #565656;
}
/* girlsState
--------------------------------------------------------- */
.full .girlsState:after {
	content: "";
	clear: both;
	display: block;
}
.full .girlsState li {
	background: #606060;
	color: #fff;
	display: block;
	float: left;
	font-size: 85%;
	font-weight: bold;
	margin: 0 3% 0 0;
	padding: 0 5%;
	text-align: center;
}
/* 即ヒメの場合 ※「.girlsBox」に「.sokuhime」を追加して使用
--------------------------------------------------------- */
.full .sokuhime .girlsPhoto:before {
	content: "";
	background-image: url("/s/img/common/img_sokuhime_frame01.png?v=160512");
	background-size: 100% 100%;
	display: block;
    width: 100%;
	height: 100%;
	position: absolute;
}

.full .sokuhime .girlsPhoto:after {
	content: "";
	background-image: url("/s/img/common/img_sokuhime_icon.png");
	background-repeat: no-repeat;
	background-size: 35%;
	box-sizing: border-box;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.full .sokuhime .girlsSokuhimeInfo {
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 95%;
	font-weight: bold;
	left: 0;
	position: absolute;
	text-align: center;
    width: 100%;
	z-index: 1;
}
/* 即ヒメの場合
--------------------------------------------------------- */
/*.girlsSokuhimeInfo {
	background: #9a0101;
	color: #fff;
	font-size: 88%;
	font-weight: bold;
	padding: 2% 0;
	margin: 0 0 3%;
	width: 100%;
	letter-spacing: -0.09em;
	text-align: center;
}
.girlsSokuhimeInfo span {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 6%;
	letter-spacing: 0.02em;
}*/
/* =========================================================
 女の子サムネイル一覧② 3人ずつ表示する場合
 ※「.girlsBlock」に「.many」を追加して使用
========================================================= */
.girlsBlock.many:after {
	content: "";
	clear: both;
	display: block;
}
.many .girlsBox {
	float: left;
	margin: 0 calc(20/640*100%) 3% calc(20/640*100%);
    width: calc(290/640*100%);
}
.many .girlsBox:nth-of-type(2n) {
	margin-right: calc(20/640*100%);
    margin-left: 0;
}
.many .girlsBox a {
	display: block;
	text-decoration: none;
	position: relative;
	/*overflow: hidden;*/
}
.many .girlsAnchor {
	border: 1px solid #49bbf2;
	overflow: hidden;
	background-color: #fff;
}
.many .girlsPhoto {
	border-bottom: 1px solid #49bbf2;
	position: relative;
	overflow: hidden;
}
.many .newfaceIcon,
.syameBox .newfaceIcon {
	background: #23bcae;
	bottom: 2%;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
	left: 0;
	padding: 1% 7%;
	position: absolute;
}
.cupIcon {
	bottom: 1%;
	position: absolute;
	right: 0;
	width: 31%;
}
.many .girlsName {
	background: #49bbf2;
	border-bottom: 1px solid #49bbf2;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: -0.07em;
	padding: 1% 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
.many .girlsAge {
	font-size: 95%;
	font-weight: bold;
	margin: 0 0 0 1%;
}
/* girlsDate
--------------------------------------------------------- */
.syameDate,
#personalHeading .girlsDate {
	background-color: #fff;
	border-color: #565656;
	border-style: solid solid solid none;
	border-width: 1px;
	font-size: 100%;
	margin: 0 0 4%;
	position: relative;
}
.many .girlsDate,
#personalHeading .girlsDate {
	border-color: #565656;
	border-style: solid solid solid none;
	border-width: 1px;
	font-size: 100%;
	margin: 0 0 4%;
	position: relative;
	background-color: transparent;
	height: calc(36/640*100vw);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#personalHeading .girlsDate {
	height: auto;
}
/* ----- girlsDate span ----- */
.many .girlsDate > span,
.syameDate > span,
#personalHeading .girlsDate > span {
	color: #525252;
	display: block;
	font-size: 65%;
	letter-spacing: 0;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	width: auto;
}
.many .girlsDate span.girlsDate_first,
.many .girlsDate span.girlsDate_second {
	display: inline-block;
}
.many .girlsDate span.girlsDate_first {
	margin-left: auto;
}
.many .girlsDate span.girlsDate_second {
	margin-right: auto;
}
.syameDate span.syameDate_first {
	padding: 0% 0 0 38%;
}
#personalHeading .girlsDate span.girlsDate_first {
	padding: 0% 0 0 35%;
	font-size: 82%;
}
.syameDate span.syameDate_first:after,
#personalHeading .girlsDate span.girlsDate_first:after {
	background: #ffffff;
	color: #565656;
	content: "次回";
	display: block;
	font-size: 80%;
	font-weight: bold;
	height: 60%;
	left: 0;
	padding: 2% 4% 0;
	position: absolute;
	top: 0;
	border-right: 1px solid #565656;
	border-left: 1px solid #565656;
}
#personalHeading .girlsDate span.girlsDate_second,
.syameDate span.syameDate_second {
	padding: 0 4% 1% 45%;
	text-align: right;
}

#personalHeading .girlsDate span.girlsDate_second {
	font-size: 82%;
}
.syameDate span.syameDate_second:after,
#personalHeading .girlsDate span.girlsDate_second:after {
	background: #ffffff;
	bottom: 0;
	color: #565656;
	content: "出勤";
	display: block;
	font-size: 80%;
	font-weight: bold;
	height: auto;
	left: 0;
	padding: 0 4% 2%;
	position: absolute;
	border-right: 1px solid #565656;
	border-left: 1px solid #565656;
}
.many .today .girlsDate span.girlsDate_second:after,
.today .syameDate span.syameDate_second:after,
#personalHeading.today .girlsDate span.girlsDate_second:after {
	color: #ffffff;
}
.many .girlsDate:before {
	content:"次回出勤";
	display: block;
	width: calc(100/640*100vw);
	font-size: 70%;
	font-weight: bold;
	height: calc(36/640*100vw);
	line-height: calc(36/640*100vw);
	border-right: 1px solid #565656;
	border-left: 1px solid #565656;
	text-align: center;
	box-sizing: border-box;
}
.many .today .girlsDate:before {
	content:"本日出勤";
	background-color: #ff7e8a;
	color: #fff;
	border-right: 1px solid #ff7e8a;
	border-left: 1px solid #ff7e8a;
}
/* ----- 曜日 ----- */
.many .girlsDate > span > span,
.syameDate > span > span,
#personalHeading .girlsDate > span > span {
	font-size: 80%;
	vertical-align: baseline;
}
/**ベースデザイン以上（640px）**/
@media screen and (min-width: 641px){
	.many .girlsDate,
	.syameDate,
	#personalHeading .girlsDate {
		height: 18px;
	}
	.many .girlsDate:before {
		width: 50px;
		height: 18px;
		line-height: 18px;
	}
}
/* girlsHeight & girlsSize
--------------------------------------------------------- */
.many .girlsHeight,
.many .girlsSize {
	color: #525252;
	font-size: 84%;
	letter-spacing: -0.02em;
	line-height: 1;
	padding: 0 0 0 5%;
	margin: 4% 0;
}

/* girlsState
--------------------------------------------------------- */
.many .girlsState {
	height: 1.2em;
	margin: 0 5% 4%;
	width: auto;
	overflow: hidden;/*display: -moz-box;
	display: -webkit-box;*/
}
.many .girlsState li {
	background: #606060;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	width: 48%;
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	-moz-box-align: center;
	-webkit-box-align: center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
}
.many .girlsState li.syameIcon {
	float: left;
}
.many .girlsState li.videoIcon {
	float: right;
}
.many .girlsState li.newfaceIcon {
	background: #16c1b1;
}
/* 本日出勤の場合 ※「.girlsBox」に「.today」を追加して使用
	ただし、次回出勤が決まっている場合 （.guidanceNext）は装飾せず
--------------------------------------------------------- */
.many .today:not(.guidanceNext) .girlsDate,
.syameBox.today .syameDate,
#personalHeading.today:not(.guidanceNext) .girlsDate {
	border-color: #ff7e8a;
}
.many .today:not(.guidanceNext) .girlsDate span,
.syameBox.today .syameDate span,
#personalHeading.today:not(.guidanceNext) .girlsDate span {
	color: #525252;
}
.many .today:not(.guidanceNext) .girlsDate span.girlsDate_first:after,
.syameBox.today .syameDate span.syameDate_first:after,
#personalHeading.today:not(.guidanceNext) .girlsDate span.girlsDate_first:after {
	background: #ff7e8a;
	color: #ffffff;
	content: "本日";
	border-right: 1px solid #ff7e8a;
	border-left: 1px solid #ff7e8a;
}
.many .today:not(.guidanceNext) .girlsDate span.girlsDate_second:after,
.syameBox.today .syameDate span.syameDate_second:after,
#personalHeading.today:not(.guidanceNext) .girlsDate span.girlsDate_second:after {
	background: #ff7e8a;
	border-right: 1px solid #ff7e8a;
	border-left: 1px solid #ff7e8a;
}
.many .today:not(.guidanceNext) .girlsDate span.girlsDate_first:after {
	content: none;
}
/* 即ヒメの場合 ※「.girlsBox」に「.sokuhime」を追加して使用
--------------------------------------------------------- */
.many .girlsBox.sokuhime a:before {
	content:"";
	left: 0;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-size: 100% 100%;
    box-sizing: border-box;
	background-image: url('/s/img/common/img_sokuhime_frame01.png?v=191101');
    z-index: 2;
    border-image-slice: 4;
	z-index: 2;
}
.many .girlsBox.sokuhime a:after {
	content: "";
	background-image: url("/s/img/common/img_sokuhime_icon.png");
	background-repeat: no-repeat;
	background-size: 35%;
    display: block;
    height: 100%;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
	position: absolute;
}
/* 受付終了の場合 ※「.girlsBox」に「.guidanceEnd」を追加して使用
--------------------------------------------------------- */
/*.guidanceEnd .girlsPhoto > img {
	background: #fff;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.many .guidanceEnd .girlsPhoto:after {
	background-color: rgba(92, 92, 92, 0.9);
	bottom: 23%;
	color: #fff;
	content: "受付終了";
	display: block;
	font-size: 90%;
	font-weight: bold;
	height: 21px;
	line-height: 23px;
	left: -10%;
	letter-spacing: 0.03em;
	position: absolute;
	text-align: center;
	width: 120%;
	z-index: 1;
	-moz-box-shadow: 0px 1px 3px #000;
	-webkit-box-shadow: 0px 1px 3px #000;
	box-shadow: 0px 1px 3px #000;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}*/
/* =========================================================
 スワイプ用写メ日記 ※「flipsnap.js」使用
========================================================= */
.swipeBlock {
	margin: 0 auto 3%;
}
.swipeFrame {
	overflow: hidden;
	width: 100%;
}
.swipeArea {
	overflow: hidden;
	margin: 0 0 0 4%;
	width: 100%;
}
.swipeBox {
	float: left;
	width: 100%;
}
.syameBox {
	margin: 0 8% 0 0;
}
.syameBox a {
	display: block;
	text-decoration: none;
}
.syameAnchor {
	border: 1px solid #000000;
}
.syamePhoto {
	background: #414141 url("/img/syame/bg_syamePhoto.jpg") 0 0 / 20% 20%;
	border-bottom: 1px solid #000000;
	text-align: center;
	position: relative;
}
.syameName {
	color: #ff5a91;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: -0.02em;
	padding: 6% 0 0 4%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.syameTime {
	color: #686868;
	font-size: 88%;
	letter-spacing: 0;
	line-height: 1;
	padding: 0 0 0 4%;
}
.syameText {
	color: #3493f5;
	font-size: 84%;
	letter-spacing: -0.05em;
	padding: 3% 0 4% 4%;
	text-decoration: underline;
	width: 95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/* =========================================================
 スワイプ用即ヒメ ※「flipsnap.js」使用。パーソナルページに設置済み
========================================================= */
.swipeBlock.many .girlsBox {
	float: none;
	margin: 0 3% 0 0;
	width: auto;
}
/* =========================================================
 ページ下部共通「戻る＆上へ」ボタン
========================================================= */
.bottomBtn {
	display: none;
	margin: 0 auto;
	width: 100%;
}
.bottomBtn li {
	position: fixed;
	bottom: 10px;
	display: block;
}
.bottomBtn li.goBack {
	left: 10px;
}
.bottomBtn li.returnTop {
	right: 10px;
}
.bottomBtn img {
	display: block;
	width: 50px;
}
/* =========================================================
 ご予約について
========================================================= */
.reservepopWrap {
	position: relative;
	margin: 3% auto 3%;
	width: 92%;
}
.reservepopWrap h4 {
	background-color: #ffffff;
	border: 1px solid #404040;
	box-sizing: border-box;
	left: 2%;
	/* line-height: 1; */
	line-height: 1.2;
	/* padding: 2%; */
	padding: 1% 0 1% 0%;
	position: absolute;
	text-align: center;
	/* top: -2%; */
	top: 4%;
	z-index: 1;
	width: 38.3%;
	font-size: 85%;
	margin-left: 0.6px;
}
.reservepopBlock {
	background-image: url("../img/common/bg_reserve_pop.png");
	border: 1px solid #404040;
	box-sizing: border-box;
	color: #565656;
	padding: 3% 2% 2%;
	width: 100%;
}
.reservepopBox {
	overflow: hidden;
	position: relative;
}
.reservepopBox ul {
	box-sizing: border-box;
	line-height: 1.5;
	margin: 0 0 0 41%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.reservepopBox li {
	border-right: 1px dashed #c9c9c9;
	float: left;
	font-size: 85%;
	height: 200px;
	position: relative;
	text-align: center;
	width: 20%;
}
.reservepopBox li:last-child {
	border-right: medium none;
}
.reservepopBox dl {
	margin-top: 8%;
}
.reservepopBox dt {
	box-sizing: border-box;
	clear: both;
	color: #fff;
	float: left;
	font-size: 81%;
	letter-spacing: -0.03em;
	line-height: 1;
	margin-bottom: 1%;
	padding: 2% 0 2% 2%;
	text-decoration: underline;
	width: 40%;
}
.reservepopBox dt.vip {
	background-color: #000000;
}
.reservepopBox dt.web {
	background-color: #363636;
	line-height: 1.2em;
}
.reservepopBox dt.mail {
	background-color: #606060;
}
.reservepopBox dt.normal {
	background-color: #858585;
	margin-bottom: 0;
}
.reservepopBox dt a {
	color: #ffffff;
	display: block;
	font-size: 100%;
}
.reservepopBox dd {
	background-color: #ffffff;
	box-sizing: border-box;
	float: left;
	/* font-size: 85%; */
	letter-spacing: -0.05em;
	line-height: 1;
	margin-bottom: 1%;
	margin-left: 1%;
	overflow: hidden;
	padding: 2% 0 2% 1%;
	position: relative;
	width: 59%;
	z-index: 1;
	font-size: 81%;
}
.contentsBlock .reservepopBox dd p {
	font-size: 100%;
}
.reservepopBox dd.webTiming {
	line-height: 2.2em;
	padding: 2.5% 0 2.5% 1%;
}
.reservepopBox dd.webTiming p {
	font-size: 96%;
	height: 2.2em;
}
.reservepopBox dd.normalTiming {
	margin-bottom: 0;
	/* line-height: 2.3em;
	padding: 2.7% 0 2.7% 1%; */
}
.timingBar {
	background-color: #e1e1e1;
	background-image: url("../img/common/icon_reserve_arrow.png");
	background-repeat: no-repeat;
	background-position: right 0;
	background-size: auto 100%;
	box-sizing: border-box;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}
.webTiming .timingBar {
	width: 100%;
}
.vipTiming .timingBar {
	width: 100%;
}
.mailTiming .timingBar {
	width: 68%;
}
.normalTiming .timingBar {
	width: 34%;
}
.reservepopWrap .normalTiming > p,
.reservepopWrap .mailTiming > p,
.reservepopWrap .vipTiming > p {
	font-size: 90%;
}
.reservepopWrap + div p{
	font-size: 90%;
}
/* 注釈
========================================================= */
.reservepopComments {
	padding: 0 4%;
	margin-bottom:3%;
}
.reservepopComments li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 85%;
	line-height: 1.5em;
}
.reservepopComments li a {
	color: #0f1aff;
	font-size: inherit;
}
.reservepopComments h4 {
	font-weight: bold;
	font-size: inherit;
	padding: 1% 0 0;
	color:#565656;
}/* =========================================================
 共通電話ボタン（未使用）
========================================================= */
.commonTelBtn {
	background: #2ec7b9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 100%;
	box-shadow: #496462 0px 3px 0px 0px;
	-webkit-box-shadow: #496462 0px 3px 0px 0px;
	-moz-box-shadow: #496462 0px 3px 0px 0px;
}
.commonTelBtn a {
	display: block;
	font-size: 0;
	padding: 0 0 5px;
	text-align: center;
	text-decoration: none;
}
.commonTelBtn img {
	display: block;
}
.commonTelBtn .telBtnLeftBox {
	display: inline-block;
	margin: 4px 5% 0 0;
	vertical-align: middle;
	width: 11%;
}
.commonTelBtn .telBtnRightBox {
	display: inline-block;
	margin: -3px 0 0;
	vertical-align: middle;
}
.commonTelBtn .telBtnText01 {
	width: 70%;
}
.commonTelBtn .telBtnText02 {
	color: #ffffff;
	font-size: 200%;
	font-weight: bold;
	line-height: 1;
	margin: 1px 0 0;
}
/* ----- 速報・店舗ブログリンク ----- */
.newsBtn {
	background-color: #ffffff;
	border: 2px solid #39aff9;
	border-radius: 4px;
	box-shadow: 0 3px 0 0 #013b93;
	box-sizing: border-box;
	display: block;
	float: left;
	margin: 3% 1% 3%;
	width: 48%;
}
.newsBtn:last-child {
	margin-right: 0;
}
.newsBtn a {
	color: #39aff9;
	display: block;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.1;
	padding: 5% 0 4%;
	text-align: center;
	text-decoration: none;
	vertical-align: baseline;
	width: 100%;
}
.newsBtn a span {
	color: #39aff9;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.1;
	vertical-align: baseline;
}
.newsBtn.long {width: 98%;}
.newsBtn.long a {padding: 2.5% 0 2%;}
.newsBtn.long a span {

}
/* =========================================================
 急募アイコン
========================================================= */
.attentionIcon {
	position:relative;
	overflow: hidden;
	text-decoration: none;
}
.attentionIcon:after {
	background: #ca1c64 none repeat scroll 0 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 5px 30px rgba(255, 255, 255, 0.2) inset;
	box-sizing: border-box;
	color: #ffffff;
	content: "急募!";
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	left: -80px;
	line-height: 22px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 9px;
	transform: rotate(-43deg);
	-moz-transform: rotate(-43deg);
	-webkit-transform: rotate(-43deg);
	-ms-transform: rotate(-43deg);
	width: 200px;
	/*アニメーション*/
    -webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes blink {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
/* =========================================================
apple（クローム）でスケジュールが反応するので打ち消し
========================================================= */

a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	display: inline !important;
}
/*
　ご予約についてのメディアクエリ
========================================================= */
/*****iPhone6Plus　iPhone7Plus　横向き*******/
@media only screen and (orientation:landscape) and (max-width: 736px) and (min-width: 668px) {
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.5% 0 2.5% 2%;
}
}
/******iPhone6 iPhone7横向き******/
@media only screen and (orientation:landscape) and (max-width: 667px) and (min-width: 593px) {
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.5% 0 2.5% 2%;
}
}
/******Xperia　横向き******/
@media only screen and (orientation:landscape) and (max-width: 592px) and (min-width: 569px) {
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.5% 0 2.5% 2%;
}
}
/******iPhone5横向き******/
@media only screen and (orientation:landscape) and (max-width: 568px) {
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.5% 0 2.5% 2%;
}
}


/* =========================================================
 【各端末対策】横幅320pxより大きいスマホ（iPhone6、XPERIA SO-02Eなど）の場合
========================================================= */
@media screen and (min-width: 321px) {
#sokuhimeHeading .moreReadBtn a {
	padding: 6% 0;
}

.syameDate span.syameDate_first {
	padding-left: 35%;
}
.many .girlsHeight,
.many .girlsSize {
	font-size: 84%;
	letter-spacing: 0;
	padding: 0 0 0 6%;
}
}
 @media only screen and (max-width: 700px) {
.mainNav li.oneLine p {
	font-size: 104%;
	line-height: 177%;
}
}
/*　ご予約について
========================================================= */
/*****iPhone6Plus　iPhone7Plus*******/
@media screen and (max-width: 414px) and (min-width: 376px) {
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.3% 0 2.3% 2%;
}
}
/*　ご予約について
========================================================= */
/*******iPhone6 iPhone7用メディアクエリ**********/
@media screen and (max-width: 375px) and (min-width: 361px){
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.3% 0 2.3% 2%;
}
}

@media only screen and (max-width: 360px) {}
/*　ご予約について
========================================================= */
/*******Xperia用メディアクエリ**********/
@media only screen and (max-width: 360px) and (min-width: 321px) {
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.3% 0 2.3% 2%;
}
}

@media screen and (max-width: 320px) {
.mainNav li.oneLine p {
	font-size: 104%;
	line-height: 180%;
}
.many .girlsDate span.girlsDate_first,
.many .girlsDate span.girlsDate_second {
    letter-spacing: -0.7px;
}
.syameDate span.syameDate_first {
 padding-left: 37%;
 padding-top: 1%;
}
.member_key a:before {
	height: 20px;
	width :20px;
}
/*　ご予約について
========================================================= */
/******iPhone5用メディアクエリ*********/
.reservepopBox dt.web {
	line-height: 1.2em;
	padding:2.2% 0 2.2% 2%;
}
}
/*2019年改修 header
========================================================= */
#menu{
	width: 100%;
	height: 70px;
	border-top: solid 5px #ff568e;
	box-sizing: border-box;
	box-shadow: rgba(96, 96, 96, 0.35) 0px 2px 2px 0px;
	position: relative;
}
#menu .menuBtn{
	height: 60px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
#menu #homeBtn{
	left: 3%;
}
#menu #homeBtn img{
	max-width: 32px;
}
#menu #groupLogo{
	right: 0;
	left: 0;
	margin: auto;
	z-index: -1;
}
#menu #groupLogo img{
	max-width: 220px;
}
#menu #overlayMenuBtn{
	right: 3%;
}
#menu #overlayMenuBtn img{
	max-width: 32px;
}
#menu #overlayMenuBtn span {
    color: #000000;
}
#menu #overlayMenuBtn span:after {
    content: attr(data-txt-menu);
}
/*-- 色付きボタンの場合 --*/
#menu.colorBox #homeBtn img,
#menu.colorBox #overlayMenuBtn img{
	max-width: 44px;
}
#menu.colorBox #groupLogo img {
    max-width: 196px;
}
/*-- 開くボタン、閉じるボタン --*/
#menuCloseBtn{
    display: none;
    width: 48px;
    height: 48px;
	position: fixed;
    right: 3%;
    top: 2.5%;
	z-index: 1000;
}
#overlayMenuBtnFix{
	width: 48px;
    height: 48px;
	display: none;
	position: fixed;
    right: 3%;
    top: 2.5%;
}
/*-- 開閉用ボタンがクリックされた時htmlに付くclass --*/
.scrollPrevent {
	position: fixed;
	z-index: -1;
	width: 100%;
}
/*-- オーバーレイメニュー --*/
#overlayMenu {
	width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    background: rgba(0,0,0,.8);
	z-index: 999;
	display: none;
	overflow-y: scroll;
}
#overlayMenu #overlayMenuInner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	max-width: 640px;
    padding:21% 3% 0 ;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	position: relative;
}
/*-- menuFreeArea（自由に使用出来るスペース） --*/
#menuFreeArea{
	width: 78%;
	display: inline-block;
	position: absolute;
    top: 1.5%;
}
/*-- overlayMenuItem --*/
#overlayMenuItem{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3%;
}
#overlayMenuItem li{
	width: 49%;
	height: auto;
}
#overlayMenuItem .memberKey {
	height: auto;
	margin-right: 2%;
}
#overlayMenuItem .memberKey a {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #55d1ff;
	background: linear-gradient(to bottom, #55d1ff 0%, #55d1ff 50%, #2ac5ff 50%, #2ac5ff 100%); /* W3C */
}
/*-- mainMenu --*/
#mainMenu{
	display: flex;
	flex-wrap: wrap;
}
#mainMenu li{
	width: 49%;
	vertical-align: middle;
	box-sizing: border-box;
	margin-bottom: 2%;
}
#mainMenu li:nth-of-type(2n+1){
	margin-right: 2%;
}
#mainMenu li:last-of-type{
	margin-bottom: 5%;
}
#mainMenu li.longMenu{
	width: 100%;
}
#mainMenu li.longMenu.pink {
	margin-right: 0;
}
#mainMenu li.longMenu a{
	padding: 2% 0;
}
#mainMenu li.longMenu.pink a {
	background: #ff588b;
	color: #ffffff;
	border: none;
}
#mainMenu li a{
	height: 11vw;
  max-height: 48.15px;
  min-height: 36.34px;
	font-weight: bold;
	padding: 4% 0;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	width: 100%;
	color: #8d8d8d;
	display: block;
	border: solid 1px #8d8d8d;
	box-sizing: border-box;
	border-radius: 4px;
	background: #e9e9e9;
	background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
}
#overlayMenu #mainMenu li.linkBanner {
  overflow: hidden;
  position: relative;
}
#overlayMenu #mainMenu .linkBanner a {
  padding: 0;
  background: initial;
  background-color: #000;
}
#overlayMenu #mainMenu li.linkBanner img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#overlayMenu #header_tellBtn {
	text-align: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 5px 5px;
	height: 44px;
	background-color: #29c6bd;
	border-radius: 3px;
	margin: auto;
}

#overlayMenu #header_tellBtn p {
	font-weight: bold;
	color: #ffffff;
}

#overlayMenu #header_tellBtn a {
	text-decoration: none;
	color: white;
}


#overlayMenu #header_tellBtn a .tellNumber {
	font-size: 80%;
	left: 0;
	bottom: 3px;
	text-align: center;
}

#overlayMenu #tellBtn_image {
	display: inline;
}

#overlayMenu #tellBtn_image img {
	height: 15px;
	margin: 3px;
}
/*-- subMenu --*/
#subMenu{
	display: flex;
	margin-bottom: 5%;
}
#subMenu .textMenu{
	width: 34%;
	line-height: 2.6em;
	margin-right: 3%;
}
#subMenu .textMenu li:before{
	content: ">";
	display: inline;
	color: #ffffff;
    margin-right: 0.5%;
	font-size: 60%;
    vertical-align: middle;
}
#subMenu .textMenu li a{
	color: #ffffff;
	letter-spacing: -1px;
	font-size: 90%
}
/*-- squareMenu --*/
#subMenu .squareMenu{
	width: 63%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#subMenu .squareMenu li{
	width: 49%;
    height: auto;
}
#subMenu .squareMenu li:first-of-type{
	margin-right: 2%;
}
#subMenu .squareMenu li{
	display: block;
}
/*-- halfSizeBannerBox --*/
#halfSizeBannerBox{
	display: flex;
    flex-wrap: wrap;
}
#halfSizeBannerBox li{
	width: 49%;
	margin-bottom: 2%;
	overflow: hidden;
}
#halfSizeBannerBox li:nth-of-type(odd){
	margin-right: 2%;
}
/*-- fullSizeBannerBox --*/
#fullSizeBannerBox{
	padding-bottom: 5%;
}
#fullSizeBannerBox li{
	margin-bottom: 2%;
	overflow: hidden;
}
#fullSizeBannerBox .groupLinkBtn a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #212121;
	font-weight: bold;
	padding: 4% 0;
	width: 100%;
	border: solid 2px #2ac5ff;
	box-sizing: border-box;
	border-radius: 4px;
	background: #e9e9e9;
	background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
}
/*iphone5用メディアクエリ*/
@media screen and (max-width: 320px) {
#overlayMenuItem{
	margin-bottom: 2%;
}
#overlayMenuItem .memberKey a{
	padding: 5% 0;
}
#fullSizeBannerBox .groupLinkBtn a{
	letter-spacing: -1px;
}
}
#fullSizeBannerBox .groupLinkBtn a:first-letter{
	color: #e40057;
}
/*2019年追加 footer
========================================================= */
/*-- menuBottom --*/
#menuBottom{
	width: 100%;
	max-width: 640px;
	position: fixed;
	bottom: 0;
	height: 60px;
	background: rgba(255,255,255,0.7);
	box-shadow: rgba(96, 96, 96, 0.35) 0px -2px 2px 0px;
	border-bottom: solid 5px #ff568e;
	z-index: 1;
}
#menuBottom img{
	height:auto;
	width: 100%;
}
#menuBottom #bottomBtnBox{
	width: 83%;
	float: left;
	position: relative;
	margin-left: 3%;
	top: 50%;
    transform: translateY(-50%);
}
#menuBottom #bottomBtnBox #clubCinderellaBanner{
	float: left;
	height:auto;
	width: 56%;
}
#menuBottom #bottomBtnBox #clubCinderellaBanner a{
	display: block;
}
#menuBottom #bottomBtnBox #tellBtn{
	background-image: url(/s/img/common/tell_icon.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 5px 5px;
	float: left;
	position: relative;
	width: 42%;
	height: 44px;
	margin-left: 4px;
	border-bottom: solid 4px #10847b;
	background-color: #29c6bd;
	border-radius: 3px;
	animation: moving 2s infinite steps(2);
}
@keyframes moving {
 to{
    border: none;
	margin-top: 4px
  }
}
#menuBottom #tellBtn p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	color: #ffffff;
	font-size: 75%;
	position: absolute;
	width: 100%;
}
#menuBottom #tellBtn a .tellText{
	left: 25px;
	top:5px;
	width: auto;
}
#menuBottom #tellBtn a .tellNumber{
	font-size: 80%;
	left: 0;
	bottom: 3px;
	text-align: center;
}
#menuBottom #topBack{
	float: left;
	width: 10%;
	height: 100%;
	margin:0 2%;
	position: relative;
}
#menuBottom #topBack img{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: auto;
}
body{
	padding-bottom: 64px;
}
/*iphone5用メディアクエリ*/
@media screen and (max-width: 320px) {

#menuBottom{
	height: 56px;
}
#menuBottom #tellBtn p{
	font-size: 65%;
}
#menuBottom #tellBtn a .tellNumber{
	bottom: 0;
	font-size: 75%;
}
#menuBottom #bottomBtnBox #tellBtn {
	background-size: 13px 13px;
}
#menuBottom #tellBtn a .tellText{
	left: 20px;
}
}
/*Xperia用メディアクエリ**/
@media only screen and (max-width: 360px) and (min-width: 321px) {
@keyframes moving {
 to{
    border: none;
	margin-top: 8px
  }
}
}
/*横向き時メディアクエリ*/
@media only screen and (orientation:landscape) {
#menuBottom{
	display: none!important;
}
}
/*書き換えfooter*/
.bottomBtnBoxline,
.bottomBtnBoxMail {
	width: 24%;
	float: left;
}
.bottomBtnBoxMail {
	margin-left: 4px;
}
#menuBottom #bottomBtnBox #tellBtn1 {

	background-size: 15px 15px;
	background-position: 5px 26px;
	float: left;
	position: relative;
	width: 42%;
	height: 44px;
	margin-left: 4px;
	border-bottom: solid 4px #10847b;
	background-color: #29c6bd;
	border-radius: 3px;
	animation: moving 2s infinite steps(2);
}
#menuBottom #tellBtn1 p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	width: 100%;
	text-align: center;
}
#menuBottom #tellBtn1 a .tellText1{
	top:1vw;
	font-size: 3.5vw;
}
#menuBottom #tellBtn1 a .tellNumber1{
	font-size: 4.25vw;
	bottom: 1.4vw;
	line-height: 1;
}
#menuBottom #tellBtn1 a .tellNumber1:before {
	content: "";
    width: 4.25vw;
	height: 4.25vw;
	margin: -0.5vw 0.1vw 0 -0.1vw;
    display: inline-block;
    background-image: url(/s/img/common/tell_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
@media screen and (max-width: 320px) {
	#menuBottom #tellBtn1 a .tellNumber1:before {
		margin: -1vw 0.1vw 0 -0.1vw;
	}
}