@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------- */
/* 集客バナーパック */
/* ------------------------------------------------- */
.banner_pac_sp .banner_img {
	display: block;
	width: 100%;
}
.sp_caferun_ba_pac_slide {
	background-color: #4e3116;
	height: 63vw;
}
.sp_caferun_ba_pac_slide .slick-list {
	padding: 0;
}
.sp_caferun_ba_pac_slide .slick-dots {
	display: none;
}
.sp_caferun_ba_pac_slide li.slick-slide {
	height: 63vw;
}
.sp_caferun_ba_pac_slide a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.sp_caferun_ba_pac_slide a > img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.sp_caferun_ba_pac_slide a .banner_shop_info {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgb(255 255 255 / 85%);
	padding: 10px;
	width: 100%;
	display: flex;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 23%);
}
.sp_caferun_ba_pac_slide a .banner_shop_info figure {
	width: 9vw;
	min-width: 9vw;
	height: 9vw;
	margin: 0 2vw 0 0;
}
.sp_caferun_ba_pac_slide a .banner_shop_info figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sp_caferun_ba_pac_slide a .banner_shop_info span {
	display: block;
	color: #ff9234;
}
.sp_caferun_ba_pac_slide a .banner_shop_info span.area_genre {
	font-size: 2.8vw;
}
.sp_caferun_ba_pac_slide a .banner_shop_info span.shop_name {
	color: #4e3116;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.banner_pac_sp .pac_shop_detail {
	background-size: auto auto;
	background-color: rgb(255 243 232);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgb(255 249 242) 10px, rgb(255 249 242) 20px);
	height: 63vw;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 4vw;
	color: #ffffff;
}

.banner_pac_sp .shop_info_block {
	display: flex;
}
.banner_pac_sp .shop_info_block .shop_text {
	flex-grow: 1;
}
.banner_pac_sp .shop_info_block figure {
	width: 20vw;
	min-width: 20vw;
	height: 20vw;
	margin: 0 2vw 0 0;
}
.banner_pac_sp .shop_info_block figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.banner_pac_sp .pac_shop_detail p.description {
	max-height: 10.2vw;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #333333;
	font-size: 3.4vw;
}
.banner_pac_sp .pac_shop_detail .area_genre {
	display: block;
	font-size: 3.4vw;
	color: #ffffff;
	background-color: #ff9234;
	padding: 1.5vw 2vw 1.5vw 2vw;
	margin: 0 0 1vw 0;
}
.banner_pac_sp .pac_shop_detail .shop_name {
	display: block;
	font-size: 4.2vw;
	color: #ff9234;
	line-height: 1.3;
}
.banner_pac_sp .dummy_btn {
	background-color: #ff9234;
	color: #ffffff;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4vw 0 4vw 0;
	font-size: 4.3vw;
	position: relative;
	background: linear-gradient(180deg, rgba(255, 167, 44, 1) 0%, rgba(255, 107, 0, 1) 100%);
	border-radius: 10px;
}
.banner_pac_sp .dummy_btn::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 2px solid;
	border-color: transparent transparent #ffffff #ffffff;
	transform: rotate(220deg);
	position: absolute;
	right: 20px;
}
.banner_pac_sp a:hover .dummy_btn {
	background: linear-gradient(180deg, rgb(255 181 77) 0%, rgb(255 143 63) 100%);
}
.banner_pac_pc {
	width: 100%;
	height: auto;
	height: 220px;
}
.banner_pac_pc a {
	display: block;
	margin: 0 0 15px 0;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.banner_pac_pc a .banner_shop_info {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgb(255 255 255 / 85%);
	padding: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 23%);
}
.banner_pac_pc a .banner_shop_info figure {
	width: 40px;
	min-width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
}
.banner_pac_pc a .banner_shop_info figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.banner_pac_pc a .banner_shop_info span {
	display: block;
	color: #ff9234;
}
.banner_pac_pc a .banner_shop_info span.area_genre {
	font-size: 14px;
}
.banner_pac_pc a .banner_shop_info span.shop_name {
	color: #4e3116;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.banner_pac_pc .banner_img {
	display: block;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.banner_pac_pc a:hover .banner_img {
	opacity: 0.8;
}
.banner_pac_pc .pac_shop_detail {
	background-size: auto auto;
	border: solid 2px #ff9234;
	height: auto;
	padding: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: rgb(255 243 232);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgb(255 249 242) 10px, rgb(255 249 242) 20px);
}
.banner_pac_pc .shop_info_block {
	display: flex;
}
.banner_pac_pc .shop_info_block figure {
	width: 75px;
	min-width: 75px;
	height: 75px;
	margin: 0 10px 0 0;
}
.banner_pac_pc .shop_info_block figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.banner_pac_pc .shop_info_block .shop_text {
	flex-grow: 1;
}
.banner_pac_pc .pac_shop_detail {
	height: 220px;
	max-height: 220px;
}

.banner_pac_pc .pac_shop_detail p.description {
	max-height: 85px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #333333;
	font-size: 15px;
}
.banner_pac_pc .pac_shop_detail .area_genre {
	display: block;
	font-size: 14px;
	color: #ffffff;
	border-bottom: solid 1px #ff9234;
	padding: 4px 8px 4px 8px;
	margin: 0 0 2px 0;
	background-color: #ff9234;
}
.banner_pac_pc .pac_shop_detail .shop_name {
	display: block;
	font-size: 16px;
	color: #ff9234;
}
.banner_pac_pc .dummy_btn {
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 167, 44, 1) 0%, rgba(255, 107, 0, 1) 100%);
	color: #ffffff;
	margin-top: 5px;
	padding: 10px 0 10px 0;
	font-size: 15px;
}
.banner_pac_pc .dummy_btn::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 2px solid;
	border-color: transparent transparent #ffffff #ffffff;
	transform: rotate(220deg);
	position: absolute;
	right: 20px;
}
.banner_pac_pc a:hover .dummy_btn {
	background: linear-gradient(180deg, rgb(255 181 77) 0%, rgb(255 143 63) 100%);
}

/* ------------------------------------------------- */
/* ピックアップキャスト */
/* ------------------------------------------------- */
.cast_list {
	background-color: #ffe061;
	padding: 25px 0;
}
.cast_list_main {
	background-color: #b67e49;
	border-top: 24px solid #c5966a;
	border-right: 24px solid #af753d;
	border-bottom: 24px solid #c5966a;
	border-left: 24px solid #af753d;
	box-shadow: 0 0 0 2px #000000;
	padding: 10px;
	position: relative;
	z-index: 5;
}

.detail_2 a {
	position: absolute;
	width: 408px;
	left: 700px;
	top: 808px;
	line-height: 1.8;
}
.detail_2 a :hover {
	opacity: 0.8;
}
.detail_2 a button {
	/* style reset */
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 100%;
	border-radius: 3px;
	padding: 5px;
	background: #664c4c;
	color: #ffffff;
	font-size: 24px;
}

