@charset "UTF-8";
/*  トップページ

------------------------------------------------------------------------------ */
#main {
	overflow: hidden;
	position: fixed;
	top: 78px;
	/*top: calc(2.8rem + 50px); /* バー表示の時使用 */
	top: calc(2.8rem);
	left: 0;
}
.main_img {
	position: absolute;
	top: 0;
	right: 0;
	max-width: none;
	margin: auto;
}
#btn_area .chan_btn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: .6rem; /* 17.7-28 m.kuma 追加*/
}
.chan_con {
	display: none;
}
.dis_block {
	display: block;
}
/* ------------------------------------------------------------

  一画面用

------------------------------------------------------------ */
#wrapper-free #main {
	display: none;
}
#wrapper-free #contents {
	width: auto;
	margin-left: auto;
}
/*  スプリット表示非表示関連

------------------------------------------------------------------------------ */
#main_inner {
	position: absolute;
	right: 0;
	width: 100%;
	background-color: #f8f6f7;
	-webkit-transition: width .2s;
	transition: width .2s;
}
@media screen and (min-width: 1001px) {
	#main_inner {
		width: 50%;
	}
	#main_inner.off {
		width: calc(100% - 40px);
	}
	/* オフのとき表示オンのとき非表示 */
	#wrapper-free .off_show {
		display: inline-block;
	}
	#wrapper-sprit .off_show {
		display: none;
	}
	/* オンのとき表示オフのとき非表示 */
	#wrapper-sprit .on_show {
		display: inline-block;
	}
	#wrapper-free .on_show {
		display: none;
	}
}
@media screen and (min-width: 1401px) {
	#main_inner.off {
		width: calc(100% - 206px);
	}
}
/* 1000px以下はオフのときと同じ */
@media screen and (max-width: 1000px) {
	.on_show {
		display: none;
	}
	.off_show {
		display: inline-block;
	}
}
/* スマホ(1000px以下)のとき非表示 */
.pc_show {
	display: none;
}
@media screen and (min-width: 1001px) {
	.pc_show {
		display: block;
	}
	.sp_show {
		display: none;
	}
}
/* スプリットオンオフボタン */
#sprit_btn {
	display: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (min-width: 1001px) {
	/* オンのとき */
	#sprit_btn {
		display: block;
		position: fixed;
		z-index: 13;
		right: 50%;
		bottom: 20px;
		height: 3.2rem;
		margin-right: 2rem;
		text-shadow: 0 0 4px #000;
		color: #fff;
		font-weight: bold;
		-webkit-transition: right .2s;
		transition: right .2s;
	}
	#sprit_btn .chan-tit_name {
		border: none;
	}
	#sprit_btn i {
		position: absolute;
		top: 0;
		width: 2.2rem;
		height: 2.2rem;
		font-style: normal;
		-webkit-animation: spritBtn 1s ease-in-out infinite alternate;
		animation: spritBtn 1s ease-in-out infinite alternate;
	}
	#sprit_btn i::before {
		position: absolute;
		top: 50%;
		left: 50%;
		font-family: "fontello";
		font-size: 1.4rem;
		content: "\e806";
		-webkit-transform: rotate(180deg) translate(-50%, -50%);
		-ms-transform: rotate(180deg) translate(-50%, -50%);
		transform: rotate(180deg) translate(-50%, -50%);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	#sprit_btn p {
		padding-top: .4rem;
		padding-left: 2.4rem;
		font-size: 1.4rem;
		text-align: right;
		line-height: 1;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
	}
}
/* オフのとき(1001px～1399px) */
@media screen and (min-width: 1001px) and (max-width: 1399px) {
	#sprit_btn.off {
		right: calc(100% - 36px);
		height: 2.4rem;
		margin-right: 0;
		color: #fff;
	}
	#sprit_btn.off i {
		right: 0;
	}
	#sprit_btn.off i::before {
		-webkit-transform: rotate(0deg) translate(-50%, -50%);
		-ms-transform: rotate(0deg) translate(-50%, -50%);
		transform: rotate(0deg) translate(-50%, -50%);
	}
	#sprit_btn.off p {
		opacity: 0;
	}
}
/* オフのとき(1401px～) */
@media screen and (min-width: 1401px) {
	#sprit_btn.off {
		right: calc(100% - 206px);
		margin-right: 0;
	}
	#sprit_btn.off i {
		right: 0;
	}
	#sprit_btn.off i::before {
		-webkit-transform: rotate(0deg) translate(-50%, -50%);
		-ms-transform: rotate(0deg) translate(-50%, -50%);
		transform: rotate(0deg) translate(-50%, -50%);
	}
	#sprit_btn.off p {
		padding-right: 2.8rem;
	}
	#sprit_btn.off p span {
		display: none; /* 非とにを消す */
	}
}
@-webkit-keyframes spritBtn {
	0% {
		-webkit-transform: translateX(-.4rem);
		transform: translateX(-.4rem);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes spritBtn {
	0% {
		-webkit-transform: translateX(-.4rem);
		transform: translateX(-.4rem);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
html:not(.ua_touch) #sprit_btn:hover i {
	-webkit-animation-play-state: paused;
	animation-play-state: paused; /* 揺らすのを止める */
}
/*  トップページ共通部分

------------------------------------------------------------------------------ */
.comn_title {
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #bbb;
	color: #444;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.comn_title span {
	letter-spacing: .4rem;
}
.comn_sub_title {
	margin-top: 2.2rem;
	margin-bottom: 1rem;
	padding: .6rem .2rem .4rem 1.2rem;
	border-left: 6px solid #333;
	font-size: 16px;
}
.comn_para {
	margin-top: 2rem;
	color: #666;
	font-size: 1.3rem;
	text-align: center;
}
/* ホバーで出てくる女の子プロフィール */
.girl_prof {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*  バー　　(※VRの時みたいに横長リピートバナーを配置する場合に使用)

------------------------------------------------------------------------------ */
/*

#head_bar {

  position: fixed;

  z-index: 50;

  top: 2.8rem;

  left: 0;

  width: 100%;

  height: 50px;

  background-color: #f8f6f7;

}



#head_bar a {

  display: block;

  width: 100%;

  height: 50px;

  background: url(../yes_img-area/common/banner.jpg) repeat-x;

  background-size: contain;

  -webkit-transition: opacity .2s;

          transition: opacity .2s;

}



html:not(.ua_touch) #head_bar a:hover {

  opacity: .7;

}



*/
/* スライダー1枚のときの調整(告知バーを非表示する際はこの記述をコメントアウトして) */
@media screen and (min-width: 1001px) {
	/* #slider_one {
		margin-top: 124px !important;
	} */
}
/*  左の縦のメニュー(出すのは1001pxから1399pxまで)

------------------------------------------------------------------------------ */
#lnav_wrap {
	position: fixed;
	top: 78px;
	/*top: calc(2.8rem + 50px); /* バー表示の時使用 */
	top: calc(2.8rem);
}
#vertical_menu {
	display: none;
}
@media screen and (min-width: 1001px) and (max-width: 1399px) {
	#vertical_menu {
		display: block;
		position: fixed;
		z-index: 13;
		top: 78px;
		/*top: calc(2.8rem + 50px); /* バー表示の時使用 */
		top: calc(2.8rem);
		left: 0;
		width: 40px;
		height: 100%;
		background: #000;
	}
}
#vertical_menu .area_logo_small {
	display: block;
	position: absolute;
	left: 40px;
	width: 177px;
	height: 40px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}
