@charset "utf-8";

body { font-family: sans-serif; background: #FAFAFA; color: #333; margin: 0; padding: 0; }
a { text-decoration: none; }
#container { width: 100%; max-width: 1320px;  margin: auto; padding: 20px; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
@media (min-width: 576px) {
  .container { width: 540px; }
}
@media (min-width: 768px) {
  .container { width: 720px; }
}
@media (min-width: 992px) {
  .container { width: 900px; }
}
@media (min-width: 1200px) {
  .container { width: 1080px; }
}
.nav { padding: 10px; }
.nav a { color: white; text-decoration: none; padding: 5px 10px; }
.breadcrumb { background: #F5F5F5; color: #333; list-style: none; padding: 10px 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.breadcrumb li { display: inline; }
.breadcrumb a { color: #0077CC; text-decoration: none; }
.breadcrumb_list:not(:last-of-type)::after { content: ">"; margin: 0 .6em; color: #777; }
.internal { background: #F5F5F5; color: #333; list-style: none; padding: 10px 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.internal li { display: inline; }
.internal a { color: #0077CC; text-decoration: none; }
.various { background: #F5F5F5; color: #333; list-style: none; text-align: right; padding: 10px 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.various li { display: inline; }
.various a { color: #0077CC; text-decoration: none; }
h1, h2, h3 { color: #00274D; }
.card-title { font-weight: bold; color: #00274D; }
.card { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }
.bold { font-weight: bold; }

.big-card { padding: 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.big-card:nth-child(1) { background: #F0F0F0; }

.datalist_u,.datalist_d {
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 1;
	min-width: 740px; 
	margin-left: auto;
	margin-right: auto;
}
.datalist_u,.datalist_d a {
	color: #0D47A1;
}
.datalist_u li {
	padding: 12px 16px;
	line-height: 1.4;
	background: linear-gradient(
		to bottom,
		#FFCDD2 0%,
		#FF8A80 100%
	);
}
.datalist_d li {
	padding: 12px 16px;
	line-height: 1.4;
	background: linear-gradient(
		to bottom,
		#BBDEFB 0%,
		#90CAF9 100%
	);
}

footer { text-align: right; }