@charset "utf-8";
/* =========================================================
 リセット
========================================================= */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote: before,
blockquote: after,
q: before,
q: after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	overflow: hidden;
	outline: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input,
select {
	vertical-align: middle;
}
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}
th {
	text-align: left;
}
iframe {
	vertical-align: bottom;
}
video {
	display: block;
}
a:hover {
	text-decoration: none;
}
/* =========================================================
 clearfix
========================================================= */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* =========================================================
 全体コンテンツ
========================================================= */
body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 14px;
	line-height: 1;
	background:url("../img/main/bg_contentsWrapper.jpg");
	color:#414141;
	position: relative;
}
a {
	color: #4a57ff;
}
#middleBox p {
	line-height: 1.4em;
	font-size: 14px;
}
/* =========================================================
 共通装飾
========================================================= */
/*ベースカラー*/
#middleBox .textColor {
	color: #2b6ce2;
	font-weight: bold;
	font-size:18px;
}
/* 太文字 */
#middleBox .textBold {
	font-weight: bold;
	font-size: inherit;
}
/* 赤文字 */
#middleBox .textRed {
	color: #ff0000;
	font-size: inherit;
	font-weight: bold;
}
/* 黄色文字 */
/*.textYellow {
	color: #a9935a;
	font-size: inherit;
	font-weight: bold;
}*/
/* 小文字 */
#middleBox .fontSmall {
	font-size: 12px;
}
/* 赤色文字 */
.textRed {
	color: #f00;
}
/* =========================================================
 ヘッダー
========================================================= */
header {
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1040px;
}
/* ログインバー
--------------------------------------------------------- */
.headerLoginBar {
	background:url("../img/common/bg_headerLoginBar.jpg");
	height: 30px;
	width: 100%;
	box-sizing: border-box;
	border-top: solid 1px #737273;
	border-bottom: solid 1px #191919;
}
.headerLoginBox {
	height: 100%;
	margin: 0 auto;
	width: 980px;
}
.headerLoginBox ul {
	float: right;
	height: 29px;
	margin-left: 228px;
}
.headerLoginBox li {
	float: left;
	text-align: center;
	margin-right: 3px;
}
.headerLoginBox li:last-of-type {
	margin-right:0;
}
.headerLoginBox li a {
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	height: 29px;
	line-height: 32px;
}
.headerLoginBox li a:hover {
	opacity: 0.6;
}
/* -- 重要なお知らせボタン -- */
#headerCinderellaBox {
    width: 220px;
    height: 100%;
    margin-right: 3px;
    background: #dd2c3c;
    float: left;
    text-align: center;
}
#headerCinderellaBox a {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 31px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
.fa:not(.fa-exclamation-triangle) {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-exclamation-triangle:before {
    content: "\f071";
}
#headerCinderellaBox:hover{
	opacity: 0.7;
}

