/* style.css */
/*
Theme Name: oukihakuya_Site
Template:   twentytwentyfive
*/

body{
	font-family:'メイリオ', 'Meiryo', sans-serif;
	background: #eee;
}

.chara-grid {
	display:grid;
	gap:10px 20px;
	grid-template-columns:repeat(auto-fill,250px);
	margin-left: 3%;
	margin-right: 3%;
}
.chara-card {
	margin: 10px auto;
	width: 250px;
	height: 480px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 5px 10px #ccc;

}
.chara-icon img {
	border-radius: 5px 5px 0 0;
	max-width: 100%;
	height: auto;
}

.chara-info {
	padding: 0% 7% 5% 7% ;
	line-height:0;
}

.Furigana {
	font-size: 14px;
}

.name {
	border-bottom: 1px solid #666;
	font-size: 30px;
	padding-bottom: 15px
}

.work {
	display: flex;
	justify-content: flex-end;
	font-size: 17px;
}

.explanation {
	display: flex;
	justify-content: flex-end;
	font-size:17px;
}

.age {
	padding-right: 10px;
}

.chara-actions {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 5px;
}

.btn-CCFOLIA img{
	display: flex;
	align-items: flex-start;
	width: 45px;
	height: 45px;
	border-radius:5px;
}

.btn-CCFOLIA {
	display: flex;
	align-items: flex-start;
	width: 45px;
	height: 45px;
	border-radius:5px;
	margin-right: 10px;
}

.btn-edit img{
	display: flex;
	align-items: flex-start;
	width: 45px;
	height: 45px;
	border-radius:5px;
}

.btn-edit {
	display: flex;
	align-items: flex-start;
	width: 45px;
	height: 45px;
	border-radius:5px;
	margin-right: 10px;
}

.btn-view img{
	display: flex;
	align-items: flex-start;
	width: 45px;
	height: 45px;
	border-radius:5px;
}

.btn-view {
	display: flex;
	align-items: flex-start;
	width: 45px;
	height: 45px;
	border-radius:5px;
	margin-right: 15px;
}