@charset "UTF-8";

.f-tip-note {
	display: block;
}

.f-tip-note .tip-note {
	background: #F0FBFB 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
	font-size: 13px;
	color: #454545;
	text-align: center;
	padding-left: 15px;
	margin: 5px auto -15px;
	width: 950px;
	display: flex;
	justify-content: left;
	align-items: center;
	height: 40px;
}

section#top1-seo-text {
	margin: 25px calc(50% - 481px);
}

section#top1-seo-text .h1-text {
	display: inline-block;
}

section#top1-seo-text .title {
	color: #FF455A;
	font-size: 18px;
	padding-bottom: 8px;
	font-weight: bold;
}

section#top1-seo-text p {
	color: #1C1C1C;
	font-size: 16px;
	margin-top: 8px;
	line-height: 24px;
	letter-spacing: 0.02em;
	a[href="#moveBreakbown"] {
		color: #ff8dab;
	}
}

/*section#top1-seo-text h2 {
	margin: 40px 0px 0px 0px;
}*/

section#top2-seo-text {
	margin: 25px calc(50% - 481px);
	width: 962px;
}

section#top2-seo-text .title {
	color: #1C1C1C;
	font-size: 16px;
	border-bottom: 1px solid #C6C6C6;
	padding-bottom: 8px;
}

section#top2-seo-text p {
	color: #1C1C1C;
	font-size: 16px;
	margin-top: 8px;
	line-height: 24px;
	letter-spacing: 0.02em;
}

section#bottom-seo-text {
	margin: 30px calc(50% - 481px) 60px;
	width: 962px;
}

section#bottom-seo-text p {
	border: 1px solid #FF8DAB;
	color: #1C1C1C;
	font-size: 16px;
	margin-top: 8px;
	line-height: 24px;
	letter-spacing: 0.02em;
	padding: 1em;
}

/* 404 */
div.page-404 .column_link_wrapp.count_non {
	margin: 25px calc(50% - 481px);
}

/*shop list*/
section.shop-list {
	clear: both;
	margin: 25px calc(50% - 481px);
	width: 962px;
	position: relative;
}

section.shop-list h3,
section.shop-list h4 {
	font-size: inherit;
	font-weight: inherit;
	display: inherit;
	margin-block-start: inherit;
	margin-block-end: inherit;
	margin-inline-start: inherit;
	margin-inline-end: inherit;
}

section.shop-list h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-ttl.svg) 50% 50% no-repeat;
}

section.shop-list h2 .title-update {
	display: inline-block;
	font-size: 12px;
	color: #7E7E7E;
	padding-left: 10px;
}

section.shop-list .js-submit-treat-by-image-block {
	margin: 20px 0;
}

section.shop-list .js-submit-treat-by-image {
	display: block;
	text-align: center;
	cursor: pointer;
}

section.shop-list .js-submit-treat-by-image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

section.shop-list>ul>.shop-content {
	display: block;
	background-color: #FFFFFF;
	box-shadow: 20px 20px 40px #32004D1A;
	border: 3px solid rgba(255, 141, 171, 0.5);
	padding: 20px 30px 95px;
	/*padding: 30px 30px 60px;*/
	position: relative;
	margin-bottom: 55px;
}

section.shop-list:not([data-other-result])>ul.sptreat-block>.shop-content {
	box-shadow: 10px 20px 20px #3E0F3033;
	margin-bottom: 95px;
}

section.shop-list>ul.dekasegi>.shop-content,
.mensesthe section.shop-list>ul.dekasegi>.shop-content {
	border: 3px solid rgba(105, 206, 251, 0.51);
	border-top: 5px solid #69CEFB;
}
section.shop-list>ul.beginner>.shop-content,
.mensesthe section.shop-list>ul.beginner>.shop-content {
	border: 3px solid rgba(159, 226, 12, 0.51);
	border-top: 5px solid #9FE20C;
}
section.shop-list>ul.wife>.shop-content,
.mensesthe section.shop-list>ul.wife>.shop-content {
	border: 3px solid rgba(235, 84, 160, 0.51);
	border-top: 5px solid #EB54A0;
}
section.shop-list>ul.sokuzitsu>.shop-content,
.mensesthe section.shop-list>ul.sokuzitsu>.shop-content {
	border: 3px solid rgba(255, 108, 56, 0.51);
	border-top: 5px solid #FF6C38;
}

section.shop-list>ul.dekasegi-briefcase::before,
section.shop-list>ul.dekasegi-airplane::before,
section.shop-list>ul.beginner::before,
section.shop-list>ul.wife::before,
section.shop-list>ul.sokuzitsu::before {
	content: "";
	display: block;
	position: absolute;
	top: 164px;
	left: -21px;
	z-index: 1;
}

section.shop-list>ul.dekasegi-briefcase::before {
	width: 259px;
	height: 52px;
}

section.shop-list>ul.dekasegi-airplane::before {
	width: 259px;
	height: 52px;
}

section.shop-list>ul.beginner::before {
	width: 259px;
	height: 52px;
}

section.shop-list>ul.wife::before {
	width: 250px;
	height: 52px;
}

section.shop-list>ul .sptreat_img {
	display: flex;
	align-items: center;
	position: absolute;
	top: -28px;
	left: -20px;
	height: 52px;
}

section.shop-list>ul .sptreat_img .sptreat_bg {
	margin-right: 7px;
}
section.shop-list>ul.dekasegi .sptreat_img.airplane .sptreat_bg {
	width: 277px;
}
section.shop-list>ul.beginner .sptreat_img .sptreat_bg {
	width: 203px;
}
section.shop-list>ul.wife .sptreat_img .sptreat_bg {
	width: 250px;
}
section.shop-list>ul.sokuzitsu .sptreat_img .sptreat_bg {
	width: 268px;
}

section.shop-list>ul .sptreat_img .sptreat_recommend {
	width: 164px;
	margin-right: 12px;
}

section.shop-list>ul .sptreat_title {
	display: flex;
	align-items: center;
	line-height: 32px;
	color: #FFF;
	font-weight: 600;
	margin-top: -37px;
	margin-left: 15px;
	width: fit-content;
	z-index: 2;
}

section.shop-list>ul .sptreat_title .text {
	font-size: 18px;
}

section.shop-list>ul .sptreat_title {
	margin-top: -38px;
}

section.shop-list>ul.dekasegi .sptreat_title .text,
section.shop-list>ul.beginner .sptreat_title .text {
	font-size: 16px;
}

section.shop-list>ul .sptreat_name {
    font-size: 19px;
	color: #FFF700;
	margin-right: 2px;
}

section.shop-list>ul .sptreat_text {
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	margin: 18px 0 10px;
	padding: 6px;
	width: fit-content;
}

section.shop-list>ul.dekasegi .sptreat_text {
	background: #E3F6FF;
	color: #53B3DE;
}
section.shop-list>ul.beginner .sptreat_text {
	background: #EBF5D6;
	color: #90C320;
}
section.shop-list>ul.wife .sptreat_text {
	background: #FFEAF4;
	color: #EB54A0;
}
section.shop-list>ul.sokuzitsu .sptreat_text {
	background: #FFEDE6;
	color: #FF6C38;
}

section.shop-list>ul.sptreat-block .campaign-banner {
	margin-top: -8px;
	cursor: pointer;
}

section.shop-list>ul.sptreat-block .campaign-banner .banner {
	width: 370px;
}

section.shop-list>ul.plan-mask-4>.shop-content {
	margin-top: 55px;
}

section.shop-list .js-submit-treat-by-image-block + ul.plan-mask-4>.shop-content {
	margin-top: 0;
}

section.shop-list>ul:nth-last-of-type(1) {
	margin-bottom: 60px;
}

section.shop-list>ul>.shop-content:hover {
	background-color: #FFFBFD;
}

section.shop-list>ul>.shop-content::before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	border-style: solid;
	right: -3px;
	border-width: 135px 0 0 135px;
	border-color: #FF8DAB transparent transparent transparent;
}
section.shop-list>ul.sptreat-block>.shop-content::before {
	top: -5px;
}

section.shop-list>ul.dekasegi>.shop-content::before,
.mensesthe section.shop-list>ul.dekasegi>.shop-content::before {
	border-color: #69CEFB transparent transparent transparent;
}

section.shop-list>ul.beginner>.shop-content::before,
.mensesthe section.shop-list>ul.beginner>.shop-content::before {
	border-color: #9FE20C transparent transparent transparent;
}

section.shop-list>ul.wife>.shop-content::before,
.mensesthe section.shop-list>ul.wife>.shop-content::before {
	border-color: #EB54A0 transparent transparent transparent;
}

section.shop-list>ul.sokuzitsu>.shop-content::before,
.mensesthe section.shop-list>ul.sokuzitsu>.shop-content::before {
	border-color: #FF6C38 transparent transparent transparent;
}

section.shop-list.type-rank>ul>.shop-content::before {
	right: unset;
	left: -1px;
	border-width: 143px 143px 0 0;
	border-color: #FF8DAB transparent transparent transparent;
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block>.shop-content::before {
	left: unset;
	right: -3px;
	top: -5px;
	border-width: 148px 0 0 148px;
}

section.shop-list .plan-mask-2 {
	margin-top: 76px;
}

section.shop-list .js-submit-treat-by-image-block + .plan-mask-2 {
	margin-top: 24px;
}

section.shop-list .js-submit-treat-by-image-block + .block-shop-in-list.plan-mask-1.mt30 {
	margin-top: 0 !important;
}

section.shop-list.type-rank .plan-mask-2::before,
section.shop-list.type-rank .plan-mask-4::before {
	content: none;
}

section.shop-list ul[block-type="treatment"]::before {
	content: "";
	left: unset;
	right: -3px;
	border-width: 143px 0 0 143px;
	border-color: #FF8DAB transparent transparent transparent;
}
section.shop-list ul.sptreat-block[block-type="treatment"]::before {
	width: 0;
}

section.shop-list li,section.shop-list [data-role="main_images"] {
	position: relative;
	font-family: "Hiragino Kaku Gothic ProN";
}

section.shop-list li[data-role]:empty {
	height: 0;
	margin-bottom: 0;
	display: none;
}

section.shop-list li.keep-mark {
	display: block;
	position: absolute;
	width: 50px;
	height: 48px;
	background-image: url(/assets/img/user/pc/search2020/keep-1-w.svg);
	background-repeat: no-repeat;
	background-position: center;
	top: 12px;
	right: 11px;
	cursor: pointer;
	padding-top: 0;
	z-index: 1;
	/* background-size: cover; */
	/* filter: grayscale(1); */
}

section.shop-list.type-rank ul.sptreat-block li.keep-mark {
	width: 40px;
	height: 38px;
	top: 16px;
	right: 24px;
	background-image: url(/assets/img/user/pc/search2020/keep-1-w.svg);
}

section.shop-list.type-rank li.keep-mark {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/keep-1.svg);
	background-repeat: no-repeat;
	background-position: center;
}

section.shop-list.type-rank li.keep-mark:hover {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/keep-2.svg);
	transition: 0.3s;
}

section.shop-list.type-rank ul.sptreat-block li.keep-mark.bt-keep-midst,
section.shop-list li.keep-mark.bt-keep-midst {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/keep-3.svg);
}

section.shop-list.type-rank li.keep-mark.bt-keep-midst:hover {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/keep-4.svg);
	transition: 0.3s;
}

section.shop-list li[data-role="shop_mainimage"],
section.shop-list [data-role="main_images"] {
	width: 510px;
	height: 219px;
	float: left;
	margin: 0 0 25px;
}

section.shop-list li[data-role="shop_mainimage"] .single-image,
section.shop-list [data-role="main_images"] .single-image {
	overflow: hidden;
}

section.shop-list li[data-role="shop_mainimage"]>img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

section.shop-list [data-role="main_images"] img {
	width: 510px;
	height: 219px;
	object-fit: scale-down;
	transform: scale(1, 1);
	transition: all .3s ease-out;
}

section.shop-list [data-role="main_images"] img.lazy:hover {
	opacity: 0.4;
	transform: scale(1.2, 1.2);
}
section.shop-list .single-image img.noimage:hover {
	opacity: 1;
	transform: none;
}

section.shop-list [data-role="main_images"] .bx-pager {
	text-align: left;
	padding-top: 0;
}

section.shop-list [data-role="main_images"] .bx-pager a {
	width: 8px;
	height: 8px;
	margin: 10px 5px;
}

section.shop-list li[data-role="pay_structure"] {
	float: right;
	min-width: calc(100% - 595px);
	max-width: calc(100% - 575px);
	border: 2px solid #FF455A;
	border-radius: 5px;
	padding: 18px;
	font-size: 26px;
	font-weight: bold;
	color: #FF455A;
	background-color: white;
	margin-top: 32px;
	white-space: nowrap;
	text-align: center;
	clear: right;
}

section.shop-list.type-rank .plan-mask-2 li[data-role="pay_structure"],
section.shop-list.type-rank .plan-mask-4 li[data-role="pay_structure"] {
	position: absolute;
	right: 30px;
	width: 341px;
	min-width: unset;
	box-sizing: border-box;
	top: 30px;
	margin-top: 0;
}

section.shop-list.type-rank:not([data-other-result]) ul.sptreat-block.plan-mask-2 li[data-role="pay_structure"],
section.shop-list.type-rank:not([data-other-result]) ul.sptreat-block.plan-mask-4 li[data-role="pay_structure"] {
	top: 115px;
}

section.shop-list.type-list .plan-mask-4 li[data-role="pay_structure"],
section.shop-list.type-list .plan-mask-2 li[data-role="pay_structure"] {
	position: relative;
	float: right;
	right: unset;
	top: unset;
	margin-top: 50px;
	margin-bottom: 15px;
}

section.shop-list li[data-role="pay_structure"]::before {
	content: attr(pay-structure-text);
	display: inline-block;
	font-size: 17px;
	color: #FF455A;
	margin-right: 20px;
	vertical-align: middle;
}

section.shop-list li[data-role="pay_structure"]::after {
	content: "ココア求人なら";
	display: block;
	position: absolute;
	left: -27px;
	top: -17px;
	background-color: #FF455A;
	padding: 7px 8px 7px 10px;
	font-size: 16px;
	color: #FFFFFF;
}
section.shop-list .pr_box li[data-role="pay_structure"]::after {
	left: -22px;
}

section.shop-list li[data-role="display_photogallery_button"],
section.shop-list li[data-role="display_multidata_button"] {
	font-size: 12px;
	color: #1C1C1C;
	line-height: 35px;
	border: 1.5px solid #E4E4E4;
	background-color: #F9F9F9;
	border-radius: 5px;
	display: block;
	float: left;
	clear: left;
	font-weight: 600;
	width: 155px;
	text-align: center;
	margin-bottom: 10px;
}

section.shop-list li[data-role="display_photogallery_button"]+li[data-role="display_multidata_button"] {
	clear: none;
	margin-left: 5px;
}

section.shop-list li[data-role="display_photogallery_button"]::before,
section.shop-list li[data-role="display_multidata_button"]::before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 16px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}


section.shop-list li[data-role="display_photogallery_button"]::before {
	background-image: url(/assets/img/user/sp/search/ico-photo-camera.svg);
}

section.shop-list li[data-role="display_multidata_button"]::before {
	background-image: url(/assets/img/user/sp/search/ico-newspapper.svg);
}

section.shop-list li[data-role="feeback_datas"]+li[data-role="display_photogallery_button"],
section.shop-list li[data-role="feeback_datas"]+li[data-role="display_multidata_button"],
section.shop-list li[data-role="feeback_datas"]+li[data-role="display_photogallery_button"]+li[data-role="display_multidata_button"] {
	margin-top: 20px;
}

section.shop-list li[data-role="sptreat_ids"] {
	float: right;
	margin-top: 30px;
	width: calc(100% - 556px);
}

section.shop-list .plan-mask-4 li[data-role="sptreat_ids"] {
	float: left;
	clear: left;
}

section.shop-list.type-rank ul.plan-mask-2 .treatment_tag {
	width: calc(25% - 20px);
}

section.shop-list .treatment_tag {
	display: inline-block;
	float: left;
	width: calc(50% - 20px);
	height: 20px;
	margin: 0 20px 10px 0;
	color: white;
	text-align: center;
	line-height: 20px;
	font-size: 11px;
}

section.shop-list .treatment_tag[data-treatment="sns"] {
	/*SNS*/
	background-color: #65C746;
}

section.shop-list .treatment_tag[data-treatment="has_stories_tag"] {
	/*YouTube取材店舗*/
	background-color: #FF95A0;
}

section.shop-list .treatment_tag[data-treatment="1"] {
	/*出稼ぎ*/
	background-color: #AADDFF;
}

section.shop-list .treatment_tag[data-treatment="2"] {
	/*未経験者歓迎*/
	background-color: #B3EB9F;
}

section.shop-list .treatment_tag[data-treatment="3"] {
	/*人妻・熟女歓迎*/
	background-color: #EFC2EC;
}

section.shop-list .treatment_tag[data-treatment="4"] {
	/*即日体験入店*/
	background-color: #FFBF87;
}

section.shop-list li[data-role="shop_tabs"] {
	display: inline-flex;
	gap: 5px;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: -1px;
	padding-top: 10px;
}

section.shop-list li[data-role="shop_tabs"] label {
	display: inline-block;
	font-size: 13px;
	line-height: 33px;
	box-sizing: border-box;
	flex: 0 0 calc((100% - 10px) / 3);
	width: auto;
	padding: 0 9px;
	margin-right: 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #FFD8E2;
	background-color: #FFEBF0;
	color: #FF8DAB;
	text-align: center;
	user-select: none;
	cursor: pointer;
}

section.shop-list li[data-role="shop_tabs"] p.counter {
	background: #ff455a;
	color: #fff;
	text-align: center;
	width: 27px;
	height: 27px;
	line-height: 27px;
	border-radius: 50%;
	margin-left: -18px;
	margin-top: -9px;
	z-index: 1;
}