/* -- お客様相談室ボタン -- */
.headerLoginBox .consultation a {
	background-color: #7d7d7d;
	width: 120px;
}
/* -- ログインボタン -- */
.headerLoginBox .login a {
	background: #7d7d7d url('../img/common/icon_shopLogo_key.png') no-repeat;
	background-size: 16% auto;
	background-position: 16px center;
	width: 111px;
	text-indent: 14px;
	background-blend-mode:luminosity;
}
/* ヘッダーコンテンツ
--------------------------------------------------------- */
#header {
	height: 135px;
	position: relative;
	width: 100%;/*background:url("/img/main/bg_header.jpg");*/
}
#headerContents {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 980px;
}
#headerContents h1 {
	font-size: 12px;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	top: -22px;
	white-space: nowrap;
	z-index: 1;
	color: #ffffff;
}
/* -- ロゴ -- */
.headerLogo {
	float:left;
	margin:23px 0 0;
}
.headerLogo a img {
	display: block;
}
/* ----- IE9以下のみ ----- */
/*.headerLogo a img:hover {
	opacity: 0.7\9;
	filter: alpha(opacity=70);
}
@media all and (-ms-high-contrast:none) {
.headerLogo a img:hover {
	opacity: 1\0;
}
}*/
.headerLogo a img:hover {
	opacity: 0.6;
}
/* -- 只今の在籍数 -- */
.headerGirlsDigit {
	width: 202px;
	float: left;
	margin: 24px 0 0 45px;
}
.headerGirlsDigit p {
	font-size:28px;
	font-weight:bold;
}
.headerGirlsDigit .enrolledCounter {
	margin:3px 0 0;
}
.headerGirlsDigit .enrolledCounter span {
	display:block;
	float:left;
	width: 49px;
	height:60px;
	margin-right:2px;
	background-color:#181818;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:53.12px;
	line-height:60px;
	box-sizing: border-box;
}
.headerGirlsDigit .enrolledCounter span:last-of-type {
	margin-right:0;
}
/* -- ヘッダーバナー等 -- */
.headerDetails {
	position:absolute;
	right:0;
	top: 23px;
	width:222px;
}
.headerBanner ul {
	width:120px;
	float:left;
	margin-right:10px;
}
.headerBanner li {
	width: 120px;
}
.headerBanner li:last-child {
	margin:9px 0 0;
}
/*-- 求人共通 --*/
.boysRecruitBtn > a,
.girlsRecruitBtn > a {
	width: 120px;
	height: 41px;
	color: #ffffff;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
}
.boysRecruitBtn > a:hover,
.girlsRecruitBtn > a:hover {
	opacity: 0.6;
}
/*-- 男性求人 --*/
.boysRecruitBtn > a {
	background-color: #7397fe;
	background-image:linear-gradient(rgb(120,155,255) 0%, rgb(54,104,248) 100%);
}
/*-- 女性求人 --*/
.girlsRecruitBtn > a {
	background-color: #fe6885;
	background-image:linear-gradient(rgb(255,108,136) 0%, rgb(235,40,81) 100%);
}
/*-- QR --*/
.headerQR {
	float:right;
	margin: 0;
}
/* グローバルナビゲーション
--------------------------------------------------------- */
#globalNav {
	background: #d7d7d7;
	background: linear-gradient(#ffffff, #d7d7d7);
	height: 53px;
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1040px;
	width: 100%;
	position: relative;
	z-index: 1;
}
.globalNavBox {
	height: 100%;
	margin: 0 auto;
	width: 980px;
}
#globalNav ul {
	margin: 0 auto;
	width: 980px;
	height: 53px;
}
#globalNav li {
	float: left;
	width: 196px;
	height: 53px;
	line-height: 56px;
	border-right: solid 1px #7d7d7d;
	border-left: solid 1px #7d7d7d;
	box-sizing: border-box;
}
#globalNav li:first-child {
	border-left:none;
}
#globalNav li:nth-child(5) {
	border-right: solid 2px #7d7d7d;
}
#globalNav li:hover {
	border-right:none;
	border-left:none;
}
#globalNav li:nth-child(5):hover {
	border-right: solid 1px #7d7d7d;
}
#globalNav li a,
#globalNav li span {
	color: #322d2d;
	display: block;
	font-weight:bold;
	height: 100%;
	line-height: 53px;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
	text-shadow: -0.8px -0.8px 0.5px rgba(150,149,149,0.3);
}
#globalNav li a:hover,
#globalNav li span:hover {
	background: linear-gradient(#7ebfff, #6daeff);
	color: #ffffff;
	text-shadow: -0.8px -0.8px 0.5px rgba(150,149,149,0.5);
	cursor: pointer;
}
#globalNav .globalNavSecond {
	width:197px;
}
#globalNav .globalNavFifth {
	width:195px;
}
/* 下層メニュー
--------------------------------------------------------- */
#lowerMenu {
	display:none;
	background-color:#FFF;
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1040px;
	width: 100%;
	box-shadow:0 0px 5px 3px rgba(197,197,196,0.5) inset;
}
.lowerMenu {
}
.navUnderlayer ul {
	max-width:980px;
	width: 100%;
	margin: 0 auto 0;
	padding: 0 0 20px;
}
.navUnderlayer li {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    color: #26abff;
	float: left;
	margin: 20px 15px 0 0;
}
.navUnderlayer li.textRed {
	 color: #f00;
}
.navUnderlayer li::before {
    content: "・";
    color: #26abff;
}
.navUnderlayer:not(.select) {
	display: none;
}
.navUnderlayer a {
	color: inherit;
	text-decoration: none;
	text-shadow:  -0.8px -0.8px 0.5px rgba(150,149,149,0.5);
}
.navUnderlayer li:hover a {
	text-decoration: underline;
}
.navUnderlayer li:last-child {
	margin-right: 0;
}
/* =========================================================
 コンテンツ共通
========================================================= */
#middleWrapper {
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1040px;
}
#middleBox {
	margin-bottom: 105px;
}
#middleWrapper::before {
	background-color: #f9f9f8;
	content: "";
	height: 38px;
	width: 100%;
	z-index: 1;
	display: block;
	margin-bottom: 30px;
	box-shadow: 0 3px 3px 0px rgba(197,197,196,0.5);
	border-bottom: solid 1px #c5c5c4;
}
#contentsWrapper {
	margin: 0 auto;
	padding: 0 0 30px;
	position: relative;
}
/* =========================================================
 横幅100%コンテンツ
========================================================= */
.fullContents {
	width: 100%;
}
#fullBox {
	margin-bottom:30px;
}
/* =========================================================
 コンテンツ幅
========================================================= */
.fullContents #fullBox,
#columnContents {
	width: 980px;
	margin: 30px auto 0;
}
/* =========================================================
 共通パーツ
========================================================= */
/* パンくずリスト
--------------------------------------------------------- */
#topicPath {
	position: relative;
	z-index: 3;
	width:980px;
	margin:0 auto;
}
#topicPath ol {
	position:absolute;
	right:0;
	top: -55px;
}
#topicPath li {
	float: left;
	font-size: 12px;
	letter-spacing: -0.5px;
	color: #2b6ce2;
}
#topicPath li:last-child {
	margin-right: 35px;
}
#topicPath li:not(:last-child):after,
#topicPath li.afterIcon:after {
	content: "≫";
	font-size: 9px;
	margin: 0 3px;
	vertical-align: middle;
}
#topicPath a {
	color: #2b6ce2;
	font-size: 100%;
}
#topicPath a span {
	font-size: 100%;
	color: #2b6ce2;
}
#topicPath a:hover {
	text-decoration: none;
}
/* 見出し（h2）
--------------------------------------------------------- */
.fullContents #topicPathHeading {
	width: 980px;
	margin: 0 auto;
}
.fullContents #topicPathHeading h2,
#rightContents.haveCaption h2 {
	color: #2b6ce2;
	font-size: 16px;
	text-align: left;
	width: 980px;
	position: absolute;
	z-index: 2;
	top:-56px;
	font-weight: bold;
}
#rightContents.haveCaption h2 {
	left: -220px;
}
/* 見出し（h3）
--------------------------------------------------------- */
#rightContents .headingWrap,
.fullContents .headingWrap {
	width:980px;
	position: relative;
	background: #50b5f5;
	margin-bottom: 20px;
	border-radius: 9px 9px 0 0;
}
#rightContents .headingWrap:before,
.fullContents .headingWrap:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 8px #92bcff;
	border-radius: inherit;
	box-sizing: border-box;
	bottom: 0;
	right: 0;
}
#rightContents .headingWrap:after,
.fullContents .headingWrap:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(rgba(21, 100, 166, 0.15) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(21, 100, 166,0.15) 100%);
	z-index: 0;
	border-radius: inherit;
}
/*#rightContents .headingWrap:after,
.fullContents  .headingWrap:after{
	content: '';
	display: block;
	width:100%;
	height: 1px;
	position: absolute;
	bottom:0;
	left:0;
	background: #000000;
	opacity: 0.5;
}*/
#rightContents .headingWrap h3,
.fullContents .headingWrap h3 {
	position: relative;
	padding: 15px 165px 11px 60px;
	line-height: 1.2em;
	letter-spacing: -0.05em;
	color: #fff;
	box-sizing: border-box;
	font-size: 28px;
	font-weight:bold;
	text-shadow:
 0px 4px 1px #3598ea,  1px 3px 0 #3598ea,  2px 3px 0 #3598ea,  2px 2px 0 #3598ea,  3px 2px 0 #3598ea,  3px 1px 0 #3598ea,  4px 0px 0 #3598ea,  3px -1px 0 #3598ea,  3px -2px 0 #3598ea,  2px -2px 0 #3598ea,  2px -3px 0 #3598ea,  1px -3px 0 #3598ea,  0px -4px 0 #3598ea,  -1px -3px 0 #3598ea,  -2px -3px 0 #3598ea,  -2px -2px 0 #3598ea,  -3px -2px 0 #3598ea,  -3px -1px 0 #3598ea,  -4px 0px 0 #3598ea,  -3px 1px 0 #3598ea,  -3px 2px 0 #3598ea,  -2px 2px 0 #3598ea,  -2px 3px 0 #3598ea,  -1px 3px 0 #3598ea;
	box-shadow: 5px 5px 10px -6px rgba(0,0,0,0.9);
	background-image: url(../img/common/heading_pattern.png);
	background-size: 8px auto;
}
#columnContents #rightContents .headingWrap h3 {
	box-shadow: none;
}
/*-- 左装飾 --*/
.fullContents .headingWrap h3:before {
	content: '';
	display: block;
	background-image:url("../img/common/heading_ornament_band.png");
	width:57px;
	height: 57px;
	position: absolute;
	left: -2px;
	top:-2px;
}
/*-- 右装飾 --*/
.fullContents .headingWrap h3:after {
	content: '';
	display: block;
	background-image: url(../img/common/heading_ornament_shoes.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 84px;
	position: absolute;
	right: -4px;
	bottom: -7px;
	z-index: 2;
}
.fullContents .headingWrap h3 .headingSubText {
	font-family: 'Cardo', sans-serif;
	text-shadow: initial;
	font-size: 23px;
	margin-left: 15px;
	letter-spacing: 0.1px;
}
.fullContents .headingWrap .headingSubText:after {
	content: '';
	display: block;
	background-image: url(../img/common/heading_ornament_pearl.png);
	background-repeat: no-repeat;
	width: 165px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 0;
}
/*	小見出し
------------------------------------------ */
#rightContents .headingWrap {
	width: 760px;
	margin-bottom: 20px;
}
#rightContents .headingWrap h3 {
	padding-left: 25px;
	padding-right: 80px;
	letter-spacing: 0.2px;
	text-shadow:
 #3598ea 2px 0px,  #3598ea -2px 0px,  #3598ea 0px -2px,  #3598ea 0px 2px,  #3598ea 2px 2px,  #3598ea -2px 2px,  #3598ea 2px -2px,  #3598ea -2px -2px,  #3598ea 1px 2px,  #3598ea -1px 2px,  #3598ea 1px -2px,  #3598ea -1px -2px,  #3598ea 2px 1px,  #3598ea -2px 1px,  #3598ea 2px -1px, #3598ea -2px -1px;
	box-shadow: 5px 5px 10px -6px rgba(0,0,0,0.9);
}
/* -- 装飾 -- */
#rightContents .headingWrap:before,
#rightContents .headingWrap:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
}
#rightContents .headingWrap:before {
	left: 0;
}
#rightContents .headingWrap:after {
	right: 0;
}
#rightContents .headingWrap h3:after {
	content: '';
	display: block;
	background-image:url("../img/common/heading_ornament_shoes_min.png");
	width:79px;
	height:49px;
	position: absolute;
	right: -3px;
	bottom:7px;
	z-index: 3;
}
/* もっと見るボタン
--------------------------------------------------------- */
.moreview {
	width: 980px;
	margin: 0 auto;
	height: 43px;
	border-radius:3px;
	text-align:center;
	background:#0c70e2;
	background: linear-gradient( 0deg, #0f85f2 0%, #094fa6 16%, #0e64e6 46%, #0c71e2 100%);
	box-sizing: border-box;
	padding: 2px;
}
.moreview a {
	display:block;
	width: 976px;
	height:39px;
	color: #2b6ce2;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
	background: #ffffff;
	overflow: visible;
	letter-spacing: -0.5px;
	line-height: 40px;
}
.moreview a:hover {
	color: #ffffff;
	background-color: #2b6ce2;
}
/* =========================================================
 右コンテンツ
========================================================= */
#rightContents {
	box-sizing: border-box;
	float: right;
	width: 760px;
	position:relative;
}
/* -- 幅100%コンテンツの場合 -- */
#rightContents:not(.haveCaption),
#rightContents:not(.haveCaption) + #leftContents {
	padding-top: 20px;
	margin-top:0;
}
#rightContents .moreview {
	width: 760px;
}
#rightContents .moreview a {
	width: 756px;
}
/* =========================================================
 左コンテンツ
========================================================= */
#leftContents {
	float: left;
	width: 200px;
}
/* =========================================================
 右コンテンツ内に大見出し（h2）が有る場合
========================================================= */
.haveCaption section h2 {
	margin-left: -220px;
}
/* =========================================================
 左コンテンツ　女の子を探す（國分作成）
========================================================= */
/*　トップの人数でてるやーつ
----------------------------------*/
#leftContents #subjectWomenBox {
	border: solid 1px #646566;
	background-color: #6abbff;
	color: #ffffff;
	padding: 20px 0;
	text-align: center;
}
#leftContents #subjectWomenBox p {
	padding-left: 34px;
	font-size: 20px;
	text-align: left;
	margin-bottom: 9px;
	margin-top: 1px;
}
#leftContents #subjectWomenBox p#subjectWomenTitle {
    font-weight: bold;
    font-size: 30px;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}
