/*==============================
一覧ツールバー
==============================*/
.list_toolbar{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:20px;
	padding:10px 15px;
	border:1px solid #ddd;
	border-radius:5px;
	background:#f7f7f7;
}

/*==============================
一覧
==============================*/
.data_list{
    display:flex;
    flex-direction:column;
    gap:15px;
}

/*==============================
一覧アイテム
==============================*/
.data_item{
	padding:15px 18px;
	border:1px solid #ddd;
	border-radius:5px;
	background:#fff;
	transition:0.2s;
}
.data_item:hover{
	border-color:#fc40a4;
	box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

/*==============================
一覧タイトル
==============================*/

.data_header{
	margin-bottom:10px;
}

.data_title{
	font-size:18px;
	font-weight:bold;
	color:#333;
}

.data_title a{
	color:#333;
}

.data_title a:hover{
	color:#fc40a4;
}

/*==============================
詳細ページツールバー
==============================*/

.detail_toolbar{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:20px;
}

/*==============================
詳細テーブル
==============================*/

.detail_table{
	width:100%;
	border-collapse:collapse;
}

.detail_table th{
	width:180px;
	padding:12px;
	background:#f3f3f3;
	border:1px solid #ddd;
	font-weight:bold;
}

.detail_table td{
	padding:12px;
	border:1px solid #ddd;
	line-height:1.8;
}

/*==============================
検索フォーム
==============================*/

.search_form{
	padding:20px;
	margin-bottom:20px;
	border:1px solid #ddd;
	border-radius:5px;
	background:#fafafa;
}

.search_form input,
.search_form select{
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:3px;
}

.search_form input[type="submit"]{
	cursor:pointer;
	background:#333;
	color:#fff;
	border:none;
	padding:8px 20px;
}

.search_form input[type="submit"]:hover{
	background:#fc40a4;
}

/*==============================
ページネーション
==============================*/

.pagination{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:6px;
	margin-top:30px;
}

.pagination a,
.pagination span{
	display:block;
	padding:8px 12px;
	border:1px solid #ddd;
	border-radius:3px;
	background:#fff;
	color:#555;
}

.pagination a:hover{
	background:#fc40a4;
	color:#fff;
	border-color:#fc40a4;
}

.pagination .current{
	background:#333;
	color:#fff;
	border-color:#333;
}