@charset "utf-8";
body {
	font-family: 'meiryo', sans-serif;
	color: #2d2d2d;
	font-size: 24px;
}
*,
::after,
::before {
	box-sizing: border-box;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
figure {
	margin: 0;
}
a {
	cursor: pointer;
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover {
	text-decoration: none;
	opacity: 1;
}
a.link {
	color: #007bff;
	text-decoration: underline;
}
div {
	word-wrap: break-word;
}
.disabled {
	pointer-events: none;
}
.small {
	font-size: 80%;
}
.block {
	display: block;
}
.maru_i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 4px solid #f25287;
	color: #f25287;
}
.maru_i.v-2 {
	color: #fff;
	border-color: #fff;
}
@media only screen and (max-width: 640px) {
	.body-shop {
		padding-bottom: 137px;
	}
}

/*color*/
.c-fff {
	color: #fff;
}
.c-1,
.req {
	color: #f25287 !important;
}
.c-2 {
	color: #2d2d2d;
}
.c-3 {
	color: #202020;
}
.c-4 {
	color: #ff8aaf;
}

.bg-fff {
	background-color: #fff;
}
.bg-000 {
	background-color: #000;
}
.bg-1 {
	background-color: #f25287;
}
.bg-2 {
	background-color: #2d2d2d;
}
.bg-3 {
	background-color: #202020;
}
.bg-4 {
	background-color: #f9f3f3;
}
.bg-5 {
	background-color: #f7d9d9;
}

.bgp-1 {
	background-color: #1a1a1a;
	background-repeat: repeat;
	background-image: linear-gradient(135deg, #1a1a1a 25%, transparent 25%), linear-gradient(225deg, #1a1a1a 25%, transparent 25%), linear-gradient(45deg, #1a1a1a 25%, transparent 25%), linear-gradient(315deg, #1a1a1a 25%, #4d4d4d 25%);
	background-position: 5px 0, 5px 0, 0 0, 0 0;
	background-size: 5px 5px;
}
.bgp-2 {
	background-image: repeating-linear-gradient(135deg, #f4c9c9, #f4c9c9 1px, transparent 1px, transparent 7px), repeating-linear-gradient(45deg, #f4c9c9, #f4c9c9 1px, #f7d9d9 1px, #f7d9d9 7px);
}

/*btn*/
.btn {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	padding: 7px 10px;
	font-weight: bold;
	line-height: 1.1;
	position: relative;
}
.btn-1 {
	background-color: #f25287;
	color: #fff;
	border: 2px solid #f25287;
	overflow: hidden;
	border-radius: 5px;
}
.btn-2 {
	background-color: #fff;
	color: #f25287;
	border: 2px solid #f25287;
	overflow: hidden;
	border-radius: 5px;
}
.btn-3 {
	background-color: #1c1c1c;
	color: #fff;
}
.btn-4 {
	background-color: #444;
	color: #fff;
}
.btn-11 {
	background-color: #fff;
	color: #f25287;
	border-radius: 100px;
	box-shadow: 0 0 0 3px #f25287, 0 0 0 7px #fff;
}
.btn-12 {
	background-color: #202020;
	color: #fff;
	border-radius: 100px;
	box-shadow: 0 0 0 3px #fff, 0 0 0 7px #202020;
}
.btn-13 {
	background-color: #f25287;
	color: #fff;
	border-radius: 100px;
	box-shadow: 0 0 0 3px #fff, 0 0 0 7px #f25287;
}
.btn-line {
	background-color: #06c755;
	color: #fff;
}

.btn-xl {
	font-size: 34px;
	width: 100%;
	display: inline-block;
	padding: 24px 0;
	border-radius: 10px;
}

.main-list .con_in .btn-xl {
	margin: 0 0 30px 0;
	display: block;
}
.main-list .con_in .btn-xl:last-child {
	margin: 0;
}

.btn .in_small {
	font-size: 80%;
	margin-left: 10px;
}
.btn.disabled {
	background-color: #ddd;
	border-color: #ddd;
}
.btn-block {
	width: 100%;
	display: block;
}
.btn-lg {
	font-size: 24px;
	padding: 12px 10px;
}
.btn-sm {
	font-size: 24px;
	padding: 5px 10px;
}
.btn-1:hover {
	background-color: #fc78a3; /* overflow: hidden; */ /* border-radius: 10px; */
}
.btn-2.active,
.btn-2.checked,
.btn-2:hover {
	background-color: #f7d9d9;
}
.tag {
	cursor: initial;
}
.tag.btn-1:hover {
	background-color: #f25287;
}

/*fa*/
.h_nav a::before {
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Font Awesome 5 Free';
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
}

/*---LAYOUT---*/
.container {
	position: relative;
	max-width: 670px;
	padding: 0 15px;
	margin: 0 auto;
}
.bread .container {
	padding: 15px 15px 10px 15px;
	overflow: auto;
	max-width: 100%;
}
.container.v-head {
	max-width: 1010px;
}
.container.v-foot {
	max-width: 880px;
}
.container.v-wrp {
	padding: 0;
	max-width: 640px;
}
.body-index .container.v-wrp {
	padding: 90px 0 0 0;
	max-width: 640px;
}

@media only screen and (max-width: 640px) {
	.main-index {
		padding-top: 97px;
	}
}
.con_in {
	padding: 0 15px;
}

/*---HEADER---*/
#header {
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	color: #fff;
	border-bottom: 5px solid #f25287;
}
.h-top {
	background-color: #202020;
	text-align: center;
	font-size: 12px;
	padding: 3px 0;
}
.h-body {
	padding: 10px 0 10px;
}
.h-logo img {
	width: 115px;
	min-width: 115px;
	height: auto;
}
.a-logo {
	line-height: 1;
}
.wrp-h_nav {
	display: flex;
	align-items: center;
	width: 100%;
}
.wrp-h_nav .h_nav {
	width: 100%;
}
.h_nav > ul {
	display: flex;
	justify-content: center;
	border-right: 1px solid #262626;
}
.h_nav li.disabled {
	display: none;
}
.h_nav a {
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 10px;
	border-left: 1px solid #262626;
}
.h-btn {
	min-width: 200px;
	margin-left: 15px;
}

.h-btn .btn {
	font-size: 12px;
	padding: 7px 0;
	width: 49%;
}
.h-site_name_sub {
	font-size: 12px;
	color: #ccc;
	margin-left: 7px;
}
.h-site_name {
	font-size: 26px;
	font-weight: bold;
}

/*bread*/
.bread {
	background-color: #fff;
	padding: 105px 0 5px;
	font-size: 18px;
}
.bread_in {
	padding: 0;
	margin: 0;
}
ol.bread_in li {
	list-style: none;
	white-space: nowrap;
}
.bread_item {
	display: flex;
	align-items: center;
}
.bread_item::after {
	content: '>';
	margin: 0 5px;
}
ol.bread_in li:last-child .bread_item::after {
	content: none;
}

/*---MAIN---*/
.shop_tag > .btn {
	padding: 0;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shop_tag > .btn i {
	font-size: 24px;
	margin-right: 10px;
}
.shop_tag.v-x2 > .btn {
	width: 48%;
}
.shop_tag.v-x3 > .btn {
	width: 32%;
}
.shop_tag.v-onoff > .btn {
	margin-right: 15px;
}
.shop_tag.v-onoff > .btn:last-child {
	margin-right: 0px;
}

.info-label {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 5px;
}
.wage {
	font-weight: bold;
	font-size: 40px;
	line-height: 1;
}
.labelbox {
	border: 2px solid #f25287;
	border-radius: 5px;
	padding: 10px 0;
	background-color: #f7d9d9;
	text-align: center;
	font-weight: bold;
}

/*---MODAL---*/
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
.modal_bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal-content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
.modal-one_title {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
}
.modal-style_1 {
	background: #202020;
	color: #fff;
	padding: 30px;
	max-width: 640px;
	border: 4px solid #fff;
	outline: solid #f25287 5px;
	border-radius: 2px;
}
.modal-style_2 {
	background: #fff;
	padding: 30px;
	max-width: 640px;
	border: 5px solid #f25287;
	border-radius: 2px;
}
.modal-one_title.ab {
	top: 45%;
	width: 100%;
}

.mymodal-header {
	margin-bottom: 30px;
	text-align: center;
}
.mymodal-title {
	font-size: 30px;
	font-weight: bold;
}
.mymodal-text {
	margin-top: 15px;
	text-align: left;
}
.wrp-tate_btns > a {
	margin-bottom: 25px;
	display: block;
	overflow: hidden;
	border-radius: 10px;
}
.wrp-tate_btns > a img {
	width: 100%;
	display: block;
}
.mymodal-footer {
	text-align: center;
	padding: 10px 0;
}
.mymodal-step_end {
	text-align: center;
}
.mymodal-step_end .step_end_text {
	margin-top: 30px;
	font-weight: bold;
}
.mymodal-footer.v-2 {
	margin-top: 40px;
}
.vali_error {
	font-size: 18px;
}

.modal-content.v-long {
	padding: 30px 0 15px;
}
.mymodal-header.v-wide {
	margin: 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #ddd;
}
.mymodal-header .js-modal_close {
	right: 25px;
	top: 25px;
}
.modal_areas {
	margin-bottom: 25px;
}
.modal_areas .item-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 3px solid #f25287;
}
.modal_areas .item-box {
	width: 33.3%;
	margin-bottom: 10px;
}
.wrp-modal_areas {
	max-height: 70vh;
	overflow: auto;
	padding: 30px 15px 15px;
}
#rp_area_ids {
	display: flex;
	flex-wrap: wrap;
}
#rp_area_ids .item {
	margin: 0 5px;
}
.modal-content.v-long .mymodal-footer {
	padding: 15px 15px 0;
	border-top: 2px solid #ddd;
}