#leftContents #subjectWomenBox p#subjectWomenTitle span {
	font-weight: inherit;
	font-size: inherit;
}
#leftContents #subjectNumber {
	font-size: 35px;
	font-weight: bold;
}
/*　フォーム
----------------------------------*/
#leftContents #groupAreaBlock {
	border: 1px solid #646566;
	background: #fff;
	text-align: left;
	border-top:none;
}
#leftContents #groupAreaBlock h4 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-bottom:none;
	border-top: none;
	text-align: left;
	background: #6abbff;
	height: 2em;
	line-height: 2em;
	text-indent: 0.5em;
}
#leftContents #groupAreaBlock :not(#pointSelection) .partsContainer {
	padding: 10px 0 0;
}
#leftContents #groupAreaBlock #pointSelection .partsContainer {
	padding: 0;
}

/* セレクトボックス装飾*/
#leftContents #groupAreaBlock #sideFormMenu label.arrowOrnament {
	position: relative;
	margin: 0 auto 20px;
	width: 167px;
    display: block;
	text-align: center;
}
#leftContents #groupAreaBlock #sideFormMenu select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:none;
	border:none;
	background: #ffffff;
	border: 1px solid #646566;
	box-shadow: 1px 1px 1px #646566 inset;
	width: 167px;
	height: 40px;
	font-size: 14px;
	text-indent: 0.3em;
	background: url(../img/common/icon_formArrow.png) no-repeat;
	background-position: 98% center;
	background-size: auto 46%;
	padding-right: 22%;
	cursor: pointer;
}
#leftContents #groupAreaBlock #sideFormMenu select option {
	height: 40px;
	line-height: 2em;
	padding: 0;
}

/*　オプションの業種未選択の注釈
----------------------------------*/
#optionServiceSelection #optionServiceText {
	text-align: center;
	margin: 15px 0;
}
#optionServiceSelection #choices .viableOption {
	display: none;
}
/*　ユニーク指定
----------------------------------*/
/* 地域選択*/
#areaSelection {
	text-align: center;
}
#leftContents #areaSelection .areaBox {
	width: 100%;
	height: 45px;
	border-bottom: solid 1px #414141;
}
#areaSelection .arrowOrnament{
	display: none;
}