section.shop-list .shopblock-tab-info:checked~li[data-role="shop_tabs"] .shopblock-label-info,
section.shop-list .shopblock-tab-env:checked~li[data-role="shop_tabs"] .shopblock-label-env,
section.shop-list .shopblock-tab-memo:checked~li[data-role="shop_tabs"] .shopblock-label-memo,
section.shop-list .shopblock-tab-reviews:checked~li[data-role="shop_tabs"] .shopblock-label-reviews {
	background-color: white;
	border-bottom: 1px solid white;
	position: relative;
	z-index: 1;
}

section.shop-list li[data-role="shop_tabs"]~li[data-role="work_info"],
section.shop-list li[data-role="shop_tabs"]~li[data-role="shop_env"],
section.shop-list li[data-role="shop_tabs"]~li[data-role="memo"],
section.shop-list li[data-role="shop_tabs"]~li[data-role="reviews"] {
	display: none;
}

section.shop-list .shopblock-tab-info:checked~li[data-role="shop_tabs"]~li[data-role="work_info"],
section.shop-list .shopblock-tab-env:checked~li[data-role="shop_tabs"]~li[data-role="shop_env"],
section.shop-list .shopblock-tab-memo:checked~li[data-role="shop_tabs"]~li[data-role="memo"],
section.shop-list .shopblock-tab-reviews:checked~li[data-role="shop_tabs"]~li[data-role="reviews"] {
	display: block;
	background-color: white;
}