/* レフトのハンバーガー */
#ham_btn_l {
	position: absolute;
	top: 197px; /* 上のバナー足す20px */
	left: 4px;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, .7);
	cursor: pointer;
}
/* ハンバーガーアイコンとバツボタン */
#ham_btn_l::before, #ham_btn_l::after {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #000;
	font-family: "fontello";
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#ham_btn_l::before {
	opacity: 1;
	font-size: 26px;
	content: "\f0c9"; /* ハンバーガー */
}
#ham_btn_l::after {
	opacity: 0;
	font-size: 22px;
	content: "\e801"; /* バツ */
}
#ham_btn_l.on::before {
	opacity: 0;
}
#ham_btn_l.on::after {
	opacity: 1;
}
/*  スマホのときの上部分

------------------------------------------------------------------------------ */
#sp_head {
	position: relative;
	width: 100%;
	height: 40vw;
	background-repeat: none !important;
	background-position: top center !important;
	background-size: cover !important;
}
@media screen and (max-width: 767px) {
	#sp_head {
		min-height: 260px !important;
	}
}
/* エリアロゴ */
#sp_head .area_logo_big {
	overflow: hidden;
	position: relative;
	top: 1rem;
	left: 1rem;
	width: 85px;
	height: 75px;
	-webkit-box-shadow: 0 0 3px rgba(255, 255, 255, .7);
	box-shadow: 0 0 3px rgba(255, 255, 255, .7);
}
#sp_head .area_logo_big img {
	position: relative;
	top: 50%;
	left: 50%;
	max-width: inherit;
	width: 110px;
	height: 85px;
	vertical-align: inherit;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* インフォ */
#sp_info {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	width: 90%;
	width: calc(100% - 2rem);
	height: 5rem;
	background: #fff;
}
/* Infoテキスト */
#sp_info::before {
	position: absolute;
	left: 0;
	width: 6rem;
	padding: 1.6rem 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	content: "Info";
}
/* 矢印 */
#sp_info::after {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 6rem;
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
	border-left: 1.2rem solid;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#sp_info a {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
}
/* 右の矢印 */
#sp_info a::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	border: 1px solid #888;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#sp_info a::after {
	position: absolute;
	top: 50%;
	right: 1.32rem;
	color: #888;
	font-family: "fontello";
	font-size: 1.4rem;
	content: "\e806";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#sp_info a p {
	position: absolute;
	top: 50%;
	padding-left: 8rem;
	font-size: 1.6rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#sp_info a p span {
	font-size: 2rem;
}
/*  スライダーの上空ける

------------------------------------------------------------------------------ */
@media screen and (min-width: 1001px) {
	#slider {
		margin-top: 126px;
		/*margin-top: calc(2.8rem + 50px + 4.8rem); /* gnavとVR画像とエリアメニューの高さ ※バー表示の時使用*/
		margin-top: calc(2.8rem + 4.8rem); /* gnavとエリアメニューの高さ */ */
	}
}
/*  エリア内ナビfixed関連

------------------------------------------------------------------------------ */
#snav_wrap {
	position: fixed;
	z-index: 11;
	top: 78px;
	/*top: calc(2.8rem + 50px);  /* gnavとVRの高さ  ※バー表示の時使用*/
	top: calc(2.8rem);
	-webkit-transition: width .2s;
	transition: width .2s;
}
@media screen and (min-width: 1001px) {
	#wrapper-sprit #snav_wrap {
		right: 0;
		width: 50%;
	}
	#wrapper-free #snav_wrap {
		right: 0;
		width: 100%;
		padding-left: 40px;
	}
	#search_box {
		padding-left: 40px;
	}
}
@media screen and (min-width: 1401px) {
	#wrapper-free #snav_wrap {
		padding-left: 206px;
	}
	#wrapper-free #search_box {
		padding-left: 206px;
	}
}
/*  緊急告知テキスト

------------------------------------------------------------------------------ */
.emg_text {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 2rem;
	font-size: 1.3rem;
	line-height: 1.6;
}
/*  店舗一覧へボタン

------------------------------------------------------------------------------ */
#shop_list_area {
	border: 1px solid #666;
	margin: 2.0rem;
}
#h1_area {
	padding: 2rem 1.6rem 0.8rem;
	text-align: center;
}
#h1_area h1 {
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 1.5;
}
.shop_list_link {
	padding: .8rem 0 2rem;
	font-size: 1.6rem;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}
.shop_list_link a {
	display: block;
	position: relative;
	margin: 0 2rem;
	padding: 1.4rem .5rem;
	color: #fff;
}
.shop_list_link a::after {
	position: absolute;
	top: 50%;
	right: .8rem;
	color: #fff;
	font-family: "fontello";
	font-size: 1.8rem;
	content: "\e808"; /* 下矢印 */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.shop_list_link a:hover::after {
	color: #fff;
}
/* 768px以上のとき2行 */
@media screen and (min-width: 768px) {
	.shop_list_link a::after {
		color: #fff;
		-webkit-transition: right .2s, top .2s;
		transition: right .2s, top .2s;
	}
	html:not(.ua_touch) .shop_list_link a:hover::after {
		right: .2rem;
	}
	html:not(.ua_touch) .shop_list_link a.scroll:hover::after {
		top: 58%;
		right: .8rem;
	}
}
/*  おすすめの女の子

------------------------------------------------------------------------------ */
/* 767px以下は3つ割 */
#recommended {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 2rem 6rem;
}
#r_girls {
	width: 100%;
	margin: 2rem auto 0;
}
#r_girls > div {
	width: 33.33%;
	margin-top: 2rem;
}
.and4 #r_girls > div {
	float: left;
	min-height: 270px;
}
#r_girls > div a {
	display: block;
	height: 100%;
	margin: 0 4%;
	background: #fff;
}
#r_girls .girl_prof {
	position: relative;
	top: 0;
	left: 0;
	padding: 1rem 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