#areaSelection #areaList label {
	width: 100%;
	display: block;
	padding: 15px 0;
}
/*二つあるやつ*/
#leftContents #groupAreaBlock #sideFormMenu #girlsAgeSelection .partsContainer,
#leftContents #groupAreaBlock #sideFormMenu #statureSelection .partsContainer,
#leftContents #groupAreaBlock #sideFormMenu #cupSizeSelection .partsContainer,
#leftContents #groupAreaBlock #sideFormMenu #waistSizeSelection .partsContainer{
	width: 167px;
	margin: 0 auto 15px;
}
#leftContents #groupAreaBlock #sideFormMenu #girlsAgeSelection label.arrowOrnament,
#leftContents #groupAreaBlock #sideFormMenu #statureSelection label.arrowOrnament,
#leftContents #groupAreaBlock #sideFormMenu #cupSizeSelection label.arrowOrnament,
#leftContents #groupAreaBlock #sideFormMenu #waistSizeSelection label.arrowOrnament{
	margin-bottom: 0;
	width: 5em;
	float: left;
}
#leftContents #groupAreaBlock #sideFormMenu label.arrowOrnament select.minimumNumber,
#leftContents #groupAreaBlock #sideFormMenu label.arrowOrnament select.maximumNumber,
#leftContents #groupAreaBlock #sideFormMenu label.arrowOrnament select.minimumNumber option,
#leftContents #groupAreaBlock #sideFormMenu label.arrowOrnament select.maximumNumber option{
	width: 72px;
	padding-right: 36%;
	text-indent: 0;
}
#leftContents .partsContainer .spaceText{
	text-align: center;
	float: left;
	width: 1em;
	height: 40px;
	line-height: 3em;
	margin: 0 6.5px;
}
/*　チェックボックス基本装飾
----------------------------------*/
#leftContents .leftCheckBox {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 15px 0 0 50px;
	position: relative;
	width: 200px;
	height: 45px;
	font-size: 14px;
}
#leftContents #groupAreaBlock #choices{
	border-bottom: 1px dashed #414141;
}
#leftContents #groupAreaBlock #hitchSelection li,
#leftContents #groupAreaBlock #choices li {
	background: #fff;
	border-bottom: 1px dashed #414141;
}
#leftContents #groupAreaBlock #hitchSelection li:last-child,
#leftContents #groupAreaBlock #choices li:last-child {
	border-bottom: none;
}
/*チェック装飾*/
#leftContents .viableOption li input[type=checkbox],
#leftContents #pointSelection li input[type=checkbox] {
	display: none;
}
#leftContents .viableOption li .leftCheckBox,
#leftContents #pointSelection li .leftCheckBox {
	position: relative;
}
#leftContents .viableOption li .leftCheckBox:after,
#leftContents .viableOption li .leftCheckBox:before,
#leftContents #pointSelection li .leftCheckBox:after,
#leftContents #pointSelection li .leftCheckBox:before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
}
#leftContents .viableOption li .leftCheckBox:after,
#leftContents #pointSelection li .leftCheckBox:after {
	left: 15px;
	margin-top: -10px;
	width: 15px;
	height: 15px;
	border: 2px solid #2b6ce2;
	border-radius: 3px;
}
#leftContents .viableOption li .leftCheckBox:before,
#leftContents #pointSelection li .leftCheckBox:before {
	left: 21px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	transform: rotate(45deg);
	opacity: 0;
	margin-top: -8px;
}
#leftContents .viableOption li input[type=checkbox]:checked + .leftCheckBox:before,
#leftContents #pointSelection li input[type=checkbox]:checked + .leftCheckBox:before {
	opacity: 1;
}
/*-- 検索ボタン --*/
#leftContents #searchConfirmBtn,
#leftContents .searchBox {
	text-align: center;
	width: 167px;
	margin: 0 auto 10px;
}
#leftContents #sideFormMenu input[type="submit"] {
	color: #5589e8;
	background-color: #fff;
	border-color: #5589e8;
	border-radius: 20px;
	width: 100%;
	height: 40px;
	line-height: 1.5em;
	cursor: pointer;
}

/*一番下の検索ボタン装飾
----------------------------------*/
#leftContents #searchConfirmBtn {
	width: 100%;
	padding: 20px 0;
}
#leftContents #searchConfirmBtn input[type="reset"] {
	border: none;
	background: #fff;
	color: #2b6ce2;
	cursor: pointer;
	text-decoration: underline;
float: left;
width: 60px;
padding: 11px 0 0 0;
margin-left: 5px;
}
#leftContents #searchConfirmBtn input[type="submit"] {
width: 122px;
padding: 0;
margin-right: 5px;
float: right;
}