section.shop-list li[data-role="work_info"] {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

section.shop-list [block-type="ranking"] li[data-role="work_info"] {
	margin-top: 20px;
}

section.shop-list [block-type="treatment"] li[data-role="work_info"] {
	width: calc(100% - 532px);
	float: left;
	clear: left;
}

section.shop-list [block-type="treatment"] li[data-role="main_images"]~[data-role="work_info"] {
	float: right;
	clear: none;
}

section.shop-list li[data-role="shop_tabs"]~li[data-role="work_info"] {
	border: 1px solid #FFD8E2;
	padding: 20px 40px;
	overflow: hidden;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info {
	display: flex;
	flex-wrap: wrap;
}

section.shop-list [block-type="treatment"] li[data-role="work_info"] dl.shopblock-work-info {
	display: block;
	margin-top: 20px;
}

section.shop-list [block-type="treatment"] li[data-role="work_info"] dl.shopblock-work-info.min-amount-empty {
	margin-top: 15px;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info>dt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-bottom: 24px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 25px;
	padding-top: 30px;
	white-space: nowrap;
	color: #FF8DAB;
	font-size: 9px;
	text-align: center;
	line-height: 10px;
	font-weight: 400;
	box-sizing: border-box;
}

section.shop-list dl.shopblock-work-info>dt[data-role="start_area_jp"],
section.shop-list dl.shopblock-work-info>dt[data-role="sub_area_jp"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-pin.svg");
}

section.shop-list dl.shopblock-work-info>dt[data-role="recruit_license"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-age.svg");
}

section.shop-list dl.shopblock-work-info>dt[data-role="pay_structure_option"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-yen-p.svg");
}

section.shop-list dl.shopblock-work-info>dt[data-role="recruit_time"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-watch.svg");
}

section.shop-list [block-type="treatment"] li[data-role="work_info"] dl.shopblock-work-info>dt {
	margin-bottom: 15px;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info>dd {
	line-height: 20px;
	min-height: 40px;
	font-size: 14px;
	color: #585858;
	display: flex;
	align-items: center;
	width: 42%;
	margin-bottom: 24px;
	margin-right: 15px;
}

section.shop-list li[data-role="shop_tabs"]~li[data-role="work_info"] dl.shopblock-work-info>dd {
	font-size: 16px;
}

section.shop-list [block-type="treatment"] li[data-role="work_info"] dl.shopblock-work-info>dd {
	width: auto;
	margin-bottom: 15px;
}

section.shop-list [block-type="treatment"] li[data-role="work_info"] dl.shopblock-work-info>dd+dd {
	width: 100%;
}

section.shop-list li[data-role="shop_tabs"]~li[data-role="work_info"] dl.shopblock-work-info dt:nth-last-of-type(-n+2),
section.shop-list li[data-role="shop_tabs"]~li[data-role="work_info"] dl.shopblock-work-info dd:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dt[data-role="start_area_jp"] {
	order: 2;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dd[data-role="start_area_jp"] {
	order: 2;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dt[data-role="sub_area_jp"],
section.shop-list li[data-role="work_info"] dl.shopblock-work-info dd[data-role="sub_area_jp"] {
	order: 2;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dt[data-role="recruit_license"] {
	order: 1;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dd[data-role="recruit_license"] {
	order: 1;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dt[data-role="recruit_time"] {
	order: 3;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dd[data-role="recruit_time"] {
	order: 3;
}

section.shop-list [block-type="ranking"] li[data-role="work_info"] dl.shopblock-work-info dd[data-role="recruit_time"]+dd {
	order: 5;
	margin-top: -10px;
	display: flow-root;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dt[data-role="pay_structure_option"] {
	order: 4;
}

section.shop-list li[data-role="work_info"] dl.shopblock-work-info dd[data-role="pay_structure_option"] {
	order: 4;
}

section.shop-list dd[data-role="recruit_license"] .content,
section.shop-list dd[data-role="start_area_jp"] .content,
section.shop-list dd[data-role="sub_area_jp"] .content,
section.shop-list dd[data-role="recruit_time"] .content,
section.shop-list dd[data-role="pay_structure_option"] .content {
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

section.shop-list dd[data-role="start_area_jp"] .content>a,
section.shop-list dd[data-role="sub_area_jp"] .content>a {
	color: #007AFF;
}

section.shop-list dd[data-role="recruit_time"]+dd .content {
	display: inline-block;
	margin-top: -10px;
}

section.shop-list [block-type="ranking"] dd[data-role="recruit_time"]+dd {
	margin-top: -10px;
	display: flow-root;
}

section.shop-list dd[data-role="recruit_time"]+dd .content>img {
	margin: 5px 5px 0 0;
}

section.shop-list li[data-role="shop_env"] {
	border: 1px solid #FFD8E2;
	padding: 30px;
	overflow: hidden;
}

section.shop-list li[data-role="shop_env"] .daily-work,
section.shop-list li[data-role="shop_env"] .shop-env {
	font-size: 17px;
	font-weight: 600;
	line-height: 26px;
	display: block;
	float: left;
	clear: left;
	width: calc((100% - 150px) / 3);
	padding-left: 24px;
	background-position: left center;
	box-sizing: border-box;
}

section.shop-list li[data-role="shop_env"] .daily-work {
	background: url(/assets/img/user/sp/search/ico-btm.svg) no-repeat;
}

section.shop-list li[data-role="shop_env"] .shop-env {
	background: url(/assets/img/user/sp/search/ico-shop.svg) no-repeat;
}

section.shop-list li[data-role="shop_env"] .value-window {
	display: block;
	float: left;
	font-size: 18px;
	line-height: 45px;
	border: 1px solid black;
	border-radius: 5px;
	width: calc((100% - 20px) / 3);
	margin-left: 10px;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 30px;
}

section.shop-list li[data-role="shop_env"] .value-window::before {
	content: attr(data-title);
	display: block;
	background-color: black;
	color: white;
	font-size: 15px;
	line-height: 35px;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart {
	display: block;
	width: calc((100% - 20px) * 2 / 3 + 53px);
	margin-left: 10px;
	box-sizing: border-box;
	float: left;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartHead {
	background-color: #EB1D6D;
	color: white;
	min-width: 200px;
	border-radius: 7px;
	line-height: 44px;
	font-size: 16px;
	padding: 0 10px;
	text-align: center;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartHead::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #eb1d6c transparent transparent transparent;
	transform: translateX(-50%);
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartBody {
	display: flex;
	position: relative;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartBody::before {
	content: "";
	position: absolute;
	top: 70px;
	left: 10%;
	width: 80%;
	height: 5px;
	background: #ff8dab;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartPoint {
	flex: 1;
	position: relative;
	padding-bottom: 20px;
	box-sizing: border-box;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartPoint::before {
	content: "";
	position: absolute;
	top: 65px;
	left: calc(50% - 17px / 2);
	width: 17px;
	height: 17px;
	background: #ff8dab;
	border-radius: 50%;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartPoint[data-overview]::after {
	content: attr(data-overview);
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 10px;
	font-size: 13px;
	line-height: 19px;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .chartPoint p {
	margin-top: 92px;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	width: 100%;
}

section.shop-list li[data-role="shop_env"] .atmosphereChart .cocoaMark {
	width: 78px;
	height: 68px;
	position: absolute;
	left: calc((100% - 89px) / 2);
	top: 25px;
}

section.shop-list li[data-role="memo"] {
	font-size: 12px;
	line-height: 18px;
	padding-left: 210px;
	min-height: 111px;
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/common/img-memo_1859_cocoachan.svg);
	background-repeat: no-repeat;
	background-position: 0 calc(50% - 10px);
	margin: 15px 0;
	word-break: break-all;
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}

section.shop-list li[data-role="shop_tabs"]~li[data-role="memo"] {
	font-size: 16px;
	border: 1px solid #FFD8E2;
	padding: 30px 50px 30px 260px;
	background-position: 50px 30px;
	margin-top: 0;
}

section.shop-list li[data-role="reviews"] {
	border: 1px solid #FFD8E2;
	padding: 30px 60px;
	overflow: hidden;
}

.shopblock-reviews .reviewDetail__shopName {
	font-size: 12px;
	margin-bottom: 2%;
}

.shopblock-reviews .reviewDetail__titleRow {
	display: flex;
	align-items: center;
	margin-bottom: 2%;
}

.shopblock-reviews .reviewDetail__genre {
	min-width: 112px;
	line-height: 25px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-right: 2%;
}

.shopblock-reviews .reviewDetail__genre--goodReview {
	background: #ffaacb;
}

.shopblock-reviews .reviewDetail__genre--concernReview {
	background: #acc7f2;
}

.shopblock-reviews .reviewDetail__title {
	font-size: 17px;
	font-weight: bold;
	margin-block-end: initial;
}

.shopblock-reviews .reviewDetail__userAttr {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1%;
}

.shopblock-reviews .reviewDetail__userAttrTag {
	color: #606060;
	background-color: #dfdfdf;
	font-size: 10px;
	white-space: nowrap;
	padding: 1% 2%;
	border-radius: 5px;
	margin-right: 1%;
}

.shopblock-reviews .reviewDetail__postDate {
	text-align: right;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.7px;
	margin-bottom: 2%;
}

.shopblock-reviews .reviewDetail__comment {
	line-height: 22px;
	font-size: 15px;
	word-break: break-all;
	letter-spacing: 0.75px;
}

.shopblock-reviews .title {
	color: #FF67A2;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	padding: 20px 0 16px;
	letter-spacing: 0.8px;
	text-align: center;
	background: #FFF0F6;
}

.shopblock-reviews .review-list-body {
	border-top: 6px solid #FF67A2;
	border-radius: 5px 5px 0 0;
	margin-bottom: 20px;
	padding-bottom: 11px;
	background: #FFF0F6;
}

.shopblock-reviews .review-list-body .listItem {
	margin: 0 26px 15px;
	padding: 20px 17px 20px 19px;
	border-radius: 12px;
	background: #fff;
}

.shopblock-reviews .goodReview {
	border: 4px solid #ffaacb;
}

.shopblock-reviews .goodReview .mod-shopReply {
	border: 2px solid #ffaacb;
}

.shopblock-reviews .goodReview .mod-shopReply .replyTtl {
	border-bottom: 1px solid #ffaacb;
	color: #ff67a2;
}

.shopblock-reviews .concernReview {
	border: 4px solid #acc7f2;
}

.shopblock-reviews .concernReview .mod-shopReply {
	border: 2px solid #acc7f2;
}

.shopblock-reviews .concernReview .mod-shopReply .replyTtl {
	border-bottom: 1px solid #acc7f2;
	color: #6499eb;
}

.shopblock-reviews .reviewBtn {
	margin: auto;
	width: fit-content;
	line-height: 26px;
	padding: 15px 30px 15px 70px;
	display: block;
	border-radius: 8px;
	background: #fff url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/shop/index/ico-review.svg) 30px center no-repeat;
	border: 0.1rem solid #ff67a2;
	-webkit-box-shadow: 0 0.3rem 0.6rem rgb(0 0 0 / 10%);
	box-shadow: 0 0.3rem 0.6rem rgb(0 0 0 / 10%);
	font-size: 20px;
	color: #ff67a2;
	font-weight: bold;
	cursor: pointer;
	margin: 25px auto 8px;
}

section.shop-list li[data-role="recommendtreatment_data"] {
	clear: both;
	position: relative;
	border: 1px solid #FF8DAB;
	padding: 30px 30px 15px 30px;
	border-radius: 10px;
	overflow: hidden;
	font-size: 15px;
	line-height: 23px;
	margin-top: 15px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	padding-top: 85px;
	background: #fff;
}

section.shop-list li[data-role="recommendtreatment_data"]::before {
	content: attr(data-title);
	display: block;
	width: 100%;
	background-color: #FF8DAB;
	color: white;
	font-size: 20px;
	font-weight: 600;
	padding: 0 30px;
	line-height: 55px;
	position: absolute;
	top: 0;
	left: 0;
}

section.shop-list li[data-role="recommendtreatment_data"] img {
	float: left;
	margin-right: 15px;
	width: 470px;
	height: 202px;
	object-fit: cover;
}

section.shop-list li[data-role="recommendtreatment_data"] h4 {
	color: #FF8DAB;
	font-size: 20px;
	font-weight: 600;
	line-height: 29px;
	padding-bottom: 20px;
}

section.shop-list li[data-role="recommendtreatment_data"] .side-right {
	flex: 1;
}

section.shop-list li.sptreat-block {
	padding: 20px;
	position: relative;
	margin-top: 5px;
	clear: both;
	/*float:left;*/
	display: block;
	box-sizing: border-box;
	width: 100%;
}

section.shop-list li.sptreat-block::before {
	content: attr(data-title);
	display: block;
	width: calc(100% + 40px);
	margin-top: -20px;
	margin-left: -20px;
	height: 60px;
	line-height: 60px;
	font-weight: 600;
	font-size: 22px;
	color: white;
	box-sizing: border-box;
	padding-left: 90px;
	background-position: left 20%, center center;
	background-repeat: no-repeat;
	background-size: 90px auto, auto auto;
}

section.shop-list li[data-role="sptreat1_content"] {
	background-color: #F7FBFE;
}

section.shop-list li[data-role="sptreat1_content"]::before {
	background-image: url(/assets/img/user/pc/search/ico-dekasegi.svg), linear-gradient(to right, #5BA9EB, #8EEFF1);
	background-position: left center, center center;
}

section.shop-list li[data-role="sptreat2_content"] {
	background-color: #FAFDF9;
}

section.shop-list li[data-role="sptreat2_content"]::before {
	background-image: url(/assets/img/user/pc/search/ico-beginner.svg), linear-gradient(to right, #9CD480, #7CE0C6);
	background-position: left 35%, center center;
	background-size: 100px auto, auto auto;
}

section.shop-list li[data-role="sptreat3_content"] {
	background-color: #FEF6FB;
}

section.shop-list li[data-role="sptreat3_content"]::before {
	background-image: url(/assets/img/user/pc/search/ico-wife.svg), linear-gradient(to right, #E556A7, #B26EE9);
}

section.shop-list li[data-role="sptreat4_content"] {
	background-color: #FFFAF7;
}

section.shop-list li[data-role="sptreat4_content"]::before {
	background-image: url(/assets/img/user/pc/search/ico-tainyu.svg), linear-gradient(to right, #FF9439, #FFA700);
	background-position: left center, center center;
}

section.shop-list li.sptreat-block .sptreat-content {
	margin: 20px 0;
	line-height: 20px;
}

section.shop-list li.sptreat-block .sptreat-content .sptreat-title {
	color: #454545;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 14px;
}

section.shop-list li.sptreat-block .sptreat-content .sptreat-content {
	color: #6E6E6E;
	font-size: 14px;
	margin-top: 14px;
}

section.shop-list li.sptreat-block .sptreat-content .sptreat-title + .sptreat-content {
	border-top: 1px solid #E5E5E5;
	padding-top: 14px;
}

section.shop-list li.sptreat-block .sp-inner {
	background-color: white;
	padding: 20px;
	margin-top: 20px;
	overflow: hidden;
}

section.shop-list li.sptreat-block h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 36px;
	padding-left: 32px;
	width: 100%;
	margin-top: 20px;
}

section.shop-list li[data-role="sptreat1_content"] h4 {
	color: #69CEFB;
}

section.shop-list li[data-role="sptreat1_content"] h4.bg-gift {
	background: url(/assets/img/user/pc/search2020/ico-bonus.svg) no-repeat;
	background-size: 22px 20px;
	background-position: left 6px;
}

section.shop-list li[data-role="sptreat1_content"] h4.bg-building {
	background: url(/assets/img/user/pc/search2020/ico-dormitory.svg) no-repeat;
	background-size: 22px 20px;
	background-position: left 6px;
}

section.shop-list li[data-role="sptreat2_content"] h4 {
	color: #7FBE34;
}

section.shop-list li[data-role="sptreat2_content"] h4.bg-gift {
	background: url(/assets/img/user/pc/search2020/ico-green-gift.svg) no-repeat;
	background-size: 22px 20px;
	background-position: left 6px;
}

section.shop-list li[data-role="sptreat3_content"] h4 {
	color: #EB54A0;
}

section.shop-list li[data-role="sptreat3_content"] h4.bg-girl-list {
	background: url(/assets/img/user/pc/search2020/ico-girl-list.svg) no-repeat;
	background-size: 22px 20px;
	background-position: left 6px;
}

section.shop-list li[data-role="sptreat4_content"] h4 {
	color: #FF8A26;
	position: absolute;
}

section.shop-list li[data-role="sptreat4_content"] h4.bg-en {
	background: url(/assets/img/user/pc/search2020/ico-en.svg) no-repeat;
	background-size: 22px 20px;
	background-position: left 6px;
}

section.shop-list li.sptreat-block h4:first-child {
	margin-top: 0;
}

section.shop-list li.sptreat-block .current_num {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
}

section.shop-list li.sptreat-block p {
	border: 2px solid #FF455A;
	border-radius: 10px;
	height: 75px;
	display: flex;
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	line-height: 25px;
	color: #FF455A;
	overflow: hidden;
	align-items: center;
	margin-top: 12px;
	margin-bottom: 20px;
}

section.shop-list li.sptreat-block p::before {
	content: attr(data-title);
	display: block;
	background-color: #FF455A;
	color: white;
	width: 188px;
	text-align: center;
	margin-right: 10px;
	line-height: 75px;
}

section.shop-list li.sptreat-block .rule {
	overflow: hidden;
}

section.shop-list li.sptreat-block .rule:empty {
	display: none;
}

section.shop-list li.sptreat-block .rule [data-title] {
	background-color: #F7F7F7;
	padding: 20px;
	color: #454545;
	font-size: 16px;
	line-height: 23px;
	box-sizing: border-box;
}

section.shop-list li.sptreat-block .rule [data-title]:first-child {
	margin-left: 0;
	float: left;
	margin-right: 30px;
}

section.shop-list li.sptreat-block .rule [data-title="適用条件"] {
	width: 400px;
}

section.shop-list li.sptreat-block .rule [data-title="給与例"] {
	float: left;
	width: 275px;
}

section.shop-list li.sptreat-block .rule [data-title]:last-child {
	margin-right: 0;
}

section.shop-list li.sptreat-block .rule [data-title]::before {
	content: attr(data-title);
	font-size: 15px;
	line-height: 36px;
	font-weight: 600;
	display: block;
}

section.shop-list li.sptreat-block .rule div[data-title] {
	flex: 4;
}

section.shop-list li.sptreat-block dl {
	white-space: break-spaces;
}

section.shop-list li.sptreat-block dt,
section.shop-list li.sptreat-block dd {
	float: left;
	display: block;
	width: 80px;
	white-space: nowrap;
	min-width: 4em;
	line-height: 30px;
}

section.shop-list li.sptreat-block dd {
	width: 100px;
}

section.shop-list li.sptreat-block .dot {
	float: left;
	display: block;
	width: calc(100% - 185px);
	height: 30px;
	background-image: radial-gradient(#212121 10%, transparent 30%);
	background-position: 0px 12px;
	background-size: 7px 7px;
	background-repeat: repeat-x;
	margin-right: 5px;
}

section.shop-list li[data-role="sptreat1_content"] .dormitorie-info {
	width: 100%;
	overflow: hidden;
}

section.shop-list li[data-role="sptreat1_content"] .dormitorie-info li {
	font-size: 15px;
	line-height: 40px;
	float: left;
	width: 258px;
	height: 40px;
	background-color: #F7F7F7;
	color: #454545;
	margin-top: 12px;
	box-sizing: border-box;
	padding-left: 115px;
	position: relative;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

section.shop-list li[data-role="sptreat1_content"] .dormitorie-info li::before {
	content: attr(data-title);
	color: white;
	background-color: #69CEFB;
	width: 115px;
	text-align: center;
	line-height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

section.shop-list li[data-role="sptreat1_content"] .dormitorie-info li:nth-child(3n+2) {
	margin-left: 20px;
	margin-right: 20px;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info {
	position: relative;
	overflow: hidden;
	cursor: grab;
	padding-bottom: 20px;
	margin-top: 12px;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info:active {
	cursor: grabbing;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info li {
	font-size: 16px;
	line-height: 23px;
	color: #1C1C1C;
	background-color: #F7F7F7;
	box-sizing: border-box;
	padding: 20px;
	position: relative;
	display: flex;
	height: unset;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info li::after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border: 2px solid #69CEFB;
	border-bottom-color: transparent;
	border-left-color: transparent;
	transform: rotate(45deg);
	position: absolute;
	left: -15px;
	top: 50%;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info>.swiper-pagination .swiper-pagination-bullet {
	width: 7px !important;
	height: 7px !important;
	margin: 0 5px !important;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info>.swiper-pagination .swiper-pagination-bullet-active {
	background-color: #69CEFB;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info>.swiper-pagination .swiper-pagination-bullet:first-child:last-child {
	display: none;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info li:first-child:after {
	display: none;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info li h5 {
	line-height: 32px;
	color: #69CEFB;
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info li img {
	width: 40%;
	height: 100%;
	margin-right: 20px;
	margin-bottom: 20px;
	object-fit: contain;
	object-position: center top;
}

section.shop-list li[data-role="sptreat1_content"] .merits-info li .side-right {
	width: 54%;
}

section.shop-list li[data-role="sptreat3_content"] .enrollment-list {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 270px;
	float: left;
	margin-right: 50px;
}

section.shop-list li[data-role="sptreat3_content"] .enrollment-list li {
	margin: auto;
	color: #4b4b4b;
	font-weight: bold;
	background: #f7f7f7;
	margin-bottom: 10px;
	width: 130px;
	height: 40px;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
}

section.shop-list li[data-role="sptreat3_content"] .enrollment-list li::before {
	content: attr(data-title);
	display: block;
	padding: 0px 15px;
	background: #eb54a0;
	color: #fff;
	box-sizing: border-box;
	float: left;
	width: 65px;
	height: 40px;
	line-height: 40px;
}

section.shop-list li[data-role="sptreat3_content"] .welcome-list {
	margin-top: 20px;
	padding: 20px;
	background: #f7f7f7;
	line-height: 24px;
	width: 304px;
	float: left;
	box-sizing: border-box;
}

section.shop-list li[data-role="sptreat3_content"] .welcome-list::before {
	content: attr(data-title);
	margin-bottom: 10px;
	font-weight: bold;
	color: #000;
	display: block;
	font-size: 15px;
}

section.shop-list li[data-role="sptreat3_content"] .welcome-list li {
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 8px 10px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #a8a8a8;
	font-size: 14px;
	line-height: 1;
	color: #4b4b4b;
	float: left;
}

section.shop-list li[data-role="sptreat4_content"] .rule {
	align-items: center;
}

section.shop-list li[data-role="sptreat4_content"] .rule>span {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 35px;
	width: 100px;
	background-color: #FF8A26;
	color: white;
	margin-right: 30px;
	text-align: center;
	float: left;
	margin-top: 71px;
}

section.shop-list li[data-role="sptreat4_content"] .rule>b {
	font-size: 34px;
	line-height: 41px;
	color: #FF455A;
	margin-right: 71px;
	float: left;
	margin-top: 71px;
}

section.shop-list li[data-role="sptreat4_content"] .rule>b::before {
	content: attr(data-type);
	font-size: 23px;
	color: #454545;
	margin-right: 10px;
}

section.shop-list li[data-role="sptreat4_content"] .rule>b::after {
	content: "円";
	font-size: 23px;
	color: #454545;
	margin-left: 10px;
}


section.shop-list li[data-role="pick_tag"] {
	width: calc(100% - 340px);
	margin: 20px 0px 10px;
	display: inline-block;
	color: #1C1C1C;
}

section.shop-list [block-type="ranking"] li[data-role="pick_tag"] {
	margin-top: 0px;
}

section.shop-list li[data-role="pick_tag"]:empty {
	display: block;
	clear: both;
}

section.shop-list li[data-role="pick_tag"] a.shop-tag {
	display: inline-block;
	font-size: 14px;
	color: #007AFF;
	margin-right: 15px;
	margin-bottom: 10px;
	white-space: nowrap;
}

section.shop-list li[data-role="pick_tag"] a.shop-tag::before {
	content: "#";
}

section.shop-list li[data-role="pick_tag"] a.shop-tag:first-child::before {
	content: "#" attr(data-area);
}

section.shop-list li[data-role="pick_tag"] a.shop-tag:last-child {
	margin-right: 0;
}

section.shop-list li[data-role="pick_tag"] a.shop-tag+.parenthesis_letter_text {
	margin-right: 15px;
	margin-left: -15px;
}

section.shop-list li.shop-detail {
	display: block;
	position: absolute;
	width: 220px;
	height: 62px;
	bottom: -30px;
	right: calc(50% - 110px);
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #BD8DFF;
	background-image: linear-gradient(120deg, transparent 18%, white 18%, white 100%), linear-gradient(to right, transparent 50%, white 50%, white 100%);
	background-repeat: no-repeat;
	background-position: -45px center, 0px center;
	color: #BD8DFF;
	border: 2px solid #BD8DFF;
	border-radius: 10px;
	box-sizing: border-box;
	transition: background-position 0.3s, color 0.3s;
}

section.shop-list li.shop-detail a {
	display: block;
	padding: 17px 40px;
}

section.shop-list li.shop-detail a::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	border: 3px solid #BD8DFF;
	border-bottom: 0;
	border-left: 0;
	transform: rotate(45deg) translateY(-6px);
	width: 8px;
	height: 8px;
	transform-origin: center;
	transition: color 0.3s;
}

section.shop-list li.shop-detail:hover {
	background-position: 230px center, 230px center;
	color: white;
}

section.shop-list li.shop-detail:hover a::after {
	border-color: white;
	transform: rotate(45deg) translateY(-6px) translate(10px, -10px);
}

section.shop-list li.shop-review,
section.shop-list li.shop-review-dekasegi {
	display: block;
	position: absolute;
	width: 166px;
	height: 62px;
	bottom: -30px;
	left: calc(50% - 287px);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: white;
	color: #FF67A2;
	border: 2px solid #FF67A2;
	border-radius: 10px;
	box-sizing: border-box;
	line-height: 20px;
}

section.shop-list li.shop-review:before,
section.shop-list li.shop-review-dekasegi:before {
	content: "";
	width: 23px;
	height: 21px;
	position: absolute;
	top: -12px;
	left: 69px;
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-review.png);
	background-size: 23px 21px;
	background-repeat: no-repeat;
}

section.shop-list li.shop-review a,
section.shop-list li.shop-review-dekasegi a {
	display: block;
	padding: 10px 3px 0 3px;
}

section.shop-list li.shop-review-dekasegi {
	left: calc(50% - 464px);
}

section.shop-list li.m-number-text {
	top: -10px;
	color: #808080;
}

section.shop-list li.m-number-text.pay_plan {
	width: calc(100% - 340px);
}

section.shop-list li.shop-oubo {
	display: block;
	position: absolute;
	width: 295px;
	height: 90px;
	right: 32px;
	bottom: -30px;
	background-color: #FF8DAB;
	background-image: linear-gradient(120deg, #FF8DAB 50%, transparent 1%, transparent 100%),
		linear-gradient(120deg, transparent 0%, #CFA4FF 45%, #CFA4FF 100%);
	background-repeat: no-repeat;
	border-radius: 10px;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	transition: background-position 0.3s;
	background-position: -140px 0px, 0px 0px;
}

section.shop-list li.shop-oubo::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 8px 15px 8px;
	border-color: transparent transparent #FFFB9A transparent;
	position: absolute;
	display: block;
	left: 37px;
	top: 37px;
	transform: rotate(125deg);
	transition: transform 0.3s;
}


section.shop-list li.shop-oubo::before {
	content: "";
	width: 90px;
	height: 90px;
	position: absolute;
	display: block;
	top: -30px;
	left: -40px;
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/simple-input.png);
	border-radius: 50%;
	background-color: #FFFB9A;
	background-size: cover;
	transition: transform 0.3s;
}

section.shop-list li.shop-oubo:hover {
	background-position: 300px center;
}

section.shop-list li.shop-oubo:hover::after {
	transform: rotate(125deg) scale(1.2) translate(-9px, -2px);
}

section.shop-list li.shop-oubo:hover::before {
	transform: scale(1.2) translateY(-12px);
}

section.shop-list li.shop-oubo a {
	display: block;
	padding: 30px 70px 30px 80px;
}

section.shop-list li.shop-oubo a::after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	border: 4px solid white;
	border-bottom: 0;
	border-left: 0;
	transform: rotate(45deg) translateY(-5px);
	width: 11px;
	height: 11px;
	transform-origin: center;
	transition: 0.3s;
}

section.shop-list li.shop-oubo a:hover::after {
	transform: rotate(45deg) translateY(-5px) translate(10px, -10px);
}

section.shop-list>ul:not(.plan-mask-1) li.shop-detail {
	right: 62px;
}

section.shop-list>ul:not(.plan-mask-1) li.shop-review {
	left: 50%;
}

section.shop-list>ul:not(.plan-mask-1) li.shop-oubo {
	display: none;
}

section.shop-list>ul.plan-mask-2:not([rank])::before {
	display: none;
}

section.shop-list.type-rank>ul[rank]>.shop-content::after {
	content: attr(rank) "位";
	display: block;
	position: absolute;
	width: 94px;
	height: 124px;
	background-color: transparent;
	background-repeat: no-repeat;
	left: 3px;
	top: -19px;
	background-position: left top;
	background-size: cover;
	color: white;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 49px;
	line-height: 30px;
	padding-right: 5px;
	initial-letter: 1.5;
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rank-ribbon.svg);
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block[rank]>.shop-content::after {
	content: attr(rank);
	width: 81px;
	height: 123px;
	left: -4px;
	top: -8px;
	font-size: 32px;
	font-family: 'Helvetica Neue';
	font-weight: bold;
	line-height: 38px;
	padding-top: 28px;
	padding-left: 3px;
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block.high-rank[rank]>.shop-content::after {
	font-size: 26px;
}

section.shop-list.type-rank>ul[rank]>.shop-content::after::first-letter {
	font-size: 30px;
}

section.shop-list.type-rank>ul:not([rank="1"]):not([rank="2"]):not([rank="3"])>.shop-content::after {
	height: 94px;
	padding-top: 40px;
	line-height: 0px;
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block:not([rank="1"]):not([rank="2"]):not([rank="3"])>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-rank-flg.svg);
	width: 81px;
	height: 123px;
	padding-top: 47px;
}

section.shop-list.type-rank>ul[rank="1"]>.shop-content {
	border-color: #D0AF55 !important;
}

section.shop-list.type-rank>ul[rank="1"]>.shop-content::before {
	border-color: #D0AF55 transparent transparent transparent;
}

section.shop-list.type-rank>ul[rank="1"]>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rank-1.svg);
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block[rank="1"]>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-rank-1.svg);
}

section.shop-list.type-rank>ul[rank="2"]>.shop-content {
	border-color: #CDD6DE !important;
}

section.shop-list.type-rank>ul[rank="2"]>.shop-content::before {
	border-color: #CDD6DE transparent transparent transparent;
}

section.shop-list.type-rank>ul[rank="2"]>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rank-2.svg);
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block[rank="2"]>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-rank-2.svg);
}

section.shop-list.type-rank>ul[rank="3"]>.shop-content {
	border-color: #DE9473 !important;
}

section.shop-list.type-rank>ul[rank="3"]>.shop-content::before {
	border-color: #DE9473 transparent transparent transparent;
}

section.shop-list.type-rank>ul[rank="3"]>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rank-3.svg);
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block[rank="3"]>.shop-content::after {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-rank-3.svg);
}

section.shop-list.type-rank:not([data-other-result])>ul.dekasegi>.shop-content {
	border: 3px solid #69CEFB;
	border-top: 5px solid #69CEFB !important;
}
section.shop-list.type-rank:not([data-other-result])>ul.dekasegi>.shop-content::before {
	border-color: #69CEFB transparent transparent transparent;
}

section.shop-list.type-rank:not([data-other-result])>ul.beginner>.shop-content {
	border: 3px solid #9FE20C;
	border-top: 5px solid #9FE20C !important;
}
section.shop-list.type-rank:not([data-other-result])>ul.beginner>.shop-content::before {
	border-color: #9FE20C transparent transparent transparent;
}

section.shop-list.type-rank:not([data-other-result])>ul.wife>.shop-content {
	border: 3px solid #EB54A0;
	border-top: 5px solid #EB54A0 !important;
}
section.shop-list.type-rank:not([data-other-result])>ul.wife>.shop-content::before {
	border-color: #EB54A0 transparent transparent transparent;
}

section.shop-list.type-rank:not([data-other-result])>ul.sokuzitsu>.shop-content {
	border: 3px solid #FF6C38;
	border-top: 5px solid #FF6C38 !important;
}
section.shop-list.type-rank:not([data-other-result])>ul.sokuzitsu>.shop-content::before {
	border-color: #FF6C38 transparent transparent transparent;
}

section.shop-list.type-rank:not([data-other-result])>ul>.shop-content .rank.up::after,
section.shop-list.type-rank:not([data-other-result])>ul>.shop-content .rank.down::after {
	content: "";
	position: absolute;
	bottom: -67px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1;
}

section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block>.shop-content .rank.up::after,
section.shop-list.type-rank:not([data-other-result])>ul.sptreat-block>.shop-content .rank.down::after {
	bottom: -60px;
}

section.shop-list.type-rank:not([data-other-result])>ul>.shop-content .rank:not(.top3).up::after,
section.shop-list.type-rank:not([data-other-result])>ul>.shop-content .rank:not(.top3).down::after {
	bottom: -51px;
}

section.shop-list.type-rank:not([data-other-result])>ul>.shop-content .rank.up::after {
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #DE2B2B transparent;
}

section.shop-list.type-rank:not([data-other-result])>ul>.shop-content .rank.down::after {
	border-width: 9px 6px 0 6px;
	border-color: #1b4798 transparent transparent transparent;
}

section.shop-list.type-rank>ul .sptreat_img {
	top: 8px;
	left: 92px;
	height: 47px;
}

section.shop-list.type-rank>ul.dekasegi .sptreat_img .sptreat_bg {
	width: 232px;
}
section.shop-list.type-rank>ul.beginner .sptreat_img .sptreat_bg {
	width: 182px;
}
section.shop-list.type-rank>ul.wife .sptreat_img .sptreat_bg {
	width: 224px;
}
section.shop-list.type-rank>ul.sokuzitsu .sptreat_img .sptreat_bg {
	width: 240px;
}

section.shop-list.type-rank>ul .sptreat_title {
	line-height: 29px;
	margin-top: -2px;
	margin-left: 122px;
}

section.shop-list.type-rank>ul .sptreat_title .text {
	font-size: 16px;
	line-height: 16px;
	margin-top: 0px;
}
section.shop-list.type-rank>ul.dekasegi .sptreat_title .text,
section.shop-list.type-rank>ul.beginner .sptreat_title .text {
	font-size: 15px;
	line-height: 15px;
}

section.shop-list.type-rank>ul .sptreat_text {
	left: 66px;
}

section.shop-list.type-rank>ul .sptreat_name {
	font-size: 17px;
}

section.shop-list.type-rank>ul .sptreat_img .sptreat_recommend {
	width: 140px;
}

section.shop-list.type-rank>ul.sptreat-block .campaign-banner .banner {
	width: 310px;
}

section.shop-list li[data-role="title"],
section.shop-list li[data-role="shop_name"] {
	display: block;
	font-size: 22px;
	line-height: 28px;
	color: #FF455A;
	padding-right: 20px;
	box-sizing: border-box;
	font-weight: 600;
	float: left;
	width: 90%;
}
section.shop-list li[data-role="title"] h4 {
	margin-bottom: 20px;
}

section.shop-list li[data-role="title"] {
	color: #1C1C1C;
}

section.shop-list li[data-role="shop_name"] [is-new]::after {
	content: "";
	display: inline-block;
	width: 67px;
	height: 27px;
	margin-left: 10px;
	vertical-align: middle;
	background-image: url(https://d1n0u9i3ossclx.cloudfront.net/devsystemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/balloon_new_icon.svg);
	animation: blink 1s ease infinite;
}

section.shop-list .sptreat-block li[data-role="shop_name"] {
	font-size: 25px;
	margin-bottom: 14px;
}

section.shop-list .sptreat-block li[data-role="shop_name"] [is-new]::before {
	content: "";
	display: inline-block;
	min-width: 68px;
	height: 27px;
	margin-right: 5px;
	vertical-align: middle;
	animation: blink 1s ease infinite;
}

section.shop-list .sptreat-block li[data-role="shop_name"] [is-new]::after {
	display: none;
}

section.shop-list .sptreat-block li[data-role="shop_name"] [is-new]::before {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/icon-new.svg);
	background-repeat: no-repeat;
}

section.shop-list .sptreat-block li[data-role="shop_name"] h3 a {
	display: flex;
	width: fit-content;
}

section.shop-list li[data-role="title"]~li[data-role="shop_name"],
section.shop-list li[data-role="shop_name"]~li[data-role="title"] {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #1C1C1C;
}

section.shop-list.type-list li[data-role="title"]~li[data-role="shop_name"]>dl {
	display: inline-flex;
	align-items: center;
}

section.shop-list.type-list li[data-role="title"]~li[data-role="shop_name"]>dl dt {
	margin-right: 10px;
	text-align: center;
	width: 40px;
	height: 40px;
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-shop.svg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 25px;
	padding-top: 30px;
	white-space: nowrap;
	color: #FF8DAB;
	font-size: 9px;
	text-align: center;
	line-height: 10px;
	font-weight: 400;
	box-sizing: border-box;
}

section.shop-list.type-rank li[data-role="shop_name"]>dl dt {
	display: none;
}

section.shop-list.type-list li[data-role="shop_name"]>dl dt {
	display: none;
}

section.shop-list.type-rank li[data-role="title"],
section.shop-list.type-rank li[data-role="shop_name"] {
	padding-left: 102px;
}

section.shop-list.type-rank:not([data-other-result]) .sptreat-block li[data-role="shop_name"] {
	padding-left: 66px;
}

section.shop-list [data-role="main_images"]~[data-role="title"],
section.shop-list [data-role="main_images"]~[data-role="shop_name"] {
	width: calc(100% - 532px);
	overflow: hidden;
	height: auto;
	float: right;
	margin-top: 15px;
}

section.shop-list.type-rank .plan-mask-4 li[data-role="title"],
section.shop-list .plan-mask-4 li[data-role="shop_name"] {
	width: 530px;
	clear: left;
}

section.shop-list.type-list .plan-mask-2 li[data-role="shop_name"] {
	width: 530px;
	clear: left;
}

section.shop-list.type-list ul[block-type="treatment"].plan-mask-2 li[data-role="shop_name"],
section.shop-list.type-list ul[block-type="treatment"].plan-mask-4 li[data-role="shop_name"] {
	width: 530px;
}

section.shop-list.type-list [block-type="treatment"].plan-mask-1 li[data-role="title"]~li[data-role="shop_name"] {
	margin-bottom: 15px;
}

section.shop-list.type-list [block-type="treatment"].plan-mask-2 li[data-role="title"]~li[data-role="shop_name"],
section.shop-list.type-list [block-type="treatment"].plan-mask-4 li[data-role="title"]~li[data-role="shop_name"] {
	margin-bottom: 15px;
}

section.shop-list.type-list li[data-role="feeback_min_amount"],
section.shop-list.type-rank li[data-role="feeback_min_amount"] {
	clear: both;
	overflow: hidden;
	height: auto;
	border: 1px solid #FF92AF;
	text-align: center;
	color: #FF92AF;
	padding: 7px 0;
	width: 150px;
}

section.shop-list.type-list .plan-mask-1 li[data-role="feeback_min_amount"],
section.shop-list.type-list .plan-mask-4 li[data-role="feeback_min_amount"] {
	margin-left: 0;
}

section.shop-list.type-list .plan-mask-2 li[data-role="feeback_min_amount"],
section.shop-list.type-list .plan-mask-4 li[data-role="feeback_min_amount"] {
	clear: left;
}

section.shop-list.type-list .plan-mask-2 li[data-role="feeback_min_amount"]+li[data-role="pay_structure"] {
	margin-top: 15px;
}

section.shop-list.type-list li[data-role="main_images"]~[data-role="feeback_min_amount"],
section.shop-list.type-rank li[data-role="main_images"]~[data-role="feeback_min_amount"] {
	display: inline-block;
	margin-left: 20px;
}

section.shop-list.type-list li[data-role="feedback_min_amount"]:empty+.shopblock-work-info {
	margin-top: 15px;
}

section.shop-list.type-list li[data-role="feeback_datas"] {
	float: left;
	margin-top: 20px;
	color: #707070;
	font-weight: normal;
	width: 100%;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_contents .title {
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_contents .title {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/shop/index/ico-back.svg) no-repeat;
	padding: 0 0 0rem 30px;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_contents .title {
	margin-bottom: 20px;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab.item1,
section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab.item2 {
	display: flex;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab .back_list_ttl {
	width: 30%;
	border-radius: 10px 10px 0 0;
	border: 1px solid #D7D7D7;
	border-bottom: none;
	line-height: 50px;
	text-align: center;
	font-size: 17px;
	color: #D7D7D7;
	font-weight: bold;
	background-color: #fff;
	border-bottom: 2px solid #FFDBE4;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab .back_list_ttl.on {
	border: 2px solid #FFDBE4;
	border-bottom: none;
	color: #FF8CAB;
	background: #FFFBFC;
	z-index: 1;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab .back_list_ttl:not(.on) {
	cursor: pointer;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab .back_list_ttl:nth-child(2) {
	margin-left: 10px;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp {
	margin-top: -2px;
	padding: 30px 40px;
	background: #FFFBFC;
	border: 2px solid #FFDBE4;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl"] {
	display: none;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl"].on {
	display: table-row;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl1"] {
	background: #FFFBFC;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl2"] {
	background: #FFF3F7;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl3"] {
	background: #FFEBF1;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table {
	line-height: 25px;
	background: #FFF;
	box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
	padding: 3px;
	border-collapse: separate;
	border-spacing: 5px;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tbody {
	font-weight: bold;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr:first-child {
	height: 60px;
	font-size: 14px;
	color: #ff8dab;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table th,
section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table td {
	text-align: center;
	width: 270px;
	display: table-cell;
	vertical-align: middle;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table td {
	padding: 15px 10px;
	font-size: 14px;
}

section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table span {
	font-size: 14px;
}

section.shop-list .new_icon {
	margin-left: 10px;
	vertical-align: middle;
}

section.shop-list .new_icon.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}

@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes blink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

section.shop-list.type-list li[data-role="sptreat_ids"],
section.shop-list ul.plan-mask-2 li[data-role="sptreat_ids"] {
	margin-top: 10px;
	width: 100%;
}

section.shop-list ul.plan-mask-4 li[data-role="sptreat_ids"] {
	margin-top: 10px;
	width: 540px;
}

section.shop-list.type-list li[data-role="feeback_datas"]+li[data-role="sptreat_ids"] {
	margin-top: 20px;
}

section.shop-list.type-list .treatment_tag {
	width: 120px;
	margin: 0 5px 10px 0;
}

section.shop-list.type-rank .plan-mask-4 .treatment_tag {
	width: calc(33% - 15px);
	margin: 0 15px 15px 0;
}

section.shop-list .shop-list-header ul {
	display: flex;
	align-items: center;
}

section.shop-list .shop-list-header li {
	margin-right: 20px;
	flex: 1;
	border: 1px solid #FF8DAB;
	background: #FFF;
	color: #FF8DAB;
	font-size: 24px;
	font-weight: bold;
}

section.shop-list .shop-list-header li:last-child {
	margin-right: 0;
}

section.shop-list .shop-list-header li.on-check {
	background: #FF8DAB;
	color: #FFF;
	text-align: center;
	padding: 16px 0;
}

section.shop-list .shop-list-header li:hover {
	background: #FF8DAB;
	color: #FFF;
	transition: 0.3s;
}

section.shop-list .shop-list-header li a {
	display: block;
	text-align: center;
	padding: 16px;
}

section.shop-list .shop-list-header li span {
	font-size: 16px;
	font-weight: normal;
}

.shop-list .shop-list-header {
	margin: 0px calc(50% - 481px) 15px;
}

section.shop-list .neighbouring {
	margin: 25px calc(50% - 481px);
	background: white;
	border: 1px solid #0000001A;
	border-top: 6px solid #FF8DAB;
	box-shadow: 0px 3px 6px #0000001A;
}

section.shop-list .neighbouring h3 {
	font-size: 20px;
	padding: 25px;
}

section.shop-list .compaign-banner {
	width: calc(100% - 30px);
	min-height: 51px;
	background: #FF455A;
	display: flex;
	align-items: center;
	padding-left: 30px;
	border-radius: 5px 5px 0 0;
}

section.shop-list .compaign-banner .shop-name {
	flex: 1;
	font-size: 22px;
	font-weight: bold;
	color: white;
	line-height: 28px;
	padding: 15px 0;
}

section.shop-list .compaign-banner .banner {
	flex: 1;
	width: 486px;
}

section.shop-list .compaign-banner img {
    cursor: pointer;
}

section.shop-list .show-campaign-modal {
    cursor: pointer;
}

.mt76 {
	margin-top: 76px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt50 {
	margin-top: 50px !important;
}

section#no-shop-list {
	display: block;
	margin: -25px auto 0;
	padding-top: 20px;
	width: 962px;
	background-color: white;
	border: 1px solid #0000001A;
	border-top-color: #FF8DAB;
	border-top-width: 3px;
	box-shadow: 0px 3px 6px #0000001A;
}

#no-shop-list.upper {
	width: 951px;
	margin: 25px 0 15px;
	padding: 20px 0 0 10px;
}

section#no-shop-list img {
	width: 511px;
	padding-bottom: 20px;
}

section#no-shop-list>div {
	padding-left: 20px;
}

section#no-shop-list .result-other-count-text {
	font-size: x-large;
	font-weight: bold;
	color: dimgray;
	padding-bottom: 20px;
}

section#no-shop-list .result-other-search-text {
	font-size: large;
	color: dimgray;
	padding-bottom: 20px;
	line-height: 1.5;
}

section#no-shop-list .result-other-search-text span.line-through {
	text-decoration: line-through;
}

/* shopblock end */

section#btn_sptreat + section#campaign-banner {
	margin-top: 25px;
}

section#campaign-banner {
	margin: 0 calc(50% - 481px) 5px;
}

section#campaign-banner img {
	width: 962px;
}

section#campaign-banner img:hover {
	opacity: 0.4;
}

section#cocoa-column+section#btn_sptreat {
	margin-top: 20px;
}

section#popular-Job+section#hashtag {
	margin-top: 5px;
}

section#btn_sptreat+section#pref_pickup,
section#btn_sptreat+section#startarea_pickup,
section#btn_sptreat+#pickup {
	margin-top: 45px;
}

section#btn_sptreat {
	margin: 5px calc(50% - 481px);
	width: 962px;
}

section#btn_sptreat a img {
	float: left;
	padding-right: 10px;
}

section#btn_sptreat .search-soapbanner {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

section#btn_sptreat .search-soapbanner img {
	display: block;
	width: 962px;
	height: 114px;
	object-fit: cover;
}

section#btn_sptreat .btn_sptreat-title {
	display: block;
	color: #F74F7C;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1;
}

.mensesthe section#btn_sptreat .btn_sptreat-title {
	color: var(--mensesthe);
}

section#hashtag {
	margin: 25px calc(50% - 481px);
	width: 962px;
}

section#hashtag p {
	line-height: 30px;
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 30px;
	padding-left: 1px;
	color: #000000;
}

section#hashtag ul {
	display: flex;
	flex-wrap: wrap;
}

section#hashtag li {
	background: #FFE8EC 0% 0% no-repeat padding-box;
	border-radius: 20px;
	padding: 12px 19px;
	margin: 0 10px 10px 0;
	transition: 0.3s;
}

section#hashtag li:hover {
	background: #FF8DAB 0% 0% no-repeat padding-box;
	color: white;
}

section#hashtag li:before {
	content: "#";
}

section#hashtag .tag_links {
	overflow: hidden;
	transition: .4s;
}

section#hashtag .tag_more_link {
	color: #ff455a;
	font-size: 16px;
	line-height: 26px;
	display: none;
	text-align: center;
	cursor: pointer;
	width: 110px;
	margin: 15px auto 0;
	font-weight: normal;
}

section#hashtag .tag_more_link::before {
	content: "";
	height: 8px;
	width: 8px;
	float: right;
	margin: 6px 0 0 0;
	transform: rotate(45deg);
	border: 1px solid #ff455a;
	border-top: 0;
	border-left: 0;
}

section#hashtag .tag_links.active+.tag_more_link::before {
	margin: 12px 16px 0 -16px;
	border: 1px solid #ff455a;
	border-right: 0;
	border-bottom: 0;
}

/* section #popular-Job */
section#popular-Job {
	margin: 25px calc(50% - 481px);
	width: 945px;
}

section#popular-Job h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/popularity.svg) 50% 50% no-repeat;
}

