select
{
	width: 241.5px;
    font-size: 12px;
	border-radius: 3px;
    text-align: center;
    color: #333;
	background-color: #fff;
    display: inline-block;
	line-height: 2;
	border: thin solid #b5b5b5;
	appearance: menulist;
	padding: 4px;
}
.tab-btn
{
	width: 187px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 2;
    background-color: #fff;
    margin-bottom: 4px;
}
.content-div
{
	display: flex;
    /* margin-bottom: 8px; */
    /* line-height: 1; */
    align-items: baseline;
}
/* タイトル */
.p-search,
.p-search-movie,
.p-search-person,
.p-search-person2
{
	font-size: 12px;
    /* font-weight: bold; */
	font-weight: normal;
	text-align: center;
	line-height: 2;
	color: #fff;
	width: 12%;
	margin-right: 8px;
    border-radius: 3px;
	background-color: #7ab359;

}
.p-search-movie
{
	background-color: #af9b65;
}
.p-search-person
{
	background-color: #597ab3;
}
.p-search-person2
{
	background-color: #b25979;
}



/* コンテンツ（表示） */
.buttons-div {
    font-size: 14px;
    width: 90%;
}
.buttons-div a,
.buttons-div a {
	text-decoration: none;
    color: #333;
	font-weight: normal;
}
.buttons-li {
    width: 132px;
	font-size: 12px;
    border-radius: 3px;
    text-align: center;
	color: #fff;
	display: inline-block;
    line-height: 2;
	background-color: #fff;
	margin-bottom: 4px;
}
/* .buttons-li-long {
    width: 240px;
} */
/* こだわり条件各ボタン */
.filter-link,
/* ドラマ */
.filter-link2,
.filter-link3,
.filter-link4 {
    display: block;
    width: 100%;
    height: 100%;
}
.filter-link:hover,
/* ドラマ */
.filter-link2:hover,
.filter-link3:hover,
.filter-link4:hover {
	cursor: pointer;
	background-color: #333;
	color: #fff;
	border-radius: 3px;
}
.filter-link.active,
/* ドラマ */
.filter-link2.active,
.filter-link3.active,
.filter-link4.active {
    /* background-color: #333; */
	background-color: #444;
    color: #fff;
	border-radius: 3px; 
}
/*********************************
非表示エリア（もっと表示）
*********************************/
/*全体*/
.hidden-box {
	display: inline;
	margin-bottom: 1em;
    padding: 0;
}
/* デフォルトは中身非表示 */
.hidden-show10,
.hidden-show11
{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*チェックは見えなくする*/
.hidden-box input[id = "label10"],
.hidden-box input[id = "label11"]
{
    display: none;
}
/* もっと表示 */
.hidden-box label[for = "label10"],
.hidden-box label[for = "label11"]
{
	display: inline-block;
    margin: 6px 10px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    transition: 0.2s;
    color: #0066c0;
    padding: 0;
    line-height: 2;
}
/* もっと表示クリックで中身表示 */
.hidden-box input[id = "label10"]:checked ~ .hidden-show10,
.hidden-box input[id = "label11"]:checked ~ .hidden-show11
{
    height: auto;
    opacity: 1;
}
/* --------------------------------------------------------
レスポンシブ
最大幅820px以下の画面に対して適用
---------------------------------------------------------*/
@media (max-width: 820px) {

	.content-div
	{
	display: block;
	}
	/* タイトル */
	.p-search {
		width: 100%;
		border-radius: 0px;
		margin-bottom: 6px;
		margin-right: 0;
	}
	.buttons-div
	{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 13px;
		text-align: center;
		padding: 0 10px;
	}
	.buttons-div li
	{
		width: calc(98% / 3);
		background-color: #fff;
		/* padding: 6px 10px; */
		border: 1px solid #eee;
		border-radius: 10px;
		line-height: 2.8;
	}
	.buttons-div a,
	.buttons-div a 
	{
		width: 100%;
		height: 100%;
	}
	.hidden-show1,
	.hidden-show2
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 13px;
		text-align: center;
	}
}