/* =========================================================
	女の子サムネ
========================================================= */
.girlsBox {
	width:188px;
	height:447px;
	float:left;
	position:relative;
	margin-left: 12px;
	margin-bottom: 10px;
	border:1px solid #2b6ce2;
	box-sizing:border-box;
	text-align:center;
	background: #ffffff;
	box-shadow: 3px 3px 3px 0px rgba(114, 114, 114, 0.25);
	cursor: pointer;
}
.girlsBox a {
	color: #414141;
	text-decoration: none;
}
.girlsBox:first-of-type,
.girlsBox:nth-of-type(6n) {
	margin-left:0;
}
/*-- girlsDate --*/
.girlsDate {
	border-bottom: 1px solid #2b6ce2;
	font-size: 23px;
	box-sizing: border-box;
	height: 43px;
	padding: 13px 5px 0 62px;
}
.today .girlsDate,
.today .syameDate {
	padding: 11px 5px 0 62px;
	letter-spacing: -1px;
}
.girlsBox .girlsDate:before,
.syameBox .syameDate:before,
.today .girlsDate:before,
.today .syameDate:before {
	display: block;
	font-size: 22.59px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	color:#ffffff;
	width: 62px;
	height: 42px;
	line-height: 46px;
}
#middleWrapper .girlsBox .girlsDate span {
	font-size: 20px;
	margin: 0 5px;
}
/*-- 次回出勤 --*/
.girlsBox .girlsDate:before,
.syameBox .syameDate:before {
	content: "次回";
	background-color: #4981e5;
}
/*-- 本日出勤 --*/
.today .girlsDate:before,
.today .syameDate:before {
	content: "本日";
	background-color: #26abff;
}
/*-- 写真 --*/
.girlsBox .girlsPhoto {
	position:relative;
	overflow: hidden;
}
.girlsBox .girlsPhoto img {
	width:100%;
}
/*-- アイコン --*/
.girlsBox .girlsInfo .girlsState {
	position:absolute;
	top: 224px;
	left: 5px;
}
.girlsBox .girlsInfo .girlsState li {
	float:left;
	height:46px;
	background-image:url("../img/common/icon_girls_state.png");
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin-right:5px;
}
/*体験デビュー*/
.girlsBox .girlsInfo .girlsState li.experienceIcon {
	background-position:-5px 0;
	width:60px;
	margin-right:1px;
}
/*即ヒメ*/
.girlsBox .girlsInfo .girlsState li.sokuhimeIcon {
	background-position:-65px 0;
	width:55px;
}
/*新人*/
.girlsBox .girlsInfo .girlsState li.newfaceIcon {
	background-position:-125px 0;
	width:47px;
}
/*-- 名前 --*/
.girlsName {
	white-space: nowrap;
}
.girlsStateWrap {
	overflow: hidden;
}
.girlsBox .girlsStateWrap .girlsName {
	padding:7.5px 0;
	border-top:1px solid #2b6ce2;
	font-size:18px;
	font-weight:bold;
}
.girlsBox .girlsStateWrap .girlsName span {
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}
/*-- 勤務先 --*/
.girlsBox .girlsStateWrap ul {
	margin:10px 9px;
	color:#FFF;
	font-size:16px;
}
.girlsBox .girlsStateWrap ul li {
	float:left;
	background-color:#2f2f2f;
	padding:8.5px 0;
}
/*-- ステ --*/
.girlsBox .girlsStateWrap .girlsSize {
	font-size:17px;
}
/*地域、ジャンル*/
.girlsBox .girlsStateWrap ul {
	margin: 21px 0 0 12px;
}
.girlsBox .girlsStateWrap .girlsRegion,
.girlsBox .girlsStateWrap .girlsIndustry {
	height: 41px;
	font-size: 20px;
	padding: 0;
	line-height: 44px;
}
.girlsBox .girlsStateWrap .girlsRegion {
	width: 71px;
	font-size: 20px;
	background-color: #292929;
	background: linear-gradient(-45deg, #1e1e1e 25%, #292929 25%, #292929 50%, #1e1e1e 50%, #1e1e1e 75%, #292929 75%, #292929);
	background-size: 4px 4px;
	margin-right:5px;
}
.girlsBox .girlsStateWrap .girlsIndustry {
	width: 133px;
	font-weight: bold;
}
/*ジャンル色ユニークで*/
.girlsBox.brothelColor .girlsStateWrap .girlsIndustry {
	background:#41b0ff;
}
.girlsBox.handJobColor .girlsStateWrap .girlsIndustry {
	background:#00ceae;
}
.girlsBox.eroticMassageColor .girlsStateWrap .girlsIndustry {
	background:#ff354d;
}
/* -- girlsInfo -- */
.fullContents .girlsBox .girlsInfo .girlsState {
	position: absolute;
	top: 279px;
	left: 5px;
}
.fullContents .girlsBox .girlsInfo .girlsState li {
	margin-right: 9px;
	height:72px;
}
/*新人*/
.fullContents .girlsBox .girlsInfo .girlsState li.newfaceIcon {
	background-position: 0px 0;
	width: 74px;
}
/*体験デビュー*/
.fullContents .girlsBox .girlsInfo .girlsState li.experienceIcon {
	background-position: -76px 0;
	width: 72px;
}
/*即ヒメ*/
.fullContents .girlsBox .girlsInfo .girlsState li.sokuhimeIcon {
	background-position: -148px 0;
	width: 93px;
	left: -10px;
}
/*-- クリックしたときでてくるやつ --*/
#middleWrapper .girlsBox .girlsDetailBox {
	position: absolute;
	width: 570px;
	left: -50%;
	right: 0;
	top: 0;
	margin: auto;
	z-index: 100;
	background: #fff;
	border: 5px solid #dfeaff;
	border-radius: 10px;
	transform: scale(0);
	cursor:pointer;
}
#middleWrapper .girlsBox .girlsDetailBox .detailGirlsImg {
	float: left;
	margin: 20px 0px 78px 15px;
	display: none;
	border: solid 2px #3774e4;
	box-sizing: border-box;
}
#middleWrapper .girlsBox .girlsDetailBox .detailGirlsImg img {
	height: 375px;
	width: 234px;
}
#middleWrapper .girlsBox .girlsDetailBox .detailRightContent {
	float: right;
	width: 287px;
	margin: 15px 15px 53px 15px;
	display: none;
}
#middleWrapper .detailRightContent p {
	font-size: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding-bottom: 9px;
	display: inline-block;
	width: 100%;
	line-height: 1.2em;
}
#middleWrapper .detailRightContent p span {
	font-weight: bold;
	font-size: 18px;
}
#middleWrapper .detailRightContent p span > span {
	font-size:16px;
	margin-right:7px;
}
#middleWrapper .detailRightContent p:first-child {
	font-size: 28px;
	border-bottom: none;
	position: relative;
	font-weight: bold;
	letter-spacing: -0.5px;
	white-space:nowrap;
	text-align: center;
	margin-bottom: 15px;
}
#middleWrapper .detailRightContent p:first-child span {
	font-size: 20px;
}
#middleWrapper .detailRightContent p:first-child:before {
	content: "";
	display: block;
	width: 100%;
	height: 17px;
	background-image: url(../img/main/bg_girlsName_ornament_long.png);
	position: absolute;
	top: 36px;
	background-position: center center;
	background-repeat: no-repeat;
}
#middleWrapper .detailRightContent p:nth-child(2) {
	text-align: center;
	letter-spacing: 1.5px;
}
#middleWrapper .detailRightContent p.gPouUpShopName span {
	display: inline-block;
	width: 227px;
	float: right;
	line-height: 1.2em;
}
#middleWrapper .detailRightContent p.gPouUpSoon span {
	display: inline-block;
	width: 187px;
	float: right;
	line-height: 1.2em;
}

