/*********************************
上書き（style-header.css）
*********************************/
.title-div
{
    margin-top: 10px;
    margin-bottom: 10px;
}
/*********************************
探す
*********************************/
#search-position-sticky-top
{
	display: none;
}

#search-position-sticky-top
{
	background-color: #fff;
	border-bottom: none;
}
.container-btn-box
{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.container-btn-box button
{
	width: calc(99% / 3);
	color: #fff;
    border-radius: 3px;
    font-size: 16px;
    line-height: 2;
	letter-spacing: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.container-btn-box button:hover
{
	opacity: 0.5;
}
.btn-link-all-search-drama
{
	background-color: #7ab359;
}
.btn-link-all-search-movie
{
	background-color: #af9b65;
}
.btn-link-all-search-person
{
	background-color: #597ab3;
}
.btn-link-all-search-person2
{
	background-color: #b25979;
}

/*********************************
検索エリア
*********************************/
.search-kodawari
{
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 6px;
	/* box-shadow: 0 0 5px rgba(0,0,0,.4); */
}
/* 検索フォームエリアの下のマージン */
.search-drama-window-div
{
    margin-bottom: 4px;
}
/*********************************
検索結果
*********************************/
#contents
{
    margin-top: 60px;
}
/* 選択項目表示 */
.search-item
{
	width: 100%;
    text-align: left;
    padding: 4px 10px;
    margin-bottom: 4px;
    background-color: #444;
    font-size: 13px;
    font-weight: normal;
    line-height: 2;
    color: #fff;
    border-radius: 3px;
}
/* --------------------------------------------------------
レスポンシブ
最大幅820px以下の画面に対して適用
---------------------------------------------------------*/
@media (max-width: 820px) {

	/*********************************
	上書き（style-header.css）
	*********************************/
	.title-div
	{
		padding: 0;
	}
	.h3-title
	{
		text-align: center;
	}
	/*********************************
	探す
	*********************************/
	#search-position-sticky-top
	{
		display: block;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		position: sticky;
		top: 40px;
		z-index: 100;
		opacity: 0.98;
	}
	#search-position-sticky-top .search-kodawari
	{
		border-radius: 0;
		width: 100%;
		box-shadow: 0 8px 24px 0 rgba(0,0,0,.12);
	}

	/*********************************
	検索エリア
	*********************************/
	.search-kodawari
	{
		padding: 10px;
		background-color: #fff;
		border-radius: 10px;
		width: 90%;
		/* box-shadow: 0 0 5px rgba(0,0,0,.4); */
		box-shadow: 0 8px 24px 0 rgba(0,0,0,.12);
		box-shadow: 0 8px 24px rgba(0,0,0,.05), 0 0 6px rgba(0,0,0,.15);
	}
	/* 検索フォームエリアの下のマージン */
	.search-drama-window-div
	{
		margin-bottom: 0;
	}
	/* こだわり条件を非表示 */
	.pc-search-drama-detail-div
	{
		display: none;
	}
	/*********************************
	検索結果
	*********************************/
	#contents
	{
		margin-top: 10px;
	}
	/* 選択項目表示 */
	.search-item
	{
		border-radius: 0;
		text-align: center;
		font-size: 18px;
		padding: 2px 10px 1px 10px;
	}
	/* 件数 */
	.search-count
	{
		text-align: center;
	}
	.span-3
	{
		font-style: normal;
		margin-right: 2px;
	}
	
}