/*リニューアルコンテンツ2023/8~--------------*/
/*topページの共通コンテンツ--------------------*/
.top_contents_box {
	width: 1140px;
	padding: 0 20px;
	margin: 0px auto;
}
h2.contents_lead {
	color: var(--color_headline_text);
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
h2.contents_lead span {
	font-size: 24px;
}
.top_page .contents_sub {
	color: var(--color_headline_text);
	font-size: var(--top_font_m);
	line-height: 1;
	margin: 20px auto 0;
	display: block;
	text-align: center;
}

.top_page .more_link_btn {
	font-size: 18px;
	width: 360px;
	padding: 16px 0px;
	margin: 40px auto 0;
}

.top_page .more_link_btn:hover {
	opacity: 0.8;
}

@media screen and (max-width: 760px) {
	.top_contents_box {
		width: 100%;
		padding: 0 4vw;
	}
	h2.contents_lead {
		font-size: 5.8vw;
	}
	h2.contents_lead span {
		font-size: 4vw;
	}
	.top_page .contents_sub {
		margin-top: 2vw;
		font-size: 3.8vw;
	}
	.top_page .more_link_btn {
		font-size: 4vw;
		padding: 4vw 0;
	}
}

/*注目のコンカフェはこのお店！（スライダー）--------------------*/
.attention_shops {
	margin-top: 0px;
	padding: 40px 0 45px 0;
	background-color: #ffffff;
}
.attention_shops .cover_list_slick {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 40px;
}
.attention_shops .cover_list_slick .attention_slide {
	width: 400px;
	flex-shrink: 0;
	margin-right: 20px;
}

.attention_shops ._img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	background-color: #fff;
	box-shadow: var(--brown_box_shadow);
}
.attention_shops ._sub_text {
	color: #664c4c;
	font-size: var(--top_font_s);
	text-align: center;
	line-height: 1;
	display: block;
	margin: 15px auto 0 auto;
	letter-spacing: 1px;
}
.attention_shops a {
	color: var(--color_shop_name);
	font-size: var(--top_font_m);
	font-weight: bold;
	text-align: center;
	line-height: 1;
	display: block;
	margin: 5px auto 0 auto;
}
.attention_shops ._name {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.attention_shops .slick-dots {
	bottom: -40px;
}

@media screen and (max-width: 760px) {
	.attention_shops {
		margin-top: 0;
		padding: 5vw 0;
	}
	.attention_shops .cover_list_slick.slick-slider {
		margin-top: 4vw;
		height: 68vw;
		margin-bottom: 0;
	}
	.attention_shops .slick-dots li.slick-active button::before {
		color: #664c4c;
	}
	.attention_shops .slick-dots li button::before {
		color: #bbbbbb;
	}

	.attention_shops .cover_list_slick .attention_slide {
		width: 70vw;
	}
	.attention_shops h2 {
		font-size: 5vw;
	}
	.attention_shops ._sub_text {
		margin-top: 3vw;
	}
	.attention_shops a {
		margin-top: 2vw;
	}
	.attention_shops .slick-active ._sub_text {
		display: block;
	}
	.attention_shops ._name {
		white-space: nowrap;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.attention_shops .slick-dots {
		top: initial;
		bottom: -1vw;
	}
	.attention_shops .slick-dots .slick-active,
	.slick-dots .slick-active button {
		background-color: initial !important;
	}
	.attention_shops .slick-dots button {
		text-indent: 0px;
	}
	.attention_shops .slick-dots li button::before {
		font-size: 15px;
		width: 20px;
	}
	.attention_shops ._img {
		height: 45vw;
	}
}

/* コンカフェを口コミから探す！ */
.review_contents {
	width: 1100px;
	margin: 60px auto 60px auto;
}
.review_contents h2 {
	margin: 0 0 15px 0;
}
.review_contents .contents_sub {
	margin: 0 0 40px 0;
}
.review_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.review_list li {
	width: 48.8%;
	border: solid 1px #bc9c70;
	background: linear-gradient(to bottom, #f8f1e7 0%, #ffffff 100%);
	border-radius: var(--basic_radius);
	padding: 20px;
	margin: 0 0 30px 0;
	display: flex;
	flex-direction: column;
}
.review_list li:last-child,
.review_list li:nth-last-child(2) {
	margin: 0 0 0 0;
}
.review_head {
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
}
.review_head > div,
.review_head > span {
	display: flex;
	align-items: center;
}
.review_head > div.member {
	width: 41.5%;
}
.review_head > div.shop {
	width: 52.5%;
}
.review_head > span {
	display: flex;
	justify-content: center;
	align-items: baseline;
	width: 6%;
}
.review_head .shop > div {
	max-width: 190px;
}
.review_head > span::before {
	content: '▲';
	font-size: 20px;
	line-height: 1;
	transform: rotate(90deg);
	color: #bc9c70;
	position: relative;
	left: 2px;
}
.review_head .member {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.review_head .member figure {
	background-color: #ffffff;
	width: 60px;
	min-width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 100%;
	border: solid 1px #9b6565;
	margin: 0 10px 0 0;
}
.review_head .member figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review_head .member .review_count {
	display: block;
	font-size: 12px;
}
.review_head .member .member_name {
	font-size: 14px;
	display: block;
}
.review_head .member .member_name strong {
	font-weight: bold;
	color: #9b6565;
}
.review_head .shop {
	padding: 0 0 0 10px;
}
.review_head .shop .shop_icon {
	background-color: #ffffff;
	width: 60px;
	min-width: 60px;
	height: 60px;
	overflow: hidden;
	margin: 0 10px 0 0;
	border-radius: 4px;
}
.review_head .shop .shop_icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review_head .shop .area_genre {
	font-size: 12px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	margin: 0 0 3px 0;
}
.review_head .shop strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #9b6565;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	max-width: 100%;
}
.review_head .review_count {
	display: block;
	font-size: 14px;
}
.review_head a:hover {
	opacity: 0.8;
}
.review_list .review_data dt {
	border-left: 4px #bc9c70 solid;
	padding: 0 0 0 8px;
	line-height: 1;
	margin: 0 0 20px 0;
}
.review_list .review_data dt .review_post_date {
	display: flex;
	font-size: 14px;
	margin: 0 0 6px 0;
}
.review_list .review_data dt .review_post_date span {
	margin: 0 14px 0 0;
}
.review_list .review_data dt .review_post_date span.score {
	color: #bdbdbd;
}
.review_list .review_data dt .review_post_date span.score span.active {
	color: #ffb017;
	margin: 0;
}
.review_list .review_data h3 {
	font-size: 20px;
	font-weight: bold;
	color: #9b6565;
}
.review_list .review_data h4 {
	color: #5a3e3e;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	line-height: 1;
}
.review_list .review_data p {
	margin: 0 0 20px 0;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
}
.review_list .review_btns {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
}
.review_list .review_btns a,
.review_list .review_btns button {
	width: 32%;
	font-size: 14px;
	flex-grow: 1;
}
.review_list .review_btns a {
	width: 45%;
	border: solid 1px #b6b6b6;
	background-color: #ffffff;
	font-weight: bold;
	color: #514343;
	border-radius: 6px;
	padding: 10px 0;
	text-align: center;
	display: block;
	margin: 0 15px 0 0;
}
.review_list .review_btns a:hover {
	background-color: var(--color_btn_white_hover);
}
.review_list .review_btns button.review_reference {
	border: solid 1px #ff7949;
	color: #ff7949;
	background-color: #ffffff;
	font-weight: bold;
	padding: 10px 0;
	border-radius: 6px;
	cursor: pointer;
	width: 40%;
}
.review_list .review_btns button.review_reference:hover {
	background-color: #fff7f5;
}
.review_list .review_btns button.review_reference.active {
	cursor: initial;
	color: #ffffff;
	background-color: #ff7949;
}
.contents_link {
	display: flex;
	justify-content: center;
	align-items: center;
}
.contents_link a {
	background-color: var(--color_btn_bg);
	color: #514343;
	border-radius: var(--basic_radius);
	line-height: 1;
	display: block;
	text-align: center;
	border: solid 1px #514343;
	font-weight: bold;
}

.review_list .review_data dt .review_post_date span.score {
	color: #bdbdbd;
}

.review_list .review_data dt .review_post_date span.score span.active {
	color: #ffb017;
	margin: 0;
}

@media screen and (max-width: 760px) {
	.review_contents {
		width: 100%;
		margin: 15vw auto 5vw auto;
	}
	.sp_scroll {
		width: 100%;
		overflow-x: auto;
	}
	.review_contents h2 {
		margin: 0 0 2vw 0;
	}
	.review_contents .contents_sub {
		margin: 0 0 5vw 0;
	}
	.review_list {
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 0 4vw 0 4vw;
		overflow-x: scroll;
		scrollbar-width: none;
	}
	.review_list::-webkit-scrollbar {
		display: none;
	}
	.review_list li {
		width: 80vw;
		padding: 4vw;
		margin: 0;
		margin-right: 4vw;
		flex-shrink: 0;
	}
	.review_list li:last-child {
		margin: 0;
		padding-right: 4vw;
	}
	.review_list li:nth-last-child(2) {
		margin-right: 4vw;
	}
	.review_head {
		flex-direction: column;
		margin: 0 0 4vw 0;
	}
	.review_head > div,
	.review_head > span {
		display: flex;
		align-items: center;
	}
	.review_head > div.member {
		width: 100%;
	}
	.review_head .shop > div {
		max-width: 57vw;
	}
	.review_head > div.shop {
		width: 100%;
	}
	.review_head > span {
		width: 100%;
	}
	.review_head > span::before {
		content: '▼';
		transform: rotate(0deg);
		font-size: 3.5vw;
		left: 0;
		padding: 2vw 0;
	}
	.review_head .member {
		font-size: 3.4vw;
	}
	.review_head .member figure {
		background-color: #ffffff;
		width: 15vw;
		min-width: 15vw;
		height: 15vw;
		overflow: hidden;
		margin: 0 2vw 0 0;
	}
	.review_head .member .review_count {
		font-size: 3.4vw;
	}
	.review_head .member .member_name {
		font-size: 3vw;
	}
	.review_head .member .member_name strong {
		font-weight: bold;
		color: #9b6565;
		font-size: 3.7vw;
	}
	.review_head .shop {
		padding: 0;
	}
	.review_head .shop .shop_icon {
		background-color: #ffffff;
		width: 15vw;
		min-width: 15vw;
		height: 15vw;
		margin: 0 2vw 0 0;
	}
	.review_head .shop .area_genre {
		font-size: 3.4vw;
		margin: 0 0 0.5vw 0;
	}
	.review_head .shop strong {
		font-size: 3.7vw;
	}
	.review_head .review_count {
		font-size: 3.4vw;
	}
	.review_list .review_data dt {
		border-left: 1vw #bc9c70 solid;
		padding: 0 0 0 1.5vw;
		margin: 0 0 4vw 0;
	}
	.review_list .review_data dt .review_post_date {
		font-size: 2.6vw;
		margin: 0 0 1.8vw 0;
	}
	.review_list .review_data dt .review_post_date span {
		margin: 0 2vw 0 0;
		font-size: 3.4vw;
	}
	.review_list .review_data h3 {
		font-size: 4.2vw;
	}
	.review_list .review_data h4 {
		font-size: 3.8vw;
		margin: 0 0 1.5vw 0;
		line-height: 1;
	}
	.review_list .review_data p {
		margin: 0 0 3vw 0;
		font-size: 3.4vw;
	}
	.review_list .review_btns {
		flex-wrap: wrap;
	}
	.review_list .review_btns a,
	.review_list .review_btns button {
		font-size: 3.5vw;
		flex-grow: inherit;
	}
	.review_list .review_btns a {
		width: 48%;
		border: solid 2px #b6b6b6;
		padding: 3vw 0;
		line-height: 1;
		margin: 0 0 3vw 0;
	}
	.review_list .review_btns a:hover {
		background-color: #f4ebeb;
	}
	.review_list .review_btns button.review_reference {
		border: solid 2px #ff7949;
		padding: 3vw 0;
		width: 100%;
	}
	.contents_link {
		padding: 0 4vw;
	}
	.top_page .contents_link a.more_link_btn {
		width: 100%;
	}
}

/*掲載情報が更新されたコンカフェ店--------------------*/
.update_shops {
	margin-top: 80px;
}
.update_shops a:hover {
	opacity: 0.8;
}
.update_shops ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.update_shops ul li {
	max-width: 540px;
	width: 48.5%;
	margin-right: 3%;
	margin-top: 30px;
}
.update_shops ul li:nth-child(2n) {
	margin-right: 0;
}
.update_shops ul li time {
	font-size: var(--top_font_s);
	color: #525252;
	line-height: 1;
}
.update_shops ._inner {
	display: flex;
	padding: 20px;
	margin-top: 5px;
	background-image: linear-gradient(to bottom, #f8f1e7, #fff);
	border-radius: var(--basic_radius);
	border: 1px solid #bc9c70;
}
.update_shops ._inner a {
	width: 200px;
}
.update_shops ._inner img {
	width: 100%;
	height: 200px;
	max-height: 200px;
	object-fit: cover;
	box-shadow: var(--brown_box_shadow);
	border-radius: var(--basic_radius);
	vertical-align: bottom;
	background-color: #fff;
}
.update_shops ._text_side {
	margin-left: 20px;
	width: 280px;
	display: flex;
	flex-direction: column;
}
.update_shops ._text_side ._sub_info {
	font-size: var(--top_font_s);
	line-height: 1;
	color: #525252;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.update_shops ._text_side ._shop_name {
	font-size: var(--top_font_m);
	line-height: 1.2;
	margin-top: 5px;
	color: var(--color_shop_name);
	display: inline-block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width: 100%;
	height: 40px;
}

.update_shops ._text_side p {
	font-size: var(--top_font_m);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	color: #525252;
	line-height: 1.3;
	margin-top: 5px;
}
.update_shops ._inner .more_link {
	width: 100%;
	display: block;
	background-color: #fff;
	font-size: var(--top_font_m);
	font-size: 16px;
	color: #514343;
	padding: 10px 0;
	border-radius: var(--basic_radius);
	border: 2px solid #ddd;
	line-height: 1;
	text-align: center;
	margin-top: auto;
}

.update_shops ._inner .more_link:hover {
	opacity: 1;
	background-color: var(--color_btn_white_hover);
}

@media screen and (max-width: 760px) {
	.update_shops {
		margin-top: 13vw;
	}
	.update_shops ul li {
		max-width: initial;
		width: 100%;
		margin-right: 0;
		margin-top: 3vw;
	}
	.update_shops ul li time {
		font-size: 2.8vw;
	}
	.update_shops ._inner {
		padding: 3vw;
		margin-top: 1vw;
		flex-wrap: wrap;
	}
	.update_shops ._inner a {
		width: 34%;
	}
	.update_shops ._inner img {
		max-height: 30vw;
	}
	.update_shops ._text_side {
		width: 63%;
		margin-left: 3%;
	}
	.update_shops ._text_side ._sub_info {
		font-size: 2.8vw;
	}
	.update_shops ._text_side ._shop_name {
		margin-top: 1vw;
		line-height: 1.3;
		height: 10vw;
	}
	.update_shops ._text_side p {
		-webkit-line-clamp: 3;
	}
	.update_shops ._inner .more_link {
		width: 100%;
		font-size: 4vw;
		padding: 3vw;
		margin-top: 2vw;
	}
}

/*コンカフェの超！最新情報--------------------*/
.latest_shops {
	margin-top: 80px;
}
.latest_shops ul {
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.latest_card {
	background-color: #fff;
	border: 1px solid #deccb4;
	border-radius: var(--basic_radius);
	padding: 20px;
	width: 360px;
	height: 140px;
	margin-right: 10px;
}
.latest_card:nth-child(3n) {
	margin-right: 0;
}
.latest_card:nth-child(n + 4) {
	margin-top: 20px;
}
.latest_card a {
	display: flex;
	flex-direction: row;
}
.latest_card a:hover {
	opacity: 0.8;
}
.latest_card img {
	width: 100px;
	height: 100px;
	box-shadow: var(--brown_box_shadow);
	border-radius: var(--basic_radius);
	object-fit: cover;
	flex-shrink: 0;
	background-color: #fff;
}
.latest_card ._right {
	margin-left: 15px;
	margin-top: -5px;
	width: 210px;
}
.latest_card ._right ._head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.latest_card time {
	color: #333333;
	font-size: var(--top_font_s);
	line-height: 1;
}
.latest_card .type_tag {
	border-radius: 10px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	width: 90px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.latest_card .type_tag.news {
	background-color: #5c85fc;
}
.latest_card .type_tag.cast {
	background-color: #e28686;
}
.latest_card .type_tag.shop_blog,
.latest_card .type_tag.cast_blog {
	background-color: #b98651;
}
.latest_card .type_tag.shop_gallery {
	background-color: #f3a73a;
}
.latest_card ._title {
	color: #2b7bb9;
	font-size: var(--top_font_m);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	margin-top: 7px;
}
.latest_card ._genre {
	color: #525252;
	font-size: 12px;
	line-height: 1;
	margin-top: 10px;
	display: block;
}
.latest_card ._shop_name {
	font-size: var(--top_font_m);
	color: #9b6565;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 5px;
	line-height: 1.3;
}

@media screen and (max-width: 760px) {
	.latest_shops {
		margin-top: 13vw;
	}
	.latest_shops .contents_sub {
		line-height: 1.5;
	}
	.latest_shops ul {
		margin-top: 3vw;
	}
	.latest_card {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 3vw;
		padding: 3vw;
	}
	.latest_card:nth-child(3n) {
		margin-right: 0;
	}
	.latest_card:nth-child(n + 4) {
		margin-top: 3vw;
	}
	.latest_card img {
		width: 26vw;
		height: 26vw;
	}
	.latest_card ._right {
		width: 68%;
		margin-left: 3vw;
		margin-top: -0.2vw;
		flex-shrink: 0;
	}
	.latest_card ._right ._head {
		padding-right: 1vw;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.latest_card time {
		color: #333333;
		font-size: var(--top_font_s);
		line-height: 1;
	}
	.latest_card .type_tag {
		font-size: 3vw;
		height: auto;
		padding: 1vw 0;
		width: 23vw;
		border-radius: 3vw;
	}
	.latest_card ._title {
		margin-top: 1.5vw;
	}
	.latest_card ._genre {
		margin-top: 2vw;
		font-size: 3vw;
	}
	.latest_card ._shop_name {
		margin-top: 2vw;
	}
}

/*ランキングとsnsで利用するgap_box（縦にずらして表示するbox）--------------------*/

.gap_box {
	width: 535px;
}
.gap_box a:hover {
	opacity: 0.8;
}

/*ショップ、キャストランキング--------------------*/
.shop_ranking_area {
	padding-top: 40px;
}
.cast_ranking_area {
	margin-top: 80px;
}
.rank_area {
	position: relative;
}
.rank_area ._inner {
	padding-top: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
}
.cast_ranking_area.rank_area ._inner .attractive_text {
	top: 30px;
	color: #ff8686;
}
.shop_ranking_area.rank_area ._inner .attractive_text {
	top: 27px;
	color: #ff7949;
}

.rank_area ._inner .attractive_text {
	position: absolute;
	left: 0px;
	top: 13px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
}

.attractive_text_for_woman {
	position: absolute;
	right: 274px;
	bottom: -4px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	color: var(--color_woman);
}

.rank_area .gap_box:nth-child(2n) {
	margin-left: 30px;
}
.rank_area .gap_box:nth-child(1) .genre_inner,
.rank_area .gap_box:nth-child(3) .genre_inner {
	margin-top: 40px;
}
.rank_area .gap_box .genre_inner {
	padding: 20px;
	display: flex;
	border-radius: var(--basic_radius);
	border: solid 1px var(--color_man);
	background: linear-gradient(to bottom, #fff8f8 0%, #fff 100%);
}
.rank_area .gap_box:nth-child(2n) .genre_inner {
	border: solid 1px var(--color_woman);
	background: linear-gradient(to bottom, #eef5fe 0%, #fff 100%);
}
.rank_area .gap_box .genre_inner ._right_area {
	width: 320px;
	margin-left: 20px;
	margin-top: -6px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.rank_area .gap_box .genre_inner ._right_area span {
	line-height: 1.4;
	color: #664c4c;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 2px;
}

.sontaku {
	position: relative;
}
.sontaku:before {
	font-size: 12px;
	font-weight: bold;
	content: 'そんたく';
	letter-spacing: 2px;
	position: absolute;
	color: var(--color_attention);
	left: 0;
	top: -13px;
}

.shop_ranking_area:after {
	content: '';
	position: absolute;
	top: 28px;
	right: 22px;
	background-image: url(/assets/img/index/top_shop_rank_chara.webp);
	width: 221px;
	height: 251px;
}
.shop_ranking_area .gap_box {
	z-index: 1;
}
.cast_ranking_area:after {
	content: '';
	position: absolute;
	top: -12px;
	right: 22px;
	background-image: url(/assets/img/index/top_cast_rank_chara.webp);
	width: 238px;
	height: 254px;
}
.cast_ranking_area .gap_box {
	z-index: 1;
}
.gap_box .top_rank_box {
	width: 150px;
	display: block;
	position: relative;
}

.gap_box .rank_box {
	width: 80px;
	display: block;
	position: relative;
}
.gap_box .rank_box:nth-child(2) {
	margin-left: 19px;
}

/* それぞれのボックス */
.gap_box .top_rank_box ._rank_img,
.gap_box .rank_box ._rank_img {
	width: 80px;
	height: 115px;
	object-fit: cover;
	box-shadow: var(--brown_box_shadow);
	border-radius: var(--basic_radius);
	background-color: #fff;
}
.cast_ranking_area .gap_box .top_rank_box ._rank_img {
	max-height: 180px;
	height: 180px;
	width: 150px;
	object-fit: cover;
	background-color: #fff;
}
/* shopは正方形 */
.shop_ranking_area .gap_box .top_rank_box {
	height: 150px;
}
.shop_ranking_area .gap_box .top_rank_box ._rank_img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	background-color: #fff;
}
.shop_ranking_area .gap_box .rank_box {
	height: 80px;
}
.shop_ranking_area .gap_box .rank_box ._rank_img {
	background-color: #fff;
	height: 100%;
	object-fit: cover;
}
.rank_crown {
	position: absolute;
	left: -10px;
	bottom: -10px;
}
.gap_box .add_info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.gap_box .add_info > div {
	display: flex;
	flex-direction: row;
}
.gap_box ._more {
	text-align: center;
	width: 80px;
	height: 80px;
	color: #fff;
	background-color: #faa;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	font-size: var(--top_font_s);
	margin-right: 17px;
}
.gap_box ._more ._arrow {
	margin-top: 3px;
}

.rank_area .gap_box:nth-child(2n) ._more {
	background-color: #faa;
	background-color: var(--color_woman);
}

@media screen and (max-width: 760px) {
	.shop_ranking_area {
		padding: 4vw 4vw 0;
		margin-top: 2vw;
	}
	.shop_ranking_area.rank_area ._inner .attractive_text {
		top: 5vw;
		font-size: 3.7vw;
	}
	.rank_area ._inner {
		width: 100%;
		padding: 12vw 0 0 0;
	}
	.cast_ranking_area {
		margin-top: 13vw;
	}
	.cast_ranking_area.rank_area ._inner {
		padding-top: 10vw;
	}
	.rank_area ._inner .attractive_text {
		font-size: 4vw;
		left: 0%;
		text-align: center;
		top: 2%;
		width: 100%;
	}
	.cast_ranking_area.rank_area ._inner .attractive_text {
		top: 3%;
		text-align: left;
	}
	.attractive_text_for_woman {
		top: -9vw;
		left: 0;
		font-size: 4vw;
		right: initial;
		bottom: initial;
	}
	.rank_area .gap_box:nth-child(2n) {
		margin-left: 0px;
	}
	.rank_area .gap_box:nth-child(1) .genre_inner,
	.rank_area .gap_box:nth-child(3) .genre_inner {
		margin-top: 0px;
	}
	.rank_area .gap_box {
		width: 100%;
		margin-top: 4vw;
	}

	.rank_area .gap_box:nth-child(3) {
		order: 1;
	}
	.rank_area .gap_box:nth-child(2) {
		position: relative;
		order: 2;
	}
	.cast_ranking_area.rank_area .gap_box:nth-child(2) {
		margin-top: 14vw;
	}
	.rank_area .gap_box:nth-child(4) {
		order: 3;
	}
	.rank_area .gap_box .genre_inner {
		padding: 3vw;
	}
	.rank_area .gap_box .genre_inner ._right_area {
		width: 65%;
		margin-left: 4.6vw;
	}
	.rank_area .gap_box .genre_inner ._right_area span {
		font-size: 3.6vw;
		line-height: 1.3;
	}
	.shop_ranking_area:after,
	.cast_ranking_area:after {
		content: initial;
	}
	.sontaku:before {
		font-size: 1.8vw;
		top: -2vw;
		width: 200%;
		text-align: left;
	}

	.gap_box .rank_box:nth-child(2) {
		margin-left: 3.4vw;
	}
	.shop_ranking_area .gap_box .top_rank_box ._rank_img,
	.shop_ranking_area .gap_box .rank_box ._rank_img {
		width: 25vw;
		height: 25vw;
	}
	.cast_ranking_area .gap_box .top_rank_box {
		width: 24vw;
		height: 28vw;
	}
	.cast_ranking_area .gap_box .top_rank_box ._rank_img {
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		max-height: initial;
	}
	.cast_ranking_area .gap_box .rank_box {
		width: 14vw;
		height: 16vw;
	}
	.cast_ranking_area .gap_box .rank_box ._rank_img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.shop_ranking_area .gap_box .top_rank_box {
		height: 25vw;
		width: 25vw;
	}
	.shop_ranking_area .gap_box .rank_box {
		width: 14vw;
		height: 14vw;
	}
	.shop_ranking_area .gap_box .rank_box ._rank_img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.top_rank_box .rank_crown {
		position: absolute;
		width: 12vw;
		min-width: 12vw;
		height: 12vw;
		left: -2vw;
		bottom: -2vw;
	}
	.rank_box .rank_crown {
		position: absolute;
		width: 8vw;
		height: 8vw;
	}
	.gap_box ._more {
		width: 14vw;
		height: 14vw;
		margin-right: 2.4vw;
	}
	.gap_box ._more ._arrow {
		margin-top: 0.5vw;
		width: 1.6vw;
		height: auto;
	}
}

/*誰に会いに行く？今日の出勤！--------------------*/

.today_attend_area {
	margin-top: 80px;
}
.today_attend_area ._inner {
	padding-top: 30px;
}

.today_attend_area h2 {
	position: relative;
	width: 590px;
	margin: auto;
}
.today_attend_area h2::before {
	content: '';
	position: absolute;
	background-image: url(/assets/img/index/icon_today_cast_attend.webp);
	background-repeat: no-repeat;
	width: 76px;
	height: 81px;
	left: 0;
	top: -15px;
}

.today_attend_area ._inner ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.today_attend_area ._inner li {
	width: 260px;
	height: 170px;
	margin-left: 20px;
	border: 1px solid #bc9c70;
	border-radius: var(--basic_radius);
	background-image: linear-gradient(180deg, #f8f1e7 0%, #fbf6ef 50%, #fff 100%);
}

.today_attend_area ._inner li ._area_link {
	padding: 15px 20px 20px;
	display: block;
	cursor: pointer;
}
.today_attend_area ._inner li ._area_link:hover {
	opacity: 0.8;
}

.today_attend_area ._inner li.no_attend {
	cursor: auto;
}

.today_attend_area ._inner li.no_attend {
	background-image: linear-gradient(180deg, #f2f2f2 0%, #f7f7f7 50%, #fff 100%);
}
.today_attend_area li.no_attend ._area_names span,
.today_attend_area ._inner li.no_attend ._prefecture {
	color: #a3a3a3;
}
.today_attend_area ._inner li.no_attend .more {
	background-color: #a3a3a3;
}

.today_attend_area ._inner li:first-child,
.today_attend_area ._inner li:nth-child(5) {
	margin-left: 0;
}
.today_attend_area ._inner li:nth-child(n + 5) {
	margin-top: 20px;
}

.today_attend_area ._area_names {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
}

.today_attend_area ._area_names span {
	color: #664c4c;
	font-weight: bold;
	font-size: 22px;
}

.today_attend_area ._area_names .more {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #664c4c;
	display: flex;
	align-items: center;
	justify-content: center;
}
.today_attend_area ._prefecture {
	font-size: var(--top_font_m);
	font-weight: bold;
	color: #664c4c;
	line-height: 1;
	display: block;
	margin-top: 6px;
}

.today_attend_area ._content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 83px;
	margin-top: 10px;
}
.today_attend_area ._content span {
	color: #a3a3a3;
	font-size: 16px;
	font-weight: bold;
}
.today_attend_area ._content ._imgs {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
}
.today_attend_area ._content ._imgs figure {
	cursor: pointer;
	margin-left: -10px;
}
.today_attend_area ._content ._imgs figure:first-child {
	margin-left: 0;
}
.today_attend_area ._content ._imgs img {
	border-radius: 50%;
	object-fit: cover;
}

.today_attend_area ._inner li.today_cast_total {
	padding: 0;
	background-image: initial;
	border: initial;
	border-radius: initial;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.today_attend_area .today_cast_total > div {
	width: 174px;
	height: 174px;
	background-image: url(/assets/img/index/today_balloon.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 6px 7px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.today_attend_area .today_cast_total ._sub {
	font-size: 14px;
	font-weight: bold;
	color: #6a5656;
	line-height: 1.3;
	text-align: center;
	margin-top: 20px;
}
.today_attend_area .today_cast_total ._sub strong {
	font-size: 20px;
	font-weight: bold;
}
.today_attend_area .today_cast_total ._main {
	margin-top: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #6a5656;
	line-height: 1;
}
.today_attend_area .today_cast_total ._main strong {
	font-size: 60px;
	letter-spacing: -2px;
	font-weight: bold;
}

@media screen and (max-width: 760px) {
	.today_attend_area h2 {
		width: initial;
	}
	.today_attend_area h2::before {
		content: initial;
	}
	.today_attend_area ._inner ul {
		justify-content: space-between;
	}

	.today_attend_area ._inner li {
		width: 48%;
		height: auto;
		margin-left: 0;
	}
	.today_attend_area ._inner li ._area_link {
		padding: 2.6vw 2.6vw;
		height: 28vw;
	}
	.today_attend_area ._inner li:nth-child(n + 5) {
		margin-top: 0;
	}
	.today_attend_area ._inner li:nth-child(n + 3) {
		margin-top: 3vw;
	}
	.today_attend_area ._area_names span {
		font-size: 4vw;
	}
	.today_attend_area ._area_names .more {
		width: 4vw;
		height: 4vw;
	}
	.today_attend_area ._area_names .more img {
		width: 1.2vw;
		height: auto;
	}
	.today_attend_area ._prefecture {
		font-size: 3vw;
		margin-top: 1.8vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.today_attend_area ._content {
		height: auto;
		margin-top: 2vw;
	}
	.today_attend_area ._content span {
		font-size: 3vw;
		padding-top: 3vw;
	}
	.today_attend_area ._content ._imgs {
		justify-content: space-between;
	}
	.today_attend_area ._content ._imgs figure {
		height: 12.6vw;
		width: 12.6vw;
		margin-left: 0;
	}
	.today_attend_area ._content ._imgs figure img {
		vertical-align: bottom;
		width: 100%;
		height: 100%;
	}
	.today_attend_area ._inner li.today_cast_total {
		padding: 0 5vw 0 2vw;
		position: relative;
	}
	.today_attend_area .today_cast_total > div {
		width: 26vw;
		height: 26vw;
		margin-top: 1vw;
		background-position: center center;
	}
	.today_attend_area .today_cast_total ._sub {
		font-size: 2.6vw;
		margin-top: 4vw;
		margin-right: 8%;
	}
	.today_attend_area .today_cast_total ._sub strong {
		font-size: 2.6vw;
	}
	.today_attend_area .today_cast_total ._sub strong._second {
		font-size: 3.6vw;
	}
	.today_attend_area .today_cast_total ._main {
		font-size: 3.6vw;
		margin-top: 5%;
		margin-right: 8%;
	}
	.today_attend_area .today_cast_total ._main strong {
		font-size: 7vw;
	}
	.today_attend_area .today_cast_total img {
		width: 8vw;
		height: auto;
		position: absolute;
		right: 12%;
	}
}

/*今すぐの来店で特典あり！--------------------*/
.go_now_shops {
	margin-top: 80px;
	padding-bottom: 10px;
}
.go_now_shops h2 {
	position: relative;
	width: 450px;
	margin: auto;
}
.go_now_shops h2::before {
	content: '';
	position: absolute;
	background-image: url(/assets/img/index/icon_go_now_shops.webp);
	background-repeat: no-repeat;
	width: 48px;
	height: 64px;
	left: -5px;
	top: 3px;
}
.go_now_shops .contents_sub {
	margin-top: 15px;
}
.go_now_shops .slick-dots {
	bottom: -45px;
}
.go_now_shops ul {
	margin-top: 30px;
}
.go_now_shops .more_link_btn {
	margin-top: 90px;
}
.go_now_slide {
	border: 1px solid #bc9c70;
	border-radius: var(--basic_radius);
	background: linear-gradient(to bottom, #f8f1e7 0%, #ffffff 100%);
	padding: 20px;
	margin-left: 30px;
	height: 420px;
	width: 660px;
}
.go_now_slide a {
	width: 100%;
}
.go_now_slide img {
	border-radius: var(--basic_radius);
	box-shadow: var(--brown_box_shadow);
	width: 620px;
	height: 230px;
	object-fit: cover;
	background-color: #fff;
}
.go_now_slide ._info_first {
	margin-top: 20px;
}
.go_now_slide ._info_first span {
	font-size: 12px;
	line-height: 1;
	color: #525252;
	letter-spacing: 1px;
	display: block;
}
.go_now_slide ._info_first a {
	font-size: var(--top_font_m);
	line-height: 1;
	font-weight: bold;
	color: var(--color_shop_name);
	letter-spacing: 1px;
	display: block;
	margin-top: 10px;
}
.go_now_slide ._info_second {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #dddddd;
}
.go_now_slide ._info_second span {
	font-size: var(--top_font_m);
	color: #525252;
	font-weight: bold;
	line-height: 1;
}
.go_now_slide ._info_second p {
	font-size: 12px;
	color: #525252;
	line-height: 1.5;
	margin-top: 7px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.go_now_shops .slick-dots li.slick-active button::before {
	color: #664c4c !important;
}
.go_now_shops .slick-dots li button::before {
	color: #bbb;
}

@media screen and (max-width: 760px) {
	.go_now_shops {
		margin-top: 13vw;
		padding-bottom: 0;
		padding-left: 0;
	}
	.go_now_shops h2 {
		width: initial;
	}
	.go_now_shops h2::before {
		content: initial;
	}
	.go_now_shops ul {
		position: relative;
		margin-top: 5vw;
		display: flex;
		overflow-x: scroll;
		padding-right: 4vw;
	}
	.go_now_shops .more_link_btn {
		margin-top: 6vw;
		width: calc(100% - 8vw);
	}
	.go_now_slide {
		width: 79vw;
		height: auto;
		padding: 3vw;
		margin-left: 4vw;
		flex-shrink: 0;
	}
	.go_now_slide img {
		height: 31vw;
	}
	.one_slide .go_now_slide {
		width: calc(100% - 4vw);
	}
	.go_now_slide:last-child {
		margin-right: 0;
	}
	.go_now_slide ._info_first span {
		font-size: 3vw;
	}
	.go_now_slide > a {
		width: 100%;
		display: block;
	}
	.go_now_slide > a img {
		width: 100%;
	}
	.go_now_slide ._info_second p {
		font-size: 3vw;
		-webkit-line-clamp: 3;
	}

	.sp_go_now_lists::-webkit-scrollbar {
		display: none;
	}
	.sp_go_now_lists {
		scrollbar-width: none;
	}
}

/*制服から探す　ニューデザイン--------------------*/
.costume_area {
	margin-top: 80px;
}
.costume_area ._inner {
	padding-top: 30px;
}

.costume_area h2 {
	position: relative;
	width: 630px;
	margin: auto;
}
.costume_area h2::before {
	content: '';
	position: absolute;
	background-image: url(/assets/img/index/icon_costume_area.webp);
	background-repeat: no-repeat;
	width: 88px;
	height: 71px;
	right: 0;
	top: -5px;
}
.costume_area .costume_cards {
	/*ul*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.costume_area .costume_cards li {
	width: 205px;
	margin-right: 18px;
	position: relative;
}
.costume_area .costume_cards li:nth-child(5n) {
	margin-right: 0;
}
.costume_area .costume_cards li:nth-child(n + 6) {
	margin-top: 18px;
}
.costume_area .costume_cards a {
	width: 100%;
}
.costume_area .costume_cards figure {
	width: 100%;
}
.costume_area .costume_cards figure img {
	border-radius: var(--basic_radius);
	width: 100%;
	box-shadow: var(--brown_box_shadow);
	vertical-align: top;
	background-color: #fff;
}
.costume_area .costume_cards ._info {
	position: absolute;
	padding: 10px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	font-size: var(--top_font_s);
	color: #fff;
	border-radius: var(--basic_radius);
	background: linear-gradient(to bottom, rgba(102, 76, 76, 0) 0%, #b0a195cf 40%, #755d5b 100%);
}
.costume_area .costume_cards ._info {
	display: inline-block;
	line-height: 1;
	text-shadow: 1px 1px 0 #00000069;
}
.costume_area .costume_cards strong {
	font-weight: bold;
	display: inline-block;
	line-height: 1.5;
	margin-top: 5px;
}

@media screen and (max-width: 760px) {
	.costume_area {
		margin-top: 13vw;
		padding-right: 0;
		padding-left: 0;
	}
	.costume_area h2 {
		width: initial;
	}
	.costume_area h2::before {
		content: initial;
	}
	.costume_area .contents_sub {
		line-height: 1.5;
		letter-spacing: 1px;
	}
	.costume_area ._inner {
		padding-top: 4vw;
	}
	/* ul */
	.costume_area .costume_cards {
		overflow-x: scroll;
		flex-wrap: nowrap;
		padding-bottom: 6vw;
		padding-right: 4vw;
		scrollbar-width: none;
	}
	.costume_area .costume_cards::-webkit-scrollbar {
		display: none;
	}
	.costume_area .costume_cards li {
		margin-right: 3vw;
		width: 60vw;
		flex-shrink: 0;
	}
	.costume_area .costume_cards li:first-child {
		margin-left: 4vw;
	}
	.costume_area .costume_cards ._info {
		padding: 3vw;
		min-height: 13vw;
		height: auto;
	}
	.costume_area .costume_cards li:nth-child(5n) {
		margin-right: 3vw;
	}
	.costume_area .costume_cards li:nth-child(n + 6) {
		margin-top: 0;
	}
	.costume_area .costume_cards li:last-child {
		margin-right: 1.4vw;
	}
	.costume_area .costume_cards strong {
		margin-top: 1vw;
	}
	.costume_area .more_link_btn {
		margin: auto;
		font-size: 4vw;
		padding: 3vw 0;
		width: calc(100% - 8vw);
	}
}

/*SNSタイムライン--------------------*/

.sns_posts {
	margin-top: 80px;
}
.sns_posts h2 {
	position: relative;
	width: 470px;
	margin: auto;
}
.sns_posts .type_sns {
	font-size: var(--top_font_s);
	margin-left: 12px;
}
.sns_posts h2::before {
	content: '';
	position: absolute;
	background-image: url(/assets/img/index/icon_good.webp);
	background-repeat: no-repeat;
	width: 70px;
	height: 60px;
	left: -52px;
	top: 6px;
}
.sns_posts ._inner {
	padding-top: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
}
.sns_posts ._inner .attractive_text {
	position: absolute;
	top: 35px;
	right: 150px;
	font-size: 24px;
	font-size: bold;
	color: var(--color_attention);
	line-height: 1;
}
.sns_posts ._inner .attractive_text span {
	font-size: 20px;
	margin-top: 8px;
	display: block;
}
.sns_posts .more_link_btn {
	margin-top: 45px;
}
.sns_posts .gap_box {
	margin-right: 30px;
}
.sns_posts .gap_box:nth-child(2n) {
	margin-right: 0;
}
.sns_posts .gap_box:nth-child(2) ._sns_inner,
.sns_posts .gap_box:nth-child(4) ._sns_inner {
	margin-top: 75px;
}
.sns_posts .gap_box:nth-child(n + 3) {
	margin-top: -40px;
}

.sns_posts .gap_box ._sns_inner {
	background: linear-gradient(to bottom, #f8f1e7 0%, #fff 100%);
	border-radius: var(--basic_radius);
	border: 1px solid #bc9c70;
	padding: 20px;
	display: flex;
}
.gap_box ._sns_inner ._info_area {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-image: url(/assets/img/index/bg_x_logo.webp);
	background-repeat: no-repeat;
	background-position: top center;
}
.gap_box ._sns_inner ._info_area ._type {
	font-size: var(--top_font_s);
	display: inline-block;
	color: #525252;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 1;
}
.gap_box ._sns_inner ._info_area ._service_name {
	font-size: var(--top_font_m);
	font-weight: bold;
	color: #525252;
	line-height: 1;
	display: block;
	margin-top: 10px;
}
.gap_box ._sns_inner ._info_area ._text {
	font-size: var(--top_font_s);
	color: #525252;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 1.5;
	margin-top: 10px;
}
.gap_box ._sns_inner ._info_area ._text img {
	width: 14px;
}
.sns_posts ._img_wrap {
	width: 205px;
	height: 280px;
	flex-shrink: 0;
}
.sns_posts ._img_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
	border-radius: var(--basic_radius);
	box-shadow: var(--brown_box_shadow);
	background-color: #fff;
}
.sns_posts ._bottoms {
	margin-top: auto;
}
.sns_posts ._bottoms ._shop_info {
	position: relative;
	padding-left: 15px;
}
.sns_posts ._bottoms ._shop_info ._icon {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: var(--basic_radius);
	border: 1px solid #bc9c70;
	left: -60px;
	/* top: -8px; */
	top: 50%;
	transform: translateY(-50%);
}
.sns_posts ._bottoms ._shop_info ._icon img {
	width: 100%;
	height: 100%;
	border-radius: var(--basic_radius);
	object-fit: cover;
	background-color: #fff;
}
.sns_posts ._bottoms ._shop_info span {
	font-size: var(--top_font_s);
	color: #525252;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 1;
}
._sns_shop_name {
	margin-top: 5px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.3;
	font-size: 18px;
	font-weight: bold;
	color: #664c4c;
}
.sns_posts .link_btn {
	width: 100%;
	border: 2px solid #dddddd;
	border-radius: var(--basic_radius);
	font-size: var(--top_font_m);
	color: #514343;
	margin-top: 23px;
	padding: 10px 0;
	text-align: center;
	display: block;
}
.sns_posts .link_btn:hover {
	opacity: 1;
	background-color: var(--color_btn_white_hover);
}

@media screen and (max-width: 760px) {
	.sns_posts {
		margin-top: 13vw;
	}
	.sns_posts h2 {
		position: relative;
		width: 100%;
	}
	.sns_posts .type_sns {
		margin-left: 0;
		display: block;
		margin-top: 1vw;
	}
	.sns_posts h2::before {
		background-image: initial;
	}
	.sns_posts .contents_sub {
		line-height: 1.5;
	}
	.sns_posts ._inner {
		padding-top: 14vw;
	}
	.sns_posts ._inner .attractive_text {
		top: 5vw;
		right: initial;
		font-size: 3.8vw;
	}
	.sns_posts ._inner .attractive_text span {
		font-size: 3.8vw;
		margin-top: 2vw;
	}
	.sns_posts .gap_box {
		width: 100%;
		margin-right: 0;
		margin-top: 4vw;
	}
	.sns_posts .gap_box:nth-child(n + 3) {
		margin-top: 4vw;
	}
	.sns_posts .gap_box:nth-child(2n) {
		margin-right: 0;
	}
	.sns_posts .gap_box:nth-child(2) ._sns_inner,
	.sns_posts .gap_box:nth-child(4) ._sns_inner {
		margin-top: 0px;
	}
	.sns_posts .gap_box ._sns_inner {
		padding: 3vw;
		flex-wrap: wrap;
	}
	.gap_box ._sns_inner ._info_area {
		margin-left: 4%;
		width: 54%;
		background-size: 100%;
	}
	.gap_box ._sns_inner ._info_area ._service_name {
		font-size: var(--top_font_s);
		margin-top: 1vw;
	}
	.gap_box ._sns_inner ._info_area ._text {
		font-size: var(--top_font_m);
		-webkit-line-clamp: 3;
		line-height: 1.5;
		margin-top: 2vw;
	}
	.gap_box ._sns_inner ._info_area ._text img {
		width: 3vw;
	}
	.sns_posts ._img_wrap {
		width: 41%;
		height: 45vw;
	}
	.sns_posts ._bottoms {
		margin-top: auto;
		padding-bottom: 2vw;
	}
	.sns_posts ._bottoms ._shop_info {
		padding-left: 3vw;
	}
	.sns_posts ._bottoms ._shop_info ._icon {
		width: 10vw;
		height: 10vw;
		left: -9vw;
	}
	._sns_shop_name {
		margin-top: 1vw;
		-webkit-line-clamp: 2;
		line-height: 1.5;
		font-size: 3vw;
	}
	.sns_posts .link_btn {
		width: 100%;
		margin-top: 4vw;
		padding: 3vw 0;
	}
	.sns_posts .more_link_btn {
		margin-top: 6vw;
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	.cast_list {
		background-color: #ffe061;
		padding: 4vw;
		position: relative;
	}
	.cast_list_main {
		border-top: solid 2vw #c5966a;
		border-left: solid 2vw #af753d;
		border-bottom: solid 2vw #c5966a;
		border-right: solid 2vw #af753d;
		box-shadow: 0 0 0 1px #000000;
		padding: 2vw;
		position: relative;
		z-index: 5;
	}

	/* スライド対応 */
	.cast_list .mw {
		position: unset;
	}
	.cast_list_main {
		height: 70vw;
		position: unset;
		background-color: #4e3116;
	}

	.slick-dots {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: nowrap;
		top: -12vw;
		position: relative;
	}
	.slick-dots li {
		height: 2.5vw;
		width: 2.5vw;
		min-width: 2.5vw;
		border-radius: 10vw;
		overflow: hidden;
		transform: rotate(0deg) translateY(0);
		margin: 0 2vw;
		background-color: #ffffff;
	}
	.slick-list {
		padding: 7vw 0;
	}
	.slick-dots button {
		display: none;
		background-color: #ffffff;
		border: none;
		overflow: hidden;
		text-indent: 10px;
		width: 100%;
	}
	.slick-dots .slick-active,
	.slick-dots .slick-active button {
		background-color: #ffcd00;
	}

	.detail_2 a {
		position: absolute;
		width: 73vw;
		left: 18vw;
		top: 170vw;
		line-height: 1.35;
	}
	.detail_2 a button {
		/* style reset */
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;

		width: 100%;
		border-radius: 1vw;
		padding: 1.5vw;
		background: #664c4c;
		color: #ffffff;
		font-size: 4.5vw;
	}
}

/* ------------------------------------------------- */
/* カフェるんについて */
/* ------------------------------------------------- */
.about_caferun {
	background-color: #fff0b0;
	background-image: repeating-linear-gradient(-45deg, #ffec9c, #ffec9c 25px, transparent 0, transparent 50px);
	padding: 50px 0;
}
.about_caferun .detail {
	background-image: url('/assets/img/index/about.webp');
	background-position: top;
	background-repeat: no-repeat;
	height: 970px;
	position: relative;
}
.about_caferun .detail p {
	font-size: 19px;
	position: absolute;
	width: 518px;
	left: 80px;
	top: 271px;
	line-height: 1.8;
}
.about_caferun .detail_2 p {
	font-size: 19px;
	position: absolute;
	width: 408px;
	left: 700px;
	top: 593px;
	line-height: 1.8;
}
@media screen and (max-width: 760px) {
	.about_caferun {
		padding-top: 0;
		background-color: #fff6e2;
		background-image: initial;
	}
	.about_caferun .detail {
		background-image: url('/assets/img/index/about_sp.webp');
		background-size: 90vw;
		background-position: top center;
		height: 255vw;
	}
	.about_caferun .detail p {
		font-size: 3.4vw;
		position: absolute;
		width: 71vw;
		left: 10vw;
		top: 36vw;
		line-height: 1.4;
	}
	.about_caferun .detail_2 p {
		font-size: 3.4vw;
		position: absolute;
		width: 69vw;
		left: 18vw;
		top: 140vw;
		line-height: 1.35;
	}
}

/*2021/08/31*/
@media screen and (max-width: 760px) {
	.okyuin_list_ul .detail {
		width: 100%;
		justify-content: center;
		padding: 3vw 3vw 0 3vw;
	}
	.okyuin_list_ul .cast_name {
		margin-top: 2vw;
	}
}

.week_body .cast_name > span {
	font-weight: bold;
}

.week_body .shop_area {
	font-size: 10px;
}

/*トップページのなびおバナー*/

.top_navio {
	margin: auto auto 40px auto;
}

.top_navio .more_btns .navio_link_btn {
	margin: 30px auto auto auto;
}
@media screen and (max-width: 760px) {
	.top_navio .more_btns .navio_link_btn {
		width: 100%;
		font-size: 4vw;
		padding: 3vw 0;
		margin-top: 4vw;
	}
}

.top_navio .navio_inner .content {
	background-color: #fff;
	padding: 0 0 25px 0;
}

@media screen and (max-width: 760px) {
	.top_navio .navio_inner .content {
		padding: 0;
	}

	.top_navio .navio_inner .content figure {
		width: 100%;
	}
	.top_navio .navio_inner .content figure img {
		width: 100%;
		height: auto;
	}
}

.top_navio .mw {
	min-width: 1140px;
	width: 1140px;
	padding: 0 20px;
}
.navio_pr_article_wrap {
	border: 1px solid #bc9c70;
}
.top_navio .lead_wrap {
	background-color: #a9945e;
	color: #fff;
}
.top_navio .lead_wrap h3 {
	font-size: 32px;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
}
.navio_pr_article_wrap img {
	max-width: 100%;
}

@media screen and (max-width: 760px) {
	.top_navio .mw {
		min-width: 100%;
		width: 100%;
		padding: 0 0;
	}
	.top_navio .lead_wrap {
		height: auto;
	}
	.top_navio .lead_wrap h3 {
		font-size: 6vw;
		text-align: center;
		padding: 4vw 0;
	}
}

/*--------------------------------------------*/
/*pr関連記事 navioの一覧ページと共用*/
/*--------------------------------------------*/

.top_navio .navio_pr_article_wrap {
	margin-top: 0;
}
.navio_pr_article_wrap {
	margin-top: 50px;
}

.navio_pr_article_wrap .navio_pr_items {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 25px;
}

.navio_pr_article_wrap .navio_pr_items .item {
	width: 519px;
	height: auto;
	background-color: #fff5cd;
	border: solid 2px #deccb4;
	display: flex;
	flex-wrap: nowrap;
	padding: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navio_pr_article_wrap .navio_pr_items .item:hover {
	background-color: #ffffe4;
}

.navio_pr_article_wrap .navio_pr_items .item:nth-child(2n) {
	margin-left: 10px;
}

.navio_pr_article_wrap .navio_pr_items .item .img_area {
	width: 100px;
	height: 100px;
}

.navio_pr_article_wrap .navio_pr_items .item .img_area img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #fff;
}

.navio_pr_article_wrap .navio_pr_items .item .text_area {
	flex-basis: 419px;
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
}

.navio_pr_article_wrap .navio_pr_items .item .text_area .comment {
	background-color: #fff;
	border: 1px solid #e1d1b8;
	display: flex;
}

.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .head_img {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fffaf2;
	width: 70px;
	height: 55px;
}

.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .head_img img {
	height: 100%;
}

.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .right {
	display: block;
	width: 100%;
	padding: 2px 10px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 310px;
	white-space: nowrap;
}
.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .right .sub_text {
	font-size: 14px;
	color: #333333;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 320px;
	white-space: nowrap;
}

/*--------------------------*/
/*スマホ*/
/*--------------------------*/

@media screen and (max-width: 760px) {
	.navio_pr_article_wrap .navio_pr_items .item:nth-child(2n) {
		margin-left: 0px;
	}

	.navio_pr_article_wrap {
		margin-top: 5vw;
		margin-bottom: 10vw;
	}

	.navio_pr_article_wrap .navio_pr_items {
		margin-top: 4vw;
		padding: 0 4vw;
	}

	.navio_pr_article_wrap .navio_pr_items .item {
		width: 100%;
	}

	.navio_pr_article_wrap .navio_pr_items .item .img_area {
		width: 17vw;
		height: auto;
		height: 17vw;
		display: flex;
	}

	.navio_list_body .navio_pr_items .item .text_area .name,
	.navio_list_body .navio_pr_items .item .text_area .comment,
	.navio_list_body .navio_pr_items .item .text_area .address {
		font-size: 3vw;
	}

	.navio_pr_article_wrap .navio_pr_items .item .text_area {
		flex-basis: 75%;
		margin-left: 2vw;
	}

	.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .head_img {
		width: 10vw;
		height: 8vw;
	}

	.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .right {
		font-size: 2.3vw;
		max-width: 53vw;
		padding: 0.3vw 2vw;
	}

	.navio_pr_article_wrap .navio_pr_items .item .text_area .comment .right .sub_text {
		font-size: 2.5vw;
		width: 95%;
	}

	.navio_inner .more_btns {
		padding: 0 4vw 8vw 4vw;
	}
}

.navio_link_btn {
	position: relative;
	width: 270px;
	background-color: #bc9c70;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 3px inset #bc9c70, 0 0 0 4px inset #d0ba9b;
	transition: all 100ms 0s ease;
}

.navio_link_btn:hover {
	top: 2px;
}

.navio_link_btn .arrow_icon {
	width: 19px;
	height: 19px;
	background-color: #fff;
	border-radius: 50%;
	margin-right: 9px;
	color: #bc9c70;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	font-weight: 100;
	padding-bottom: 2%;
}

@media screen and (max-width: 760px) {
	.navio_link_btn .arrow_icon {
		width: 4vw;
		height: 4vw;
		font-size: 5vw;
		margin-right: 1vw;
		padding-bottom: 1%;
	}
}

/*以下、topページリニューアルデザイン-------------------------*/

@media screen and (max-width: 761px) {
	.header_body {
		overflow: hidden;
		height: 250px;
		/* background-color: var(--color_btn_bg); */
	}
}
.top_main_inner {
	padding-bottom: 40px;
	background-color: #fffde5;
}

.top_first_view {
	width: 1140px;
	padding: 30px 30px 40px 30px;
	display: flex;
	flex-direction: row;
	margin: auto;
}
.top_first_view h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	letter-spacing: 1.6px;
	line-height: 1;
	color: #5a3e3e;
}
.top_first_view .other_site_banner {
	display: flex;
	margin-top: 20px;
}
.top_first_view .other_site_banner .link_to_job_cafe_site {
	margin-left: 20px;
}
.top_first_view .other_site_banner img {
	vertical-align: top;
}
.top_first_view .shop_pr_banner {
	margin-left: 20px;
	width: 340px;
	min-width: 340px;
}
.top_first_view .shop_pr_banner .img_wrap_set {
	width: 340px;
	height: 215px;
}
.top_first_view .shop_pr_banner li {
	display: block;
	position: relative;
}
.top_first_view .shop_pr_banner li:nth-child(2) {
	margin-top: 20px;
}
.top_first_view .shop_pr_banner li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #6a5656;
}
.top_first_view .shop_pr_banner img {
	vertical-align: top;
	width: 340px;
}
.top_first_view .sp_first_info {
	display: none;
}

.top_main_inner .special_event_banner_area {
	display: flex;
	justify-content: center;
	padding: 40px 0;
	background-color: #fff9f7;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
}
.top_main_inner .special_event_banner_area a {
	width: 990px;
	margin: auto;
}
.top_main_inner .special_event_banner_area a figure {
	margin: 0;
}
.top_main_inner .special_event_banner_area a img {
	vertical-align: top;
}

.all_search_area_wrap {
	padding: 20px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	border: 1px solid #c5abab;
	height: 100%;
}
.all_search_area_wrap dl {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	background-color: #fcf9f4;
	padding: 15px;
	border: 1px solid #c5abab;
	position: relative;
	margin-top: -1px;
}
.all_search_area_wrap dd {
	margin: 0;
}
.all_search_area_wrap dt {
	font-size: 20px;
	color: #525252;
	font-weight: bold;
	margin: 0;
}
.all_search_area_wrap .area_list {
	/*ul*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.all_search_area_wrap .area_list li {
	width: 155px;
	height: 80px;
	margin-top: 15px;
}

.all_search_area_wrap .area_list li:first-child,
.all_search_area_wrap .area_list li:nth-child(5) {
	margin-left: 0;
}
.all_search_area_wrap .area_btn {
	width: 100%;
	height: 100%;
	background-color: #6a5656;
	border: 2px solid #f3e3cd;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #ffffff;
	cursor: pointer;
}
.all_search_area_wrap .area_btn:hover {
	opacity: 0.8;
}

.all_search_area_wrap .area_btn ._region {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}
.all_search_area_wrap .area_list li .prefecture_area {
	display: flex;
	align-items: center;
	height: 25px;
	margin-top: 10px;
	font-feature-settings: 'palt' 1;
}
.all_search_area_wrap .area_btn ._prefecture {
	font-size: 12px;
	line-height: 1.3;
	color: #ffffff;
}
.all_search_area_wrap .site_info {
	display: flex;
	margin-top: 20px;
	position: relative;
}
.all_search_area_wrap .site_info:after {
	content: '';
	position: absolute;
	background-image: url('/assets/img/index/mini_character.webp');
	width: 153px;
	height: 156px;
	background-repeat: no-repeat;
	right: -30px;
	bottom: -10px;
}
.all_search_area_wrap .site_info ._total {
	width: 90px;
	height: 90px;
	border-radius: 50px;
	padding: 25px 0;
	background-color: #fff799;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	flex-shrink: 0;
	position: relative;
}
.all_search_area_wrap .site_info ._total:before,
.all_search_area_wrap .site_info ._total:after {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
}
.all_search_area_wrap .site_info ._total:before {
	left: 0;
	top: 0;
	background-image: url('/assets/img/global/left_top_star.webp');
	width: 28px;
	height: 26px;
}
.all_search_area_wrap .site_info ._total:after {
	right: 0;
	bottom: 0;
	background-image: url('/assets/img/global/right_bottom_star.webp');
	width: 30px;
	height: 25px;
}
.all_search_area_wrap .site_info ._total span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.all_search_area_wrap .site_info ._total strong {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin-top: 5px;
	margin-right: 3px;
	display: inline-block;
	font-family: 'メイリオ', sans-serif;
}
.all_search_area_wrap .site_info ._heading {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	margin-left: 14px;
}
.all_search_area_wrap .site_info ._heading p {
	font-size: 18px;
	margin: 10px 0 0 0;
	line-height: 1;
	color: #232323;
	font-weight: lighter;
}
.all_search_area_wrap .site_info ._chara_wrap {
	position: absolute;
}

/* タブ切り替え */
.all_search_area_wrap .search_area_wrap {
	display: none;
}

.all_search_area_wrap .show {
	display: block;
}

.all_search_area_wrap .toggle_btn_area {
	display: flex;
}

.all_search_area_wrap .toggle_btn_area .toggle_btn.btn_area {
	border-right: 0;
}

.all_search_area_wrap .toggle_btn_area .toggle_btn {
	color: #525252;
	font-size: 20px;
	padding: 15px 0;
	width: 260px;
	font-weight: bold;
	background-color: #fff9fb;
	border: 1px solid #c5abab;
	border-bottom: none;
}

.all_search_area_wrap .toggle_btn_area .toggle_btn:hover {
	opacity: 1;
}

.all_search_area_wrap .toggle_btn_area .toggle_btn.active {
	background-color: #fcf9f4;
	position: relative;
	z-index: 1;
}

.all_search_area_wrap .toggle_btn_area .toggle_btn:not(.active):hover {
	background-color: #fff7d4;
	cursor: pointer;
}

.all_search_area_wrap .toggle_btn_area .toggle_btn:not(.active) {
	color: #ff7949;
	background-color: #ffffff;
}

.first_guide {
	margin: 100px 0 0 0;
	padding-bottom: 70px;
}
.first_guide .guide_leading {
	width: 600px;
	margin: 0 auto;
}
.first_guide .guide_leading ._main {
	font-size: 34px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1;
	margin: 18px auto 0;
	text-align: center;
	color: #525252;
}

.first_guide .guide_leading ._main strong {
	color: #ff7949;
}

.first_guide .guide_leading ._sub {
	font-size: 24px;
	line-height: 1;
	position: relative;
	margin: auto;
	text-align: center;
	display: block;
	font-weight: lighter;
}
.first_guide .guide_leading ._sub:before {
	content: '';
	position: absolute;
	background-image: url('/assets/img/index/beginner_icon1.webp');
	width: 61px;
	height: 74px;
	top: 0;
	left: 13px;
}
.first_guide .point_box {
	background-color: #fff;
	border-radius: 10px;
	width: 1100px;
	margin: 40px auto 0 auto;
	border: 2px solid #bc9c70;
	padding: 40px 0px 40px 0px;
}
.first_guide .reason_lead {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	display: block;
	line-height: 1;
}

.first_guide .reason_lead strong {
	color: var(--color_attention);
}

.first_guide .detail_wrap {
	display: flex;
	justify-content: center;
	margin-top: 39px;
}
.first_guide .each_point {
	width: 350px;
	padding: 0 20px;
	position: relative;
}
.first_guide .each_point:before {
	content: '';
	position: absolute;
	height: 210px;
	width: 2px;
	background-color: #bc9c70;
	left: -6px;
	top: 0px;
}
.first_guide .each_point:first-child {
	border-left: none;
}
.first_guide .each_point:first-child:before {
	content: none;
}
.first_guide .each_point span {
	position: relative;
}
.first_guide .each_point .point_lead {
	width: 140px;
	margin: 0 auto 10px auto;
	text-align: center;
}
.first_guide .each_point .point_lead strong {
	color: #ff7949;
	font-size: 20px;
}

.first_guide .each_point ._point1:before {
	content: '';
	position: absolute;
	background-image: url('/assets/img/index/beginner_icon2.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 40px;
	height: 34px;
	top: -2px;
	left: 96px;
}
.first_guide .each_point ._point2:before {
	content: '';
	position: absolute;
	background-image: url('/assets/img/index/beginner_icon3.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 31px;
	height: 37px;
	top: -8px;
	left: 105px;
}
.first_guide .each_point ._point3:before {
	content: '';
	position: absolute;
	background-image: url('/assets/img/index/beginner_icon4.webp');
	background-size: contain;
	background-repeat: no-repeat;
	width: 25px;
	height: 35px;
	top: -4px;
	left: 109px;
}
.first_guide .each_point span {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	line-height: 1;
}
.first_guide .each_point dt {
	font-size: 24px;
	color: #525252;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.first_guide .each_point dd {
	margin-left: 0;
	margin-top: 10px;
}
.first_guide .each_point p {
	margin: 0;
	font-size: 14px;
	font-weight: 100;
	line-height: 2;
	color: #525252;
}

@media screen and (max-width: 760px) {
	.all_count_infomation .headline_news {
		height: 100%;
	}
	.all_count_infomation .headline_news .slick-list {
		height: 100% !important;
	}
	.header_body {
		height: initial;
	}
	.header_line {
		display: none;
	}
	.top_main_inner {
		padding-bottom: 14vw;
	}
	.top_first_view {
		width: 100%;
		padding: 0;
		flex-direction: column-reverse;
	}
	.top_first_view h1 {
		margin: 0;
		line-height: 1;
		background-color: #fef3c8;
		color: #525252;
		font-weight: bold;
		padding: 3vw 0 3vw 0;
		font-size: 5vw;
		text-align: center;
	}
	.top_first_view h1 span {
		color: var(--color_attention);
		font-size: 3.8vw;
		font-weight: bold;
		display: block;
		margin-top: 2vw;
	}
	.top_first_view .sp_first_info {
		display: block;
		background-color: #fffef3;
	}
	.top_first_view .site_info {
		display: none;
	}
	.top_first_view .shop_pr_banner {
		margin-left: 0;
		background-color: #ffedf7;
		width: 100%;
	}
	.top_first_view .shop_pr_banner ._item {
		width: 100%;
		height: 64vw;
		position: relative;
		display: block;
	}
	.top_first_view .shop_pr_banner a {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	.top_first_view .shop_pr_banner a img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.top_first_view .shop_pr_banner img {
		width: 100%;
	}
	.top_first_view .shop_pr_banner li:nth-child(2) {
		margin-top: 0;
	}
	.top_first_view .all_count_infomation {
		width: 100%;
		max-width: 100%;
		margin-top: 0;
		margin-left: 0;
		padding: 3vw 4vw 5vw 4vw;
		position: relative;
		border-top: 0.4vw solid #7b6e4a;
		border-bottom: 0.4vw solid #7b6e4a;
	}
	.top_first_view .all_count_infomation:after {
		position: absolute;
		content: '';
		right: 5vw;
		bottom: -3vw;
		background-image: url('/assets/img/index/big_chara_sp.webp');
		background-size: contain;
		background-repeat: no-repeat;
		max-width: initial;
		max-height: initial;
		width: 8.6vw;
		height: 21.6vw;
	}
	.top_first_view .all_count_infomation .total {
		display: flex;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 4.6vw;
		line-height: 1.3;
		justify-content: space-between;
		align-items: flex-end;
	}
	.top_first_view .all_count_infomation .total dt {
		font-weight: bold;
		display: flex;
		align-items: flex-end;
	}
	.top_first_view .all_count_infomation .total dt._priority {
		display: block;
	}
	.top_first_view .all_count_infomation .total dt._priority span {
		font-size: 3.4vw;
		font-weight: bold;
		color: var(--color_attention);
	}

	.top_first_view .all_count_infomation .total dd {
		font-weight: bold;
	}
	.top_first_view .all_count_infomation .total dd strong {
		font-size: 7vw;
		font-weight: bold;
		margin-bottom: -1vw;
		color: var(--color_attention);
		line-height: 1;
		letter-spacing: 1px;
	}
	.top_first_view .all_count_infomation .detail {
		margin-top: 1.8vw;
		display: flex;
		justify-content: flex-start;
	}
	.top_first_view .all_count_infomation .detail dl {
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	.top_first_view .all_count_infomation .detail dt,
	.top_first_view .all_count_infomation .detail dd {
		font-size: 3.6vw;
		letter-spacing: 2px;
		font-weight: lighter;
	}
	.top_first_view .all_count_infomation .detail dd {
		align-items: baseline;
		margin-left: 0.6vw;
	}
	.top_first_view .all_count_infomation .detail dd strong {
		font-size: 4.4vw;
		font-weight: bold;
		margin-bottom: -0.8vw;
		color: var(--color_attention);
	}
	.top_first_view .all_count_infomation .detail ._photo {
		margin-left: 3vw;
	}
	.top_first_view .all_count_infomation .detail ._photo dd {
		margin-left: 0.6vw;
	}
	.top_first_view .all_count_infomation .detail ._photo dd strong {
		color: var(--color_attention);
	}
	.top_first_view .all_count_infomation .new_info_text {
		width: 100%;
		min-width: initial;
		margin-top: 2vw;
		padding: 0;
		position: relative;
		z-index: 2;
		border: 2px solid #a9945e;
		display: flex;
		height: 7vw;
	}
	.top_first_view .all_count_infomation .new_info_text dt {
		flex-shrink: 0;
		text-align: center;
		line-height: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 22vw;
		background-color: #6a5656;
		color: #fff;
		height: 100%;
		font-size: 3.8vw;
		padding: 0 0 0.4vw 0;
	}
	.top_first_view .all_count_infomation .new_info_text dd {
		margin-left: 0;
		padding: 0;
		box-shadow: initial;
		background-color: #fef3c8;
		overflow: hidden;
	}
	.top_first_view .all_count_infomation .new_info_text dd ul li {
		display: flex;
		align-items: center;
	}
	.top_first_view .all_count_infomation .new_info_text dd ul li a {
		width: 100% !important;
		height: 100% !important;
		line-height: 1.5;
		padding: 0 1vw 0 2vw;
		font-size: 3.3vw;
		background-color: initial;
		color: #525252;
	}
	.top_first_view .all_count_infomation .new_info_text dd ul li a:after {
		content: none;
	}

	.top_first_view .all_search_area_wrap {
		padding: 0;
		border-top: 2px solid #7b6e4a;
		border-bottom: 2px solid #7b6e4a;
	}

	.top_first_view .all_search_area_wrap .lead_up {
		color: #ffffff;
		font-size: 4.2vw;
		font-weight: bold;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #6a5656;
		padding: 4vw 0;
	}

	.top_first_view .all_search_area_wrap .lead_up:before,
	.top_first_view .all_search_area_wrap .lead_up:after {
		content: '';
		width: 5vw;
		height: 5vw;
		bottom: 0.4vw;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top_first_view .all_search_area_wrap .lead_up:before {
		background-image: url('/assets/img/global/left_up_sp.webp');
		margin-right: 2vw;
	}
	.top_first_view .all_search_area_wrap .lead_up:after {
		background-image: url('/assets/img/global/right_up_sp.webp');
		margin-left: 2vw;
	}

	.top_first_view .all_search_area_wrap dl dt {
		font-size: 4vw;
		font-weight: bold;
		color: #514343;
	}
	.top_first_view .all_search_area_wrap .area_list {
		justify-content: space-between;
		margin-top: 0;
	}
	.top_first_view .all_search_area_wrap .area_list li {
		margin-top: 4vw;
		width: 49%;
		border-radius: 1vw;
		height: auto;
		margin-left: 0;
	}
	.top_first_view .all_search_area_wrap .area_list li .area_btn {
		border-radius: 1vw;
		border-width: 0.4vw;
		padding: 3vw 0;
	}
	.top_first_view .all_search_area_wrap .area_list li .area_btn ._region {
		font-size: 5.4vw;
	}
	.top_first_view .all_search_area_wrap .area_list li .area_btn .prefecture_area {
		height: 6.5vw;
		margin-top: 3vw;
	}
	.top_first_view .all_search_area_wrap .area_list li .area_btn ._prefecture {
		font-size: 3.4vw;
		font-weight: 100;
	}

	.top_first_view .other_site_banner {
		margin-top: 0vw;
		flex-direction: column;
		padding: 7vw 4vw;
	}
	.top_first_view .other_site_banner a:nth-child(2) {
		margin-left: 0;
	}
	.top_first_view .other_site_banner img {
		width: 100%;
	}
	.top_first_view .other_site_banner .link_to_moejob {
		width: 100%;
	}
	.top_first_view .other_site_banner .link_to_mens_site {
		margin-top: 3vw;
	}
	.top_first_view .other_site_banner .link_to_shop_cafe_site {
		margin-top: 3vw;
		margin-left: 0;
	}
	.all_search_area_wrap {
		border: 0;
	}
	.all_search_area_wrap ._count_info div {
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.3;
		color: #525252;
	}
	.all_search_area_wrap ._count_info {
		padding: 0vw;
		line-height: 1.4;
		border: none;
		background-color: initial;
		text-align: center;
		font-weight: normal;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.all_search_area_wrap ._count_info strong {
		font-size: 4.5vw;
		font-weight: bold;
		color: #525252;
		font-family: 'メイリオ', sans-serif;
		margin-right: 0.4vw;
		margin-left: 0.4vw;
		letter-spacing: 0.1vw;
	}

	.all_search_area_wrap dl {
		padding: 4vw;
		border-right: none;
		border-left: none;
		margin-bottom: 0;
	}

	.all_search_area_wrap .toggle_btn_area li {
		width: 50%;
	}

	.all_search_area_wrap .toggle_btn_area .toggle_btn {
		font-size: 4.2vw;
		padding: 3vw 0;
		width: 100%;
		border: 0;
	}
	.all_search_area_wrap .toggle_btn_area .toggle_btn.btn_area {
		border-right: 1px solid #c5abab;
	}

	.other_links {
		padding: 4vw;
	}

	.other_links ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.other_links li {
		background-color: #6a5656;
		border: 0.4vw solid #f3e3cd;
		border-radius: 1vw;
		width: 49%;
	}

	.other_links li a {
		font-weight: bold;
		color: #ffffff;
		font-size: 3.4vw;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3vw;
	}

	.other_links figure {
		margin-right: 2vw;
		width: 8vw;
		height: 7vw;
	}

	.other_links img {
		width: 100%;
		height: auto;
	}
	.first_guide {
		margin-top: 12vw;
		margin-bottom: 12vw;
		padding: 0 4vw;
	}

	.first_guide .guide_leading {
		width: 100%;
	}

	.first_guide .reason_lead {
		font-size: 6vw;
		line-height: 1.5;
	}

	.first_guide .guide_leading ._sub {
		font-size: 4.2vw;
		font-weight: lighter;
	}

	.first_guide .guide_leading ._sub::before {
		width: 8.6vw;
		height: 10vw;
		top: 2vw;
		left: 0;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.first_guide .guide_leading ._main {
		margin-top: 2vw;
		font-size: 6vw;
	}

	.first_guide .point_box {
		border-radius: 1vw;
		width: 100%;
		margin-top: 4vw;
		padding: 4vw 0;
	}

	.first_guide .point_box .detail_wrap {
		margin-top: 4vw;
		padding: 0 4vw;
		flex-direction: column;
	}

	.first_guide .each_point {
		width: 100%;
		border-top: 2px solid #ddd;
		padding: 4vw 0;
	}

	.first_guide .each_point::before {
		content: none;
	}

	.first_guide .each_point .point_lead {
		margin: auto;
		width: auto;
	}

	.first_guide .each_point .point_lead strong {
		font-size: 4vw;
	}

	.first_guide .each_point ._point1::before {
		background-image: url('/assets/img/index/beginner_icon2_sp.webp');
		width: 6vw;
		height: 6vw;
		top: 4vw;
		left: 27vw;
	}
	.first_guide .each_point ._point2::before {
		background-image: url('/assets/img/index/beginner_icon3_sp.webp');
		width: 6vw;
		height: 6vw;
		top: 3vw;
		left: 27.4vw;
	}
	.first_guide .each_point ._point3::before {
		background-image: url('/assets/img/index/beginner_icon4_sp.webp');
		width: 6vw;
		height: 7vw;
		top: 3vw;
		left: 27.6vw;
	}

	.first_guide .each_point dt {
		font-size: 5vw;
		margin-top: 2vw;
	}

	.first_guide .each_point dd {
		margin-top: 2vw;
	}

	.first_guide .each_point dd p {
		font-size: 4vw;
		line-height: 1.6;
	}
	.bottom_btn_wrap {
		display: block;
		margin-top: 6vw;
		padding: 0 4vw;
	}
	.bottom_btn_wrap a {
		background-color: #ffe061;
		border-radius: 2vw;
		overflow: hidden;
		color: #514343;
		font-size: 4vw;
		font-weight: bold;
		width: 100%;
		display: block;
		text-align: center;
		line-height: 1;
		padding: 4vw 0;
		border: solid 2px #514343;
	}
}

/* お役立ち情報（コラム） */

.what_new {
	padding-bottom: 0;
	padding: 40px 0px 0px 0px;
}
.what_new h2 {
	font-size: 34px;
	line-height: 1;
	text-align: center;
	margin: 0 0 40px 0;
	font-weight: bold;
	color: #525252;
}
.what_new .wrapper {
	width: 1100px;
	margin: 0 auto;
}

@media screen and (max-width: 760px) {
	.what_new {
		padding: 0 4vw;
		margin-bottom: 10vw;
	}
	.what_new .wrapper {
		width: 100%;
	}
	.what_new h2 {
		margin: 14vw 0 7vw 0;
		font-size: 5vw;
	}

	.what_new .bottom_btn_wrap {
		padding: 0;
	}

	.what_new .g_column_list li:first-child,
	.g_column_list li:nth-child(1) {
		margin-top: 0;
	}
}

/* コンカフェ会員の募集ブロック */
.member_recruitment {
	background-color: #ffeea8;
}
.member_recruitment .mw {
	width: 1140px;
	min-width: 1140px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.member_recruitment .bg_1 {
	padding: 20px 0;
	background-image: url(/assets/img/index/pattern_star_1.webp);
}
.member_recruitment .bg_1 h2 img {
	display: block;
}
.member_recruitment .bg_1 figure {
	position: absolute;
	right: 0;
	top: -40px;
}
.member_recruitment .member_recruitment_body {
	display: flex;
	justify-content: space-between;
	padding: 25px 0;
}
.member_recruitment .member_recruitment_body .left {
	width: 580px;
	min-width: 580px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.member_recruitment .member_recruitment_body .head_text {
	font-size: 26px;
	font-weight: bold;
	color: var(--color_headline_text);
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
}
.member_recruitment .member_recruitment_body .head_text span {
	margin: 0 10px;
	font-weight: bold;
}
.member_recruitment .member_recruitment_body .head_text::before,
.member_recruitment .member_recruitment_body .head_text::after {
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	content: '';
	height: 26px;
	width: 20px;
}
.member_recruitment .member_recruitment_body .head_text::before {
	background-image: url(/assets/img/global/emphasis_left.svg);
}
.member_recruitment .member_recruitment_body .head_text::after {
	background-image: url(/assets/img/global/emphasis_right.svg);
}
.member_recruitment .member_recruitment_body dl {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.member_recruitment .member_recruitment_body dl dt {
	margin: 0 0 20px 0;
}
.member_recruitment .member_recruitment_body dl dd {
	width: 100%;
}
.member_recruitment .member_recruitment_body .btns {
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.member_recruitment .member_recruitment_body .btns li {
	width: 48%;
}
.member_recruitment .member_recruitment_body .btns li a {
	display: flex;
	text-align: center;
	justify-content: center;
	width: 100%;
	background-color: #ffffff;
	color: #514343;
	border: solid 1px #dddddd;
	font-size: 20px;
	padding: 15px 0;
	border-radius: 6px;
	font-weight: bold;
}
.member_recruitment .member_recruitment_body .btns li a:hover {
	opacity: 0.8;
}
.member_recruitment .member_recruitment_body .btns li a.lp {
	background-color: #ff7949;
	color: #ffffff;
	border: solid 1px #ffffff;
}
.member_recruitment .member_recruitment_body .right {
	width: 470px;
	position: relative;
}
.member_recruitment .member_recruitment_body .right p {
	display: flex;
	align-items: center;
	margin: 0 0 15px 0;
	font-size: 20px;
}
.member_recruitment .member_recruitment_body .right p > span {
	margin: 0 8px;
	text-align: center;
}
.member_recruitment .member_recruitment_body .right p strong {
	font-weight: bold;
}
.member_recruitment .member_recruitment_body .right p::before,
.member_recruitment .member_recruitment_body .right p::after {
	width: 60px;
	height: 39px;
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.member_recruitment .member_recruitment_body .right p::before {
	background-image: url(/assets/img/index/member_recruitment_deco_left.webp);
}
.member_recruitment .member_recruitment_body .right p::after {
	background-image: url(/assets/img/index/member_recruitment_deco_right.webp);
}
.member_recruitment.mens .member_recruitment_body .right p::before {
	background-image: url(/assets/img/index/member_recruitment_deco_m_left.webp);
}
.member_recruitment.mens .member_recruitment_body .right p::after {
	background-image: url(/assets/img/index/member_recruitment_deco_m_right.webp);
}
.member_recruitment .member_recruitment_body .right ul {
	display: flex;
	justify-content: space-between;
}
.member_recruitment .member_recruitment_body .right ul li {
	width: 31%;
	height: 150px;
}
.member_recruitment .member_recruitment_body .right ul li figure {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: var(--brown_box_shadow);
}
.member_recruitment .member_recruitment_body .right ul img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.member_recruitment .cast_image {
	position: relative;
}
.member_recruitment .mes {
	position: absolute;
	height: 28px;
	padding: 5px 10px;
	background-color: rgb(255 255 255 / 90%);
	border: #ff80aa solid 2px;
	border-radius: 50px;
}
.member_recruitment.mens .mes {
	border: #6e93fb solid 2px;
}
.member_recruitment .mes img {
	display: block;
	height: 100%;
	width: auto;
}
.member_recruitment .mes_1 {
	left: -20px;
	top: 110px;
}
.member_recruitment .mes_2 {
	left: 140px;
	top: -10px;
}
.member_recruitment .mes_3 {
	left: 310px;
	top: 110px;
}
@media screen and (max-width: 760px) {
	.member_recruitment {
		margin: 15vw 0 0 0;
	}
	.member_recruitment .mw {
		width: 100%;
		min-width: 100%;
		padding: 0;
	}
	.member_recruitment .bg_1 {
		padding: 4vw 0;
		background-image: url(/assets/img/index/pattern_star_1.webp);
	}
	.member_recruitment .bg_1 h2 {
		padding: 0 4vw;
	}
	.member_recruitment .bg_1 h2 img {
		display: block;
		width: 100%;
		height: auto;
		margin: -8vw 0 0 0;
	}
	.member_recruitment .bg_1 figure {
		position: absolute;
		right: 4vw;
		top: -6vw;
	}
	.member_recruitment .bg_1 figure {
		width: 36vw;
	}
	.member_recruitment .bg_1 figure img {
		width: 100%;
		height: auto;
	}
	.member_recruitment .member_recruitment_body {
		flex-direction: column-reverse;
		padding: 4vw 4vw;
	}
	.member_recruitment .member_recruitment_body .left {
		width: 100%;
		min-width: 100%;
		padding: 4vw 0 0 0;
	}
	.member_recruitment .member_recruitment_body .head_text {
		font-size: 5vw;
		margin: 0 0 2vw 0;
	}
	.member_recruitment .member_recruitment_body .head_text span {
		margin: 0 1.5vw;
	}
	.member_recruitment .member_recruitment_body .head_text::before,
	.member_recruitment .member_recruitment_body .head_text::after {
		height: 4vw;
		width: 3.5vw;
	}
	.member_recruitment .member_recruitment_body dl {
		margin: 0 0 0vw 0;
	}
	.member_recruitment .member_recruitment_body dl dt {
		margin: 0 0 4vw 0;
	}
	.member_recruitment .member_recruitment_body dl dt img {
		max-width: 100%;
		height: auto;
	}
	.member_recruitment .member_recruitment_body dl dd {
		width: 100%;
	}
	.member_recruitment .member_recruitment_body .btns li {
		width: 48%;
	}
	.member_recruitment .member_recruitment_body .btns li a {
		font-size: 5vw;
		padding: 2vw 0;
	}
	.member_recruitment .member_recruitment_body .right {
		width: 100%;
	}
	.member_recruitment .member_recruitment_body .right p {
		justify-content: center;
		margin: 0 0 4vw 0;
		font-size: 4vw;
	}
	.member_recruitment .member_recruitment_body .right p > span {
		margin: 0 1.5vw;
		text-align: center;
	}
	.member_recruitment .member_recruitment_body .right p::before,
	.member_recruitment .member_recruitment_body .right p::after {
		width: 12vw;
		height: 8vw;
	}
	.member_recruitment .member_recruitment_body .right ul li {
		height: 32vw;
	}
	.member_recruitment .mes {
		height: 5.5vw;
		padding: 1vw 2vw;
	}
	.member_recruitment .mes_1 {
		left: -2vw;
		top: 26vw;
	}
	.member_recruitment .mes_2 {
		left: 29vw;
		top: -2vw;
	}
	.member_recruitment .mes_3 {
		left: 57vw;
		top: 26vw;
	}
}

/* 新着のアルバイトニュース！ */
.latest_shop_news_list {
	display: flex;
	flex-wrap: wrap;
}

.latest_shop_news_list li {
	background-color: #fff;
	border: 1px solid #bc9c70;
	border-radius: var(--basic_radius);
}

.latest_shop_news_list li:last-of-type {
	display: flex;
	align-items: center;
}

.latest_shop_news_list li .search_area {
	padding: 30px 20px;
	text-align: center;
}

.latest_shop_news_list li .search_area .text {
	color: #6a5656;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.latest_shop_news_list li .search_area span {
	font-size: 24px;
	font-weight: bold;
}

.latest_shop_news_list li .search_area button {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #514343;
	border-radius: 5px;
	border: solid 2px #dddddd;
	background-color: #ffffff;
	padding: 15px 0;
	width: 100%;
}

.latest_shop_news_list li .search_area button:hover {
	background-color: var(--color_btn_white_hover);
}

.latest_shop_news_list a:hover {
	opacity: 0.8;
}
.latest_shop_news_list button {
	cursor: pointer;
}

.latest_shop_news_box {
	display: block;
	padding: 18px;
	height: 100%;
}

.latest_shop_news_box .news_area {
	display: flex;
	margin-bottom: 8px;
	padding-bottom: 8px;
	line-height: 1;
	border-bottom: 1px solid #dddddd;
}

.latest_shop_news_box figure {
	width: 80px;
	height: 80px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}

.latest_shop_news_box ._head_img {
	border-radius: var(--basic_radius);
	box-shadow: var(--brown_box_shadow);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.latest_shop_news_box ._info .head {
	margin-bottom: 5px;
}

.latest_shop_news_box ._info .cdate {
	font-size: 14px;
	color: #525252;
}

.latest_shop_news_box ._info .bottom {
	display: flex;
	flex-direction: column;
	height: 62px;
}

.latest_shop_news_box ._info .title {
	font-size: 14px;
	color: var(--color_shop_name);
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.latest_shop_news_box .shop_area {
	color: #525252;
	line-height: 1.4;
}

.latest_shop_news_box .shop_area div:first-of-type {
	display: flex;
	justify-content: space-between;
}

.latest_shop_news_box .shop_area .area_name {
	font-size: 10px;
}

.latest_shop_news_box .shop_area .average_budget {
	font-size: 11px;
}
.latest_shop_news_box .shop_area .average_budget .text {
	margin-right: 5px;
	font-weight: bold;
}
.latest_shop_news_box .shop_area .average_budget,
.latest_shop_news_box .shop_area .shop_name {
	font-weight: bold;
}

.latest_shop_news_box .shop_area .shop_name {
	color: var(--color_shop_name);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media screen and (max-width: 760px) {
	.latest_shop_news_list li {
		width: 100%;
	}

	.latest_shop_news_list li:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.latest_shop_news_list li:not(:last-of-type) {
		margin-bottom: 5.9vw;
	}
	.latest_shop_news_box {
		width: auto;
		height: auto;
	}

	.latest_shop_news_box {
		padding: 3.8vw;
	}

	.latest_shop_news_box .news_area {
		margin-bottom: 3vw;
		padding-bottom: 3vw;
		border-bottom: 2px solid #dddddd;
	}

	.latest_shop_news_box figure {
		width: 22.5vw;
		height: 22.5vw;
		margin: 0 4vw 0 0;
	}

	.latest_shop_news_box ._info .head {
		margin-bottom: 3vw;
	}

	.latest_shop_news_box ._info .bottom {
		height: auto;
	}
	.latest_shop_news_box ._info .cdate {
		font-size: 3.5vw;
	}

	.latest_shop_news_box ._info .title {
		font-size: 4vw;
		line-height: 5.5vw;
	}

	.latest_shop_news_box .shop_area .area_name {
		margin-right: 4.2vw;
	}

	.latest_shop_news_box .shop_area .area_name,
	.latest_shop_news_box .shop_area .average_budget {
		font-size: 3.2vw;
	}
	.latest_shop_news_box .shop_area .average_budget .text {
		margin-right: 1vw;
	}
	.latest_shop_news_box .shop_area .shop_name {
		font-size: 4.3vw;
	}

	.latest_shop_news_list li:last-of-type {
		display: block;
	}

	.latest_shop_news_list li .search_area {
		padding: 4.7vw 5vw;
	}

	.latest_shop_news_list li .search_area .text {
		font-size: 4.1vw;
		margin-bottom: 1.5vw;
	}

	.latest_shop_news_list li .search_area span {
		font-size: 6vw;
	}

	.latest_shop_news_list li .search_area button {
		font-size: 4.2vw;
		padding: 4vw 0;
	}
}

.top_shop_news_area {
	margin-top: 80px;
}

.top_shop_news_area h2 {
	color: var(--color_headline_text);
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin: 0 0 40px 0;
}

.top_shop_news_area h2 span {
	font-size: 24px;
}

.top_shop_news_area .latest_shop_news_list li:not(:nth-child(3n)) {
	margin-right: 20px;
}

.top_shop_news_area .latest_shop_news_list li:nth-child(n + 4) {
	margin-top: 20px;
}

.top_shop_news_area .latest_shop_news_box {
	width: 350px;
}

@media screen and (max-width: 760px) {
	.top_shop_news_area {
		margin-top: 13vw;
	}

	.top_shop_news_area h2 {
		font-size: 5.8vw;
		margin: 0 0 6vw 0;
	}

	.top_shop_news_area h2 span {
		font-size: 4vw;
	}

	.top_shop_news_area .latest_shop_news_list li:nth-child(n + 4) {
		margin-top: 0;
	}

	.top_shop_news_area .latest_shop_news_list li:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.top_shop_news_area .latest_shop_news_box {
		width: auto;
	}
}