#middleWrapper .detailRightContent p:nth-child(4) {
	padding-bottom: 4px;
}
#middleWrapper .detailRightContent p:nth-child(4) span {
	letter-spacing: -0.5px;
	font-size: 20px;
}
#middleWrapper .detailRightContent p:nth-child(4) span span{
	margin-right: 10px;
	font-size: 18px;
}
#middleWrapper .detailRightContent p:nth-child(5) {
	padding-bottom: 7px;
}
#middleWrapper .detailRightContent p:last-child {
	margin-bottom: 12px;
}
#middleWrapper .girlsBox .girlsDetailBox .flatBtn {
	width: 255px;
	height: 43px;
	background: linear-gradient(#0f85f2 16%, #094fa6, #0e64e6 46%, #0e64e6 100%);
	position: absolute;
	bottom: 15px;
}
#middleWrapper .girlsBox .girlsDetailBox div:nth-child(3) {
	left: 20px;
}
#middleWrapper .girlsBox .girlsDetailBox div:nth-child(4) {
	right: 20px;
}
#middleWrapper .girlsBox .girlsDetailBox .flatBtn a {
	width: 251px;
	height: 39px;
	line-height: 39px;
	background: #ffffff;
	color: #2b6ce2;
	border: none;
	margin: 2px;
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
}
#middleWrapper .girlsBox .girlsDetailBox .flatBtn a:hover {
	background: #2b6ce2;
	color: #ffffff;
}
#middleWrapper .girlsBox .girlsDetailBox .detailRightContent p:last-child {
	border-bottom: 0;
}
/*-- 閉じるボタン --*/
#middleWrapper .girlsBox .girlsDetailBox .flatBtn.close {
	position: absolute;
	top: -14px;
	right: -17px;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	box-sizing: border-box;
	background: #fff;
	border: solid 5px #0c70e2;
	border-radius: 20px;
}
#middleWrapper .girlsBox .girlsDetailBox .flatBtn.close:before {
	position: absolute;
	top: 12px;
	left: 5.5px;
	width: 17px;
	height: 4px;
	content: "";
	background-color: #0c70e2;
	transform: rotate(45deg);
}
#middleWrapper .girlsBox .girlsDetailBox .flatBtn.close:after {
	position: absolute;
	top: 5.5px;
	left: 12px;
	width: 4px;
	height: 17px;
	content: "";
	background-color: #0c70e2;
	transform: rotate(225deg);
}
/* =========================================================
	女の子サムネ小さめサイズ
========================================================= */
/* -- フォントサイズ一括指定 -- */
.smallThumbnail .girlsBox .girlsDate,
.smallThumbnail .girlsBox .girlsStateWrap .girlsName {
	font-size:14px;
}
.smallThumbnail .girlsBox .girlsStateWrap .girlsRegion,
.girlsBox .girlsDate span,
.smallThumbnail .girlsBox .girlsStateWrap .girlsIndustry,
.smallThumbnail .girlsBox .girlsStateWrap .girlsName span,
.smallThumbnail .girlsBox .girlsStateWrap .girlsSize {
	font-size:12px;
}
.smallThumbnail .girlsBox {
	width: 144px;
	height: auto;
	margin-left: 10px;
}
.smallThumbnail .girlsBox:first-child {
	margin-left: 0;
}
.smallThumbnail .girlsBox:last-child {
	margin-bottom: 20px;
}
#middleWrapper .smallThumbnail .girlsBox .girlsDate {
	height: 34px;
	padding: 7px 5px 0 40px;
}
#middleWrapper .smallThumbnail .today .girlsDate {
	padding: 7px 5px 0 40px;
}
#middleWrapper .smallThumbnail .girlsBox .girlsDate span {
	vertical-align: initial;
	font-size: 12px;
}
.smallThumbnail .girlsBox .girlsDate:before,
.smallThumbnail .syameBox .syameDate:before,
.smallThumbnail .today .girlsDate:before,
.smallThumbnail .today .syameDate:before {
	font-size: 13px;
	width: 38px;
	height: 33px;
	line-height: 33px
}
.smallThumbnail .today .girlsDate {
	padding: 8px 5px 0 30px;
	letter-spacing: -1px;
}
/* -- girlsPhoto -- */
.smallThumbnail .girlsBox .girlsPhoto {
	min-height:initial;
	height: calc(142px/3*4);
}
.smallThumbnail .girlsBox .girlsPhoto img {
	object-fit: cover;
	/* width: 100%;
    height: 27.955vh;
    object-fit: cover;
    object-position: 100% 0%; */
}
/*-- girlsStateWrap --*/
.smallThumbnail .girlsBox .girlsStateWrap .girlsName:after {
	content: "";
	display: block;
	background-image: url(../img/main/bg_girlsName_ornament.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 130px;
	height: 11px;
	position: absolute;
	left: 6px;
	bottom: 74px;
}
.smallThumbnail .girlsBox .girlsStateWrap ul {
	margin: 10px 0 5px 5px;
}
.smallThumbnail .girlsBox .girlsStateWrap ul li {
	height: 30px;
	line-height: 30px;
}
.smallThumbnail .girlsBox .girlsStateWrap .girlsRegion {
	width:40px;
}
.smallThumbnail .girlsBox .girlsStateWrap .girlsIndustry {
	width: 83px;
}
.smallThumbnail .girlsBox .girlsStateWrap .girlsSize {
	padding: 3px 0 8px;
	letter-spacing: -0.5px;
}
/*-- girlsState --*/
.smallThumbnail .girlsBox .girlsInfo .girlsState {
	position: absolute;
	top: 180px;
	left: 5px;
}
.smallThumbnail .girlsBox .girlsInfo .girlsState li {
	background-image: url(../img/common/icon_girls_state.png);
	background-size: 141px;
}
.smallThumbnail .girlsBox .girlsInfo .girlsState .newfaceIcon {
	background-position: 0px 0;
	width: 45px;
	margin-right: 1px;
}
.smallThumbnail .girlsBox .girlsInfo .girlsState .experienceIcon {
	background-position: -44px 0;
	width: 43px;
	margin-right: 1px;
}
.smallThumbnail .girlsBox .girlsInfo .girlsState .sokuhimeIcon {
	background-position: -88px 0;
	width: 56px;
	margin-right: 1px;
}
.smallThumbnail .girlsBox .girlsStateWrap .girlsName {
	padding: 6px 0 10px;
	border-top:1px solid #2b6ce2;
	font-weight:bold;
	text-align: center;
}
/* =========================================================
	女の子写メ日記
========================================================= */
.syameBox {
	width:144px;
	height:336px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	border:1px solid #2b6ce2;
	box-sizing:border-box;
}
.syameBox a:hover .syameStateWrap .syameText {
	text-decoration: none;
}
.syameBox:first-of-type {
	margin-left:0;
}
/*-- girlsDate -- */
.syameBox .syameDate {
	padding: 10px 0 0px 39px;
	border-bottom:1px solid #2b6ce2;
	height: 34px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	font-size: 15px;
}
#middleBox .syameBox.today .syameDate {
	font-size: 15px;
}
#middleBox .syameBox .syameDate {
	font-size: 14px;
}
.syameBox .syameDate span {
	margin-right: 5px;
	font-size:12px;
}
.syameBox.today .syameDate {
	padding: 12px 0 10px 39px;
}
/*本日出勤、次回出勤*/
.syameBox .syameDate:before,
.today.syameBox .syameDate:before {
	font-size: 13px;
	font-weight: initial;
	width: 39px;
	height: 33px;
	line-height: 34px;
}
/*-- 写真 --*/
.syameBox .syamePhoto {
	height: 229px;
	background: url(../img/common/bg_syame.jpg) no-repeat;
	background-size: cover;
}
.syameBox .syamePhoto img {
	display:block;
	max-width:100%;
	max-height:100%;
	height: 229px;
}
.syameBox .syameDetails {
	padding:10.5px 0;
	border-top:1px solid #2b6ce2;
	border-bottom:1px solid #2b6ce2;
}
.syameBox .syameDetails p {
	color:#181818;
}
.syameBox .syameDetails .syameName {
	width:76px;
	margin-left: 5px;
	box-sizing:border-box;
	font-weight:bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	float:left;
}
.syameBox .syameDetails .syameTime {
	float: right;
	margin-right: 5px;
	font-size: 13px;
}
#middleBox .syameBox .syameDetails .syameTime {
	font-size: 13px;
}
.syameBox .syameText {
	padding:12px 5px;
	color:#3b60ff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x:hidden;
	text-decoration: underline;
}
/* =========================================================
 VIP会員特典
========================================================= */
 #vipWrap {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
 #vipWrap .vipHeading {
	width: 980px;
	height: 266px;
	position: relative;
}
 #vipWrap .vipHeading .vipCharacter {
	position: absolute;
	top: 40px;
	left: 28px;
}
 #vipWrap .vipDatail {
	text-align: center;
	border-top: 4px solid #957f15;
	border-left: 4px solid #957f15;
	border-right: 4px solid #957f15;
    width: auto;
    height: 279px;
}
 #vipWrap .vipShopWrap {
	background: url(../img/common/bg_vip.jpg) repeat;
	border-bottom: 4px solid #957f15;
	border-left: 4px solid #957f15;
	border-right: 4px solid #957f15;
	position: relative;
	z-index: -2;
}
  #vipWrap .vipShopWrap:before {
	content: "";
	width: 100%;
	background: radial-gradient(at top center, rgba(255, 255, 255, 0.2) 0%, rgba(255,255,255,0) 56%);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
}

 #vipWrap .vipShopWrap .vipSubheadingImg {
	text-align: center;
}
 #vipWrap .vipShopWrap .vipSubheadingImg img {
	margin: 23px 0 18px 5px;
}
 #vipWrap .vipShopWrap .shopHeading {
	width: 900px;
	background-color: #b99721;
	margin: 0 auto;
}
 #vipWrap .vipShopWrap .eachShop {
	height: 80px;
	background-color: #ffffff;
	border: 2px solid #957f15;
	margin: 5px auto 0;
	width: 900px;
	box-sizing: border-box;
}
 #vipWrap .vipShopWrap .eachShop p {
	font-size: 24px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #252525;
	margin-left: 18px;
	text-shadow: 0px 0px 1px #d5d5d5;
	line-height: 1.5em;
}
#vipWrap .vipShopWrap .eachShop .vipLeftBox,
#vipWrap .vipShopWrap .eachShop .vipRightBox {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;

}
 #vipWrap .vipShopWrap .eachShop .vipLeftBox {
	box-sizing: border-box;
	border-right: 2px solid #957f15;
	float: left;
	width: 448px;
	height: 78px;
}
 #vipWrap .vipShopWrap .eachShop .vipLeftBox a {
	color: #252525;
	text-decoration:none;
}
 #vipWrap .vipShopWrap .eachShop .vipLeftBox a:hover {
	border-bottom: none;
	text-decoration:underline;
}
 #vipWrap .vipShopWrap .eachShop .vipRightBox {
	float: left;
	width: 448px;
}
 #vipWrap .vipShopWrap .eachShop .vipRightBox p span {
	color: #d10000;
	font-weight: bold;
}
 #vipWrap .vipShopWrap .eachShop .vipRightBox.twoLine{
 	display: inherit;
	text-align: center;
 }
