@charset "UTF-8";
/* CSS Document */


.wrap_sns_icon {
	position: relative;
}

.wrap_sns_icon ul {
	position: fixed;
	z-index: 1000;
	left: 20px;
}

.wrap_sns_icon ul li {
	width: 47px;
	height: 47px;
	margin-bottom: 10px;
}


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

.header {
	width: 800px;
	height: 550px;
	margin: 0 auto;
	position: relative;
}

.header_content h1 {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
}

.header_content a {
	padding-left: 50px;
}

.search_button {
	position: absolute;
	top: 290px;
	left: 50px;
}

p.shop_button {
	width: 355px;
	height: 80px;
	background: #00A381;
	line-height: 80px;
	border-radius: 3px;
}

p.shop_button a {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	display: block;
}

p.recruite_button {
	width: 355px;
	height: 80px;
	background: #FE676E;
	line-height: 80px;
	border-radius: 3px;
	margin-top: 10px;
}

p.recruite_button a {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	display: block;
}

p.shop_button:hover {
	opacity: 0.9;
}

p.recruite_button:hover {
	opacity: 0.9;
}


/*modal内*/

.modal {
	display: none;
	height: 100vh;
	position: fixed;
	z-index: 1002;
	top: 0;
	right: 0;
	width: 100%;
}

.modal__bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}

.modal__content {
	background: #fff;
	left: 50%;
	padding: 20px;
	position: absolute;
	top: 30%;
	transform: translate(-50%, -50%);
	width: 593px;
	border-radius: 3px;
}


.modal__content_shop h2 {
	font-size: 23px;
	color: #00A381;
	padding-bottom: 10px;
}

.modal__content_recruite h2 {
	font-size: 23px;
	color: #FE676E;
	padding-bottom: 10px;
}

.modal__content_inner ul {
	display: flex;
	flex-wrap: wrap;
}

li.modal_kanto {
	width: 555px;
	height: 84px;
	border-radius: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
}

li.modal_kanto a {
	width: 555px;
	height: 84px;
	display: block;
	border-radius: 3px;
	background: #00A381;
	color: #ffffff;
	text-align: center;
	line-height: 84px;
	font-size: 26px;
	font-weight: bold;
}

li.modal_kansai,
li.modal_tokai,
li.modal_kyusyu_okinawa {
	width: 180px;
	height: 84px;
	border-radius: 3px;
	margin-right: 7px;
	margin-top: 4px;
	margin-bottom: 4px;
}

li.modal_kyusyu_okinawa {
	margin-right: -7px;
}

li.modal_kansai a,
li.modal_tokai a,
li.modal_kyusyu_okinawa a {
	width: 180px;
	height: 84px;
	display: block;
	border-radius: 3px;
	background: #00A381;
	color: #ffffff;
	text-align: center;
	line-height: 84px;
	font-size: 26px;
	font-weight: bold;
}

li.modal_hokkaidou,
li.modal_tohoku,
li.modal_hokuriku_koushinetu,
li.modal_cyugoku_shikoku {
	width: 133px;
	height: 84px;
	border-radius: 3px;
	margin-right: 7px;
	margin-top: 4px;
	margin-bottom: 4px;
}

li.modal_hokkaidou a,
li.modal_tohoku a,
li.modal_hokuriku_koushinetu a,
li.modal_cyugoku_shikoku a {
	width: 133px;
	height: 84px;
	display: block;
	border-radius: 3px;
	background: #00A381;
	color: #ffffff;
	text-align: center;
	line-height: 84px;
	font-size: 26px;
	font-weight: bold;
}

li.modal_hokuriku_koushinetu a,
li.modal_cyugoku_shikoku a {
	line-height: 35px;
	padding-top: 10px;
	height: 74px;
}

li.modal_cyugoku_shikoku {
	margin-right: -7px;
}