/* 768px以上は4つ割 */
@media screen and (min-width: 768px) {
	#r_girls > div {
		width: 25%;
	}
}
html:not(.ua_touch) #r_girls > div a {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
html:not(.ua_touch) #r_girls > div a:hover {
	opacity: .7;
}
.more_btn a {
	display: block;
	position: relative;
	width: 100%;
	margin: 4rem auto 0;
	margin-top: 2rem;
	padding: .5em 0;
	border: 1px solid #888;
	color: #666;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
/* 1200px以上かつスプリットオフで余白持たせる */
@media screen and (min-width: 1201px) {
	#wrapper-free .more_btn a {
		width: 80%;
	}
}
.more_btn a i {
	display: inline-block;
	position: absolute;
	right: 1rem;
	-webkit-transition: color .2s;
	transition: color .2s;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
html:not(.ua_touch) .more_btn a:hover {
	background: #888;
	color: #fff;
}
html:not(.ua_touch) .more_btn a:hover i {
	color: #fff;
}
/* ラベルの色 */
.rank {
	border-color: #dd9831;
	color: #dd9831;
}
/*  エリアニュース

------------------------------------------------------------------------------ */
#area_news {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 2rem 6rem;
}
@media screen and (min-width: 768px) {
	#area_news {
		padding: 6rem 2rem 8rem;
	}
}
.news_single a {
	display: block;
	height: 100%;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
html:not(.ua_touch) .news_single a:hover {
	opacity: .7;
}
.news_single {
	overflow: hidden;
	position: relative;
	height: 120px;
	margin-top: 2rem;
	background: #fff;
}
.news_left {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 12rem 0 1rem;
	font-size: 1.2rem;
	line-height: 1.4;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.n_title {
	margin-top: .6rem;
	font-size: 1.4rem;
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.n_title {
		font-size: 1.6rem;
	}
}
.n_cont {
	margin-top: .6rem;
}
.news_single figure {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
}
/* 768px以上のときのニュース変更するもの */
@media screen and (min-width: 768px) {
	.news_single figure {
		width: 150px;
		height: 150px;
	}
	.news_single {
		height: 150px;
	}
	.news_left {
		padding: 0 18rem 0 2rem;
	}
}
/*  新人モデルと写真更新

------------------------------------------------------------------------------ */
#rookie_photo {
	overflow: hidden;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 2rem 6rem;
}
/* スライダー部分の余白 */
#new_model, #photo_up {
	margin-top: 2rem;
	padding: 0 0 5.4rem; /* 下のドットの分 */
}
@media screen and (min-width: 768px) {
	#rookie_photo {
		padding: 6rem 2rem 8rem;
	}
	#new_model, #photo_up {
		padding: 0 4rem 6rem; /* 横の矢印の分の余白 */
	}
}
/* スプリットオンのとき左右の余白なし */
@media screen and (min-width: 1001px) {
	#wrapper-sprit #new_model, #wrapper-sprit #photo_up {
		padding: 0 0rem 6rem;
	}
}
/* モデルの全体囲み */
#new_model a, #photo_up a {
	display: block;
	width: 94%;
	margin: 0 auto;
	background: #fff;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
#new_model a dl, #photo_up a dl {
	position: relative; /* 768px以上の隠すときのベース */
}
/* 画像部分 */
#new_model dt, #photo_up dt {
	overflow: hidden;
	max-width: 100%;
}
/* プロフィール囲み(767px以下かタッチデバイスのとき) */
#new_model dd, #photo_up dd {
	position: relative;
	width: 100%;
	height: 14rem;
}
#new_model dd .girl_prof > p, #photo_up dd .girl_prof > p {
	font-size: 120% !important;
}
/* プロフィール囲み(768px以上でタッチデバイスじゃないとき) */
@media screen and (min-width: 768px) {
	html:not(.ua_touch) #new_model a, html:not(.ua_touch) #photo_up a {
		border: 1px solid #888;
	}
	html:not(.ua_touch) #new_model dd, html:not(.ua_touch) #photo_up dd {
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: 0;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	html:not(.ua_touch) #new_model dt, html:not(.ua_touch) #photo_up dt {
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
	}
	html:not(.ua_touch) #new_model a:hover dt, html:not(.ua_touch) #photo_up a:hover dt {
		opacity: .1; /* イメージの部分を半透明にする */
	}
	html:not(.ua_touch) #new_model a:hover dd, html:not(.ua_touch) #photo_up a:hover dd {
		opacity: 1;
	}
}
/*  イベントと店舗最新情報

------------------------------------------------------------------------------ */
#event_latest {
	overflow: hidden;
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 4rem;
}
@media screen and (min-width: 768px) {
	#event_latest {
		padding: 6rem 2rem 4rem;
	}
}
/* イベントリスト */
#event_list > div {
	width: 49%;
	margin-top: 2rem;
	margin-right: 2%;
	background: #fff;
	font-size: 1.2rem;
	line-height: 1.4;
}
/* Android4以下用 */
.and4 #event_list > div {
	float: left;
	min-height: 200px;
}
#event_list > div:nth-child(2n) {
	margin-right: 0;
}
/* 768px以上のとき3つ割 */
@media screen and (min-width: 768px) {
	#event_list > div {
		width: 32.66%;
		margin-right: 1%;
	}
	#event_list > div:nth-child(2n) {
		margin-right: 1%;
	}
	#event_list > div:nth-child(3n) {
		margin-right: 0;
	}
}
#event_list > div a {
	display: block;
	height: 100%;
}
.e_area {
	padding: 1rem 1rem 0 1rem;
	color: #cf2a79;
	font-weight: bold;
}
.e_date {
	padding: .4rem 1rem 0 1rem;
	font-weight: bold;
	line-break: anywhere;
}
.e_cont {
	padding: .4rem 1rem 1rem 1rem;
}
html:not(.ua_touch) #event_list > div a {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
html:not(.ua_touch) #event_list > div a:hover {
	opacity: .7;
}











/*202507変更 イベントバナー削除*/


#event_list figure {
    width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#event_list figure img {
 width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


#event_list .sameHeight{
  background: #eae9e5;
  display: flex;
  justify-content: center;  
  align-items: center;     

}
