#vipWrap .vipShopWrap .eachShop .vipRightBox.twoLine p:first-of-type{
	margin-top: 10px;
}
#vipWrap .vipShopWrap .eachShop .vipRightBox.twoLine p:last-of-type{
  	font-size: 14px;
	color: #414141;
	font-weight: inherit;
  }
 #vipWrap .vipShopWrap .vipText {
	margin-top: 18px;
}
 #vipWrap .vipShopWrap .vipText p {
	color: #ffffff;
	font-weight: bold;
	font-size: 28px;
	margin-left: 36px;
	letter-spacing: -0.2px;
	text-shadow: 4px 2px 1px #1d1d1d;
}
 #vipWrap .vipShopWrap .vipText p:last-child {
	font-size: 16px;
	margin-top: 7px;
	margin-bottom: 18px;
	letter-spacing: 0.25px;
}
 #vipWrap .vipShopWrap .vipText p span:first-child {
	font-size: 25px;
	letter-spacing: 3.2px;
	font-weight: bold;
}
 #vipWrap .vipShopWrap .vipText p span.smallText {
	font-size: 15px;
	vertical-align: middle;
	margin-right: 2px;
}
 #vipWrap .vipShopWrap .vipText p span.textYellow {
	font-weight: bold;
	color: #ffd427;
}

/* -- index.css -- */

/* -- おっくんうごかす -- */
@keyframes okkun{
	0%{
		top:40px;
	}
	70%{
		top:40px;
	}
	85%{
		top:20px;
	}
	100%{
		top:40px;
	}
}
.vipCharacter{
	animation-name:okkun;
	animation-duration:1s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
}