/*---INDEX---*/
.mv {
	padding: 70px 0 30px;
	color: #fff;
	text-align: center;
	background: url('../images/bg_mv.webp') no-repeat scroll center center / cover;
}
.mv-title {
	display: block;
	font-weight: bold;
	margin-bottom: 40px;
	padding: 15px 0;
	font-size: 30px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
	border: 2px solid #f25287;
}
.mv-under {
	border-top: 2px solid #f25287;
	margin: 15px auto 0;
	padding-top: 15px;
	max-width: 480px;
	width: 80%;
	font-weight: bold;
	font-size: 24px;
}
.news_bar {
	padding: 10px 0;
}
.news_bar i {
	font-size: 30px;
	margin-right: 30px;
}
.news_bar img {
	margin-right: 20px;
}
.news_bar .item-main {
	width: 100%;
	font-size: 20px;
}

.sec {
	background-color: #fff;
	position: relative;
	padding: 100px 0 0;
}
.sec-head {
	text-align: center;
	margin-bottom: 40px;
}
.sec-title {
	font-weight: bold;
	font-size: 40px;
}
.area_search_text .sec-title {
	font-weight: bold;
	font-size: 34px;
}
.sec-title::after {
	border-bottom: 6px solid #f25287;
	display: block;
	width: 200px;
	margin: 5px auto 0;
	content: '';
}