/* 店舗最新情報 */
#latest_info > div {
	width: 32.66%;
	margin-top: 2rem;
	margin-right: 1%;
	border: 1px solid #bbb;
	background: #fff;
	font-size: 1.2rem;
	line-height: 1.4;
}
/* Android4以下用 */
.and4 #latest_info > div {
	float: left;
	min-height: 240px;
}
#latest_info > div:nth-child(3n) {
	margin-right: 0;
}
.i_shop {
	padding: 1rem 1rem 0 1rem;
	color: #cf2a79;
	font-weight: bold;
	text-decoration: underline;
}
.i_date {
	padding: .4rem 1rem 0 1rem;
	font-size: 1.2rem;
}
.i_cont {
	padding: .4rem 1rem 1rem 1rem;
	font-weight: bold;
}
#latest_info figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	padding: 100% 0 0;
}
#latest_info figure div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 768px以上のとき6つ割 */
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#latest_info > div {
		width: 15.833%;
		margin-right: 1%;
	}
	#latest_info > div:nth-child(3n) {
		margin-right: 1%;
	}
	#latest_info > div:nth-child(6n) {
		margin-right: 0;
	}
	.i_shop {
		padding: 1rem .4rem 0 .4rem;
	}
	.i_date {
		padding: .4rem .4rem 0 .4rem;
	}
	.i_cont {
		padding: .4rem .4rem 1rem .4rem;
	}
}
/* 1001px以上のとき振り分け */
@media screen and (min-width: 1401px) {
	#latest_info > div {
		width: 15.833%;
		margin-right: 1%;
	}
	#latest_info > div:nth-child(3n) {
		margin-right: 1%;
	}
	#latest_info > div:nth-child(6n) {
		margin-right: 0;
	}
}
html:not(.ua_touch) #latest_info > div a {
	display: block;
	height: 100%;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
html:not(.ua_touch) #latest_info > div a:hover {
	opacity: .7;
}























/*  即ヒメ

------------------------------------------------------------------------------ */
#standby_girls {
	position: relative; /* 一覧ボタンの基準点 */
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 6rem;
}
@media screen and (min-width: 768px) {
	#standby_girls {
		padding: 6rem 2rem 8rem;
	}
}
/* スライダー部分の余白 */
#sokuhime {
	margin-top: 2rem;
	padding: 0 0 5.4rem; /* 下のドットの分 */
}
@media screen and (min-width: 768px) {
	#sokuhime {
		padding: 0 4rem 6rem; /* 横の矢印の分の余白 */
	}
}
/* スプリットオンのとき左右の余白なし */
@media screen and (min-width: 1001px) {
	#wrapper-sprit #sokuhime {
		padding: 0 0rem 6rem;
	}
}
/* モデルの全体囲み */
#sokuhime a {
	display: block;
	width: 94%;
	margin: 0 auto;
	background: #fff;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
/* プロフィール囲み(常にプロフィール内容は下に表示) */
#sokuhime dl {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
#sokuhime dt {
	overflow: hidden;
	max-width: 100%;
}
#sokuhime dd {
	position: relative;
	width: 100%;
	height: 17rem;
}
@media screen and (min-width: 768px) {
	html:not(.ua_touch) #sokuhime a:hover dl {
		opacity: .7;
	}
}
/* 即ヒメ0人のとき用 */
.hime_not {
	position: relative;
	margin: 8rem auto 4rem;
}
.hime_not p {
	color: #666;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.6;
}
.hime_not .btn {
	position: absolute;
	z-index: 1;
	left: 50%;
	width: 80%;
	margin: 0 auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.hime_not .btn a {
	display: block;
	position: relative;
	margin-top: 2rem;
	padding: .5em 0;
	border: 1px solid #888;
	color: #666;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background: #FFF;
}
@media screen and (min-width: 768px) {
	.hime_not .btn {
		width: auto;
	}
	.hime_not .btn a {
		padding-right: 8em;
		padding-left: 8em;
		background: #FFF;
	}
}
/*  写メ日記

------------------------------------------------------------------------------ */
#photo_diary {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 1rem;
}
/* 写メ部分 */
#photo_wrap {
	margin-top: 2rem;
}
#photo_wrap > div {
	width: 32.66%;
	margin-right: 1%;
	margin-top: 3rem;
	background: #fff;
	font-size: 1.2rem;
	line-height: 1.4;
}
/* Android4以下用 */
.and4 #photo_diary .btn > a {
	float: left;
}
.and4 #photo_wrap > div {
	float: left;
	min-height: 250px;
}
#photo_wrap > div a {
	display: block;
	height: 100%;
}

/*-----------------------------------
▼【保存対策】写メ日記の画像上にpng画像
-----------------------------------*/
#photo_wrap figure {
	position: relative;
	display: block;
}
#photo_wrap figure::after {
	content: "";
	display: block;
	margin: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/yes_img/common/png_cover.png);
	top: 0;
 left: 0;
}
html:not(.ua_touch) #photo_wrap > div a:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*-----------------------------------
▲【保存対策】終わり
-----------------------------------*/