li.modal_concafe {
	width: 555px;
	height: 84px;
	border-radius: 3px;
	margin-top: 20px;
	margin-bottom: 4px;
}

li.modal_concafe a {
	width: 555px;
	height: 84px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	background: #D871D4;
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}

li.modal_concafe a span {
	font-size: 20px;
}

.modal__content_recruite li.modal_concafe {
	width: 555px;
	height: 84px;
	border-radius: 3px;
	margin-top: 20px;
	margin-bottom: 4px;
}

.modal__content_recruite li.modal_concafe a {
	width: 555px;
	height: 84px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	background: #FF8D50;
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}

.modal__content_recruite li.modal_concafe a span {
	font-size: 20px;
}

.close {
	font-size: 50px;
	position: absolute;
	top: -75px;
	right: -10px;
	color: #ffffff;
}

/*求人*/
.modal__content_recruite li a {
	background: #FE676E;
	color: #ffffff;
}

/* 非活性モーダル */
li.modal_noact a {
	background: #DDDDDD;
	color: #ffffff;
}

/*modal内ここまで*/


.model_name01 {
	width: 800px;
	height: 20px;
	background: #D1D5A9;
	text-align: right;
	position: absolute;
	bottom: 0;
	font-size: 10px;
	line-height: 20px;
}

.model_name01 a {
	background: url("../../images/PC/recruit_arrow_white.png") no-repeat;
	background-size: 6px 10px;
	padding: 0 10px 0 0;
	background-position: 190px center;
}

.model_name01 a:hover {
	color: #0F0F0F;
	opacity: 0.9;
}

.text01 {
	width: 800px;
	margin: 0 auto;
	font-size: 14px;
	padding: 10px 0;
}

/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/

h2.title {
	width: 800px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	background: #E6F1EF;
	boder-radius: 3px;
}

h2.title.recruit {
	background: #FFF0F1;
	border: 1px solid #FFF0F1;
}