/*SiteAllReactions*/
.wrp-sas {
	padding: 0;
	position: relative;
	height: 56px;
	overflow: hidden;
}
.sas_inner {
	display: block;
	white-space: nowrap;
	white-space: nowrap;
	padding: 10px 15px;
	margin: 0 50px;
}
.marquee-anim {
	transition: all 0.3s;
}
.marquee-anim {
	opacity: 1;
	animation: marquee 15s linear infinite;
	position: absolute;
	top: 0;
	left: 50%;
	display: flex;
	transform: translate(-50%, 0%);
	white-space: nowrap;
}
@keyframes marquee {
	0% {
		transform: translate(-40%, 0%);
	}
	100% {
		transform: translate(-60%, 0%);
	}
}

/*list_shop*/
.list_shop {
	margin-bottom: 140px;
}
.list_shop .item-cover {
    width: 100%;
    height: 405px;
    display: block;
}
.list_shop.v-slide,
.list_shop:last-child {
	margin-bottom: 0;
}
.shop-head,
.list_shop-head {
	background-color: #202020;
	color: #fff;
	padding: 15px 0 0;
	font-weight: bold;
}
.list_shop .item-area {
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
}
.shop-title,
.list_shop .item-title {
	font-size: 30px;
	padding: 0 0 15px 0;
}
.list_shop .item-meta {
	padding: 0 15px 0 15px;
}
.list_shop .item-photo {
	margin-top: 0px;
}
.list_shop-body {
	background-color: #f9f3f3;
	padding: 25px 0;
}
.list_shop .item-tag_1 {
	margin-bottom: 30px;
}
.list_shop-info > div {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #fff;
}
.list_shop-info > div:last-child {
	border: none;
	margin-bottom: 0;
}
.list_shop-foot {
	background-color: #ddd;
	padding: 30px 0;
}
.list_shop.v-link {
	display: block;
}
.list_shop.v-link .list_shop-head {
	padding-bottom: 0;
}
.list_shop .item-cover img {
	display: block;
    max-height: 405px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}
