.area .div-wrap
{
	padding-top: 0;
}
.area-movie .div-wrap
{
	padding-top: 0;
}

/*********************************
ファーストエリア
*********************************/
/* snsアイコングループ */
.sns-div
{
	margin-bottom: 20px;
}
.sns-icons {
	display: flex;
	align-items: center;
	justify-content: center;
}
.sns-icons li {
	margin-right: 20px;
	align-items: center;
}
.sns-icon {
	max-width: 26px;
    object-fit: contain;
    object-position: center;
}
.sns-icon:hover
{
	opacity: 0.5;
}
/*********************************
出演ドラマ
*********************************/
.cast-box
{
    height: 240px;
}
/* タブ */
.tab,
.tab-movie
{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 14px;
}
.tab li a,
.tab-movie li a
{
	display: block;
    margin: 0 2px;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1.4;
	color: #999;
}
.tab li.active a,
.tab-movie li.active a
{
	border-bottom: 2px solid #af9b65;
	color: #333;
	font-weight: bolder;
}
/* エリアの表示非表示 */
.area,
.area-movie
{
	display: none;
	height: 0px; 
	overflow-y: hidden;
	opacity: 0;
}
/*areaにis-activeというクラスがついた時の形状*/
.area.is-active,
.area-movie.is-active
{
    display: block;
	opacity: 1;
	height: auto; 
	/* アニメーションをつける（@keyframes参照） */
	animation-name: displayAnime;
	/* @keyframesのアニメーションの完了にかかる時間 */
	animation-duration: 2s;
	/* @keyframesのアニメーションが終了しても要素を表示 */
	animation-fill-mode: forwards;
}
/* ふわっと表示させる */
@keyframes displayAnime
{
	from {
		opacity: 0;

	}
	to {
		opacity: 1;
	}
}
#all-work .div-wrap,
#main-work .div-wrap,
#director-work .div-wrap,
#writer-work .div-wrap
{
	border-top: none;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 0;
}
#all-work-movie .div-wrap,
#main-work-movie .div-wrap,
#director-work-movie .div-wrap,
#writer-work-movie .div-wrap
{
	border-top: none;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 0;
}
.p-div-none
{
	padding: 10px;
}
/*********************************
受賞歴
*********************************/
.award-set
{
	margin-bottom: 30px;
}
.table-award
{
	width: 100%;
	line-height: 22px;
	table-layout: fixed;
    border-collapse:  collapse;
	text-align: center;
}
.table-award-th1
{
	width: 10%;
}
.table-award-th2
{
	width: 60%;

}
.table-award-th3
{
	width: 30%;
}
.table-award-th1,
.table-award-th2,
.table-award-th3,
.table-award td
{
	border: #f1f1f1 solid thin;
	padding: 6px 20px;  
	font-size: 14px;
}
/* ヘッダー */
.table-award-th1,
.table-award-th2,
.table-award-th3
{
	background-color: #f4f4f4;
	font-weight: lighter;
}
.table-award td
{
	background-color: #fff;
}
.table-award td a:hover
{
	opacity: 0.5;
}
/* --------------------------------------------------------
レスポンシブ
最大幅820px以下の画面に対して適用
---------------------------------------------------------*/
@media (max-width: 820px) {

	/*********************************
	ファーストエリア
	*********************************/
	.sns-div
	{
		margin-top: 20px;
	}
	/*********************************
	目次
	*********************************/
	/*********************************
	出演ドラマ
	*********************************/
	/* タブ */
	.tab,
	.tab-movie
	{
		/* justify-content: space-evenly; */
		justify-content: center;
		/* margin-right: 10px; */
		/* margin-left: 10px; */
		background-color: #eee;
		margin-bottom: 0;
		opacity: 0.92;
	}
	.tab li,
	.tab-movie li
	{
		flex: 1 0 0;
		text-align: center;
		margin: 0;
	}

	.tab li a,
	.tab-movie li a
	{
		font-size: 12px;
		line-height: 30px;
		font-weight: normal;
		color: #999;
	}
	.tab li.active a,
	.tab-movie li.active a
	{
		font-size: 12px;
		line-height: 30px;
		font-weight: normal;
		color: #fff;
		border-bottom: none;
		background-color: #333;
	}
	.tab li.active a:hover,
	.tab-movie li.active a:hover
	{
		opacity: 1;
	}

	/*********************************
	受賞歴
	*********************************/
	#award #award-movie .award-set:last-child
	{
		margin-bottom: 0;
	}
	#award #award-movie .award-set:last-child .table-award td
	{
		border-bottom: none;  
	}

	.table-award
	{
		font-size: 14px;
		line-height: 24px;
		width: 100%;
		line-height: 22px;
		table-layout: fixed;
		border-collapse:  collapse;
		text-align: center;
	}
	.table-award-th1
	{
		width: 16%;
	}
	.table-award-th2
	{
		width: 42%;
	
	}
	.table-award-th3
	{
		width: 42%;
	}
	.table-award-th1,
	.table-award-th2,
	.table-award-th3,
	.table-award td
	{
		padding: 5px 10px;  
	}
	.table-award td a
	{
		font-weight: normal;  
	}
}