/* #title */
#title { clear: both; padding: 40px 0; background: #1E3D96; text-align: center; }
#title h2 { color: #FFF; font-size: 40px; font-weight: 900; line-height: 80px; }

@media only screen and (max-width:768px) {
	#title { padding: 20px 0; }
	#title h2 { font-size: 24px; line-height: 40px; }
}

/* #information */
#information { padding: 80px 0; }

#information li { margin: 0 0 40px; }
#information li a { color: #333; }
#information li p { display: inline-block; border-left: solid 5px #A76273; background: #EB6D9D; color: #FFF; font-size: 16px; line-height: 25px; padding: 0 20px; }
#information li time { text-align: left; padding: 0 0 0 10px; }
#information li h3 { border-bottom: solid 5px #EB6D9D; font-size: 24px; font-weight: 900; line-height: 40px; padding: 0; position: relative ; }
#information li h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }


#information .pagenation { padding: 80px 0 0; }
#information .pagenation ul { display: flex; justify-content: center; }
#information .pagenation ul li { margin: 0 5px; font-size: 14px; line-height: 26px; }
#information .pagenation ul li.page-current { color: #1E3D96; }
#information .pagenation ul li a { display: block; background: #1E3D96; color: #FFF; padding: 0 8px; border: solid 1px #1E3D96; border-radius: 4px; }
#information .pagenation ul li b { display: block; padding: 0 8px; border: solid 1px #1E3D96; border-radius: 4px; }

@media only screen and (max-width:768px) {
	#information { padding: 40px 20px; }
	#information li p { font-size: 14px; line-height: 25px; padding: 0 10px; }
	#information li h3 { font-size: 20px; line-height: 30px; }

}


/* #single */
#single { padding: 80px 0; }

#single .title p { display: inline-block; border-left: solid 5px #A76273; background: #EB6D9D; color: #FFF; font-size: 16px; line-height: 30px; padding: 0 20px; }
#single .title time { text-align: left; padding: 0 0 0 10px; }
#single .title h2 { border-bottom: solid 5px #EB6D9D; font-size: 40px; font-weight: 900; line-height: 80px; padding: 0; position: relative ; }
#single .title h2:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }

#single .content { padding: 80px 0; }
#single h2 { text-align: left; padding: 0; }
#single p { text-align: left; padding: 0; }


#single h3 { background: #1E3D96; color: #FFF !important; font-size: 24px; font-weight: 800; line-height: 60px; border-radius: 5px; margin: 40px 0 0;padding: 0 20px; }
#single h4 { margin: 40px 0 0; padding: 0 0 0 5px; font-size: 22px;font-weight: 800; line-height: 40px; border-left: solid 5px #1E3D96; }
#single h5 { margin: 40px 0 0; padding: 0; font-size: 20px; font-weight: 800; line-height: 40px; border-bottom: solid 2px #1E3D96; }

#single .bottom { padding: 80px 0 0; }
#single .bottom nav { display: flex; justify-content: space-between; border-top: solid 2px #E6E6E6; border-bottom: solid 2px #E6E6E6; }
#single .bottom p { margin: 0; padding: 40px; font-size: 16px; line-height: 20px; text-align: center; }
#single .bottom p a { display: inline-block; color: #1E3D96; }
#single .bottom p.archive { padding: 80px 0 0; }
#single .bottom p.archive a { display: inline-block; background: #1E3D96; color: #FFF; padding: 20px 40px; border-radius: 5px; }

@media only screen and (max-width:768px) {
	#single { padding: 40px 0; }
	#single .title { padding: 0 20px; }
	#single .title p { font-size: 14px; line-height: 25px; padding: 0 10px; }
	#single .title h2 { font-size: 24px; line-height: 40px; }

	#single .content { padding: 40px 20px; }

}