.item-cover img {
	display: block;
    max-height: 405px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

/*photo_box*/
.wrp-photo_box {
	background-color: #202020;
}
.photo_box {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
}
.photo_box figure {
	width: 200px;
	height: 200px;
	overflow: hidden;
	background-color: #444;
	position: relative;
}
.photo_box figure img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/*mini_info*/
.wrp-mini_info {
	background-color: #fff;
	padding-top: 100px;
	color: #fff;
}
.wrp-mini_info .item-inner {
	background-color: #d71c70;
	padding-bottom: 100px;
}
.wrp-mini_info .item-title {
	font-size: 36px;
	margin-bottom: 30px;
}
.wrp-mini_info .top_01 {
	margin-bottom: 40px;
}
.wrp-mini_info .top_02 {
	margin-bottom: 50px;
}
.wrp-mini_info .top_03 {
	margin-bottom: 50px;
}
.wrp-mini_info .item-text {
	font-size: 26px;
	margin: 40px 0;
}
.wrp-mini_info .item-btn {
	padding: 0 30px;
}

/*---PAGE---*/
.t_style {
	font-size: 28px;
	line-height: 1.6;
}
.att_style {
	font-weight: bold;
	font-size: 28px;
	color: #f25287;
}
.att_style.disabled {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
.wrp-page {
	background-color: #fff;
}
.wrp-page.v-lp {
	padding-bottom: 30px;
}
.page-head {
	background-color: #202020;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}
.page-title {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.page-title span {
	font-size: 20px;
}
.page-small_title {
	font-size: 28px;
}
.page-body {
	padding-top: 25px;
	padding-bottom: 25px;
}
.page-head.v-small {
	padding: 10px 0;
	font-size: 20px;
}
.page-head.v-info {
	background-color: #000;
}
.page-head.confirm .page-small_title {
	font-size: 24px;
}
.page-head .page-warning_text {
	font-size: 28px;
	color: #f25287;
}
.btn_change {
	font-size: 32px;
	width: 100%;
	display: inline-block;
	padding: 18px 0;
	border-radius: 10px;
}

/*sub_box*/
.sub_box {
	margin-bottom: 30px;
}
.sub_box:last-child {
	margin-bottom: 0;
}
.sub-title {
	font-weight: bold;
	font-size: 24px;
	border-bottom: 3px solid #f25287;
	margin-bottom: 15px;
}
.sub-label {
	font-weight: bold;
	margin-top: 20px;
	font-size: 20px;
}
.sub-text {
	margin-top: 5px;
}

/*policy terms*/
.wrp-terms p {
	margin: 0 0 15px;
}
.list-block {
	margin-bottom: 30px;
}
ul.ul-lis {
	padding-left: 35px;
}
ul.ul-lis li {
	list-style: decimal;
	position: relative;
	margin-bottom: 5px;
}
ul.ul-lis.v-2 > li {
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
}
ul.ul-lis.v-2 > li:before {
	display: block;
	content: '(' counter(cnt) ') ';
	position: absolute;
	left: -35px;
}
ul.ul-lis.v-3 > li {
	list-style: disc;
}

/*link_list*/
.link_list {
	margin-top: 10px;
}
.link_list > div {
	margin-bottom: 5px;
}

/*regist*/
.page-body.v-regist {
	padding-bottom: 0;
}
.regist-step {
	padding: 15px;
}
.regist-atten.mail_alert {
	padding: 0;
	border: none;
}
.form-check {
	margin-top: 10px;
}
.label-small {
	font-size: 24px;
	font-weight: normal;
}
.wrp-input_tel {
	display: flex;
	align-items: center;
}
.wrp-input_tel input {
	width: 30%;
}
.input_sepa {
	margin: 0 5px;
}
.v-mb,
.regist-atten {
	margin-bottom: 25px;
}
.form-longs .sub_box {
	margin-bottom: 50px;
}
.label-dw {
	margin: -5px 0 5px;
}
.v-not_req .form-control {
	background-color: #f9f3f3;
}
.under_input {
	font-size: 24px;
	margin: 5px 0 0;
}
.send_address {
	padding: 15px 15px 90px;
	position: relative;
	background: url('../images/page/regist_04.webp') no-repeat scroll 0 0 / 100% 100%;
}
.send_address .item-title {
	text-align: center;
	font-size: 28px;
	margin-bottom: 20px;
}
.send_address .item-inner {
	background-color: #fff;
	font-size: 28px;
	padding: 15px 15px 15px 50px;
	position: relative;
}
.send_address-img {
	text-align: center;
	margin-top: -20px;
}
.tg-remove_co {
	position: relative;
}
.js-remove_co_1.ab {
	left: -35px;
}
.lastform {
	background-color: #f9f3f3;
	margin: 0 -15px;
	padding: 30px 15px 60px;
}
.lastform .item-text {
	margin-bottom: 10px;
}
.irame_box {
	height: 200px;
	overflow: auto;
	background-color: #fff;
	padding: 15px;
}
.irame_box .t_style {
	font-size: 24px;
}
.hidden {
	display: none;
}
.step-input .f_tag_2,
.step-input .f_tag_3,
.step-change .f_tag_2,
.step-change .f_tag_3,
.step-confirm .f_tag_1,
.step-confirm .f_tag_3,
.step-send .f_tag_1,
.step-send .f_tag_2,
.btn-3.no_active {
	background-color: #999;
}
.form-sended.v-regist {
	padding-bottom: 60px;
}
.form-sended.v-regist .item-txt {
	text-align: center;
	margin: -30px 0 30px;
}
.mail_alert.v-toggle .item-head {
	max-width: 430px;
	margin: 0;
}
.mail_alert.v-toggle .js-toggle {
	right: 20px;
	font-size: 48px;
	top: 0px;
}
.is_close > i.fas::before {
	content: '\f107';
}
.mail_alert.v-toggle .item-body {
	margin-top: 20px;
}
.regist_end {
	background-color: #f7d9d9;
	padding: 25px;
	border: 2px solid #f25287;
	border-radius: 5px;
}
.regist_end .item-title {
	text-align: center;
	margin-bottom: 20px;
	font-size: 24px;
}
.regist_end .item-img {
	margin-top: 30px;
}

/*jobregist*/
.regist-step.v-2 {
	padding: 30px 15px;
}
.regist-step .item-title {
	text-align: center;
	border-radius: 5px;
	color: #fff;
	padding: 20px 0;
}
.jobregist_input_01 {
	text-align: center;
}
.mb-add_1 {
	margin-bottom: 20px;
}
.wrp-jobregist_send {
	margin-top: 50px;
	background-color: #f9f3f3;
	border-radius: 10px;
	padding: 30px 15px;
	border: 2px solid #f7d9d9;
}

/*---FORM---*/
.label {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 3px;
	display: block;
}
.form-group {
	margin-bottom: 25px;
}
.form-control {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #fdf0df;
}
.form-control.v-2 {
	background-color: #f9f3f3;
}
textarea.form-control {
	height: auto;
}
.form-txt_1 {
	margin-bottom: 30px;
}
.form-btns {
	margin-top: 50px;
}
.mail_alert {
	border: 1px solid #f25287;
	padding: 15px;
	font-size: 24px;
	position: relative;
}
.mail_alert .fa-exclamation-triangle {
	font-size: 40px;
	margin-right: 20px;
}
.mail_alert .item-head {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 15px;
}
form .item-confirm {
	font-size: 28px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.form-change {
	width: 50%;
	margin-top: 30px;
}
.form-big_txt {
	color: #f25287;
	padding: 40px 0;
	text-align: center;
	font-size: 26px;
}
.form-big_txt.v-lgpad {
	padding: 90px 0;
}
.form-images > div {
	width: 48%;
}
.form-images img {
	height: auto;
}

/*ddup*/
.ddup-style {
	background-color: #f4f4f4;
	padding: 10px;
	display: flex;
	border: #ddd dashed 3px;
	min-height: 240px;
	max-width: 350px;
	text-align: center;
}
.ddup-style.hover {
	border: #ddd solid 3px;
	background-color: #fce8e6;
}
.ddup-style.success .ddup-item {
	padding: 7px;
	position: relative;
	max-width: 300px;
}
.ddup-area {
	width: 100%;
	position: relative;
}
.uploading {
	text-align: center;
	margin: 5px 0;
}
.ddup-group {
	margin-bottom: 15px;
}
.ddup-btn input {
	display: none;
}
.ddup-item .fa {
	font-size: 30px;
}
.ddup-item .progress {
	margin-top: 10px;
}
.ddup-item .del_icon {
	color: #ef221e !important;
	position: absolute;
	right: -5px;
	top: -5px;
}
.drop-text {
	margin-bottom: 5px;
	font-weight: bold;
	color: #999;
}
.ddup-style.success .ddup-text_btn {
	display: none;
}
.ddup-text_btn {
	margin-top: 15px;
}

/*radio*/
.my_radio {
	display: block;
	padding: 15px;
	background-color: #fdf0df;
	border: 1px solid #ced4da;
	font-weight: bold;
}
.radio_input {
	appearance: none;
	position: absolute;
}
.radio_text {
	position: relative;
	display: flex;
	align-items: center;
}
.radio_text::before {
	content: '';
	background-color: #fff;
	display: block;
	margin-right: 10px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
.radio_input:checked + .radio_text::after {
	content: '';
	position: absolute;
	left: calc(8px - 5px);
	display: block;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	background-color: #f25287;
}
.wrp-my_radio.v-x2 .my_radio {
	width: 48%;
}

/*checkbox*/
.chkbox_input {
	border: none;
	appearance: none;
	position: absolute;
	-webkit-appearance: none;
}
.chkbox_text {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #999;
}
.chkbox_input:checked + .chkbox_text {
	background-color: #f25287;
}
.chkbox_text::after {
	content: '';
	position: absolute;
	display: block;
	transform: rotate(45deg);
	top: 6px;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	width: 15px;
	height: 22px;
}
.my_chkbox.btn {
	padding: 20px 15px;
}
.my_chkbox .chkbox_text {
	border-radius: 0;
	top: 17px;
	width: 30px;
	height: 30px;
	border: 2px solid #f25287;
	background-color: #fff;
	position: absolute;
}
.my_chkbox .label_text {
	font-size: 20px;
}
.my_chkbox .chkbox_input:checked + .chkbox_text {
	background-color: #fff;
}
.my_chkbox .chkbox_input:checked + .chkbox_text::after {
	content: '';
}
.my_chkbox .chkbox_text::after {
	content: none;
	top: 0px;
	width: 10px;
	border-color: #f25287;
}
.my_chkbox.v-check {
	position: relative;
	padding: 14px 0 0 37px;
}
.my_chkbox.v-check .chkbox_text,
.my_chkbox.v-check .chkbox_text::after {
	border-color: #2d2d2d;
}

/*jobentry*/
.page-head.v-mb {
	margin-bottom: 30px;
}
.shop-coll {
	border-bottom: 5px solid #f25287;
	position: relative;
}
.js-shop_coll {
	background-color: #f25287;
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 5px;
	top: 100%;
	right: 15px;
}
.js-shop_coll::after {
	content: '求人詳細';
	display: block;
}
.js-shop_coll.is_open::after {
	content: '閉じる';
}
.js-shop_coll.is_open i::before {
	content: '\f106';
}
.coll_body {
	height: 0;
	overflow: hidden;
}
.coll_body.active {
	height: auto;
}
.coll_body .con_in {
	padding-top: 20px;
	padding-bottom: 20px;
}
.hyphen {
	margin: 0 10px 0 5px;
}
.fx-birth .w-3_2 {
	width: 45%;
}
.fx-birth .w-3_1 {
	width: 20%;
}
.wrp-tel_time {
	margin-top: 10px;
}
.wrp-tel_time .item-p_1 {
	margin: 5px 0 0;
}
.tel_time-radios label {
	width: 50%;
	margin-top: 10px;
}
.my_coll {
	display: none;
}
.my_coll.active {
	display: block;
}
.text_my_coll.is_open .sank::before {
	content: '▲';
}
.text_my_coll .sank::before {
	content: '▼';
}
.form-p_2 {
	margin-bottom: 20px;
}
.con_in.v-entry_form {
	padding-top: 40px;
	padding-bottom: 40px;
}
.form-big_txt.v-confi {
	font-weight: bold;
	font-size: 30px;
}
.wrp-entry_else {
	padding: 30px 0;
}
.big_sub {
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}
.entry_else_top {
	text-align: center;
	margin: 15px 0 25px;
	font-weight: bold;
	font-size: 24px;
	padding: 10px;
	border-radius: 5px;
	position: relative;
}
.entry_else_top .ab {
	right: 20px;
	top: 50px;
	width: 55px;
	height: auto;
	z-index: 9;
}
.hesi-shop .item-chk {
	right: 15px;
	bottom: 60px;
}
.elselist .hesi-shop {
	margin-bottom: 20px;
}
.elselist .js-my_coll {
	margin-top: 40px;
}
.elselist .js-my_coll.is_open {
	display: none;
}

/*---LISTS---*/
.main-list .sec {
	padding-bottom: 40px;
}

/*pageing*/
.pageing {
	display: flex;
	justify-content: center;
}
.pageing > li > * {
	display: block;
	font-weight: bold;
	text-align: center;
	width: 45px;
	margin: 0 5px;
	font-size: 20px;
	padding: 10px 0;
	color: #f25287;
	border: 3px solid #f25287;
	background-color: #fff;
}
.pageing > li.plink-num > * {
	padding: 10px 15px;
	width: auto;
}
.pageing > li > .active {
	background-color: #2d2d2d;
	color: #fff;
}

/*---SHOP---*/
/*shop_top*/
.shop_row {
	background-color: #fff;
}
.shop_row .shop-head {
	text-align: left;
}
.shop_row .photo_box {
	background-color: #202020;
}
.shop_meta {
	padding: 30px 0;
}
.shop_meta .shop_tag {
	margin-bottom: 30px;
}
.shop_info {
	margin-bottom: 30px;
}
.info_short {
	-webkit-line-clamp: 5;
}
.short-btn {
	text-align: right;
	margin-top: 5px;
}
.shop_grid {
	background-color: #fff;
	padding: 10px;
}
.shop_grid .item-inner {
	background-color: #f9f3f3;
	padding: 15px;
	min-height: 230px;
	position: relative;
}
.shop_grid .item-inner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f9f3f3;
	opacity: 0.8;
}
.shop_grid .item-title {
	font-size: 34px;
}
.shop_grid .item-title,
.shop_grid .item-text {
	position: relative;
	z-index: 1;
}
.shop_grid .v-big {
	font-size: 38px;
}
.shop_grid .range_r {
	display: block;
}
.link_shor_text {
	color: #f25287;
}
.link_shor_text span {
	text-decoration: underline;
}
.shop_btns {
	padding: 50px 0;
	text-align: center;
}
.main_label {
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 10px;
}
.main_text {
	font-size: 22px;
}
.shop_btns .main_item {
	margin-top: 50px;
}
.main_item .btn {
	margin-top: 25px;
}
.btn.btn-ico {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn.btn-ico img {
	margin-right: 10px;
	width: auto;
	height: 32px;
}
.shop_deteal,
.shop_meta {
	background-color: #ddd;
}
/*shop_vip*/
.rank-vip .shop_deteal,
.rank-vip .shop_meta {
	background-color: #f7d9d9;
}

/*shop-foot_fixed*/
.shop-foot_fixed {
	padding: 20px 18px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	color: #fff;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.5);
}
.shop-foot_fixed > nav {
	display: flex;
	text-align: center;
}
.shop-foot_fixed .item-tainyu {
	background-color: #ff628a;
	font-size: 20px;
	text-align: center;
	top: -20px;
	right: 25px;
	position: absolute;
	width: 380px;
	border-radius: 20px;
	padding: 2px;
}
.shop-foot_link {
	border-right: 1px solid #fff;
	flex: 1;
}
.shop-foot_link:last-child {
	border-right: none;
}
.shop-foot_link span {
	display: block;
	color: #fff;
}
.shop-foot_link .item-img {
	height: 54px;
	margin-bottom: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.x-3 .shop-foot_link {
	width: 33.3%;
	flex-grow: 1;
}
.x-2 .shop-foot_link {
	width: 50%;
}
.x-1 .shop-foot_link {
	width: 100%;
}

/*dummy_info*/
.wrp-s_dummy_info {
	margin-top: 50px;
	text-align: center;
}
.s_dummy_info {
	background-color: #d71c70;
	padding: 20px 0 50px;
	margin-top: 50px;
}
.s_dummy_info .item-main {
	color: #fff;
}
.s_dummy_info .item-head {
	color: #2d2d2d;
	margin-bottom: 30px;
	font-weight: bold;
	padding: 15px 0;
	border: 2px solid #999;
	border-radius: 5px;
}
.s_dummy_info .item-spn {
	font-size: 50px;
}
.s_dummy_info .item-title {
	font-size: 36px;
	margin-bottom: 15px;
}
.s_dummy_info .item-bar {
	height: 15px;
	border-radius: 10px;
	background-color: #f25287;
}
.s_dummy_info .item-text {
	margin: 20px 0 40px;
}
.dummy_url_img {
	margin-top: 15px;
	font-size: 12px;
}

/*shop_feature*/
.shop_feature .sec-body {
	background-color: #f7d9d9;
	padding: 50px 0;
}
.features {
	margin-bottom: 50px;
}
.features:last-child {
	margin-bottom: 0;
}
.features .item-img {
	position: relative;
	min-height: 45px;
}
.features .tag {
	position: absolute;
	left: 0;
	top: 0;
}
.tag.v-big {
	font-size: 24px;
	padding: 7px 30px;
}
.features .item-main {
	margin-top: 15px;
}
.features .item-title {
	font-size: 24px;
}
.features .item-text {
	font-size: 20px;
}

/*cos*/
.cosinfo .item {
	margin-top: 20px;
}
.terms_tag {
	grid-gap: 10px;
}
.tag-1 {
	border: 5px solid #ddd;
	padding: 10px 0;
	font-size: 28px;
	background-color: #fff;
}

/*shop_useful*/
.shop_useful .sec-body {
	background-color: #f9f3f3;
	padding: 50px 0;
}
.staff_img {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
.staff_img img {
	margin-bottom: 15px;
	width: 150px;
	height: 150px;
	object-fit: cover;
}
.circle {
	border-radius: 50%;
}
.staff_voice {
	padding: 25px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/*shop_qa*/
.wap-shop_qa {
	margin-top: 30px;
}
.shop_qa {
	margin-bottom: 30px;
	font-size: 28px;
	display: none;
}
.shop_qa.active {
	display: block;
}
.shop_qa > div {
	display: flex;
	align-items: center;
}
.shop_qa img {
	margin-right: 15px;
}
.shop_qa .item-q {
	margin-bottom: 10px;
}
.wap-shop_qa .item-btn {
	text-align: right;
}
.staff_voice.v-wait {
	margin-top: 30px;
	font-size: 28px;
}
.shop_ol {
	margin: 0 0 20px;
}

/*shop_jtype*/
.tag-1.v-sm {
	border-width: 2px;
	font-weight: normal;
	font-size: 20px;
}
.tag-1.v-font_xs {
	font-size: 16px;
}
.tag-1.v-pd_l {
	padding: 15px 0;
}
.wrp-shop_jtype {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fff;
}
.shop_jtype {
	grid-gap: 15px;
}
.main_label.v-sm {
	font-size: 22px;
}

/*shop_jinfo*/
.sec-shop_jinfo .sec-body {
	padding: 50px 0;
}
.shop_jinfo {
	font-size: 28px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fff;
}
.shop_jinfo:last-child {
	border: none;
}
.shop_jinfo .item-title {
	font-size: 20px;
	margin-bottom: 5px;
}
.shop_jinfo .item-shop_name {
	font-weight: bold;
	font-size: 30px;
}
.shop_jinfo .item-text {
	margin-top: 10px;
}
.shop_jinfo .link_t {
	text-decoration: underline;
}
.shop_jinfo .v-big {
	font-weight: bold;
	font-size: 40px;
}

.sec-body.v-else_list {
	padding-bottom: 50px;
}

/*---SHOP ELSE---*/
/*jobinquiry*/
.shop-head.v-under_head {
	margin-top: 25px;
	text-align: center;
}

/*hesitate*/
.hesi-head {
	position: relative;
}
.hesi_ico_1 {
	width: 40px;
	height: auto;
	left: 145px;
	top: 80px;
}
.hesi-head {
	padding: 40px 15px;
}
.hesi-head .form-big_txt {
	padding: 0 0 15px;
}
.hesi-shop {
	background-color: #fff;
	border-radius: 5px;
	border: 3px solid #999;
	padding: 15px;
	display: block;
	position: relative;
}
.hesi-shop .item-area {
	font-size: 24px;
	font-weight: bold;
}
.hesi-shop .item-body {
	margin-top: 10px;
}
.hesi-shop .item-img {
	width: 70px;
	min-width: 70px;
	margin-right: 20px;
}
.hesi-shop .item-job_title {
	font-size: 24px;
}
.hesi-shop .item-title {
	font-size: 20px;
}
.hesi-shop .item-wage {
	font-size: 20px;
}
.div_hesi_01 {
	margin-top: 30px;
	text-align: center;
}
.hesi-body_1 {
	padding: 30px 0;
}
.hesi-info {
	background-color: #fff;
	border-radius: 5px;
	border: 3px solid #f7d9d9;
	padding: 20px;
}
.hesi-form .form-big_txt {
	padding-bottom: 20px;
}

/*404*/
.box_404 {
	text-align: center;
	padding: 20px 0 50px;
}
.box_404 i {
	font-size: 42px;
}
.box_404 .att_style {
	margin-bottom: 30px;
}

/*---FOOTER---*/
footer {
	color: #fff;
	font-size: 16px;
}
.foot-box {
	padding: 25px 0;
}
.f-logo {
	width: 100px;
}
.f-logo img {
	height: auto;
}
.f-txt_1 {
	font-size: 12px;
	margin-left: 7px;
}
.f_block-title {
	color: #ddd;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 20px;
}
.foot-regist .p_1 {
	margin-top: 20px;
	font-size: 26px;
}

.footer_btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer_btns a {
	display: block;
	flex-grow: 1;
	margin: 0;
}
.footer_btns a:first-child {
	margin-right: 15px;
}

/*bottom*/
.foot-bottom {
	background-color: #202020;
	padding: 15px 0;
}
.f_nav-pc > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.f_nav-pc a {
	display: block;
	color: #fff;
	padding: 0 15px;
	border-left: 1px solid #fff;
}
.f_nav-pc li:last-child a {
	border-right: 1px solid #fff;
}
.cpr {
	font-size: 11px;
	margin-top: 15px;
	text-align: center;
}
footer.v-lp .foot-bottom {
	background-color: #000;
}
footer.v-lp .cpr {
	margin: 0;
}
.cpr span {
	margin-right: 20px;
}
.list_shop .info-text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.c_text {
	width: 220px;
	height: auto;
	vertical-align: middle;
}

.about_platinum {
	display: block;
	width: 70%;
	text-align: center;
	margin: 20px auto 40px;
	text-decoration: underline;
}
.about_platinum:hover {
	text-decoration: underline;
}

/*---PC only---*/
@media only screen and (min-width: 768px) {
	.tag-1.v-sm {
		font-size: 18px;
	}
	.tag-1.v-font_xs {
		font-size: 14px;
	}
	.modal-style_1 {
		max-width: 580px;
	}
}

/*---PAD pro---*/
@media only screen and (max-width: 1030px) {
}

/*---PAD---*/
@media only screen and (max-width: 992px) {
}

/*---Sm---*/
@media only screen and (max-width: 767px) {
	body {
		width: 640px;
	}

	/*---HEADER---*/
	#header {
		background-color: #f9f3f3;
		color: #202020;
		border-bottom: none;
		border-top: 5px solid #999;
	}
	.h-body {
		padding: 15px 0;
	}
	.h-logo {
		display: flex;
		font-weight: bold;
		align-items: center;
	}
	.h-logo img {
		width: 150px;
		min-width: 150px;
		height: auto;
	}
	.h_nav > ul {
		display: block;
		border-bottom: 1px solid #fff;
		border-right: none;
	}
	.h_nav a {
		display: block;
		color: #fff;
		font-weight: bold;
		position: relative;
		font-size: 28px;
		padding: 15px 5px;
		border-left: none;
		border-top: 1px solid #fff;
	}
	.h_nav a::before {
		content: '\f054';
		color: #fff;
		position: absolute;
		right: 5px;
		top: 20px;
	}
	.h-site_name_sub {
		color: #555;
		font-size: 18px;
	}
	.h-site_name {
		font-size: 20px;
	}

	/*nav inner*/
	.wrp-h_nav {
		height: 0;
		overflow: hidden;
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		display: block;
	}
	.h_toggle-open .wrp-h_nav {
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.6);
	}
	.h_nav-label {
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 15px;
	}
	.h_nav {
		padding: 30px 15px;
		background-color: #f25287;
	}
	.h-btn {
		padding: 30px 15px;
		background-color: #2d2d2d;
		margin-left: 0;
	}
	.h-btn .btn {
		width: 49%;
		font-size: 28px;
		display: block;
		padding: 15px 0;
	}

	/*toggle btn*/
	.m-toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 9999;
		right: 0;
		top: 0;
		width: 86px;
		height: 86px;
	}
	.m-toggle .icon-bar {
		background: #f25287;
	}
	.icon-bar {
		display: block;
		width: 60px;
		height: 8px;
		border-radius: 5px;
		transition: all 0.25s ease-in-out;
	}
	.icon-bar + .icon-bar {
		margin-top: 11px;
	}
	.m-toggle.is-open {
		background-color: #f25287;
	}
	.m-toggle.is-open .icon-bar {
		background: #fff;
	}
	.m-toggle.is-open .icon-bar:nth-child(1) {
		opacity: 0;
	}
	.m-toggle.is-open .icon-bar:nth-child(2) {
		margin-top: 14px;
		-webkit-transform: rotate(-45deg) translate(4px, -4px);
		transform: rotate(-45deg) translate(4px, -4px);
	}
	.m-toggle.is-open .icon-bar:nth-child(3) {
		transform: rotate(-135deg) translate(8px, 8px);
		margin-top: 0;
	}

	/*bread*/
	.bread {
		padding-top: 90px;
	}

	/*---INDEX---*/
	.main-index {
		padding-top: 0;
	}
	.shop_tag > .btn {
		font-size: 24px;
	}
	.shop_tag > .btn i {
		font-size: 28px;
	}

	/*---FOOTER---*/
	.f_nav-pc a {
		font-size: 22px;
		padding: 0 20px;
		margin-bottom: 15px;
	}
	.cpr span {
		display: block;
		margin: 0;
	}
	.f-logo {
		width: 150px;
	}
	.f-txt_1 {
		font-size: 28px;
	}
	.f-txt_2 {
		font-size: 20px;
	}

	/*---add---*/
	.main_text,
	.features .item-text,
	.tag-1.v-sm {
		font-size: 24px;
	}
	.tag-1.v-font_xs {
		font-size: 20px;
	}
}

/*---Sm small---*/
@media only screen and (max-width: 350px) {
}

/* 全ページ共通（女性）カフェるん求人へのバナー */
.caferun_link_banner {
	background-color: #fff;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.caferun_link_banner img {
	display: block;
	height: auto;
}
footer .caferun_link_banner {
	background-color: #202020;
}

#header .caferun_link_banner {
	display: none;
}
@media only screen and (max-width: 767px) {
	#header .caferun_link_banner {
		background-color: #2d2d2d;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
