@charset "UTF-8";
#wrapper{margin: 50px auto 100px;}
img{width: 100%;}
#navbar-header ul{width: auto; margin-top: 10px; clear: right;}
#navbar-header li{float: right;}
#bk01 h2{
	border-top:solid 3px #EE75A5;
	border-bottom: double 5px #EE75A5;
}
#bk02 h2{
	border-top:solid 3px #00a5e3;
	border-bottom: double 5px #00a5e3;
}
#bk03 h2{
	border-top:solid 3px #de6a2e;
	border-bottom: double 5px #de6a2e;
}
.bk_list{
	width: 95%;
	margin: 0 auto;
	padding: 20px 0px;
}
#bk01 .bk_list{
	border: solid 2px #F8E3EB;
}
#bk02 .bk_list{
	border: solid 2px #b6ebff;
}
#bk03 .bk_list{
	border: solid 2px #de6a2e;
}
.list-title{
	font-family: serif;
	text-align: center;
	font-size:1.9em;
	margin: 0px auto 15px;
	padding: 12px 0px 10px;
	width: 95%;
}
#bk01 .btn-outline-secondary{
	color: #EE75A5;
	background-color: #fff;
	border-color: #EE75A5;
}
#bk01 .btn-outline-secondary:hover{
	color: #fff;
	background-color: #EE75A5;
	border-color: #EE75A5;
}
#bk02 .btn-outline-secondary{
	color: #00a5e3;
	background-color: #fff;
	border-color: #00a5e3;
}
#bk02 .btn-outline-secondary:hover{
	color: #fff;
	background-color: #00a5e3;
	border-color: #00a5e3;
}
#bk03 .btn-outline-secondary{
	color: #de6a2e;
	background-color: #fff;
	border-color: #de6a2e;
}
#bk03 .btn-outline-secondary:hover{
	color: #fff;
	background-color: #de6a2e;
	border-color: #de6a2e;
}
html{background-color: #d61d51;}

/* 小デバイス（横向きモバイル, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
	#wrapper{margin: 20px auto;}
}

/* 極小デバイス（縦向きモバイル, 576px 未満）
	============================================== */
@media screen and (max-width: 575.98px) {
	.list-title{font-size:1.4em;}
	.nav-link{padding: 5px;}
	#navbar-header li{width: 110px;}
}
/* （スマートフォン, 375px 未満）
	============================================== */
@media screen and (max-width: 375px) {
	#navbar-header ul{width: 100%;}
	#navbar-header li{width: 105px; margin: 15px 0px 0px;}
	.nav-link{padding: 2px;}
	.list-title{font-size:1.3em;}
}