/*==================================================================================================================*/
/* メディアページ プルダウン検索用CSS */
/*==================================================================================================================*/

/*---------------------------------------------------------*/
/* カテゴリ絞り込み時の初期非表示（JS読み込み前のちらつき防止） */
/* JSで .media-filtered クラスが付与されたら表示制御開始 */
.media-filter-ready #custom_head ~ .easys_content,
.media-filter-ready #custom_foot ~ .easys_content {
    display: none;
}
.media-filter-ready #custom_head ~ .easys_content.media-show,
.media-filter-ready #custom_foot ~ .easys_content.media-show {
    display: block;
}

/*---------------------------------------------------------*/
/* スライドインアニメーション無効化（見出し・検索・記事ブロック） */
/* メディア一覧見出し */
#suhh23pmiaz8f85jx02q .easys_content_inner,
#suhh23pmiaz8f85jx02q .entry_post,
/* 検索部分（custom_headを含むブロック） - ブロックID直接指定 */
#avdobsmnv50gorr4gxr6 .easys_content_inner,
#avdobsmnv50gorr4gxr6 .entry_post,
/* :has()対応ブラウザ用フォールバック */
.easys_content:has(#custom_head) .easys_content_inner,
.easys_content:has(#custom_head) .entry_post,
/* カテゴリ見出し＋記事ブロック（custom_head以降） */
#custom_head ~ .easys_content .easys_content_inner,
#custom_head ~ .easys_content .entry_post,
/* フッター検索部分 */
.easys_content:has(#custom_foot) .easys_content_inner,
.easys_content:has(#custom_foot) .entry_post,
#custom_foot ~ .easys_content .easys_content_inner,
#custom_foot ~ .easys_content .entry_post {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/*---------------------------------------------------------*/
/* ブロック全体 */
#avdobsmnv50gorr4gxr6 .entry_post > div,
#pvdyoiolqkgikh0jc4je .entry_post > div {
    font-size: 16px;
}
/*SP*/
#avdobsmnv50gorr4gxr6 .entry_post.sp > div,
#pvdyoiolqkgikh0jc4je .entry_post.sp > div {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
}

/*---------------------------------------------------------*/
/* input text / select */
#custom_head table tr td input[type="text"],
#custom_foot table tr td input[type="text"],
#custom_head table tr td select,
#custom_foot table tr td select {
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    width: 100%;
    vertical-align: middle;
    font-size: 14px;
}
/*SP*/
.sp #custom_head table tr td input[type="text"],
.sp #custom_foot table tr td input[type="text"],
.sp #custom_head table tr td select,
.sp #custom_foot table tr td select {
    padding: 5px;
    font-size: 16px;
}

/*---------------------------------------------------------*/
/* table */
#custom_head table,
#custom_foot table {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
    table-layout: fixed;
}
/*SP*/
.sp #custom_head table,
.sp #custom_foot table {
    max-width: 100%;
    margin: 0 0 40px 0;
}

/*---------------------------------------------------------*/
/* table cell */
#custom_head table tr th,
#custom_foot table tr th,
#custom_head table tr td,
#custom_foot table tr td {
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.7;
}

/*---------------------------------------------------------*/
/* table th (カテゴリ) */
#custom_head table tr th,
#custom_foot table tr th {
    border: 1px solid #777777;
    background: #f0f0f0;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}
/*SP*/
.sp #custom_head table tr th,
.sp #custom_foot table tr th {
    width: 80px;
    font-size: 14px;
}

/*---------------------------------------------------------*/
/* table td */
#custom_head table tr td,
#custom_foot table tr td {
    border: 1px solid #777777;
    background-color: #ffffff;
}

/*---------------------------------------------------------*/
/* 検索ボタン */
#custom_head table tr th.search_btn,
#custom_foot table tr th.search_btn,
#custom_head table tr td.search_btn,
#custom_foot table tr td.search_btn {
    box-sizing: border-box;
    padding: 5px;
    width: 90px;
    background-color: #ffffff;
    color: #fe0000;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}
#custom_head table tr th.search_btn:hover,
#custom_foot table tr th.search_btn:hover,
#custom_head table tr td.search_btn:hover,
#custom_foot table tr td.search_btn:hover {
    background-color: #fe0000;
    color: #ffffff;
}
/*SP*/
.sp #custom_head table tr th.search_btn,
.sp #custom_foot table tr th.search_btn,
.sp #custom_head table tr td.search_btn,
.sp #custom_foot table tr td.search_btn {
    width: 100%;
    padding: 10px;
}

/*==================================================================================================================*/