#columnContents #vipWrap {
	position:relative;
	margin:0 auto 20px;
}
#columnContents #vipWrap #vipImg {
	width:760px;
	height:auto;
}
#columnContents #vipWrap #vipImg img {
	width:100%;
	height:auto;
}
#columnContents #vipWrap #vipText p {
	position:absolute;
	height:53px;
	line-height:53px;
	box-sizing:border-box;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	bottom:31px;
}
#columnContents #vipWrap #vipText .targetStore {
	width:264px;
	left:118px;
}
#columnContents #vipWrap #vipText .targetStore a {
	color:#414141;
}
#columnContents #vipWrap #vipText .targetStore a:hover {
	text-decoration:underline;
}
/*---------対象店舗が２店舗のとき--------------
#columnContents #vipWrap #vipText .targetStore.twoShop {
	line-height:1.3;
	bottom:26px;
}
#columnContents #vipWrap .period {
	width:261px;
	right:31px;
}
/* =========================================================
 フッター共通
========================================================= */
/*-- 新店用 --*/
.newOpen:after {
	background-color: #ff9;
	color: #ff325f;
	content: "NEW";
	font-size: 9px;
	margin-left: 5px;
	padding: 0 1%;
	vertical-align: middle;
}
.newOpen img {
	max-width: 153px;
}
/*-- フッターしてい --*/
#footerBox {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index: 100;
}
#footerBox,
footer {
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1040px;
	background-image:url("../img/common/bg_footer.jpg");
}
footer #footerSitemap,
footer #subFooter {
	width:980px;
	margin: 0 auto;
}
#footerSitemap {
	padding: 20px 0 25px;
}
#footerSitemap ul {
	width: 507px;
	line-height: 1.3em;
	float: right;
	margin: -2px 0 0 0;
}
#footerSitemap li {
	color: #ffffff;
	float: left;
	margin: 2px 2px 0 0;
}
#footerSitemap li:not(:last-child):after {
	content: "|";
	margin: 0 3px;
}
#footerSitemap li:nth-child(3) {
	letter-spacing: -0.4px;
}
#footerSitemap li:nth-child(3):after {
	margin-right: 0;
}
#footerSitemap a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
#footerSitemap a:hover {
	text-decoration: underline;
}
/* =========================================================
 ぺーじゃー
========================================================= */
#rightContents .pager {
	box-sizing:border-box;
	height:60px;
	position:relative;
	overflow:hidden;
	background:#6abbff;
}
#rightContents .pager ul {
	padding-top:10px;
	text-align:center;
	height:60px;
	box-sizing:border-box;
	float:left;
	left:50%;
	position:relative;
}
#rightContents .pager ul li {
	float:left;
	left:-50%;
	position:relative;
	margin-left:10px;
	line-height:41px;
	color:#2b6ce2;
}
#rightContents .pager ul li a,
#rightContents .pager ul li span {
	background:#fff;
	width:40px;
	height:40px;
	display:block;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	color:#2b6ce2;
}
#rightContents .pager ul li a:hover,
#rightContents .pager ul li span {
	background:#2b6ce2;
	color:#fff;
}
#rightContents .pager ul li:first-child,
#rightContents .pager ul li:last-child {
	margin:0;
}
#rightContents .pager ul li:nth-last-of-type(2){
	margin-right: 10px;
}
#rightContents .pager ul .pagerFirst a {
	width:60px;
}
#rightContents .pager ul .pagerLast a {
	width:60px;
}
#rightContents .pager ul .pagerLeader,
#rightContents .pager ul .pagerLeaderLast {
	color: #ffffff;
	font-weight: bold;
	width: 18px;
	display: block;
	font-size: 18px;
}
#rightContents .pager ul .pagerLeader {
	margin: 0px 4px 0 13.5px;
}
#rightContents .pager ul .pagerLeaderLast {
	margin: 0px 15px 0 14px;
}
/* ----- サブフッター ----- */
#subFooter {
	width: 100%;
}
#subFooterBox {
	margin: 0 auto;
	width: 976px;
	padding-top: 21px;
}
#footerStoreListHeading {
	/* padding: 14px 0 13px; */
	text-align: center;
	color: #ffffff;
	height: 50px;
	font-size: 15px;
	font-weight: bold;
	line-height: 50px;
}
#footerStoreList {
	margin-top: 27px;
}
#footerStoreList dl {
	float: left;
	display: block;
	box-sizing: border-box;
	padding-left: 8px;
}
#footerStoreList dl#tokyoArea {
	padding: 0;
}
#footerStoreList dl dd {
	box-sizing: border-box;
}
#footerStoreList dl#yokohamaArea dd {
	width:181px;
	border-right: solid 1px #929292;
}
#footerStoreList dl#tokyoArea dd {
	width:600px;
	border-right: solid 1px #929292;
	padding-left: 19px;
}
#footerStoreList dl#saitamaArea {
	width:191px;
	padding-left: 24px;
}
#footerStoreList dt {
	margin:0 0 12px 5px;
	color: #fff;
	font-weight: bold;
}
#footerStoreList dl#tokyoArea ul {
	width:182px;
	float: left;
	box-sizing: border-box;
}
#footerStoreList dl#tokyoArea dt {
	margin-left: 28px;
}
#tokyoArea ul.lastTokyoAreaBox {
	margin-left: -7px;
}
#footerStoreList li {
	margin-bottom: 4px;
}
#footerStoreList a {
	color:#ffffff;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0.3px;
}
#footerStoreList a:hover {
	text-decoration: underline;
}
#footerContents {
	padding-bottom: 8px;
}
#footerContents #footerCopyright {
	padding:32px 0;
}
#footerContents #footerCopyright small {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
#footerContents #footerCopyright small a {
	color: #fff;
	text-decoration: underline;
}
#footerContents #footerCopyright small a:hover{
	text-decoration: none;
}
/*-- トップに戻るボタン --*/
#scrollMenu {
	right:0;
	position: absolute;
	bottom: 50px;
	z-index: 1;
}
#scrollMenu p {
	position: fixed;
	background-attachment: scroll;
	background-image: url(../img/common/btn_side.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 120px;
	height: 121px;
}
#scrollMenu a {
	display: block;
	height: 145px;
	height: 121px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
/*本指名ランキング見出し装飾*/
.headingUpdateText{
	font-size: 24px;
    position: absolute;
    right: 160px;
    font-weight: bold;
    top: 16px;
    color: yellow;
}
/*----------------------------------------
  　グラビアイベントバナー　クリック詳細装飾
----------------------------------------*/
#eventPopUp1, #eventPopUp2{
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      overflow: scroll;
      top: 0;
      left: 0;
      z-index: 100;
      background: rgba(0,0,0,0.8);
	  padding:70px 0;
}


.eventPopUpBlock{
	position: relative;
	width: 60%;
	background: #ffffff;
	margin: 0 auto;
	text-align: center;
	border: 3px solid #FF7F7F;
	padding: 0.8%;
}

.eventPopUpBlock .eventImg{
	padding: 2% 0;
}

#popUpBanner .eventPopUpInner{
	width: 80%;
	margin: 0 auto;
}

#popUpBanner h4:before{
	background-size: 80%;
	    top: 9px;
    right: 3px;
}

#popUpBanner h4{
	margin-bottom: 20px;
	font-size: 22px;
	text-indent: 0;
}

#popUpBanner h4:after{
	    width: 68%;
	    left: 100px;
}




/*----------------------------------------
  　グラビア　センターバナー装飾
----------------------------------------*/
.banner1 .bannerBlock, .banner2 .bannerBlock{
	text-align: center;
	margin-bottom: 100px;

}

.bannerBlock:hover{
		opacity: 0.7;
}
.bannerBlock img{
cursor : pointer;
	}

@keyframes okkunUp{
	0%{
		top: -10px;
	}
	100%{
		top: -70px;
	}
}

@keyframes okkunHand{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}


#popUpBanner .eventPopUpBlock:before{
	content: "";
	background:url(../img/gravure/img_okkun1.png);
	width: 50px;
	height: 13px;
	display: inline-block;
	position: absolute;
	top: -8px;
    left: calc(50% - 25px);
	z-index: 1;
	animation-name: okkunHand;
	animation-duration: 1s;

}

#popUpBanner .eventPopUpBlock:after{
	content: "";
	background:url(../img/gravure/img_okkun2.png);
	width: 81px;
	height: 67px;
	display: inline-block;
	position: absolute;
    top: -70px;
    right: calc(50% - 42px);
	z-index: -1;
	animation-name: okkunUp;
	animation-duration: 1s;

}

#popUpBanner .eventPopUpBlock{
	position: relative;
}



#popUpBanner .eventPopUpBlock p{
	font-size: 1.3vw;
	margin-bottom: 3%;
}
#popUpBanner .eventPopUpBlock p span{
	font-weight: bold;
	font-size: 1.7vw;
	color:#000000;
}

#popUpBanner .eventPopUpBlock .textPink{
	color:#FF7F7F;
	font-size: 2.1vw;
	font-weight: bold;
}

#popUpBanner .eventPopUpBlock p.textRed{
	font-size: 26px;
}