section#popular-Job .swiper-container {
	padding-bottom: 40px;
    overflow-x: hidden;
    position: relative;
}

section#popular-Job .swiper-pagination {
	height: 40px;
	line-height: 40px;
}

section#popular-Job a {
	width: 225px;
	display: block;
	margin-right: 0.72rem !important;
	background: #fff;
	height: 207px;
	border: 1px solid #0000001A;
	box-shadow: 0px 3px 6px #0000001A;
}

section#popular-Job a:hover {
	opacity: 0.4;
	transition: 0.3s;
}

section#popular-Job p {
	padding: 0.8rem;
	line-height: 1.2rem;
	font-size: .7rem;
	color: #ff455a;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
}

.swiper-horizontal > .swiper-pagination-bullets {
	bottom: 0 !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px !important;
}

.swiper-pagination-bullet {
	width: 14px !important;
	height: 14px !important;
}

section.r-area {
	margin: 25px calc(50% - 481px) 10px;
	width: 962px;
}

section.r-area h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-search-w.svg) 50% 50% no-repeat;
}

section.r-area ul {
	overflow: hidden;
}

section.r-area .title {
	font-size: 26px;
}

section.r-area .sub-title {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

section.r-area .area-list ul {
	margin-bottom: 20px;
}

section.r-area .area-list li {
	float: left;
	width: calc((100% - 2em) / 4);
	margin-bottom: 0.5em;
	padding-right: 0.5em;
	height: 28px;
}

section.r-area .area-list a {
	color: #FF455A;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

section.r-area .area-list .zero-link {
	color: #DDDDDD;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

section.r-area .area-list a::after {
	content: '';
	display: block;
	border-bottom: solid 1px #FF455A;
	margin-top: 2px;
	width: 0;
	transition: width 0.2s linear;
}

section.r-area .area-list .zero-link::after {
	content: '';
	display: block;
	margin-top: 2px;
	width: 0;
}

section.r-area .area-list a:hover:after {
	width: 100%
}

section.r-area .local-list ul {
	margin-bottom: 20px;
}

section.r-area .local-list li {
	float: left;
	width: calc((100% - 2em) / 4);
	margin-bottom: 0.5em;
	padding-right: 0.5em;
	height: 28px;
}

section.r-area .local-list a {
	color: #FF455A;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

section.r-area .local-list .zero-link {
	color: #DDDDDD;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

section.r-area .local-list a::after {
	content: '';
	display: block;
	border-bottom: solid 1px #FF455A;
	margin-top: 2px;
	width: 0;
	transition: width 0.2s linear;
}

section.r-area .local-list .zero-link::after {
	content: '';
	display: block;
	margin-top: 2px;
	width: 0;
}

section.r-area .local-list a:hover:after {
	width: 100%
}

section.r-area .station-list ul {
	margin-bottom: 20px;
}

section.r-area .station-list li {
	float: left;
	width: calc((100% - 2em) / 4);
	margin-bottom: 0.5em;
	padding-right: 0.5em;
	height: 28px;
}

section.r-area .station-list a {
	color: #FF455A;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

section.r-area .station-list .zero-link {
	color: #DDDDDD;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}

section.r-area .station-list a::after {
	content: '';
	display: block;
	border-bottom: solid 1px #FF455A;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

section.r-area .station-list .zero-link::after {
	content: '';
	display: block;
}

section.r-area .station-list a:hover:after {
	transform: scaleX(1);
	transform-origin: 0% 50%;
}

section.r-area .category-list {
	margin-bottom: 45px;
	overflow: hidden;
}

section.r-area .category-list .col {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
	gap: 29px;
}

section.r-area .category-list a,
section.r-area .category-list .zero-link {
	display: grid;
	align-items: center;
	width: calc((962px - 29px * 2) / 3);
	border-radius: 10px;
	text-align: center;
	height: 68px;
	transition: 0.3s;
}

section.r-area .category-list a {
	color: #FF455A;
	border: 1px solid #FF455A;
}

section.r-area .category-list .zero-link {
	color: #DDDDDD;
	background-color: #F7F7F7;
	border: 1px solid #E4E4E4;
}

section.r-area .category-list a:hover {
	background-color: #FF455A;
	color: #FFFFFF;
}

section#ranking-list {
	margin: 25px calc(50% - 481px);
}

section#ranking-list h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-crown.svg) 50% 50% no-repeat;
}

section#ranking-list .title {
	display: inline-block;
}

section#ranking-list .title-update {
	display: inline-block;
	font-size: 12px;
	color: #7E7E7E;
	padding-left: 10px;
}

section#ranking-list .template-text-ranking {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 60px;
}

section#ranking-list .s-ranking {
	padding-bottom: 0.6rem;
	display: flex;
}

section#ranking-list .s-ranking__group {
	position: relative;
	width: 181px;
	display: block;
	margin-right: 14px;
	box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.16);
}