.pickup_area,
.popular_area,
.banner,
.area_search,
.text02 {
	width: 800px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
 ピックアップエリア
--------------------------------------------------------------*/
.pickup_area ul {
	width: 100%;
	padding: 10px 0 20px;
}

.pickup_area ul li {
	display: inline-block;
	width: 10.5%;
	height: 25px;
	font-size: 13px;
	color: #00A381;
	background: #ffffff;
	border-radius: 3px;
	line-height: 27px;
	text-align: center;
}

.pickup_area ul li a {
	text-align: center;
	height: 25px;
	display: block;
	border-radius: 3px;
	background: #ffffff;
	color: #00A381;
	border: 1px solid #00A381;
	line-height: 27px;
	font-weight: bold;
}

.pickup_area ul li a:hover {
	background: #00A381;
	color: #ffffff;
}

/*--------------------------------------------------------------
 人気のエリアエリア
--------------------------------------------------------------*/

.popular_area ul {
	width: 800px;
	padding: 10px 0 30px;
}

.popular_area li {
	display: inline-block;
	font-size: 13px;
	color: #00A381;
	background: #ffffff;
	margin: 5px 5px 0 0;
	border-radius: 15px;
}

.popular_area li a {
	text-align: center;
	display: block;
	padding: 3px 10px;
	border-radius: 15px;
	background: #ffffff;
	color: #00A381;
	border: 1px solid #00A381;
}

.popular_area li a:hover {
	background: #00A381;
	color: #ffffff;
}


/*--------------------------------------------------------------
 バナー
--------------------------------------------------------------*/

.banner ul {
	width: 800px;
	padding: 10px 0;
	font-size: 0;
}

.banner ul li {
	display: inline;
	margin-right: 10px;
}

.banner ul li:last-child {
	margin-right: -10px;
}

.banner ul li a img {
	width: 260px;
	height: 65px;
}

.freespace_banner {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.freespace_banner a img {
	width: 800px;
	height: 85px;
}

.freespace_banner a p {
	font-size: 15px;
}

.freespace_banner a:hover {
	color: #0F0F0F;
	text-decoration: underline
}

.garzubachan {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 10px;
}


/*--------------------------------------------------------------
エリアから探す
--------------------------------------------------------------*/

.area_search,
.popular_word_box {
	padding-bottom: 10px;
}

.area_search_box,
.popular_word_box {
	padding: 0 10px;
}

.area_search div.area_search_box,
.area_search div.popular_word_box {
	padding-top: 10px;
}

div.area_search_box dl dt,
div.popular_word_box dl dt {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

div.area_search_box dl dd ul {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
}

div.popular_word_box dl dd ul {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
	list-style: inherit;
	padding-left: 20px;
}

div.popular_word_box dl dd li {
	width: 50%;
	font-size: 15px;
	text-align: left;
}

div.area_search_box dl dd li {
	font-size: 13px;
	text-align: left;
}

div.area_search_box dl dd li::after {
	content: " ｜ ";
	color: #00A381;
}

div.area_search_box dl dd li a:hover {
	text-decoration: underline;
}

div.area_search_box.box_recruit dl dd li::after {
	color: #FA676E;
}




/*--------------------------------------------------------------
  ガールズバーとは？
--------------------------------------------------------------*/
.text02 {
	padding-top: 20px;
	border-top: 1px solid #E6F1EF;
}

.text02 dl {
	padding: 0 10px;
}

.about_girlsbar,
.about_gbw {
	width: 800px;
	font-size: 16px;
	font-weight: bold;
	color: #00A381;
}

.about_girlsbar_text,
.about_gbw_text {
	font-size: 13px;
}

.about_girlsbar_text {
	padding-bottom: 10px;
}

.about_gbw_text {
	padding-bottom: 30px;
}


.gbw_point {
	width: 800px;
	padding-top: 30px;
}

.gbw_point dt {
	font-size: 14px;
	font-weight: bold;
	padding-botto: 5px;
}

.gbw_point dd {
	font-size: 13px;
	padding-bottom: 20px;
}

p.text03 {
	padding: 0 10px;
	font-size: 13px;
}

.slick_slider {
	width: 800px;
	margin: 0 auto;
}

.slick-list {
	padding: 0 40px;
}

.post-article {
	width: 230px;
}

.post-inner {
	position: relative;
	width: 227px;
	height: 198px;
	margin: 5px;
	padding: 7px 7px 12px 7px;
	background: #fff;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.post-thumbnail {
	position: relative;
	width: 100%;
}

.post-cat-title {
	position: relative;
	width: 100%;
}

.post-thumbnail img {
	width: 207px;
	height: 116px;
}

.post-title {
	font-size: 15px;
	line-height: 1.4;
}

.post-title a:visited {
	color: #111;
}

.slick-prev::before,
.slick-prev::after,
.slick-next::before,
.slick-next::after {
	position: absolute;
	content: '';
}

.slick-prev::before,
.slick-next::before {
	width: 10px;
	height: 10px;
	border: 0;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
}

.slick-prev::after,
.slick-next::after {
	width: 30px;
	height: 30px;
	border: solid 2px #fff;
	border-radius: 30px;
}

.slick-prev {
	z-index: 10;
	top: 100px;
	left: 0;
	width: 34px;
	height: 34px;
	opacity: .7;
}

.slick-prev::before {
	z-index: 1;
	top: 10px;
	left: 22px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.slick-prev::after {
	top: 0px;
	left: 10px;
	opacity: .95;
	background-color: #9B003F;
}

.slick-next {
	z-index: 10;
	top: 100px;
	right: 0;
	width: 34px;
	height: 34px;
	opacity: .7;
}

.slick-next::before {
	z-index: 1;
	top: 10px;
	right: 22px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.slick-next::after {
	top: 0px;
	right: 10px;
	opacity: .95;
	background-color: #9B003F;
}