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

/* ------------------------------------------------- */
/* おきゅいんリクエストボタン表示時 */
/* ------------------------------------------------- */

.reqest_work_schedule {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #efe5d7;
	height: 120px;
}
.reqest_work_schedule button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 28%);
	color: #ffffff;
	font-size: 15px;
	height: 38px;
	border-radius: 6px;
	border: none;
	background: rgb(255, 167, 44);
	background: linear-gradient(180deg, rgba(255, 167, 44, 1) 0%, rgba(255, 107, 0, 1) 100%);
	line-height: 1;
	top: 0;
	transition: all 100ms 0s ease;
	width: 40%;
	height: 47px;
	font-size: 20px;
}
.reqest_work_schedule button:hover {
	top: 2px;
	box-shadow: 0 0px 2px 0 rgb(0 0 0 / 28%);
}

@media screen and (max-width: 760px) {
	.reqest_work_schedule {
		height: 20vw;
	}
	.reqest_work_schedule button {
		width: 90%;
		height: 11vw;
		font-size: 5vw;
	}
}

.work_request_modal_inner__text {
	font-size: 18px;
	color: #664c4c;
	margin: 0 0 20px;
	text-align: center;
}
.work_request_modal_inner__text > strong {
	font-weight: bold;
}
.work_request_modal_inner figure {
	margin: 0 auto 30px;
	display: block;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	overflow: hidden;
}
.work_request_modal_inner figure > img {
	display: block;
	width: 100%;
}
.work_request_modal_inner__info {
	margin: 0 0 20px;
}
.work_request_modal_inner__info > dt {
	border-bottom: solid 2px #bc9c70;
	color: #664c4c;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	line-height: 1;
}
.work_request_modal_inner__info > dd {
	color: #664c4c;
	font-size: 16px;
	line-height: 1.5;
}
.work_request_modal_inner__btn {
	position: relative;
	margin-left: 20px;
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 28%);
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 4px;
	height: 45px;
	border-radius: 6px;
	border: none;
	background: rgb(255, 167, 44);
	background: linear-gradient(180deg, rgba(255, 167, 44, 1) 0%, rgba(255, 107, 0, 1) 100%);
	padding: 0 20px 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	width: 313px;
	margin: auto;
}
.work_request_modal_inner__btn:hover {
	top: 2px;
	box-shadow: 0 0px 2px 0 rgb(0 0 0 / 28%);
}
@media screen and (max-width: 760px) {
	#WorkRequestModal {
		width: 96%;
	}
	#WorkRequestModal .default_modal__body {
		padding: 20px;
	}
	.work_request_modal_inner__info > dd br {
		display: none;
	}
}

.cast_info_wrap {
	margin-bottom: 0;
}
.cast_main_content {
	display: flex;
	flex-direction: row;
}
.cast_main_content .img_area {
	width: 300px;
	flex-shrink: 0;
	position: relative;
}
.cast_main_content .img_area .today_work_label {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #fff;
	background-color: #ff4444c4;
	opacity: 0.9;
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	border-radius: var(--basic_radius) var(--basic_radius) 0 0;
}
.cast_main_content .img_area .main_img_wrap {
	/*figure*/
	width: 300px;
	height: 420px;
	position: relative;
	border-radius: var(--basic_radius);
	box-shadow: var(--brown_box_shadow);
}
.cast_main_content .img_area .main_img_wrap img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 1;
	border-radius: var(--basic_radius);
}
.cast_main_content .img_area .main_img_wrap img.active {
	z-index: 2;
}
.thumbnail_img_wrap {
	display: flex;
	flex-direction: row;
	height: 60px;
	margin-top: 10px;
}
.thumbnail_img_wrap li:not(.good_area) {
	margin-left: 10px;
	border-radius: 5px;
	border: 1px solid #bc9c70;
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	cursor: pointer;
	overflow: hidden;
}
.thumbnail_img_wrap li:hover {
	opacity: 0.8;
}
.thumbnail_img_wrap li:first-child {
	margin-left: 0;
}
.thumbnail_img_wrap li.active {
	border: 2px solid #ffaaaa;
}
.thumbnail_img_wrap li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.thumbnail_img_wrap ._frame {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f4ebdf;
	border-radius: 5px;
}