section#ranking-list .s-ranking__group a {
	display: block;
}

section#ranking-list .s-ranking__group a:hover {
	opacity: 0.4;
	transition: 0.3s;
}

section#ranking-list .s-ranking__group:last-child {
	margin-right: unset;
}

section#ranking-list .s-ranking__group:before {
	position: absolute;
	top: -30px;
	left: -15px;
	z-index: 1;
	font-size: 18px;
	width: 44px;
	height: 44px;
	color: white;
	text-align: center;
	line-height: 45px;
}

section#ranking-list .s-ranking__group:nth-child(1):before {
	content: "1";
	background: linear-gradient(135deg, transparent 16px, #BFB66D 0) top left,
		linear-gradient(-135deg, transparent 16px, #BFB66D 0) top right,
		linear-gradient(-45deg, transparent 16px, #BFB66D 0) bottom right,
		linear-gradient(45deg, transparent 16px, #BFB66D 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

section#ranking-list .s-ranking__group:nth-child(2):before {
	content: "2";
	background: linear-gradient(135deg, transparent 16px, #B1B2BA 0) top left,
		linear-gradient(-135deg, transparent 16px, #B1B2BA 0) top right,
		linear-gradient(-45deg, transparent 16px, #B1B2BA 0) bottom right,
		linear-gradient(45deg, transparent 16px, #B1B2BA 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

section#ranking-list .s-ranking__group:nth-child(3):before {
	content: "3";
	background: linear-gradient(135deg, transparent 16px, #C38B76 0) top left,
		linear-gradient(-135deg, transparent 16px, #C38B76 0) top right,
		linear-gradient(-45deg, transparent 16px, #C38B76 0) bottom right,
		linear-gradient(45deg, transparent 16px, #C38B76 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

section#ranking-list .s-ranking__group:nth-child(4):before {
	content: "4";
	background: linear-gradient(135deg, transparent 16px, #FF8DAB 0) top left,
		linear-gradient(-135deg, transparent 16px, #FF8DAB 0) top right,
		linear-gradient(-45deg, transparent 16px, #FF8DAB 0) bottom right,
		linear-gradient(45deg, transparent 16px, #FF8DAB 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

section#ranking-list .s-ranking__group:nth-child(5):before {
	content: "5";
	background: linear-gradient(135deg, transparent 16px, #FF8DAB 0) top left,
		linear-gradient(-135deg, transparent 16px, #FF8DAB 0) top right,
		linear-gradient(-45deg, transparent 16px, #FF8DAB 0) bottom right,
		linear-gradient(45deg, transparent 16px, #FF8DAB 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}


section#ranking-list .s-ranking__group img {
	width: 100%;
	height: 101px;
	object-fit: cover;
}

section#ranking-list .s-ranking__group .text__title {
	color: #9A1E2C;
	font-size: 16px;
	padding: 12px;
}

section#ranking-list .s-ranking__group .text__info {
	margin: 0 10px 15px;
	font-size: 12px;
	line-height: 18px;
}

section#ranking-list .more {
	clear: both;
	display: block;
	float: right;
	font-size: 16px;
	color: #FF455A;
	margin-top: 29px;
}

section#middle-ranking-list {
	display: block;
	background: #FFFDF4;
	margin: 39px -5px;
	padding: 25px 23px 50px 21px;
}

section#middle-ranking-list h2 {
	padding-left: 50px;
	line-height: 40px;
	margin-bottom: 20px;
}

section#middle-ranking-list h2:before {
	background: #dba73a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-crown.svg) 50% 50% no-repeat;
	top: 0;
}

section#middle-ranking-list .s-ranking {
	display: flex;
	gap: 15px;
}

section#middle-ranking-list .s-ranking__group {
	background: #FFF;
	font-family: 'ヒラギノ角ゴシック';
	position: relative;
	width: 276px;
	box-shadow: 0px 1px 16px #00000029;
	border-radius: 6px;
	padding: 14px 12px 15px;
	flex-shrink: 0;
}

section#middle-ranking-list .s-ranking__group a {
	display: flex;
	flex-direction: column;
	height: 100%;
}

section#middle-ranking-list .s-ranking__group a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

section#middle-ranking-list .s-ranking__group .title {
	display: flex;
}

section#middle-ranking-list .s-ranking__group .title img {
	width: 22px;
	height: 30px;
	margin-right: 5px;
}

section#middle-ranking-list .s-ranking__group .title .text {
	width: calc(100% - 27px);
}

section#middle-ranking-list .s-ranking__group .title .text__title {
	color: #454545;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	padding-bottom: 2px;
}

section#middle-ranking-list .s-ranking__group .title .text__info {
	color: #989898;
	font-size: 12px;
}

section#middle-ranking-list .s-ranking__group .title .text__title,
section#middle-ranking-list .s-ranking__group .title .text__info {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

section#middle-ranking-list .s-ranking__group .main_image {
	margin: 6px 0 8px;
}

section#middle-ranking-list .s-ranking__group .main_image img {
	width: 100%;
	height: 105px;
	min-height: 105px;
	object-fit: cover;
}

section#middle-ranking-list .s-ranking__group .catch_copy {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

section#middle-ranking-list .s-ranking__group .pay_structure {
	display: flex;
	align-items: center;
	margin-top: auto;
}

section#middle-ranking-list .s-ranking__group .pay_structure .title {
	border-radius: 4px;
	background: #FF8DAB;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	margin-right: 10px;
	padding: 8px 10px 8px 9px;
	position: relative;
	white-space: nowrap;
}

section#middle-ranking-list .s-ranking__group .pay_structure .title::before {
	content: "";
	border-style: solid;
	border-width: 0px 7px 10px;
	border-color: transparent transparent #FF8DAB transparent;
	position: absolute;
	right: -8px;
	top: 10px;
	transform: rotate(90deg);
}

section#middle-ranking-list .s-ranking__group .pay_structure .type {
	color: #535353;
	font-size: 11px;
	font-weight: 600;
	max-width: 33px;
	min-width: 22px;
	line-height: 15px;
	text-align: center;
}

section#middle-ranking-list .s-ranking__group .pay_structure .type.long {
	min-width: 33px;
}

section#middle-ranking-list .s-ranking__group .pay_structure .content {
	font-family: Arial;
	font-weight: bold;
	font-size: 19px;
	color: #FF8DAB;
	margin-left: 4px;
	white-space: nowrap;
}

section#middle-ranking-list .s-ranking__group .pay_structure .content span {
	font-size: 14px;
	margin-left: 4px;
}

section#middle-ranking-list .more {
	float: right;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴシック';
	color: #1B4698;
	margin-top: 15px;
	margin-right: 2px;
}

section#middle-ranking-list .more::after {
	content: "";
	display: inline-block;
	border: 1px solid #1B4698;
	border-bottom: 0;
	border-left: 0;
	transform: rotate(45deg);
	width: 9px;
	height: 9px;
}

#average_salary {
	display: block;
	height: 60px;
	margin-top: -60px;
	visibility: hidden;
}

section#moveBreakbown {
	margin: 25px calc(50% - 481px);
}

section#moveBreakbown h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-salary.svg) 50% 50% no-repeat;
}

section#moveBreakbown .areaHourlPay {
	background-color: #FFFAEF;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 15px;
	display: flex;
	align-items: center;
}

section#moveBreakbown .areaHourlPay .five_days {
	color: #FF818B;
}

section#moveBreakbown .areaHourlPay .left-areaHourlPay {
	flex: 1;
	font-size: 28px;
}

section#moveBreakbown .areaHourlPay .right-areaHourlPay {
	flex: 1.5;
	position: relative;
	color: #FF818B;
	font-size: 58px;
}

section#moveBreakbown .areaHourlPay .right-areaHourlPay span.unit {
	position: absolute;
	top: 26px;
	font-size: 34px;
}

section#moveBreakbown .areaHourlPay .right-areaHourlPay span.convert {
	font-size: 24px;
	color: black;
}

section#moveBreakbown .businessTypeSalary {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

section#moveBreakbown .template_text_hourly_salary {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
}

section#moveBreakbown .aboutTxt {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
}

section#moveBreakbown .bottomTextFrame {
	color: #FF455A;
	float: right;
}

section#moveBreakbown .averageByGenre-table {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 2rem;
}

section#moveBreakbown .averageByGenre-tr {
	line-height: 1.2;
}

section#moveBreakbown .averageByGenre-tr .averageByGenre-th {
	width: 50%;
	padding: 15px 10px;
	border: 2px solid #C6C6C6;
	background-color: #FEF2F2;
	text-align: center;
	color: #026ea7;
}

section#moveBreakbown .averageByGenre-tr .averageByGenre-th.reference {
	background-color: #f3ffff;
	color: initial;
}

section#moveBreakbown .averageByGenre-tr .averageByGenre-th.reference span {
	font-size: 0.8rem;
}

section#moveBreakbown .averageByGenre-tr .averageByGenre-td {
	width: 50%;
	text-align: center;
	font-size: 15px;
	border: 2px solid #C6C6C6;
	vertical-align: middle;
}

section#moveBreakbown .averageByGenre-title .averageByGenre-th {
	width: 25%;
	padding: 10px;
	border-right: 2px solid #e6ede0;
	background-color: #ffa6c1;
	text-align: left;
	color: #fff;
}

section#moveBreakbown .averageByGenre-title .averageByGenre-td {
	width: 24%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border: 2px solid #e6ede0;
	vertical-align: middle;
}

section#moveBreakbown .left-chart {
	float: left;
	width: 50%;
}

section#moveBreakbown .right-average {
	float: right;
	width: 40%;
}

section#moveBreakbown .tableSpace {
	margin: 10px;
	padding-top: 2.2rem;
}

section#moveBreakbown .tableGraph {
	display: none;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	color: #535353;
	width: 100%;
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

section#moveBreakbown .tableGraph.active {
	display: table;
}

section#moveBreakbown .tableGraph tr {
	border: 2px solid #C6C6C6;
}

section#moveBreakbown .tableGraph th,
section#moveBreakbown .tableGraph td {
	text-align: center;
	vertical-align: middle;
	border-right: 2px solid #C6C6C6;
}

section#moveBreakbown .tableGraph th:last-child,
section#moveBreakbown .tableGraph td:last-child {
	border-right: none;
}

section#moveBreakbown .tableGraph th {
	background-color: #fffaf2;
	padding: 1.3rem 0;
}

section#moveBreakbown .tableGraph th:first-child {
	width: 25.352113%;
}

section#moveBreakbown .tableGraph th:last-child {
	width: 74.647887%;
}

section#moveBreakbown .tableGraph td {
	padding: 0.8rem 0;
}

section#moveBreakbown .tableGraph .place {
	width: 25.352113%;
	color: #026ea7;
	text-decoration: underline;
	font-size: 1rem;
}

section#moveBreakbown .tableGraph .money {
	width: 25.352113%;
	font-size: 1.2rem;
}

section#moveBreakbown .tableGraph .graph {
	width: 49.295774%;
	text-align: left;
}

section#moveBreakbown .tableGraph .graph-border {
	display: inline-block;
	vertical-align: middle;
	background: #aede6c;
	width: 0;
	height: 1rem;
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

section#moveBreakbown .tableGraph .active .money {
	color: #f86f6f;
}

section#moveBreakbown .tableGraph .active .graph-border {
	background-color: #f86f6f;
}

/*section search*/
section#search {
	margin: 25px calc(50% - 481px);
	width: 962px;
}

h1 {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #FF455A;
	margin: 30px calc(50% - 481px) 0;
}

section#search .search-box {
	float: left;
}

section#search .search-box .condition {
	padding: 30px 30px 10px;
	background: #FFF8FA;
	border-radius: 10px 10px 0px 0px;
}

section#search .search-box .s-keyword {
	padding: 20px 30px;
	background: #F9F4FF;
	border-radius: 0px 0px 10px 10px;
	display: flex;
	align-items: center;
}

section#search .search-box .group {
	display: flex;
	margin-bottom: 20px;
}

section#search .search-box .group .title {
	display: flex;
	align-items: center;
	position: relative;
	width: 72px;
	padding: 20px 20px 20px 44px;
	border-radius: 5px 0 0 5px;
	background: #FF455A;
	color: white;
	font-size: 18px;
	font-weight: bold;
}

section#search .search-box .group .title:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
}

section#search .search-box .area .title:before {
	left: 20px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-pin-w.svg) no-repeat;
}

section#search .search-box .category .title:before {
	height: 16px;
	left: 20px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-job.svg) no-repeat;
}

section#search .search-box .sptreat .title:before {
	left: 20px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-sticksto-w.svg) no-repeat;
}

section#search .search-box .group .content {
	display: flex;
	align-items: center;
	width: 450px;
	padding: 16px;
	border: 1px solid #DEDEDE;
	border-radius: 0 5px 5px 0;
	background: white;
}

section#search .search-box .group .choice>li {
	position: relative;
	float: left;
	padding-right: 7px;
	margin-right: 7px;
}

section#search .search-box .group .choice>li:after {
	position: absolute;
	content: "";
	background: grey;
	right: 25%;
	top: 3px;
	right: 0;
	height: 63%;
	width: 1px;
}

section#search .search-box .group .choice>li:nth-last-of-type(1):after {
	width: 0;
}

section#search .search-box .area .choice {
	width: 323px;
	line-height: 20px;
	font-size:15px;
	color:#000000;
}

section#search .search-box .category .choice,
section#search .search-box .sptreat .choice {
	width: 323px;
	line-height: 20px;
}

section#search .search-box .station,
section#search .search-box .local,
.mod-selectConditions-place .ensen .station {
	position: relative;
	border: 1px solid #FF455A;
	padding: 7px 10px 7px 30px;
	border-radius: 15px;
	color: #FF455A;
	margin-left: 15px;
	cursor: pointer;
}

section#search .search-box .station:before,
section#search .search-box .local:before,
.mod-selectConditions-place .ensen .station:before {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
}

section#search .search-box .station:before,
.mod-selectConditions-place .ensen .station:before {
	top: 7px;
	left: 10px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/station-red.svg) no-repeat;
}

section#search .search-box .local:before {
	top: 7px;
	left: 10px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/change-red.svg) no-repeat;
	animation: local2 .3s;
}

section#search .search-box .local:hover,
section#search .search-box .station:hover,
.mod-selectConditions-place .ensen .station:hover {
	background: #FF455A;
	color: white;
	transition: 0.3s;
}

section#search .search-box .local:hover:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/change-white.svg) no-repeat;
	animation: local .3s;
}

@keyframes local {
	0% {
		transform: rotateZ(0deg);
	}

	50% {
		transform: rotateZ(110deg);
	}

	100% {
		transform: rotateZ(0deg);
	}
}

@keyframes local2 {
	0% {
		transform: rotateZ(0deg);
	}

	50% {
		transform: rotateZ(110deg);
	}

	100% {
		transform: rotateZ(0deg);
	}
}

section#search .search-box .station:hover:before,
.mod-selectConditions-place .ensen .station:hover:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/station-white.svg) no-repeat;
}

section#search .search-box .s-keyword .title {
	font-size: 20px;
	font-weight: bold;
	color: #FF455A;
	margin-right: 20px;
}

section#search .search-box .s-keyword input {
	padding: 12px;
	line-height: 16px;
	width: 379px;
	outline: none !important;
	border: 1px solid #DEDEDE;
	font-size: 14px;
}

section#search .search-box .s-keyword input:focus,
section#search .search-box .s-keyword input:hover {
	border: 1px solid #FF8DAB;
}

section#search .search-box .s-keyword .sbm {
	border: 1px solid #FF455A;
	padding: 5px 20px;
	border-radius: 20px;
	color: #FF455A;
	margin-left: 15px;
	background: white;
	cursor: pointer;
	font-size: 16px;
}

