@charset 'UTF-8';

/* タイトル */
.header h1 {
	margin        : 0 0 15px 10px;
	font-size     : 44px;
	font-family   : 'Shadows Into Light', cursive;
	border-bottom : solid 1px currentcolor;
}
/* タイトルアイコン */
.header h1 i {
	font-size    : 38px;
	margin-right : 15px;
}

/* flexをかけるコンテナ */
.container {
	display   : flex;
	flex-wrap : wrap;
	max-width : none;
	margin    : 2px auto;
}

/* リンクボックス */
.link {
	flex    : 1 1 200px;
	display : flex;
}
.link a {
	position         : relative;
	flex             : 1;
	margin           : 2px;
	display          : block;
	border           : solid 1px #dddddd;
	background-color : currentColor;
	color            : inherit;
	text-decoration  : none;
}
.link a:hover {
	opacity : 0.8;
}

/* 本の画像 */
.link .photo {
	min-height          : 300px;
	background-position : center;
	background-size     : cover;
	opacity             : 0.6;
}

/* 画像に重ねるタイトル */
.link .text {
	position : absolute;
	bottom   : 0;
	left     : 0;
	margin   : 10px;
	color    : #ffffff;
}

/* 連番号 */
.link .num {
	position  : absolute;
	top       : 1%;
	left      : 1%;
	font-size : 24px;
	color     : #fff;
}

/* アイコン */
.link i {
	position  : absolute;
	top       : 1%;
	right     : 1%;
	font-size : 60px;
}
/* 完了したマーク */
.link i.fa-check-circle {
	color : #05DDFD
}
/* 学習中マーク */
.link i.fa-leanpub {
	color : #FDDD05;
}

/* 未使用 */
.link.unuse a:hover {
	opacity : 1.0;
}

/* フッター */
.footer p {
	margin           : 0;
	padding          : 20px;
	font-size        : 14px;
	background-color : #333;
	color            : #fff;
	text-align       : center
}