#photo_wrap > div:nth-child(3n) {
	margin-right: 0;
}
.s_shop {
	padding: 1rem 1rem 0 1rem;
	font-weight: bold;
}
.s_name {
	padding: .4rem 1rem 0 1rem;
	color: #cf2a79;
	font-weight: bold;
}
.s_title {
	padding: .4rem 1rem 1rem 1rem;
}
/* 一覧へのボタン関連 */
#photo_diary > .btn a {
	width: 49%;
}
#photo_diary > .btn.btn_single a {
	width: 100%;
}
@media screen and (min-width: 768px) {
	#photo_diary {
		padding: 6rem 2rem 6rem;
	}
	#photo_diary > .btn {
		position: absolute;
		top: 3.6rem; /* 768px以上で一覧ボタンがタイトルの右に */
		right: 2rem;
		width: 36%;
	}
	/* ボタンが一つのとき */
	#photo_diary > .btn.btn_single {
		width: 15%;
	}
	#photo_diary > .btn a {
		padding-right: 0;
		padding-left: 0;
	}
}
/* アクセスランクの文字 */
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#photo_diary > .btn a span {
		font-size: 1.4rem !important;
		vertical-align: .1em;
		letter-spacing: -.08rem;
	}
}
@media screen and (min-width: 1001px) {
	#wrapper-sprit #photo_diary > .btn a span {
		margin-left: -1em;
		font-size: 1.1rem !important;
		vertical-align: .1em;
		letter-spacing: -.08rem;
	}
}
/* アクセスランクの文字を少し小さくするため */
@media screen and (min-width: 900px) {
	#photo_diary > .btn a span {
		font-size: inherit;
		vertical-align: 0;
		letter-spacing: -.08rem;
	}
}
/*  Heavenの写メ日記フレーム

------------------------------------------------------------------------------ */
#hvn_wrap {
	max-width: 800px;
	margin: 2rem auto 0 auto;
}
.hvn_txt {
	color: #666;
	font-size: 1.6rem;
	text-align: center;
}
.hvn_inner {
	margin-top: 1rem;
}
@media screen and (max-width: 767px) {
	.hvn_inner > div {
		width: 49%;
		margin-top: 1rem;
		margin-right: 2%;
		padding: .8rem;
		background: #fff;
	}
	.hvn_inner > div:nth-child(2n) {
		margin-right: 0;
	}
	.and4 .hvn_inner > div {
		float: left;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.hvn_inner > div {
		width: 32%;
		margin-top: 1rem;
		margin-right: 2%;
		padding: .8rem;
		background: #fff;
	}
	.hvn_inner > div:nth-child(3n) {
		margin-right: 0;
	}
}
.hvn_shop {
	margin: 1rem 0;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.hvn_sp a {
	display: block;
	position: relative;
	width: 100%;
	padding: 1.2rem 0;
	border: 1px solid #666;
	background: #fcfaed;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
}
.hvn_sp a::after {
	position: absolute;
	right: .8rem;
	font-family: "fontello";
	content: "\e807";
}
.hvn_pc {
	display: none;
}
@media screen and (min-width: 1001px) {
	#wrapper-free .hvn_inner > div {
		width: 200px;
		margin: 0 2rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
		background: #fff;
	}
	#wrapper-sprit .hvn_inner > div {
		width: 200px;
		margin: 0 1rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding: .8rem;
		background: #fff;
	}
	/*
  .hvn_sp {

    display: none;

  }



  .hvn_pc {

    display: block;

  }
*/
}
/*  動画

------------------------------------------------------------------------------ */
#movie {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 6rem;
}
#movie_wrap {
	margin-top: .6rem;
}
#movie_wrap > div a {
	display: block;
	height: 100%;
}
/* 767px以下のときのスタイル */
@media screen and (max-width: 767px) {
	#movie_wrap > div {
		position: relative;
		width: 100%;
		margin-top: 2rem;
		border: 1px solid #ddd;
		background: #fff;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	#movie_wrap > div a {
		overflow: hidden;
	}
	/* #movie_wrap figure {

    float: left;

    width: 40%;

    max-width: 150px;

  }



  #movie_wrap figure img {

    with: 100%;

   

  } */
	/* 2020.02.20 サムネイル表示統一 */
	#movie_wrap > div figure {
		position: relative;
		float: left;
		width: 40%;
		padding-top: 23%;
		overflow: hidden;
		margin: 0 auto;
	}
	#movie_wrap > div figure img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transorm: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.m_inner {
		width: 42%;
		padding-left: 0rem;
		float: left;
	}
	/* 矢印 */
	#movie_wrap > div a::before {
		position: absolute;
		top: 50%;
		right: 1rem;
		width: 2.2rem;
		height: 2.2rem;
		border: 1px solid #bbb;
		border-radius: 50%;
		content: "";
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#movie_wrap > div a::after {
		position: absolute;
		top: 50%;
		right: 1.8rem;
		color: #bbb;
		font-family: "fontello";
		content: "\e803";
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
/* 768px以上のときのスタイル */
@media screen and (min-width: 768px) {
	#movie {
		padding: 6rem 2rem 6rem;
	}
	#movie_wrap > div {
		position: relative;
		overflow: hidden;
		width: 32.66%;
		margin-top: 2rem;
		margin-right: 1%;
		background: #fff;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	#movie_wrap > div figure {
		position: relative;
		width: 100%;
		padding-top: 57%;
		overflow: hidden;
		margin: 0 auto;
	}
	#movie_wrap > div figure img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transorm: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	/* Android4以下用 */
	.and4 #movie_wrap > div {
		float: left;
	}
	#movie_wrap > div:nth-child(3n) {
		margin-right: 0;
	}
}
.m_shop {
	padding: 1rem 1rem 0 1rem;
	font-weight: bold;
}
.m_name {
	padding: .4rem 1rem 0 1rem;
	color: #cf2a79;
	font-weight: bold;
}
.m_title {
	padding: .4rem 1rem 1rem 1rem;
}
html:not(.ua_touch) #movie_wrap > div {
	position: relative;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