section#search .search-box .s-keyword .sbm:hover {
	background: #FF455A;
	color: white;
	transition: 0.3s;
}


section#search .side-box {
	float: right;
	width: 270px;
}

section#search .pay {
	background: #FFFAEF;
	padding: 30px 20px;
	border-radius: 10px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}

section#search .pay p {
	margin-bottom: 15px;
}

section#search .pay .p2 span {
	color: #FF818B;
	font-size: 42px;
}

section#search .pay .p3 {
	font-size: 14.5px;
	color: #000000;
}

section#search .pay .p3 span {
	color: #FF818B;
	font-size: 18px;
}

section#search .pay .breakdown {
	position: relative;
	border: 1px solid #FF455A;
	padding: 10px 20px;
	border-radius: 40px;
	background-color: #fff;
	color: #FF455A;
	font-size: 13px;
	font-weight: initial;
	text-align: left;
	transition: 0.3s;
}

section#search .pay .breakdown:hover {
	background: #FF455A;
	color: white;
	transition: 0.3s;
}

section#search .pay .breakdown:before {
	content: "";
	position: absolute;
	margin-top: -0.4rem;
	top: 15px;
	right: 1.5rem;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #FF455A;
	border-right: 1px solid #FF455A;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

section#search .pay .breakdown:hover:before {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

section#search .login.notlogin,
section#search .login.islogin {
	display: block;
	position: relative;
	padding: 15px 40px 15px 74px;
	width: 132px;
	margin: 30px auto;
	background: #3ABFBF;
	box-shadow: 0px 3px 10px #00000029;
	font-size: 22px;
	font-weight: bold;
	color: white;
	overflow: hidden;
}

section#search .login.notlogin:hover {
	padding: 13px 20px 13px 70px;
	width: 156px;
	font-size: 26px;
}

section#search .login.notlogin:before,
section#search .login.islogin:before {
	position: absolute;
	content: "";
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/user-plus.svg) no-repeat;
	background-size: 22px;
	width: 22px;
	height: 22px;
	left: 40px;
}

section#search .login.notlogin:hover:before {
	background-size: 30px;
	width: 30px;
	height: 30px;
	left: 28px;
}

section#search .login.notlogin:after {
	content: "";
	background: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)) left top no-repeat,
		linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)) right top no-repeat;
	background-size: 33%, 33%;
	height: 100%;
	width: 760px;
	position: absolute;
	top: 0;
	right: 212px;
	transform: skewX(-78.2deg) translateX(4em);
	transition: all 0.3s ease-in-out;
}

section#search .login.notlogin:hover:after {
	transform: skewX(-78.2deg) translateX(23em);
	transition: all 0.3s ease-in-out;
}

section#search .login.islogin {
	background: #fff;
	color: #712626;
	text-align: center;
}

section#search .login.islogin:hover {
	background: #FFF0F5;
	transition: 0.3s;
}

section#search .login.islogin:before {
	background: url(https://d1n0u9i3ossclx.cloudfront.net/devsystemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/top/ico-heart-pink.svg) no-repeat;
	background-size: 22px;
	left: 50px;
}

section#search .mypage {
	text-align: right;
	color: #FF455A;
	margin-right: 10px;
	text-decoration: revert;
}

section#search .mypage a {
	text-decoration: underline;
}

section#pref_pickup,
section#startarea_pickup {
	margin: 25px calc(50% - 481px);
	padding-bottom: 20px;
	width: 962px;
	opacity: 1;
}

.prefpickupswiper-pagination,
.startareapickupswiper-pagination {
	height: 34px;
	line-height: 38px;
	text-align: center;
}

section#pref_pickup .swiper-pagination-bullets,
section#startarea_pickup .swiper-pagination-bullets {
	bottom: 0 !important;
}

.prefpickupswiper-pagination .swiper-pagination-bullet,
.startareapickupswiper-pagination .swiper-pagination-bullet {
	margin: 0 10px !important;
	width: 14px !important;
	height: 14px !important;
	background: #fff;
	opacity: 1;
}

.prefpickupswiper-pagination .swiper-pagination-bullet-active,
.startareapickupswiper-pagination .swiper-pagination-bullet-active {
	background: #FF67A2;
}

.pickup_area,
.pickup_area.swiper-container {
	padding: 20px 20px 10px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/pickup-bg2.png);
	background-position: bottom;
    overflow-x: hidden;
}

.pickup_title {
	padding-left: 20px;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/pickup-bg.png) no-repeat;
	background-size: 100%;
	height: 44px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

.pickup_title .title {
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 2px;
}

.pickup_title:before {
	position: initial;
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-pickup.svg) no-repeat !important;
	width: 0;
	height: 0;
	padding: 0;
	margin-right: 0;
}

.pref_campaign_banner,
.startarea_campaign_banner {
	width: 280px;
	margin-bottom: 10px;
}

.pickup_area.large .pref_campaign_banner {
	width: 100%;
}

.pref_campaign_banner img,
.startarea_campaign_banner img {
	width: 280px;
}

.pickup_area .pickup_contents {
	clear: both;
	width: 280px;
	height: auto;
	padding: 10px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 10px;
	opacity: 1;
}

.pickup_area .pickup_contents:not(.swiper-slide) {
	margin: 0 4px;
}

.pickup_area.middle .pickup_contents {
	width: calc(50% - 52px);
	padding: 10px 20px;
	margin: 0 10px;
}

.pickup_area.large .pickup_contents {
	width: calc(100% - 155.81px);
	margin: auto;
	padding: 10px 20px 20px;
}

.pickup_area .subtitle {
	width: auto;
	height: 32px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	color: #454545;
}

.pickup_area.middle .subtitle {
	width: calc(100% - 18px);
}

.pickup_area.large .subtitle {
	float: right;
	text-align: left;
	width: calc(32% - 18px);
	margin-right: 18px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 23px;
	height: 68px;
	-webkit-line-clamp: 3;
}

.pickup_area .title_image {
	margin-bottom: 10px;
}

.pickup_area.middle .title_image {
	text-align: center;
}

.pickup_area.large .title_image {
	float: left;
	width: calc(68% - 10px);
	margin-right: 10px;
	text-align: center;
}

.pickup_area .title_image img {
	height: 120px;
	width: 280px;
	object-fit: scale-down;
}

.pickup_area.middle .title_image img {
	max-width: 100%;
	max-height: 150.34px;
	height: auto;
	width: auto;
}

.pickup_area.large .title_image img {
	max-width: 100%;
	max-height: 220px;
	height: auto;
	width: auto;
}

.pickup_area .shop_name {
	width: auto;
	height: 20px;
	line-height: 20px;
	margin-bottom: 4px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	color: #FF67A2;
}

.pickup_area.middle .shop_name {
	width: calc(100% - 18px);
}

.pickup_area.large .shop_name {
	float: right;
	width: 32%;
}

.pickup_area .busstypes {
	width: 280px;
	font-size: 12px;
	color: #818080;
	margin-bottom: 5px;
}

.pickup_area.middle .busstypes {
	margin-bottom: 10px;
}

.pickup_area.large .busstypes {
	float: right;
	width: 32%;
	margin-bottom: 10px;
}

.pickup_area .pay_structure {
	display: flex;
	align-items: center;
}

.pickup_area.large .pay_structure {
	float: right;
	width: 32%;
	flex-wrap: wrap;
}

.pickup_area .pay_structure .title {
	padding: 8px 6px;
	background: #FF67A2;
	color: #fff;
	font-size: 12px;
	margin-right: 20px;
	position: relative;
}

.pickup_area.large .pay_structure .title {
	margin-bottom: 10px;
}

.pickup_area .pay_structure .title::before {
	content: "";
	border-style: solid;
	border-width: 0px 5px 10px 5px;
	border-color: transparent transparent #FF67A2 transparent;
	position: absolute;
	right: -9px;
	top: 8px;
	transform: rotate(90deg);
}

.pickup_area.large .pay_structure .title::before {
	right: calc(50% - 5px);
	top: 27px;
	transform: rotate(180deg);
}

.pickup_area .pay_structure .content {}

.pickup_area.middle .pay_structure .content {
	display: flex;
	margin-top: 5px;
}

.pickup_area.large .pay_structure .content {
	width: 100%;
	display: flex;
}

.pickup_area .pay_structure .content .type {
	border: 1px solid #424242;
	border-radius: 3px;
	padding: 3px 3px;
	font-size: 12px;
	color: #424242;
	width: fit-content;
	margin-bottom: 5px;
}

.pickup_area.middle .pay_structure .content .type {
	margin-right: 10px;
}

.pickup_area.large .pay_structure .content .type {
	margin-right: 10px;
}

.pickup_area .pay_structure .content .money {
	color: #FF67A2;
	font-size: 22px;
	font-weight: bold;
}

.mod-selectConditions {
	visibility: hidden;
	position: fixed;
	z-index: 99999;
	top: 150%;
	left: 50%;
	width: 962px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.mod-selectConditions.is-active {
	visibility: visible;
	top: 50%;
}

.mod-selectConditions .inner {
	overflow: hidden;
	padding: 40px 0 25px;
	background-color: #fff;
	border-radius: 15px;
	margin-bottom: 15px;
}

.mod-selectConditions .head {
	position: relative;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}

.mod-selectConditions .head:after {
	position: absolute;
	content: "";
	left: 48.5%;
	bottom: 0;
	width: 30px;
	border-bottom: 3px solid #FF8DAB;
	border-radius: 10px;
}

.mod-selectConditions .clearTxt {
	position: absolute;
	top: 12px;
	right: 40px;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}

.mod-selectConditions .clearTxt:before {
	position: absolute;
	content: "";
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rotate-right.svg) no-repeat;
	top: 0;
	left: -23px;
	width: 16px;
	height: 17px;
	transform: rotate(360deg);
	animation: clearTxt2 .3s;
}

.mod-selectConditions .clearTxt:hover {
	color: #ED0000
}

.mod-selectConditions .clearTxt:hover:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rotate-right-red.svg) no-repeat;
	animation: clearTxt .3s;
}

@keyframes clearTxt {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes clearTxt2 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.mod-selectConditions .body {
	max-height: 400px;
	padding: 0 60px;
	overflow-y: auto;
}

.mod-selectConditions .body::-webkit-scrollbar {
	width: 10px;
}

.mod-selectConditions .body::-webkit-scrollbar-thumb {
	background-color: #afafaf;
	border-radius: 10px;
}

.mod-selectConditions .conditions {
	padding-bottom: 10px;
	border-bottom: 1px solid #DEDEDE;
}

.mod-selectConditions .conditions:nth-last-of-type(1) {
	border-bottom: 0px;
}

.mod-selectConditions .conditions-ttl {
	position: relative;
	padding: 25px 0 25px 26px;
	font-size: 20px;
	font-weight: bold;
}

.mod-selectConditions .conditions:nth-child(1) .conditions-ttl {
	padding-top: 15px;
}

.mod-selectConditions .conditions-ttl:before {
	position: absolute;
	content: "";
	left: 0;
	width: 17px;
	height: 21px;
}

.mod-selectConditions .conditions-list {
	display: flex;
	flex-wrap: wrap;
}

.mod-selectConditions .conditions-item {
	display: flex;
	margin-bottom: 15px;
}

.mod-selectConditions .conditions-item-col-3 {
	width: calc(100% / 3);
}

.mod-selectConditions .conditions-item-empty {
	visibility: hidden;
	pointer-events: none;
}

.mod-selectConditions .conditions-item-col-4 {
	width: calc(100% / 4);
}

.mod-selectConditions .conditions-item-col-5 {
	width: calc(100% / 5);
}

.mod-selectConditions .conditions-item-col-6 {
	width: calc((100% - 60px) / 6);
	margin-right: 10px;
}

.mod-selectConditions .conditions-item-label-checkbox {
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	border: 1px solid #FF8DAB;
	border-radius: 3px;
	cursor: pointer;
}

.mod-selectConditions .conditions-item-checkbox:checked+.conditions-item-label-checkbox {
	background: #FF8DAB;
}

.mod-selectConditions .conditions-item-checkbox:checked+.conditions-item-label-checkbox::before {
	content: "";
	display: block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 7px;
	height: 3px;
	margin-top: 3px;
	margin-left: 2px;
	border-left: 2.5px solid #fff;
	border-bottom: 2.5px solid #fff;
}

.mod-selectConditions .conditions-item-label-radioBtn {
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 5px;
	border: 1px solid #1c1c1c;
	border-radius: 50%;
	cursor: pointer;
}

.mod-selectConditions .conditions-item-radioBtn:checked+.conditions-item-label-radioBtn::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px auto;
	background-color: #f17074;
	border-radius: 50%;
}

.mod-selectConditions .conditions-item-selectWrap {
	position: relative;
	height: 28px;
	width: 150px;
}

.mod-selectConditions .conditions-item-selectWrap::before,
.mod-selectConditions .conditions-item-selectWrap::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 10px;
	width: 0;
	height: 0;
	border: 4px dashed;
	border-color: #1c1c1c transparent;
	pointer-events: none;
}

.mod-selectConditions .conditions-item-selectWrap::before {
	border-bottom-style: solid;
	border-top: none;
}

.mod-selectConditions .conditions-item-selectWrap::after {
	margin-top: 7px;
	border-top-style: solid;
	border-bottom: none;
}

.mod-selectConditions .conditions-item-selectbox {
	width: 100%;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 5px 10px;
	border: 1px solid #1c1c1c;
	background-color: #fff;
	border-radius: 10px;
	vertical-align: bottom;
	cursor: pointer;
}

.mod-selectConditions .conditions-item-selectbox::-ms-expand {
	display: none;
}

.mod-selectConditions .conditions-item-selectbox>option {
	background: #888;
	color: #f5f5f5;
}

.mod-selectConditions .conditions-item-anchor {
	font-size: 16px;
}

.mod-selectConditions .conditions-item-grayout {
	font-size: 16px;
	opacity: 0.2;
}

.mod-selectConditions .conditions-item-txt {
	margin-right: 10px;
	font-size: 16px;
}

.mod-selectConditions .search-soapbanner {
	display: block;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 25px;
}

.mod-selectConditions .search-soapbanner img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.mod-selectConditions .btn-submit {
	padding: 18px 40px;
	border: 0px;
	border-radius: 10px;
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	float: left;
	margin-left: 36%;
	cursor: pointer;
	background-color: #fc4967;
	background-image: linear-gradient(170deg, #fc4967 50%, transparent 1%, transparent 100%),
		linear-gradient(180deg, #FF8DAB, #FF8DAB);
	background-size: 100% 100%, 100% 200%;
	background-repeat: no-repeat;
	background-position: 0px -57px, 0 -57px;
	transition: background-position 0.3s;
	transition: 0.3s;
}

.mod-selectConditions .btn-submit:hover {
	background-position: 0px 57px, 0 57px;
	transform: translateY(4px);
}

.mod-selectConditions .btn-submit.is-disabled {
	pointer-events: none;
	background-color: #8e8e8e;
}

.mod-selectConditions .btn-search-icon {
	width: 16px;
	margin-right: 10px;
}

.mod-selectConditions .closeTxt {
	float: right;
	z-index: 99999;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.mod-selectConditions .closeTxt:hover {
	color: #FF8DAB;
}

.mod-selectConditions~.overlay {
	visibility: hidden;
	position: fixed;
	z-index: 99998;
	top: 150%;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
}

.mod-selectConditions~.overlay.is-active {
	visibility: visible;
	top: 0;
}

.mod-selectConditions-place .conditions-ttl:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/map-marker.svg) no-repeat;
}

.mod-selectConditions-place .conditions:nth-child(1) .conditions-ttl:before {
	top: 15px;
}

.mod-selectConditions-place .conditions-body {
	margin-left: 8px;
}

.mod-selectConditions-place .conditions-item-anchor {
	position: relative;
	padding-left: 15px;
	display: flex;
	align-items: center;
}

.mod-selectConditions-place .conditions-item-anchor:before {
	content: "";
	position: absolute;
	left: 0;
	border-width: 5.5px 0 5.5px 6px;
	border-color: transparent transparent transparent #FF8DAB;
	border-style: solid;
}

.mod-selectConditions-place .conditions-item-anchor:hover {
	color: #FF8DAB;
}

.mod-selectConditions-place .conditions-item-anchor:hover:before {
	transform: translateX(2px);
	transition: .1s;
}

.mod-selectConditions-place .ensen {
	margin-top: 25px;
}

.mod-selectConditions-shop .conditions-ttl:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-job-pink.png) no-repeat;
	background-size: contain;
	top: 18px;
}

.mod-selectConditions-treat .conditions-ttl.sptreat:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-sticksto-pink.png) no-repeat;
	background-size: contain;
}

.mod-selectConditions-treat .conditions-ttl.treatment:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/tag-black-shape.svg) no-repeat;
	background-size: contain;
}

/* 【お仕事解説】XXXXXとは？ */
section#cocoa-column {
	margin: 5px calc(50% - 481px) 10px;
	width: 962px;
}

section#cocoa-column a:before {
	content: " ";
	background: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico_school.png") no-repeat;
	padding-left: 25px;
}

section#cocoa-column a {
	color: #4282BD;
	text-decoration: underline;
}


section#girl-interview {
	margin: 25px calc(50% - 481px);
}

section#girl-interview h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/female.svg) 50% 50% no-repeat;
}

section#girl-interview .template_text_interview {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 40px;
}

section#girl-interview .g-interview-group {
	width: 33%;
	float: left;
}

section#girl-interview .datum {
	margin-bottom: 30px;
}

section#girl-interview .datum-image {
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
}

section#girl-interview .datum-text {
	display: inline-block;
	vertical-align: middle;
	width: 240px;
	padding-left: 10px;
	margin-left: -6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #3c3c3c;
	font-size: 11px;
	line-height: 1;
}

section#girl-interview .datum-text a,
section#girl-interview .datum-text span {
	font-size: 14px;
	font-weight: bold;
}

