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

/*キャスト一覧*/
.no_attend{
	padding: 0;
	margin-top: 40px;
	font-size: 18px;
}
.shop_cast_list._all_cast{
	margin-top: 80px;
	padding-bottom: 20px;
}
.shop_sub_head_text span:first-child{
	margin-left: 0;
}
.shop_cast_list._attend_cast{
	margin-top: 60px;
}
.shop_cast_list._attend_cast .shop_sub_head_text._attend_lead span{
	font-size: 16px;
	font-weight: bold;
	color: #664c4c;
}
.shop_cast_list._attend_cast .shop_sub_head_text._attend_lead span span{
	font-weight: bold;
	font-size: 16px;
	margin-left: 10px;
	color: #664c4c;
}
.shop_cast_list._all_cast .shop_sub_head_text span{
	margin-left: 13px;
}

@media screen and (max-width: 760px) {
	.no_attend{
		margin-top: 0;
  		font-size: 4vw;
	}

	.shop_cast_list._attend_cast{
		margin-top: 6vw;
	}
	.shop_cast_list._all_cast{
		margin-top: 6vw;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.shop_cast_list._attend_cast .shop_sub_head_text._attend_lead span{
		font-size: 4vw;
	}
	.shop_cast_list._attend_cast .shop_sub_head_text._attend_lead span span{
		font-size: 4vw;
		margin-left: 2vw;
	}
	.shop_cast_list._all_cast .shop_sub_head_text span{
		font-size: 4vw;
		margin-left: 2vw;
		font-weight: bold;
	}
}


/*スケジュールボックス*/
.schedule_link {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.schedule_link_item {
	border: solid 1px #bc9c70;
	background-image: linear-gradient( to bottom, #f8f1e7,#fff);
	width: 13%;
	font-size: 20px;
	border-radius: var(--basic_radius);
}
.schedule_link_item > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 19px 0;
	position: relative;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: #444444;
}

.schedule_link_item span{
	display: inline-block;
	line-height: 1;
}
.schedule_link_item span._num{
	margin-top: 10px;
}
.schedule_link_item span.date {
	white-space: pre;
}
.schedule_link_item.sat span.date {
	color: #006dff;
}
.schedule_link_item.sun span.date {
	color: #ff0000;
}
.schedule_link_item.active{
	padding: 4px;
}
.schedule_link_item ._inner {
	background-color: #ffe061;
	width: 100%;
	height: 100%;
	border-radius: var(--basic_radius);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.schedule_link_item strong{
	font-weight: bold;
	font-size: 24px;
}
.schedule_link_item ._has_not .date{
	color: #888;
}
.schedule_link_item ._has_not ._num{
	font-size: 24px;
	color: #888;
}
.schedule_link_item > a {
	transition: all 700ms 0s ease;
}
.schedule_link_item > a:hover {
	background-color: #fff4c5;
}
@media screen and (max-width: 760px) {
	.schedule_block {
		margin-left: -4vw;
		margin-right: -4vw;
		padding: 0 0 4vw 0;
	}
	.schedule_link {
		width: 100%;
		margin-bottom: 4vw;
		margin-top: 4vw;
		padding: 0 4vw;
		overflow-x: auto;
	}
	.schedule_link_item {
		border: solid 1px #8e8e8e;
		width: 23vw;
		min-width: 23vw;
		font-size: 4vw;
		margin-right: 3vw;
	}
	.schedule_link_item:last-child{
		margin-right: 0;
	}
	.schedule_link_item > a{
		padding: 3.6vw 0;
	}
	.schedule_link_item span._num{
		font-size: 3.6vw;
		margin-top: 1.6vw;
	}
	.schedule_link_item ._has_not ._num{
		font-size: 3.6vw;
		margin-top: 1.6vw;
	}
	.schedule_link_item strong{
		font-size: 4.4vw;
	}
}

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


/*いいねボタン*/
.shop_cast_list._cast_page .cast_list_ul li a{
	position: relative;
}
.shop_cast_list._cast_page .cast_list_ul li a .heart_icon{
	position: absolute;
	top: 120px;
}
.shop_cast_list._cast_page .cast_list_ul li a .heart_icon.animate{
	pointer-events: none;
}

.shop_cast_list._cast_page .cast_list_ul li a .heart_icon .heart_image{
	position: relative;
}
.shop_cast_list._cast_page .cast_list_ul li a .heart_icon ._count{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ff4cc5;
	font-weight: bold;
	top: 29px;
	left: 0;
	font-size: 12px;
}
.shop_cast_list._cast_page .cast_list_ul li a .heart_icon.animate ._count{
	color: #fff;
}

@media screen and (max-width: 760px) {
	.shop_cast_list._cast_page .cast_list_ul li a .heart_icon{
		top: 19.5vw;
		width: 9vw;
		height: 9vw;
	}
	.shop_cast_list._cast_page .cast_list_ul li a .heart_icon ._count{
		font-size: max(2.5vw,11px);
		top:4.2vw
	}
}