/*********************************
上書き（style-header.php）
*********************************/
.section-title-div
{
	padding-bottom: 0;
}
/*********************************
誕生日
*********************************/
.container-box
{
    border: thin solid #af9b65;
}
/*********************************
特集エリア
*********************************/
.container-box-text-title
{
	height: auto;
}
.search-for-recommend
{
    max-width: 1100px;
    height: auto;
    margin: 0 auto;
    /* padding: 30px 0; */
	padding-bottom: 20px;
}
.div-wrap2 {
	padding-bottom: 0;
}
.container-box-text
{
	text-align: center;
}
/* 人気俳優から探す */
#best-person
{
	padding-top: 10px;	
}
/* 生まれ年から探す */
.year-search-table {
	line-height: 22px;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px #ddd solid;
	margin-bottom: 50px;
	font-size: 14px;
}
.year-search-table tr {
	border-bottom: 1px #ddd solid;
}

.year-search-table th {
	width: 12%;
	font-weight: lighter;
	background-color: #f6f5f4;
	color: #333;
}
.year-search-table td {
	text-align: center;
}
.year-search-table th {
	border: #ddd solid thin;
	padding: 6px 20px;  
}
/* 何年代 */
.year-10 {
    color: #7e7e7e;
    font-weight: bold;
	text-align: center;
}
.year-a a {
	color: #7e7e7e;
    font-weight: normal;
}
.year-a a:hover {
	cursor: pointer;
	border-bottom: 1px solid;
}

.year-a::after {
	content: "｜";
	padding: 0 5px; 
}
.year-a:last-child::after {
	content: none;
}
/* --------------------------------------------------------
レスポンシブ
最大幅820px以下の画面に対して適用
---------------------------------------------------------*/
@media (max-width: 820px) {

	/*********************************
	誕生日
	*********************************/
	.search-for-recommend
	{
		padding: 0 0;
	}
	.container3-box {
		width: 100%;
		height: 150px;
		background-color: #fff;
	}
}