@charset "utf-8";

#info_index .inner-section.bg01, #info_sub .post.bg01 { padding: 2em 3em; border-radius: 2em; margin-bottom: 3em;}
#info_index .inner-section.bg01 a { color: inherit;}
#info_index .info_list li { border-bottom: dashed 2px #ccc; padding: 0.3em 0;}
#info_index .info_list li a { padding: 1em 0.5em; display: flex; flex-wrap: wrap;}
#info_index .info_list li .date { width: 10em;}
#info_index .info_list li .ttl { width: calc( 100% - 10em );}
#info_index .info_list li a[target="_blank"] .ttl::after { font-family: "FAsolid"; font-weight:900; content: "\f35d"; color: #0099cc; margin-left: 0.3em;}

.pager li { color: #ccc;margin: 0 1em;}
#info_index .inner-section.bg01 .pager li a { color: #0099cc;}
.pager li.prev a:before { content: "\f359"; font-family: FAsolid; font-weight: bold; margin-right: 0.2em;}
.pager li.next a:after { content: "\f35a"; font-family: FAsolid; font-weight: bold; margin-left: 0.2em;}

#info_sub .inner-section { padding-top: 0;}

.post .frame { border: double 4px #999; padding: 2em 3em; margin-bottom: 1em;}
.post .frame:not(:last-of-type) { margin-bottom: 1em;}
.post .frame dt { border-bottom: dotted 1px #999; margin-bottom: 0.8em; padding-bottom: 0.8em;}
a.pdf:after { content: "\f1c1"; color: #c00; font-family: FAsolid; font-weight: bold; margin-left: 0.3em;}
a.word:after { content: "\f1c2"; color: #0965b5; font-family: FAsolid; font-weight: bold; margin-left: 0.3em;}

@media (max-width: 599px) {
	#info_index .info_list li .date, #info_index .info_list li .ttl { width: 100%;}
	#info_index .info_list li .date { font-size: 80%;}
}

@media (max-width: 499px) {
	#info_index .inner-section.bg01, #info_sub .post.bg01 { padding: 1em;}
}