section#girl-interview .datum-text a {
	color: var(--mensesthe-blue);
}

section#girl-interview .datum-text .info {
	margin-top: 4px;
	color: #5F6469;
	font-size: 11px;
}

section#girl-interview .datum-text .name {
	font-weight: bold;
	margin-top: 10px;
	font-size: 11px;
}

section#girl-interview .detail .question {
	padding-left: 22px;
	position: relative;
	color: #3c3c3c;
	margin-bottom: 25px;
	width: 260px;
}

section#girl-interview .detail .question:before {
	content: 'Q.';
	color: #63A6E0;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

section#girl-interview .detail .answer {
	width: 260px;
	padding-left: 22px;
	position: relative;
	color: #3c3c3c;
	line-height: 20px;
}

section#girl-interview .detail .answer:before {
	content: 'A.';
	color: #F07499;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

section#girl-interview .g-interview-group .img {
	width: 60px;
	height: 60px;
	border-radius: 70px;
}

/*staff interview*/
section#staff-interview {
	margin: 25px calc(50% - 481px);
}

section#staff-interview h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/male.svg) 50% 50% no-repeat;
}

section#staff-interview .template_text_interview {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 40px;
}

section#staff-interview .s-interview-group {
	width: 33%;
	float: left;
}

section#staff-interview .datum {
	margin-bottom: 30px;
}

section#staff-interview .datum-image {
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
}

section#staff-interview .datum-text {
	display: inline-block;
	vertical-align: middle;
	width: 240px;
	padding-left: 10px;
	margin-left: -6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #3c3c3c;
	font-size: 11px;
	line-height: 1;
}

section#staff-interview .datum-text a,
section#staff-interview .datum-text span {
	font-size: 14px;
	font-weight: bold;
}

section#staff-interview .datum-text a {
	color: #1b4698;
}

section#staff-interview .datum-text .info {
	margin-top: 4px;
	color: #5F6469;
	font-size: 11px;
}

section#staff-interview .datum-text .name {
	font-weight: bold;
	margin-top: 10px;
	font-size: 11px;
}

section#staff-interview .detail .question {
	padding-left: 22px;
	position: relative;
	color: #3c3c3c;
	margin-bottom: 25px;
	width: 260px;
}

section#staff-interview .detail .question:before {
	content: 'Q.';
	color: #63A6E0;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

section#staff-interview .detail .answer {
	width: 260px;
	padding-left: 22px;
	position: relative;
	color: #3c3c3c;
	line-height: 20px;
}

section#staff-interview .detail .answer:before {
	content: 'A.';
	color: #F07499;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

section#staff-interview .s-interview-group .img {
	width: 60px;
	height: 60px;
	border-radius: 70px;
}


/* QA */

section#shop-qa {
	display: block;
	margin: 25px calc(50% - 481px);
}

section#shop-qa h2:before {
	background: #ff455a url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/shop/index/ico-qa.svg) 50% 50% no-repeat;
}

section#shop-qa .shop-qa-contains {
	border: 2px solid #FFD8E2;
	border-radius: 10px;
	padding: 50px;
	background-color: #FFFBFC;
}


section#shop-qa .shop-qa-contains p {
	font-size: 23px;
	line-height: 34px;
	color: #FF8DAB;
	font-weight: 600;
	margin-bottom: 30px;
}

section#shop-qa .shop-qa-contains p::before {
	content: "";
	display: inline-block;
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/shop/index/ico-qa-pink.svg);
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
	background-size: cover;
	margin-right: 10px;
}


section#shop-qa label {
	border-radius: 6px 6px 0 0;
	border: 2px solid #FFD8E2;
	border-bottom: none;
	line-height: 60px;
	padding: 0 45px;
	text-align: center;
	color: #FF8DAB;
	background-color: white;
	display: inline-block;
	font-size: 20px;
	margin-bottom: -2px;
}

section#shop-qa label:first-child {
	margin-left: 50px;
}

section#shop-qa #shop-qa-switch-apply:checked~div label[for="shop-qa-switch-apply"],
section#shop-qa #shop-qa-switch-money:checked~div label[for="shop-qa-switch-money"] {
	background: #FFFBFC;
	color: #FF8DAB;
	font-weight: bold;
	border-top-width: 5px;
	line-height: 64px;
}

section#shop-qa #shop-qa-switch-apply:checked~div .shop-qa-contains-money,
section#shop-qa #shop-qa-switch-money:checked~div .shop-qa-contains-apply {
	display: none;
}

section#shop-qa .shop-qa-contains {
	overflow: hidden;
}

section#shop-qa .shop-qa-qablock {
	display: block;
	width: calc(50% - 8px);
	background: white;
	border: 1px solid #ffdbe2;
	border-radius: 5px;
	padding: 25px;
	margin-right: 15px;
	margin-top: 15px;
	box-sizing: border-box;
	float: left;
}

section#shop-qa .shop-qa-qablock:nth-child(2n) {
	margin-right: 0;
}

section#shop-qa .shop-qa-qablock:first-child,
section#shop-qa .shop-qa-qablock:nth-child(2) {
	margin-top: 0;
}

section#shop-qa .shop-qa-qablock h4 {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #535353;
	font-size: 16px;
	line-height: 24px;
}

section#shop-qa .shop-qa-qablock h4::before {
	content: "Q.";
}

section#shop-qa .shop-qa-qablock div {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 10px;
	color: #535353
}

section#shop-qa .shop-qa-qablock span,
section#shop-qa .shop-qa-qablock a {
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	display: block;
}

section#shop-qa .shop-qa-qablock a {
	color: #1B4698;
}

/*pager*/
.l-job_pager {
	letter-spacing: -0.4em;
	text-align: center;
	margin-top: 80px;
}

.l-job_pager li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 10px;
}

.l-job_pager li a,
.l-job_pager li span {
	background: #FFF;
	border: 1px solid #ff62a4;
	color: #ff63a4;
	font-size: 16px;
	padding: 7px 10px;
	border-radius: 5px;
	min-width: 14px;
	height: 20px;
	display: grid;
	align-items: center;
}

.l-job_pager li.current {
	background: #ff7ab1;
	border: 1px solid #ff62a4;
	color: #fff;
	font-size: 20px;
	padding: 7px 10px;
	border-radius: 5px;
}

.l-job_pager li span {
	background: #ff8dab;
	color: #fff;
}

/* 追従キャンペーンバナー（店舗詳細のママ使えないので上書き） */
#campaign_tracking_banner {
	bottom: 83px;
	width: 40px;
	height: 40px;
	position: fixed;
	left: auto;
	z-index: 9999;
	right: 10%;
}

/* ココミルリンク */
.column_link_wrapp {
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 2px;
	position: relative;
	padding: 15px 0;
	background: rgb(255, 255, 255);
	border-radius: 4px;
	height: 251px;
}

.column_link_wrapp.top_link {
	height: 200px;
}

.pr_box.s-plan + .column_link_wrapp.count_non {
	margin-top: 30px;
}

.column_link_wrapp.count_non {
	margin-bottom: 30px;
}

.column_link_wrapp .to_top_link {
	text-align: center;
	color: #f82477;
	font-size: 20px;
}

.column_link_wrapp .column_article {
	margin-top: 20px;
}

.column_link_wrapp .column_article a {
	position: relative;
	display: inline-block;
	word-wrap: break-word;
	overflow-wrap: break-word;
	padding: 0 15px;
}

.column_link_wrapp img {
	width: 35%;
	float: left;
	margin-right: 20px;
}

.column_link_wrapp .column_article .article {
	left: 38%;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	margin-top: -3px;
}

section#special {
	margin: 25px calc(50% - 481px) 0;
}

section#special .mainV {
	float: left;
}

section#special .mainV img {
	width: 430px;
}

section#special .content {
	float: right;
	width: 500px;
	margin-left: 20px;
}

section#special .special-ttl {
	color: #FF455A;
	font-size: 18px;
	padding-bottom: 8px;
	font-weight: bold;
	line-height: 26px;
}

section#special .special-txt {
	color: #1C1C1C;
	font-size: 16px;
	margin-top: 8px;
	line-height: 24px;
	letter-spacing: 0.02em;
}

/* CCA-985(CCA-944) group slider */
#group-wrapper {
	width: 100%;
	margin-bottom: 30px;
}

#group {
	background: transparent linear-gradient(90deg, #FFFDF4 0%, #FFF2F5 100%) 0% 0% no-repeat padding-box;
	padding: 35px 20px 30px;
	width: calc(100% - 40px);
}

#group .groupTtl {
	text-align: center;
	margin-bottom: 35px;
}

#group .groupTtl h2.title:before {
	background: transparent;
}

#group .groupTtl .title {
	font-size: 26px;
	font-weight: bold;
	color: #000000;
}

#group .groupTtl .title .icon {
	width: 30px;
	margin-right: 7px;
}
#group .swiper-horizontal > .swiper-pagination-bullets {
	bottom: auto;
}

#group .groupArea {
	width: 100%;
}

#group .groupArea .swiper-wrapper {
	margin-bottom: 6px;
}

#group .groupArea .groupContents.swiper-slide {
	width: calc((100% - 20px - 48px)/3);
	height: auto;
	border: 0;
	border-radius: 5px 3px 5px 5px;
	box-shadow: 0px 3px 6px #00000029;
	padding: 20px 8px;
	position: relative;
}

#group .groupArea:not(.group-swiper-container).small .groupContents.swiper-slide {
	margin-right: 10px;
}

#group .groupArea:not(.group-swiper-container).middle .groupContents.swiper-slide {
	margin-right: 20px;
	width: calc((100% - 20px - 80px)/2);
	padding: 20px;
}

#group .groupArea:not(.group-swiper-container).large .groupContents.swiper-slide {
	margin: auto;
	width: 579px;
	padding: 20px;
}

#group .groupArea:not(.group-swiper-container).large .groupContents.swiper-slide {
	margin: 0 auto;
}

#group .groupArea .groupContents.swiper-slide:nth-of-type(1) {
	background: #E8D39F;
}

#group .groupArea .groupContents.swiper-slide:nth-of-type(2) {
	background: #D6D6D6;
}

#group .groupArea .groupContents.swiper-slide:nth-of-type(3) {
	background: #E5BAAA;
}

#group .groupArea .groupContents.swiper-slide img.icon {
	position: absolute;
	top: -2.5px;
	left: -1px;
	width: 63px;
	z-index: 1;
}

#group .groupArea .groupContents>.content {
	height: 100%;
	background: white;
	border-radius: 34px;
	float: left;
	box-shadow: 0 0 0 2px #fff;
}

#group .groupArea .groupContents.swiper-slide:nth-of-type(1)>.content {
	border: 0.1rem solid #E8D39F;
}

#group .groupArea .groupContents.swiper-slide:nth-of-type(2)>.content {
	border: 0.1rem solid #D6D6D6;
}

#group .groupArea .groupContents.swiper-slide:nth-of-type(3)>.content {
	border: 0.1rem solid #E5BAAA;
}

#group .groupArea .groupContents>.content>img.pattern {
	width: 100%;
}

#group .groupArea.middle .groupContents>.content>img.pattern {
	display: block;
	width: 79.2%;
	margin: 13px auto;
}

#group .groupArea.large .groupContents>.content>img.pattern {
	display: block;
	margin: 13px auto;
	width: 56.16%;
}

#group .groupArea .groupContents>.content>.groupName {
	display: block;
	color: #FF455A;
	font-size: 18px;
	font-weight: bold;
	margin: -4px 10px 0 53px;
	height: 40px;
	line-height: 18px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

#group .groupArea.middle .groupContents>.content>.groupName {
	float: right;
	margin: 0 10px 10px;
	width: 112.7px;
}

#group .groupArea.large .groupContents>.content>.groupName {
	float: right;
	margin: 0 10px 10px 15px;
	width: 272px;
	max-height: 40px;
	height: auto;
}

#group .groupArea .groupContents>.content>.groupName>a {
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 21px;
}

#group .groupArea .groupContents>.content>.groupMainImage {
	display: block;
	width: calc(100% - 12px);
	height: calc(100% - 151px);
	margin: 0 auto 10px;
}

#group .groupArea.middle .groupContents>.content>.groupMainImage {
	float: left;
	width: 269px;
	height: auto;
	margin-left: 7px;
	margin-bottom: 17px;
}

#group .groupArea.large .groupContents>.content>.groupMainImage {
	float: left;
	width: 269px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 17px;
}

#group .groupArea .groupContents>.content>.category {
	width: calc(100% - 20px);
	margin: 0 0 10px 7px;
	color: #818080;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
}

#group .groupArea.small .groupContents>.content>.category {
	-webkit-line-clamp: 1;
}

#group .groupArea.middle .groupContents>.content>.category {
	float: right;
	width: 112.7px;
	margin: 0 10px 10px;
	-webkit-line-clamp: 4;
}

#group .groupArea.large .groupContents>.content>.category {
	float: right;
	width: 272px;
	margin: 0 10px 10px 15px;
}

#group .groupArea.middle .groupContents>.content>.large_area {
	float: right;
	width: 112.7px;
	margin: 0 10px 10px;
}

#group .groupArea.large .groupContents>.content>.large_area {
	float: right;
	width: 272px;
	margin: 0 10px 10px 15px;
}

#group .groupArea .groupContents>.content>.large_area>ul {
	display: inline-block;
	width: 100%;
	margin: 0;
}

#group .groupArea.small .groupContents>.content>.large_area>ul {
	width: calc(100% - 6px);
	margin: -3px 7px 10px;
}

#group .groupArea .groupContents>.content>.large_area.hidden>ul {
	height: 25px;
	overflow: hidden;
}

#group .groupArea.middle .groupContents>.content>.large_area.hidden>ul {
	height: 100px;
}

#group .groupArea.middle .groupContents>.content>.large_area::after {
	content: "etc...";
	height: 21px;
	clear: right;
	display: none;
	color: #b0b0b0;
	margin-bottom: 5px;
}

#group .groupArea.small .groupContents>.content>.large_area>ul::before {
	content: "etc...";
	height: 21px;
	clear: right;
	display: none;
	color: #b0b0b0;
	margin-bottom: 5px;
	line-height: 30px;
}

#group .groupArea.middle .groupContents>.content>.large_area.hidden::after,
#group .groupArea.small .groupContents>.content>.large_area.hidden ul::before {
	display: inline-block;
}

#group .groupArea .groupContents>.content>.large_area>ul>li {
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
	border-radius: 3px;
	border: 1px solid;
	font-size: 12px;
}

#group .groupArea .groupContents>.content>.large_area>ul>li.large_area_1 {
	color: #AADDFF;
	border-color: #AADDFF;
	background-color: #F7FCFF;
}

#group .groupArea .groupContents>.content>.large_area>ul>li.large_area_2 {
	color: #FFBF87;
	border-color: #FFBF87;
	background-color: #FFF9F4;
}

#group .groupArea .groupContents>.content>.large_area>ul>li.large_area_3 {
	color: #B3EB9F;
	border-color: #B3EB9F;
	background-color: #F6FFF4;
}

#group .groupArea .groupContents>.content>.large_area>ul>li.large_area_4 {
	color: #FFBFD6;
	border-color: #FFBFD6;
	background-color: #FFF8FB;
}

#group .groupArea .groupContents>.content>.large_area>ul>li.large_area_5 {
	color: #EFC2EC;
	border-color: #EFC2EC;
	background-color: #FFF8FE;
}

#group .groupArea .groupContents>.content>.large_area>ul>li.large_area_6 {
	color: #FFBCBC;
	border-color: #FFBCBC;
	background-color: #FFF8F8;
}

#group .groupArea .swiper-pagination-bullet-active {
	background: #FF8DAB;
}

#group-link {
	width: 100%;
	background: white;
	text-align: right;
	padding: 10px 0;
}

#group-link a {
	color: #FF8DAB;
	font-size: 14px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: right;
	padding-right: 15px;
}

#group-link a:after {
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid #FF8DAB;
	border-left: 0;
	border-bottom: 0;
	position: absolute;
	right: 5px;
	transform: rotate(45deg);
}

.s-plan {
	box-shadow: 10px 20px 20px #3E0F301A;
	width: 100%;
}
.s-plan .compaign-banner .shop-name {
	min-height: auto;
}
.s-plan .shop-content {
	list-style: none;
	display: flex;
	padding: 20px 30px;
	background: #FFF8CB;
	border: 3px solid #FF8DAB;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
.s-plan [data-role="main_images"] img {
	width: 511px;
}
.s-plan .shop-name .pr {
	background: #000;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	margin-right: 7px;
	width: 38px;
	height: 30px;
	text-align: center;
}
.s-plan .shop-name a {
	display: flex;
}
.s-plan .s_name {
	width: 410px;
}
section.shop-list .s-plan .compaign-banner {
	padding-left: 10px;
	width: calc(100% - 10px);
}
.s-plan .shop_left_content {
	padding-left: 22px;
	width: 100%;
}
section.shop-list.type-list .s-plan li[data-role="feeback_min_amount"] {
	background: #FF455A;
	color: #fff;
	border: none;
}
section.shop-list .pr_box.s-plan li[data-role="pay_structure"] {
	float: none;
	max-width: 290px;
	margin:34px 0 0 20px;
}

section.shop-list .s-plan .biz_info {
	font-size: 16px;
	line-height: 38px;
	padding-top: 22px;
}

section.shop-list>.s-plan>.shop-content {
	background: #FFF8CB;
}
section.shop-list>.s-plan>.shop-content:hover {
	background-color: #FFF6BF;
}

/* mensesthe page */
.mensesthe .f-tip-note .tip-note {
	background: #F0FBFB 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
}

.mensesthe section#no-shop-list,
.mensesthe section.shop-list .neighbouring {
	border-top-color: var(--mensesthe);
}

.mensesthe section.shop-list .shop-list-header li.on-check,
.mensesthe section.shop-list .shop-list-header li a:hover {
	background: var(--mensesthe);
}
.mensesthe section.shop-list .shop-list-header li a {
	color: var(--mensesthe);
}
.mensesthe section.shop-list .shop-list-header li a:hover {
	color: #FFF;
}
.mensesthe section.shop-list .shop-list-header li {
	border-color: var(--mensesthe);
}

.mensesthe .l-job_pager li a {
	border-color: #7E7E7E;
	color: #7E7E7E;
}
.mensesthe .l-job_pager li span {
	border-color: #7E7E7E;
	background: #7E7E7E;
}

.mensesthe section#top1-seo-text .title {
	color: var(--mensesthe-text);
}
.mensesthe section#top1-seo-text p a {
	color: var(--mensesthe) !important;
}