html:not(.ua_touch) #movie_wrap > div:hover {
	opacity: .7;
}
/*  店舗一覧設定

------------------------------------------------------------------------------ */
#shop_list {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 6rem;
}
/* リニューアルラベル 17.7-28 m.kuma 追加 */
#btn_area .renew .chan-tit-wrap {
	border: 4px solid #F00;
	position: relative;
}
#btn_area .renew .chan-tit-wrap:before { /* renew1 ラベルが複数になった場合はクラス名変更し追加する */
	position: absolute;
	content: attr(data-renew);
	background: #F00;
	padding: 5px 3px;
	color: #FFF;
	font-size: 1.3rem;
	top: -21px;
	left: -4px;
}
@media screen and (min-width: 768px) {
	#shop_list {
		padding: 8rem 2rem 8rem;
	}
}
#m_area-02 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.5;
}
#btn_area {
	margin-top: 1rem;
	/*border-right: 1px solid #ddd;*/
}
@media screen and (min-width: 1218px) {
	.chan-tit-wrap {
		position: relative;
		z-index: 1;
	}
	html:not(.ua_touch) .chan-tit-wrap:hover {
		z-index: 5;
		width: 103%;
		margin-left: -3%;
		/* box-shadow */
		-webkit-box-shadow: 0 10px 20px #555;
		box-shadow: 0 10px 20px #555;
	}
	#wrapper-free .chan-tit-wrap {
		position: relative;
		z-index: 1;
	}
	html:not(.ua_touch) #wrapper-free .chan-tit-wrap:hover {
		z-index: 5;
		width: 100%;
		margin-left: 0;
		/* box-shadow */
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
/* Android4以外のとき適用 */
html:not(.and4) .chan-tit {
	display: -webkit-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	position: relative;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="chan-tit_"] {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0 20px 16px;
	font-size: 1.4rem;
	text-align: left;
	vertical-align: middle;
	cursor: pointer;
}
.chan-tit_name {
	width: 30%;
	/*border-bottom: 1px solid #fff;*/
	color: #fff;
	font-weight: bold;
}
.chan-tit_chach {
	width: 70%;
	padding-right: 80px;
	/* border-bottom: 1px solid #ddd;*/
	background: #fff;
	color: #303030;
}
.sapporo .chan-tit_name {
	background: #3aaad2;
}
.ibaraki .chan-tit_name {
	background: #ef6b19;
}
.tsuchiura .chan-tit_name {
	background: #f069b8;
}
.yokohama .chan-tit_name {
	background: #7cbe28;
}
.matsuyama .chan-tit_name {
	background: #018947;
}
.hukuoka .chan-tit_name {
	background: #9c61cd;
}
.kumamoto .chan-tit_name {
	background: #3547d7;
}
.naha .chan-tit_name {
	background: #a02f75;
}
/* ロゴ */
.chan-tit_logo {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 68px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.and4 .chan-tit_logo {
	display: none;
}
/*
@media screen and (max-width: 1000px) {
	.chan_sprit {
		display: none;
	}
}
@media screen and (min-width: 1001px) {
	#wrapper-free .chan_sprit {
		display: none;
	}
	#wrapper-sprit .chan_free {
		display: none;
	}
}
*/
.chan-tit-wrap.chan_free {
	display: none;
}

.chan-tit_logo img {
	background: rgba(255, 255, 255, .7);
}
.shop_con {
	position: relative;
	z-index: 4;
}
.shop_con [class*="shop_"] {
	color: #fff;
}
.shop_img_in {
	background-color: rgba(255, 255, 255, .7);
}
.shop_con .shop_img {
	float: right;
	width: 650px;
	margin-top: 110px;
	margin-right: 32px;
}
.shop_con .shop_img_l, .shop_con .shop_img_r {
	position: static;
	/*float: right;*/
}
/*

.shop_con .shop_img_l {

  width: 460px;

  height: 200px;

  background-size: 460px 200px;

}

*/
.shop_con .shop_img_r {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 224px;
	height: 200px;
	padding: 8px;
	/*background-color: rgba(255,255,255,.7);

  background-size: 208px 184px;*/
	margin: auto;
}
@media screen and (max-width: 1780px) {
	.shop_con .shop_img {
		position: relative;
		right: 0;
		width: 68%;
		margin-right: 10px;
	}
}
.shop_con .shop_img_l img, .shop_con .shop_img_r img {
	vertical-align: bottom;
}
.shop_con .shop_name {
	float: right;
	width: 645px;
	margin: 8px 4px 0 0;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
}
.shop_con .shop_chach {
	float: right;
	width: 645px;
	margin: 0 4px 16px 0;
	font-size: 1.6rem;
	text-align: left;
	letter-spacing: 1px;
}
.shop_con .shop_genre {
	float: right;
	width: 645px;
	margin-right: 4px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.shop_con .shop_genre .genre_list {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33333%; /* 未対応ブラウザ用フォールバック */
	width: calc(100% / 3);
	margin: 0;
	padding-right: 4px;
	text-align: center;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
.shop_con .shop_genre .genre_list_in {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 4px 0;
	border: 1px dotted #fff;
	background-color: rgba(255, 255, 255, .4);
	font-size: 1.4rem;
	font-weight: bold;
}
.shop_con .shop_cheapest {
	float: right;
	width: 640px;
	margin: 8px 10px 0 0;
}
.shop_con .shop_cheapest .shop_cheapest_in {
	width: 640px;
	padding: 6px 0;
	border: 1px dotted #fff;
	background-color: rgba(255, 255, 255, .4);
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.shop_con .shop_head_txt {
	float: right;
	width: 645px;
	margin: 8px 4px 0 0;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.8;
	letter-spacing: 1px;
}
@media screen and (max-width: 1000px) {
	.shop_con .shop_genre .genre_list_in {
		padding: 4px 0;
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.shop_con .shop_head_txt {
		line-height: 1.4;
	}
}
.shop_con .shop_contact {
	float: right;
	width: 645px;
	margin: 8px 4px 0 0;
}
.shop_con .shop_contact ul {
	text-align: left;
}
.shop_con .shop_contact li {
	display: inline-block;
	margin-right: 12px;
	font-size: 1.4rem;
}
.shop_con .shop_contact a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
.shop_con .shop_access {
	float: right;
	width: 645px;
	margin: 8px 4px 0 0;
	font-size: 1.4rem;
	text-align: left;
}
.shop_con .shop_link {
	float: right;
}
.shop_con .shop_link a {
	display: block;
	position: relative;
	margin: 20px 4px 0 0;
	padding: 10px 26px 10px 20px;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, .3);
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
}
.shop_con .shop_link a::after {
	position: absolute;
	top: 50%;
	right: .8rem;
	font-family: "fontello";
	font-size: 1.8rem;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 1780px) {
	.shop_con .shop_name, .shop_con .shop_chach, .shop_con .shop_genre, .shop_con .shop_cheapest, .shop_con .shop_head_txt, .shop_con .shop_contact, .shop_con .shop_access {
		position: relative;
		right: 0;
		width: 68%;
	}
	.shop_con .shop_cheapest .shop_cheapest_in {
		width: 100%;
	}
	.shop_con .shop_genre {
		margin-right: 6px;
	}
}
@media screen and (max-width: 1342px) {
	.shop_con .shop_name, .shop_con .shop_chach, .shop_con .shop_genre, .shop_con .shop_cheapest, .shop_con .shop_cheapest .shop_cheapest_in, .shop_con .shop_head_txt, .shop_con .shop_contact, .shop_con .shop_access {
		position: relative;
		right: 0;
		width: 85%;
	}
	.shop_con .shop_cheapest .shop_cheapest_in {
		width: 100%;
	}
	.shop_con .shop_genre {
		margin-right: 6px;
	}
	.shop_con .shop_genre .genre_list_in {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 1780px) {
	.shop_con .shop_name, .shop_con .shop_chach, .shop_con .shop_genre, .shop_con .shop_cheapest, .shop_con .shop_head_txt, .shop_con .shop_contact, .shop_con .shop_access {
		position: relative;
		right: 0;
		width: 68%;
	}
	.shop_con .shop_cheapest .shop_cheapest_in {
		width: 100%;
	}
	.shop_con .shop_genre {
		margin-right: 6px;
	}
}
@media screen and (max-width: 1000px) {
	.shop_con .shop_name, .shop_con .shop_chach, .shop_con .shop_genre, .shop_con .shop_cheapest, .shop_con .shop_cheapest .shop_cheapest_in, .shop_con .shop_head_txt, .shop_con .shop_contact, .shop_con .shop_access {
		width: 100%;
	}
}
/* [スマホ版]店舗一覧

▼スプリットスクリーンOFF（#wrapper-free）▼

----------------- */
#wrapper-free .shop_con .shop_img, #wrapper-free .shop_con .shop_name, #wrapper-free .shop_con .shop_chach, #wrapper-free .shop_con .shop_genre, #wrapper-free .shop_con .shop_cheapest, #wrapper-free .shop_con .shop_head_txt, #wrapper-free .shop_con .shop_contact, #wrapper-free .shop_con .shop_access, #wrapper-free .shop_con .shop_link {
	float: none;
}
#wrapper-free .sp_dis_no {
	display: none;
}
#wrapper-free .shop_con_move {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 16px;
}
#wrapper-free .sapporo .shop_con {
	background: #658089;
}
#wrapper-free .ibaraki .shop_con {
	background: #887566;
}
#wrapper-free .tsuchiura .shop_con {
	background: #856477;
}
#wrapper-free .yokohama .shop_con {
	background: #828282;
}
#wrapper-free .matsuyama .shop_con {
	background: #5e806f;
}
#wrapper-free .hukuoka .shop_con {
	background: #776784;
}
#wrapper-free .kumamoto .shop_con {
	background: #8b91cb;
}
#wrapper-free .naha .shop_con {
	background: #866765;
}
#wrapper-free .shop_con .shop_img {
	width: 100%;
	margin-top: 0;
	background-color: rgba(255, 255, 255, .7);
}
#wrapper-free .shop_con .shop_img .shop_img_in {
	max-width: 684px;
	width: 100%;
}
#wrapper-free .shop_con .shop_img_l {
	width: 67.3%;
	height: auto;
}
#wrapper-free .shop_con .shop_img_r {
	width: 32.7%;
	height: auto;
	background-color: transparent;
}
#wrapper-free .shop_con .shop_img_l img, #wrapper-free .shop_con .shop_img_r img {
	width: 100%;
}
#wrapper-free .shop_con .shop_name {
	width: auto;
	margin: 0;
	margin-top: 16px;
	margin-bottom: 6px;
}
@media screen and (max-width: 1000px) {
	#wrapper-free .shop_con .shop_name {
		font-size: 2.2rem;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#wrapper-free .shop_con .shop_chach {
		font-size: 1.4rem;
	}
}
#wrapper-free .shop_con .shop_chach {
	margin-bottom: 16px;
}
#wrapper-free .shop_con .shop_genre {
	width: 100%;
}
#wrapper-free .shop_con .shop_genre .genre_list {
	margin: 0;
	padding: 0 4px;
}
#wrapper-free .shop_con .shop_genre .genre_list_in {
	width: 100%;
	margin: 0;
	padding: 8px 0;
}
#wrapper-free .shop_con .shop_cheapest {
	width: 100%;
	margin: 0;
	padding: 8px 4px;
}
#wrapper-free .shop_con .shop_cheapest .shop_cheapest_in {
	width: 100%;
}
#wrapper-free .shop_con .shop_link a {
	margin: 0;
	padding: 14px 26px 14px 20px;
}
#wrapper-free .shop_con .shop_link {
	padding: 16px 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#wrapper-free .chan-tit_name, #wrapper-free .chan-tit_chach {
		width: 100%;
	}
	#wrapper-free .chan-tit_name {
		padding-bottom: 6px;
		border: none;
		font-size: 1.6rem;
	}
	#wrapper-free .chan-tit_chach {
		padding-top: 0;
		color: #fff;
		font-size: 1.3rem;
	}
	#wrapper-free .sapporo .chan-tit_chach {
		background: #3aaad2;
	}
	#wrapper-free .ibaraki .chan-tit_chach {
		background: #ef6b19;
	}
	#wrapper-free .tsuchiura .chan-tit_chach {
		background: #f069b8;
	}
	#wrapper-free .yokohama .chan-tit_chach {
		background: #7cbe28;
	}
	#wrapper-free .matsuyama .chan-tit_chach {
		background: #018947;
	}
	#wrapper-free .hukuoka .chan-tit_chach {
		background: #9c61cd;
	}
	#wrapper-free .kumamoto .chan-tit_chach {
		background: #3547d7;
	}
	#wrapper-free .naha .chan-tit_chach {
		background: #a02f75;
	}
}
/*  OTHER

------------------------------------------------------------------------------ */
#other {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 6rem;
}
/* PCのとき */
@media screen and (min-width: 1001px) {
	#other {
		padding: 6rem 2rem 8rem;
	}
}
.other_inner {
	margin-top: 1rem;
}
.other_inner li {
	margin-top: 1px;
}
.other_inner li a {
	display: block;
	position: relative;
	color: #fff;
}
.other_inner li a::after {
	position: absolute;
	top: 50%;
	right: .8rem;
	font-family: "fontello";
	font-size: 1.8rem;
	content: "\e807";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.other_title {
	padding: 1rem 3rem 0 1rem;
	font-size: 1.6rem;
	font-weight: bold;
}
.other_cont {
	padding: 1rem 3rem 1rem 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
}
/* 768px以上のとき2行 */
@media screen and (min-width: 768px) {
	.other_inner li a {
		overflow: hidden;
	}
	.other_inner li a::after {
		color: #888;
		-webkit-transition: right .2s;
		transition: right .2s;
	}
	.other_inner li a:hover::after {
		right: .2rem;
	}
	.other_title {
		position: relative;
		float: left;
		width: 30%;
		height: 8rem;
		padding: 0 2rem 0 2rem;
		line-height: 1.2;
	}
	.other_cont {
		position: relative;
		float: left;
		width: 70%;
		height: 8rem;
		margin-top: 0;
		padding: 0 0 0 2rem;
		background: #fff;
		color: #333;
		-webkit-transition: background .2s;
		transition: background .2s;
	}
	html:not(.ua_touch) .other_inner li a:hover .other_cont {
		background: #eee;
	}
	.other_cont span {
		padding-right: 3rem;
	}
	.other_title span, .other_cont span {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
/*  バナーエリア

------------------------------------------------------------------------------ */
#banner_area {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 6rem;
}
/* PCのとき */
@media screen and (min-width: 1001px) {
	#banner_area {
		padding: 6rem 2rem 8rem;
	}
}
#banner_area div {
	width: 31.33%;
	margin: 1rem 1% 0;
}
@media screen and (min-width: 480px) {
	#banner_area div {
		width: 23%;
	}
}
@media screen and (min-width: 768px) {
	#banner_area div {
		width: 18%;
	}
}
@media screen and (min-width: 1001px) {
	#wrapper-sprit #banner_area div {
		width: 23%;
	}
}
@media screen and (min-width: 1401px) {
	#wrapper-sprit #banner_area div {
		width: 18%;
	}
}
/*  初めてご来店されるお客様へ

------------------------------------------------------------------------------ */
#first_visitor {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 1rem 6rem;
}
/* PCのとき */
@media screen and (min-width: 1001px) {
	#first_visitor {
		padding: 6rem 2rem 8rem;
	}
}
.visitor_inner {
	margin-top: 1rem;
}
.visitor_inner li {
	margin-top: 1px;
}
.visitor_inner li a {
	display: block;
	position: relative;
	color: #fff;
}
.visitor_inner li a::after {
	position: absolute;
	top: 50%;
	right: .8rem;
	font-family: "fontello";
	font-size: 1.8rem;
	content: "\e807";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.visitor_inner li a.drop::after {
	content: "\e808"; /* ドロップするところは下矢印 */
}
.visitor_title {
	padding: 1rem 3rem 0 1rem;
	font-size: 1.6rem;
	font-weight: bold;
}
.visitor_cont {
	padding: 1rem 3rem 1rem 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
}
/* 768px以上のとき2行 */
@media screen and (min-width: 768px) {
	.visitor_inner li a {
		overflow: hidden;
	}
	.visitor_inner li a::after {
		color: #888;
		-webkit-transition: right .2s, top .2s;
		transition: right .2s, top .2s;
	}
	html:not(.ua_touch) .visitor_inner li a:hover::after {
		right: .2rem;
	}
	html:not(.ua_touch) .visitor_inner li a.drop:hover::after {
		top: 58%;
		right: .8rem;
	}
	.visitor_title {
		position: relative;
		float: left;
		width: 30%;
		height: 8rem;
		padding: 0 2rem 0 2rem;
		line-height: 1.2;
	}
	.visitor_cont {
		position: relative;
		float: left;
		width: 70%;
		height: 8rem;
		margin-top: 0;
		padding: 0 0 0 2rem;
		background: #fff;
		color: #333;
		-webkit-transition: background .2s;
		transition: background .2s;
	}
	html:not(.ua_touch) .visitor_inner li a:hover .visitor_cont {
		background: #eee;
	}
	.visitor_cont span {
		padding-right: 3rem;
	}
	.visitor_title span, .visitor_cont span {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.visitor_drop {
	padding: 1rem;
	background: #fff;
	-webkit-box-shadow: 0 0 4px 0 #bbb inset;
	box-shadow: 0 0 4px 0 #bbb inset;
	font-size: 1.3rem;
	line-height: 1.6;
}
/*  緊急告知テキスト

------------------------------------------------------------------------------ */
.emg_text_ft {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 2rem 6rem;
	font-size: 1.3rem;
	line-height: 1.6;
}
/* PCのとき */
@media screen and (min-width: 1001px) {
	.emg_text_ft {
		padding: 6rem 2rem 8rem;
	}
}
/*  熊本の春オープンの残り店舗

------------------------------------------------------------------------------ */
.content_inner {
	min-height: 30rem !important;
}
#kumanext_con {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 1rem 3rem;
}
.kumanext_list {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.kumanext_list > div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	padding: 1rem;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.kumanext_list > div div {
	padding: 0 .4rem .4rem;
	background: #fff;
}
.kumanext_list > div div span {
	display: inline-block;
}
@media screen and (min-width: 768px) {
	#kumanext_con {
		padding: 3rem 2rem 6rem;
	}
	.kumanext_list > div div {
		padding: 0 1.2rem 1rem;
	}
}
/*  エリアニュース

------------------------------------------------------------------------------ */
#girl_job {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 4rem 2rem 6rem;
}
#girl_job_bana_area {
	width: 100%;
	margin-top: 2rem;
}
#girl_job_bana_area li {
	text-align: center;
	position: relative;
}
#girl_job_bana_area i {
	position: absolute;
	right: 8px;
}
#girl_job_bana_area li a {
	font-size: 1.6rem;
	color: #fff;
	background: #ff71b9;
}
#girl_job_bana_area li a:hover {
	background: #fd8ec6;
}
#girl_job_bana_area li:nth-child(odd) a {
	background: #ff71b9;
}
#girl_job_bana_area li:nth-child(odd) a:hover {
	background: #fd8ec6;
}
#girl_job_bana_area li:nth-child(even) a {
	background: #fd8ec6;
}
#girl_job_bana_area li:nth-child(even) a:hover {
	background: #ffa9d4;
}
#girl_job_bana_area .bana100 {
	width: 100%;
	box-sizing: border-box;
	padding: .5rem;
	clear: both;
}
#girl_job_bana_area .bana100 a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 1.4rem .5rem;
	background: #ff51a9;
}
#girl_job_bana_area .bana100 a:hover {
	background: #ff5aae;
}
#girl_job_bana_area .bana50 {
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: .5rem;
}
#girl_job_bana_area .bana50 a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 1.4rem .5rem;
}
@media screen and (min-width: 768px) {
	#girl_job {
		padding: 6rem 2rem 8rem;
	}
	#girl_job_bana_area .bana50 {
		float: left;
		width: 50%;
	}/*
	#girl_job_bana_area li a {
		background: #ff71b9;
	}
	#girl_job_bana_area li a:hover {
		background: #fd8ec6;
	}
	#girl_job_bana_area li:nth-child(2) a, #girl_job_bana_area li:nth-child(3) a, #girl_job_bana_area li:nth-child(6) a {
		background: #fd8ec6;
	}
	#girl_job_bana_area li:nth-child(2) a:hover, #girl_job_bana_area li:nth-child(3) a:hover, #girl_job_bana_area li:nth-child(6) a:hover {
		background: #ffa9d4;
	}*/
}
/* ------------------------------------------------------------

  ビックバナー設定　2018.11-30_作業者：脇山

------------------------------------------------------------ */
#big_banner {
	padding: 1rem 2rem;
}
.big_banner_list {
	width: 100%;
	margin: 1rem 1rem 1rem 0;
	text-align: center;
}
#big_banner .big_banner_title {
	margin: 1rem 0;
	font-size: 1.5rem;
	color: #333;
	border-left: 5px solid #333;
	padding-left: 5px;
}
#big_banner .sp {
	display: none;
}
#big_banner .pc img {
	max-width: 980px;
}
#big_banner .sp img {
	max-width: 1000px;
}
@media screen and (max-width: 988px) {
	#big_banner .pc {
		display: none;
	}
	#big_banner .sp {
		display: inherit;
	}
}
/*SPのTOPバナー ハロイン*/
#sp_info02 .tt{
    display:none;
}