@media screen and (max-width: 760px) {
	.rank_in_cast_sp {
		padding-top: 23vw;
		padding-bottom: var(--shop_sp_basic_margin);
	}
	.cast_main_content {
		flex-direction: column;
	}
	.cast_main_content .img_area .today_work_label {
		height: auto;
		font-size: 4vw;
		border-radius: 1vw 1vw 0 0;
	}
	.cast_main_content .img_area .today_work_label picture {
		margin-left: 1vw;
		margin-top: 0.5%;
	}

	.cast_main_content .img_area .today_work_label img {
		width: 4vw;
		height: auto;
	}
	.cast_main_content .img_area {
		width: 100%;
		margin-top: 3vw;
	}
	.cast_main_content .img_area .main_img_wrap {
		width: 100%;
		height: 100vw;
		border-radius: 1vw;
	}
	.cast_main_content .img_area .main_img_wrap img {
		border-radius: 1vw;
	}
	.thumbnail_img_wrap {
		margin-top: 3vw;
		height: 18vw;
	}
	.thumbnail_img_wrap li:not(.good_area) {
		width: 20%;
		height: 18vw;
		margin-left: 3%;
	}
	.thumbnail_img_wrap li:first-child {
		margin-left: 0;
	}
}

/*右側*/
.info_area {
	width: 455px;
	height: auto;
	margin-left: 20px;
	background-color: #fffbf6;
}
.cast_primary_name {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	color: #5a3e3e;
}
.parameters {
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
}
.parameters dl {
	margin-right: 25px;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.parameters dl.cast_type dd {
	flex: 1;
}

.parameters dl.cast_type dd ul {
	flex-flow: wrap;
}
.parameters dt,
dt {
	line-height: 1;
}
.parameters dt {
	font-size: 14px;
	font-weight: bold;
	color: #664c4c;
	width: 60px;
	background-color: #f2e7cf;
	border: 1px solid #e1d4c0;
	padding: 10px 0;
	text-align: center;
}
.parameters dd {
	font-size: 14px;
	color: #333333;
	margin-left: 20px;
}
.parameters dl.cast_type dd {
	margin-left: 0;
}
.parameters dd ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-flow: wrap;
}
.parameters dd ul li {
	margin-left: 20px;
}
.cast_msg_wrap {
	margin-top: 20px;
}
.cast_msg_wrap dt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 22px;
	font-weight: bold;
	color: #5a3e3e;
	line-height: 1;
}
.cast_msg_wrap dt img {
	margin-right: 5px;
}
.cast_msg_wrap dd {
	position: relative;
}
.cast_msg_wrap dd p {
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.5;
	color: #5a3e3e;
}
.cast_msg_wrap .with_more_btn {
	height: 245px;
	overflow: hidden;
}
.cast_msg_wrap .white_btn {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
.shop_headline.rank_in_cast {
	padding-left: 40px;
	text-align: left;
}
.rank_in_label {
	min-width: 390px;
	min-height: 60px;
	position: absolute;
	right: 40px;
	top: -15px;
	text-align: left;
	padding: 10px 20px 12px 20px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.rank_in_label span {
	font-size: 24px;
	font-weight: bold;
	white-space: nowrap;
}
.rank_in_label strong {
	font-size: 46px;
	font-weight: bold;
	line-height: 0;
}
.rank_in_label img {
	margin-left: 10px;
}

.rank_in_label.woman {
	background-color: #ffaaaa;
	box-shadow: 0 0 0 2px inset #ffaaaa, 0 0 0 2.6px inset #fff;
}
.rank_in_label.man {
	background-color: #5486d1;
	box-shadow: 0 0 0 2px inset #5486d1, 0 0 0 2.6px inset #fff;
}

@media screen and (max-width: 760px) {
	.cast_primary_name {
		font-size: 5vw;
	}
	.rank_in_label {
		width: calc(100% - 8vw);
		right: 4vw;
		top: initial;
		bottom: -18vw;
		z-index: 20;
		padding: 2vw 8vw;
		min-height: initial;
		min-width: initial;
		font-size: 3vw;
		line-height: 1.1;
	}
	.rank_in_label span {
		font-size: 4.5vw;
		letter-spacing: 2px;
	}
	.rank_in_label img {
		width: 5vw;
		height: 5vw;
		margin-left: 1vw;
	}
	.rank_in_label strong {
		font-size: 9vw;
	}
	.shop_headline.rank_in_cast {
		text-align: center;
		padding-left: inherit;
	}
	.info_area {
		width: 100%;
		margin-left: 0;
		margin-top: 2vw;
	}
	.parameters {
		margin-top: 0;
	}
	.parameters dl {
		margin-top: 2vw;
		margin-right: 3vw;
	}
	.parameters dt {
		font-size: 3vw;
		width: 13vw;
		padding: 1.6vw 0;
		line-height: 1;
		flex-shrink: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.parameters dd {
		margin-left: 2vw;
		font-size: 3.6vw;
	}
	.parameters dl.cast_type dd {
		margin-left: 2vw;
	}
	.parameters dd ul {
		flex-wrap: wrap;
	}
	.parameters dd ul li {
		margin-left: 0;
		margin-right: 2vw;
	}
	.cast_msg_wrap {
		margin-top: 6vw;
	}
	.cast_msg_wrap dt {
		font-size: 3.8vw;
	}
	.cast_msg_wrap dd p {
		font-size: 3.6vw;
		margin-top: 2vw;
	}
	.cast_msg_wrap .with_more_btn {
		height: 28vw;
	}
	.cast_msg_wrap .white_btn {
		bottom: -9vw;
	}
}

/*出勤情報---------------------*/
.cast_schedule_wrap {
	margin-top: 60px;
}
.cast_schedule_wrap .reqest_work_schedule {
	margin-top: 30px;
}
.cast_schedule_wrap table {
	width: 100%;
	margin-top: 30px;
	border-collapse: collapse;
	border-bottom: 1px solid #e1d4c0;
	border-right: 1px solid #e1d4c0;
	border-left: 1px solid #e1d4c0;
	background-color: #fffdf3;
}
.cast_schedule_wrap table tbody {
	border-bottom: 1px solid #e1d4c0;
	border-right: 1px solid #e1d4c0;
}
.cast_schedule_wrap tr {
	border-top: 1px solid #e1d4c0;
	border-bottom: 1px solid #e1d4c0;
}
.cast_schedule_wrap tr:last-child {
	border-right: 1px solid #e1d4c0;
}
.cast_schedule_wrap tr th,
.cast_schedule_wrap tr td {
	font-size: 18px;
	text-align: center;
	border-right: 1px solid #e1d4c0;
	padding: 10px;
}
.cast_schedule_wrap tr th {
	width: 150px;
	background-color: #f2e7cf;
	color: #444444;
}
.cast_schedule_wrap tr td {
	width: 240px;
	background-color: #fffdf3;
	color: #5a3e3e;
	font-size: 18px;
}
.cast_schedule_wrap tr td .td_inner {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cast_schedule_wrap tr td:nth-child(4) {
	border-right: initial;
}
.cast_schedule_wrap tr td strong {
	font-weight: bold;
	margin-right: 10px;
	flex-shrink: 0;
}
.cast_schedule_wrap tr td span {
	color: #888888;
	font-weight: bold;
}
.cast_schedule_wrap .sat {
	color: #006dff;
}
.cast_schedule_wrap .sun {
	color: #ff0000;
}

.schedule_info_wrap {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 300px;
	border-left: 1px solid #e1d4c0;
	border-top: 1px solid #e1d4c0;
	border-bottom: 1px solid #e1d4c0;
	box-sizing: border-box;
}
.schedule_info_wrap dl {
	height: 25%;
	width: 50%;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #e1d4c0;
	box-sizing: border-box;
}
.schedule_info_wrap dl:nth-child(4) {
	border-bottom: initial;
}

.schedule_info_wrap dl:nth-child(n + 5) {
	border-left: 1px solid #e1d4c0;
	border-right: 1px solid #e1d4c0;
}

.schedule_info_wrap dt,
.schedule_info_wrap dd {
	font-size: 18px;
	text-align: center;
	padding: 10px;
	height: 100%;
}
.schedule_info_wrap dt {
	width: 150px;
	background-color: #f2e7cf;
	color: #444444;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #e1d4c0;
}
.schedule_info_wrap dd {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 237px;
	background-color: #fffdf3;
	color: #5a3e3e;
	font-size: 18px;
}
.schedule_info_wrap dd strong {
	font-weight: bold;
	margin-right: 10px;
	flex-shrink: 0;
}
.schedule_info_wrap .space_box {
	background-color: #fffdf3;
	border-left: 1px solid #e1d4c0;
	border-right: 1px solid #e1d4c0;
	box-sizing: border-box;
	height: 25%;
	width: 50%;
}

@media screen and (max-width: 760px) {
	.cast_schedule_wrap {
		margin-top: 11vw;
	}
	.cast_keep._min_margin {
		margin-top: var(--shop_sp_basic_margin);
	}
	.cast_schedule_wrap tr th {
		width: 35%;
		font-size: 3.6vw;
	}
	.cast_schedule_wrap tr td {
		width: 100%;
		font-size: 3.6vw;
		background-color: #fff;
		padding: 2vw 3vw;
	}
	.cast_schedule_wrap tr td strong {
		margin-right: 1vw;
	}
	.cast_schedule_wrap table {
		margin-top: 5vw;
	}
	.schedule_info_wrap {
		margin-top: 5vw;
		height: auto;
		border-right: 1px solid #e1d4c0;
		border-bottom: initial;
	}
	.schedule_info_wrap dl {
		height: auto;
		width: 100%;
		background-color: #f2e7cf;
	}
	.schedule_info_wrap dt {
		width: 35%;
		font-size: 3.6vw;
		border-right: initial;
	}
	.schedule_info_wrap dd {
		width: 100%;
		font-size: 3.6vw;
		background-color: #fff;
		padding: 2vw 3vw;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 1px solid #e1d4c0;
	}
	.schedule_info_wrap dd strong {
		margin-right: 1vw;
	}
	.schedule_info_wrap .space_box {
		display: none;
	}
	.schedule_info_wrap dl:nth-child(4) {
		border-bottom: 1px solid #e1d4c0;
	}
	.schedule_info_wrap dl:nth-child(n + 5) {
		border-left: initial;
		border-right: initial;
	}
}

/*プロフィール情報*/
.cast_feature_wrap {
	margin-top: 60px;
}
.cast_feature_wrap ._inner {
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.profile_box {
	width: 370px;
	min-height: 160px;
	padding: 20px;
	border: 1px solid #bc9c70;
	background-image: linear-gradient(to bottom, #f8f1e7, #fff);
	box-shadow: var(--brown_box_shadow);
}
.profile_box dl {
	margin-top: 20px;
}
.profile_box dl:first-child {
	margin-top: 0;
}
.profile_box dt {
	font-size: 16px;
	font-weight: bold;
	color: #525252;
}
.profile_box dd {
	font-size: 16px;
	color: #525252;
	margin-top: 10px;
}
.same_shop_casts .shop_sub_head_text {
	padding-top: 40px;
	border-top: 2px solid #e1d4c0;
}
@media screen and (max-width: 760px) {
	.cast_feature_wrap {
		margin-top: var(--shop_sp_basic_margin);
	}
	.cast_feature_wrap ._inner {
		flex-direction: column;
		margin-top: 5vw;
	}
	.profile_box {
		width: 100%;
		padding: 4vw 3.8vw;
		min-height: initial;
	}
	.cast_feature_wrap .profile_box:nth-child(2) {
		margin-top: 4vw;
	}
	.profile_box dt {
		font-size: 3.6vw;
	}
	.profile_box dd {
		font-size: 3.6vw;
		margin-top: 1vw;
	}
	.same_shop_casts .shop_sub_head_text {
		padding-top: var(--shop_sp_basic_margin);
	}
}

/*タイムライン、cast詳細の調整*/
@media screen and (max-width: 760px) {
	.cast_info_wrap .sns_slider_list:not(.sns_slick) .shop_sub_head_text {
		padding: 0;
	}
	.cast_info_wrap .sns_slider_list:not(.sns_slick) .tweet_img {
		padding: 0;
	}
	.cast_info_wrap .sns_slider_list:not(.sns_slick) .sns_icon_links {
		padding-left: 0;
	}
}

/*同じお店の他のキャスト*/
.last_box_link {
	width: 180px;
	height: 180px;
	border-radius: var(--basic_radius);
	background-color: var(--color_btn_bg);
	border: 1px solid #8e8e8e;
}
.shop_cast_list._cast_page .cast_list_ul li.last_box_link a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	text-align: center;
	padding: 30px 20px 20px 20px;
}
.last_box_link ._info {
	font-size: 24px;
	color: #514343;
	font-weight: bold;
	line-height: 1;
}
.last_box_link ._info strong {
	font-size: 48px;
	line-height: 1.2;
	font-weight: bold;
}
.last_box_link ._all_check {
	font-size: 18px;
	color: #514343;
	font-weight: bold;
	line-height: 1;
	display: block;
	margin-top: 15px;
}

@media screen and (max-width: 760px) {
	.shop_cast_list._cast_page .cast_list_ul li:nth-child(n + 7) {
		display: none;
	}
	.shop_detal_body .left .same_shop_casts .primary_btn {
		margin-top: 2vw;
		vertical-align: text-bottom;
		display: inline-block;
		padding: 3vw 0 4vw 0;
	}
	.shop_detal_body .left .same_shop_casts .primary_btn strong {
		font-size: 6vw;
		font-weight: bold;
	}
}

.shop_detal_head {
	padding-bottom: 0;
}
.shop_detal_head .shop_headline {
	margin-bottom: 0;
}
.shop_detal_body > .left {
	background-color: #fffbf6;
}

/*このページ専用のいいね調整*/
.good_area {
	height: 100%;
	margin-left: 10px;
}

.good_btn_in_search {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	background-color: #fff;
	border-radius: var(--basic_radius);
	margin-top: auto;
	cursor: pointer;

	height: 100%;
	width: 94px;
	padding: 3px 0 7px 0;
}
.good_btn_in_search:hover {
	opacity: 0.8;
}
.good_btn_in_search .before_img {
	display: block;
	flex-shrink: 0;
	width: 24px;
	height: 21px;
}
.good_btn_in_search .before_span {
	display: block;
	margin-left: 10px;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 1px;
}

.good_btn_in_search .after_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.good_btn_in_search .after_wrap picture {
	order: 1;
	margin-top: 3px;
}
.good_btn_in_search .after_wrap picture img {
	width: 18px;
	height: auto;
}
.good_btn_in_search .after_wrap ._count {
	order: 2;
	margin-left: 5px;
	font-size: 18px;
	font-weight: bold;
}
.good_btn_in_search .after_wrap .emotional_text {
	order: 3;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

/*一度も押されてないいいねボタン*/
.before_pressd_img {
	display: flex;
}
.good_btn_in_search.animate .after_pressd_img {
	display: flex;
}
.good_btn_in_search._no_press {
	flex-direction: column;
	justify-content: center;
}
.good_btn_in_search._no_press > picture img {
	width: 18px;
	height: 15px;
}
.good_btn_in_search._no_press .before_span {
	margin-left: 0;
	font-size: 13px;
	margin-top: 2px;
}

/*一度も押されてないいいねボタンを押した直後*/
.good_btn_in_search._no_press._pressed .after_wrap {
	display: flex;
}

.good_btn_in_search._no_press._pressed .after_wrap picture {
	order: 1;
	margin-top: auto;
}
.good_btn_in_search._no_press._pressed .after_wrap picture img {
	width: 16px;
	height: 16px;
}

.good_btn_in_search._no_press._pressed .after_wrap ._count {
	order: 2;
	margin-left: 5px;
	font-size: 18px;
	font-weight: bold;
}
.good_btn_in_search._no_press._pressed .after_wrap .emotional_text {
	order: 3;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}

@media screen and (max-width: 760px) {
	.good_area {
		margin-left: 3%;
		width: 37%;
	}
	.good_btn_in_search {
		width: 100%;
		padding: 0vw 2vw 2vw 2vw;
	}
	.good_btn_in_search .after_wrap .emotional_text {
		width: 100%;
		margin-top: 1vw;
		font-size: 3.6vw;
		text-align: center;
	}
	.good_btn_in_search .after_wrap picture {
		margin-top: 2vw;
	}
	.good_btn_in_search .after_wrap picture img {
		width: 3.8vw;
		height: auto;
	}
	.good_btn_in_search .after_wrap ._count {
		font-size: 5vw;
		margin-left: 1vw;
	}
	.good_btn_in_search._no_press > picture img {
		width: 3.8vw;
		height: auto;
	}
	.good_btn_in_search._no_press .before_span {
		font-size: 3.6vw;
		margin-top: 1vw;
	}
	.good_btn_in_search._no_press._pressed .after_wrap .emotional_text {
		font-size: 3.6vw;
		margin-top: 1vw;
	}
	.good_btn_in_search._no_press._pressed .after_wrap picture img {
		width: 3.8vw;
		height: auto;
	}
	.good_btn_in_search._no_press._pressed .after_wrap ._count {
		font-size: 5vw;
	}
}

/* キャストのイイねボタン（旧デザイン、調整の可能性があるため一旦残す */
.heart_icon {
	position: absolute;
	bottom: 0;
	z-index: 5;
}
.heart_icon.animate {
	pointer-events: none;
}

/* キャストのキープボタン */
.cast_keep {
	margin: 20px 0 0 0;
	display: flex;
	background-color: #fffdf3;
	border: solid 1px #e1d4c0;
	padding: 17px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cast_keep .cast_keep_left {
	display: flex;
	align-items: center;
}
.cast_keep .keep_btn,
.cast_keep .keep_count,
.cast_keep .keep_info {
	flex-grow: 1;
}
.cast_keep .keep_btn {
	min-width: 283px;
}
.cast_keep .keep_btn .js_keep {
	font-size: 18px;
	font-weight: bold;
	padding: 14px 0;
	width: 100%;
}
.cast_keep .keep_count {
	min-width: 140px;
}
.cast_keep .keep_count strong,
.cast_keep .keep_count span {
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	color: #9b6565;
}
.cast_keep .keep_info p {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.cast_keep .keep_info p strong {
	font-size: 110%;
	font-weight: bold;
	color: #9b6565;
}
@media screen and (max-width: 760px) {
	.cast_keep {
		margin: 13vw 0 0 0;
		padding: 4vw 0;
		flex-direction: column-reverse;
	}
	.cast_keep .cast_keep_left {
		width: 100%;
		padding: 0 0 0 4vw;
	}
	.cast_keep .keep_btn {
		min-width: 75%;
	}
	.cast_keep .keep_btn .js_keep {
		font-size: 4vw;
		padding: 2.5vw 0;
	}
	.cast_keep .keep_count {
		min-width: 25%;
	}
	.cast_keep .keep_count strong,
	.cast_keep .keep_count span {
		font-size: 3.6vw;
	}
	.cast_keep .keep_info p {
		font-size: 4.5vw;
		text-align: center;
		margin: 0 0 3vw 0;
	}
}