.mensesthe section#search .search-box .group .title {
	background: var(--mensesthe-blue);
}
.mensesthe section#search .search-box .condition {
	background: #EFEFEF;
}
.mensesthe section#search .search-box .station,
.mensesthe section#search .search-box .local {
	color: var(--mensesthe-blue);
	border-color: var(--mensesthe-blue);
}
.mensesthe #search .search-box .local:hover,
.mensesthe #search .search-box .station:hover {
	background: var(--mensesthe-blue);
	color: #FFF;
}

.mensesthe .mod-selectConditions-place .ensen .station {
	color: var(--mensesthe);
	border-color: var(--mensesthe);
}
.mensesthe .mod-selectConditions-place .ensen .station:hover {
	background: var(--mensesthe);
	color: #FFF;
}

.mensesthe section#search .search-box .station:hover:before,
.mensesthe .mod-selectConditions-place .ensen .station:hover:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/station-white.svg) no-repeat;
}
.mensesthe section#search .search-box .station:before,
.mensesthe .mod-selectConditions-place .ensen .station:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/station-green.svg) no-repeat;
}
.mensesthe .mod-selectConditions-place .conditions-ttl:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/map-marker-mensesthe.svg) no-repeat;
}
.mensesthe .mod-selectConditions .head:after {
	border-color: var(--mensesthe);
}
.mensesthe .mod-selectConditions-place .conditions-item-anchor:before {
	border-color: transparent transparent transparent var(--mensesthe);
}
.mensesthe .mod-selectConditions-place .conditions-item-anchor:hover,
.mensesthe .mod-selectConditions .closeTxt:hover {
	color: var(--mensesthe);
}
.mensesthe .mod-selectConditions .conditions-item-label-checkbox {
	border-color: var(--mensesthe);
}
.mensesthe .mod-selectConditions .conditions-item-checkbox:checked+.conditions-item-label-checkbox {
	background: var(--mensesthe);
}
.mensesthe .mod-selectConditions-shop .conditions-ttl:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-job-green.svg) no-repeat;
	background-size: contain;
}
.mensesthe .mod-selectConditions-treat .conditions-ttl.sptreat:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-sticksto-green.svg) no-repeat;
	background-size: contain;
}
.mensesthe .mod-selectConditions-treat .conditions-ttl.treatment:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/tag-black-shape-mensesthe.svg) no-repeat;
	background-size: contain;
}
.mensesthe .mod-selectConditions .btn-submit {
	background-color: var(--mensesthe-blue);
	background-image: linear-gradient(170deg, var(--mensesthe-blue) 50%, transparent 1%, transparent 100%),
	linear-gradient(180deg, var(--mensesthe), var(--mensesthe));
}
.mensesthe .mod-selectConditions .btn-submit:hover {
	background-position: 0px 67px, 0 67px;
}
.mensesthe .mod-selectConditions .clearTxt:hover:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/rotate-right-green.svg) no-repeat;
}
.mensesthe .mod-selectConditions .clearTxt:hover {
	color: var(--mensesthe);
}

.mensesthe section#search .search-box .local:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/change-blue.svg) no-repeat;
}
.mensesthe #search .search-box .local:hover:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/change-white.svg) no-repeat;
}
.mensesthe section#search .search-box .s-keyword .title {
	color: var(--mensesthe-blue);
}
.mensesthe section#search .search-box .s-keyword .sbm {
	border-color: var(--mensesthe-blue);
	color: var(--mensesthe-blue);
}
.mensesthe section#search .search-box .s-keyword .sbm:hover {
	background: var(--mensesthe-blue);
	color: #FFF;
}
.mensesthe section#search .search-box .s-keyword input:focus,
.mensesthe section#search .search-box .s-keyword input:hover {
	border-color: var(--mensesthe-blue);
}
.mensesthe section#search .search-box .s-keyword {
	background: #FFF;
	border: 1px solid #EFEFEF;
}
.mensesthe section#search .pay .p2 span,
.mensesthe section#search .pay .p3 span {
	color: var(--mensesthe);
}
.mensesthe section#search .pay .breakdown {
	border-color: #E4E4E4;
	color: var(--mensesthe-text);
}
.mensesthe section#search .pay .breakdown:hover {
	background: var(--mensesthe);
	border-color: var(--mensesthe);
	color: #FFF;
}
.mensesthe section#search .pay .breakdown:before {
	border-color: var(--mensesthe-text);
}
.mensesthe section#search .pay .breakdown:hover:before {
	border-color: #FFF;
}
.mensesthe section#search .mypage {
	color: var(--mensesthe);
}

.mensesthe section#cocoa-column a:before {
	background: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico_school-mensesthe.png") no-repeat;
}

.mensesthe section#hashtag .tag_more_link {
	color: var(--mensesthe);
}
.mensesthe section#hashtag .tag_more_link:before,
.mensesthe section#hashtag .tag_links.active+.tag_more_link::before {
	border-color: var(--mensesthe);
}

.mensesthe .pickup_title {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/pickup-bg-mensesthe.png) no-repeat;
	background-size: 100%;
}
.mensesthe .pickup_area,
.mensesthe .pickup_area.swiper-container {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/pickup-bg2-mensesthe.png);
}
.mensesthe .pickup_area .shop_name {
	color: var(--mensesthe-text);
}
.mensesthe .pickup_area .pay_structure .title {
	background: #EFEFEF;
	color: var(--mensesthe-text);
}
.mensesthe .pickup_area .pay_structure .title::before {
	border-color: transparent transparent #EFEFEF transparent;
}
.mensesthe .pickup_area .pay_structure .content .money {
	color: var(--mensesthe);
}

.mensesthe .prefpickupswiper-pagination .swiper-pagination-bullet,
.mensesthe .startareapickupswiper-pagination .swiper-pagination-bullet {
	background: #BFC8C8;
}
.mensesthe .prefpickupswiper-pagination .swiper-pagination-bullet-active,
.mensesthe .startareapickupswiper-pagination .swiper-pagination-bullet-active,
.mensesthe #group .groupArea .swiper-pagination-bullet-active {
	background: var(--mensesthe);
}

.mensesthe section#hashtag li {
	background: var(--mensesthe-light-bg) 0% 0% no-repeat padding-box;
}
.mensesthe section#hashtag li:hover {
	background: var(--mensesthe) 0% 0% no-repeat padding-box;
}

.mensesthe section.shop-list h2:before {
	background: var(--mensesthe) url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-ttl-mensesthe.svg) 50% 50% no-repeat;
}

/* shop block */
.mensesthe section.shop-list .compaign-banner {
	background: var(--mensesthe-dark-bg);
}
.mensesthe section.shop-list>ul>.shop-content::before {
	border-color: var(--mensesthe) transparent transparent transparent;
}

.mensesthe section.shop-list>ul>.shop-content {
	border-color: var(--mensesthe);
}
.mensesthe section.shop-list>ul>.shop-content:hover {
	background: var(--mensesthe-hover);
}
.mensesthe section.shop-list>.s-plan>.shop-content:hover {
	background-color: #FFF6BF;
}

.mensesthe section.shop-list li[data-role="pay_structure"] {
	border-color: rgba(0, 69, 116, 0.31);
	color: var(--mensesthe-blue);
}
.mensesthe section.shop-list li[data-role="pay_structure"]::before {
	color: var(--mensesthe-text);
}
.mensesthe section.shop-list li[data-role="pay_structure"]::after {
	background: var(--mensesthe-blue);
}

.mensesthe section.shop-list .s-plan li[data-role="pay_structure"] {
	border-color: #FF455A;
	color: #FF455A;
}
.mensesthe section.shop-list .s-plan li[data-role="pay_structure"]::before {
	color: #FF455A;
}
.mensesthe section.shop-list .s-plan li[data-role="pay_structure"]::after {
	background: #FF455A;
}

.mensesthe section.shop-list li[data-role="shop_tabs"] label {
	border-color: var(--mensesthe);
	color: var(--mensesthe-text);
	background: var(--mensesthe-light-bg);
}
.mensesthe section.shop-list .shopblock-tab-info:checked~li[data-role="shop_tabs"] .shopblock-label-info,
.mensesthe .shop-list .shopblock-tab-env:checked~li[data-role="shop_tabs"] .shopblock-label-env,
.mensesthe section.shop-list .shopblock-tab-memo:checked~li[data-role="shop_tabs"] .shopblock-label-memo,
.mensesthe section.shop-list .shopblock-tab-reviews:checked~li[data-role="shop_tabs"] .shopblock-label-reviews {
	color: var(--mensesthe);
}
.mensesthe section.shop-list li[data-role="shop_tabs"]~li[data-role="work_info"],
.mensesthe section.shop-list li[data-role="shop_tabs"]~li[data-role="shop_env"],
.mensesthe section.shop-list li[data-role="shop_tabs"]~li[data-role="memo"],
.mensesthe section.shop-list li[data-role="shop_tabs"]~li[data-role="reviews"] {
	border-color: var(--mensesthe);
}

.mensesthe section.shop-list li.shop-review,
.mensesthe section.shop-list li.shop-review-dekasegi,
.mensesthe section.shop-list li.shop-review,
.mensesthe section.shop-list li.shop-review-dekasegi {
	color: var(--mensesthe-text);
	border-color: var(--mensesthe);
}
.mensesthe section.shop-list li.shop-review:before,
.mensesthe section.shop-list li.shop-review-dekasegi:before {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-review-mensesthe.png);
}

.mensesthe section.shop-list dl.shopblock-work-info>dt[data-role="start_area_jp"],
.mensesthe section.shop-list dl.shopblock-work-info>dt[data-role="sub_area_jp"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-pin-grey.svg");
}

.mensesthe section.shop-list dl.shopblock-work-info>dt[data-role="recruit_license"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-age-grey.svg");
}

.mensesthe section.shop-list dl.shopblock-work-info>dt[data-role="pay_structure_option"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-yen-grey.svg");
}

.mensesthe section.shop-list dl.shopblock-work-info>dt[data-role="recruit_time"] {
	background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-watch-grey.svg");
}

.mensesthe section.shop-list.type-list li[data-role="feeback_min_amount"],
.mensesthe section.shop-list.type-rank li[data-role="feeback_min_amount"] {
	color: #FF455A;
	border-color: #FF455A;
}
.mensesthe section.shop-list.type-rank li.keep-mark:hover {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/keep-2-mensesthe.svg);
}
.mensesthe section.shop-list.type-rank li.keep-mark.bt-keep-midst:hover {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/keep-4-mensesthe.svg);
}

.mensesthe section.shop-list.type-list .s-plan li[data-role="feeback_min_amount"] {
	color: #FFF;
	background: #FF455A;
}

.mensesthe section.shop-list li[data-role="recommendtreatment_data"] {
	border-color: #E4E4E4;
}
.mensesthe section.shop-list li[data-role="recommendtreatment_data"]::before {
	background-color: var(--mensesthe);
}
.mensesthe section.shop-list li[data-role="recommendtreatment_data"] h4 {
	color: var(--mensesthe);
}

.mensesthe .s-plan .shop-content {
	border-color: var(--mensesthe-dark-bg);
}

.mensesthe section.shop-list li[data-role="shop_env"] .atmosphereChart .chartHead {
	background: #7E7E7E;
}
.mensesthe section.shop-list li[data-role="shop_env"] .atmosphereChart .chartHead::after {
	border-color: #7E7E7E transparent transparent transparent;
}
.mensesthe section.shop-list li[data-role="shop_env"] .atmosphereChart .chartBody::before,
.mensesthe .shop-list li[data-role="shop_env"] .atmosphereChart .chartPoint::before {
	background: #E4E4E4;
}

.mensesthe section.shop-list li.shop-detail {
	background-color: var(--mensesthe);
	border-color: #E4E4E4;
	color: var(--mensesthe-text);
	transition: none;
}
.mensesthe section.shop-list li.shop-detail a::after {
	border-color: var(--mensesthe-text);
	transform: rotate(45deg) translateY(-6px) translate(10px, -10px);
}
.mensesthe section.shop-list li.shop-detail a:hover {
	color: #FFF;
}
.mensesthe section.shop-list li.shop-detail:hover a::after {
	border-color: #FFF;
}

.mensesthe section.shop-list li.shop-oubo::before {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/simple-input-mensesthe.png);
}
.mensesthe section.shop-list li.shop-oubo {
	background-color: var(--mensesthe-blue);
	background-image: linear-gradient(120deg, var(--mensesthe-blue) 50%, transparent 1%, transparent 100%),
		linear-gradient(120deg, transparent 0%, #005E9D 45%, #005E9D 100%);
}
.mensesthe .shop-list .plan-mask-2 li[data-role="shop_name"],
.mensesthe .shop-list .plan-mask-4 li[data-role="shop_name"] {
	color: var(--mensesthe-text);
}

.mensesthe section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab .back_list_ttl.on {
	border-color: var(--mensesthe);
	background: var(--mensesthe-light-bg);
	color: var(--mensesthe-text);
}
.mensesthe section.shop-list.type-list li[data-role="feeback_datas"] .back_list .back_list_tab .back_list_ttl {
	border-bottom-color: var(--mensesthe);
}
.mensesthe section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp {
	border-color: var(--mensesthe);
	background: var(--mensesthe-light-bg);
}
.mensesthe section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr:first-child {
	color: var(--mensesthe-text);
}
.mensesthe section.shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl1"] {
	background: #F8F8F8;
}
.mensesthe .shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl2"] {
	background: #F0F0F0;
}
.mensesthe .shop-list.type-list li[data-role="feeback_datas"] .back_list_table_wrapp table tr[class*="_girl3"] {
	background: #E5E5E5;
}
.mensesthe section.shop-list li[data-role="shop_env"] .daily-work {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-btm-mensesthe.svg) no-repeat;
}
.mensesthe .shop-list li[data-role="shop_env"] .shop-env {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/search/ico-ambience-mensesthe.svg) no-repeat;
}

.mensesthe #group {
	background: transparent linear-gradient(90deg, #FFFDF4 0%, #DEFFF8 100%) 0% 0% no-repeat padding-box;
}
.mensesthe #group-link a {
	color: var(--mensesthe);
}
.mensesthe #group-link a:after {
	border-color: var(--mensesthe);
}

.mensesthe section.shop-list li.sptreat-block p {
	border-color: #E4E4E4;
	color: var(--mensesthe-text);
}
.mensesthe section.shop-list li.sptreat-block p::before {
	background-color: var(--mensesthe-blue);
}

.mensesthe .shopblock-reviews .review-list-body {
	border-color: var(--mensesthe);
	background: var(--mensesthe-light-bg);
}
.mensesthe .shopblock-reviews .title {
	color: var(--mensesthe-text);
	background: var(--mensesthe-light-bg);
}
.mensesthe .shopblock-reviews .goodReview,
.mensesthe .shopblock-reviews .concernReview {
	border: 3px solid #E4E4E4;
}

.mensesthe section#popular-Job h2:before {
	background: var(--mensesthe) url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/popularity.svg) 50% 50% no-repeat;
}
.mensesthe section#popular-Job p {
	color: #7E7E7E;
}

.mensesthe section#shop-qa h2:before {
	background: var(--mensesthe) url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/shop/index/ico-qa-mensesthe.svg) 50% 50% no-repeat;
}
.mensesthe section#shop-qa label {
	border-color: var(--mensesthe);
	color: var(--mensesthe);
}
.mensesthe section#shop-qa #shop-qa-switch-apply:checked~div label[for="shop-qa-switch-apply"],
.mensesthe section#shop-qa #shop-qa-switch-money:checked~div label[for="shop-qa-switch-money"] {
	background: var(--mensesthe-light-bg);
	color: var(--mensesthe);
}
.mensesthe section#shop-qa .shop-qa-contains {
	border-color: var(--mensesthe);
	background: var(--mensesthe-light-bg);
}
.mensesthe section#shop-qa .shop-qa-contains p {
	color: var(--mensesthe-text);
}
.mensesthe section#shop-qa .shop-qa-qablock {
	border-color: #E4E4E4;
}
.mensesthe section#shop-qa .shop-qa-contains p::before {
	background-image: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/sp/shop/index/ico-qa-green.svg);
}

.mensesthe section#moveBreakbown h2:before {
	background: url(https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/assets/img/user/pc/search2020/ico-salary-mensesthe.svg) 50% 50% no-repeat;
}

.mensesthe section.r-area h2:before {
	background-color: var(--mensesthe);
}
.mensesthe section.r-area .area-list a,
.mensesthe section.r-area .local-list a,
.mensesthe section.r-area .station-list a {
	color: var(--mensesthe);
	border-color: var(--mensesthe);
}
.mensesthe section.r-area .area-list a::after,
.mensesthe section.r-area .local-list a::after,
.mensesthe section.r-area .station-list a::after {
	border-color: var(--mensesthe);
}

.mensesthe section#bottom-seo-text p {
	border-color: #E4E4E4;
}
.mensesthe section#top2-seo-text p a,
.mensesthe section#bottom-seo-text p a {
	color: var(--mensesthe) !important;
}

.mensesthe section#moveBreakbown .tableSpace {
	padding: 0;
}