/* topBar */
#topBar { margin-bottom: 10px; border-bottom: 1px #e5e5e5 solid; }
#topBar > div { width: 100%; display: inline-block; }
#topBar .title { font-size: 35px; color: #555556; font-weight: bold; }
#topBar .title b { margin-left: 10px; font-size: 27px; color: #555556; font-weight: normal; }
#topBar .waylink ol { text-align: right; }
#topBar .waylink ol li { display: inline-block; }
#topBar .waylink ol li p{ color: #656565; font-size: 14px; display: inline-block; }
#topBar .waylink ol li .h1 , #topBar .waylink ol li .h2 , #topBar .waylink ol li .h3 { display: inline-block; font-size: 14px; color: #656565; }
#topBar .waylink ol li:after { content: " / "; }
#topBar .waylink ol li:last-child:after { content: ""; }

/* aside */
aside { margin: 10px 0; }
aside ul li { margin: 10px; display: inline-block; }
aside ul li a { padding: 10px 70px 10px 25px; background: url(/images/32/main/icon-aside.png) no-repeat 300px bottom; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: block; color: #212121; }
aside ul li:hover a , aside ul li.action a { background-position: right bottom; background-color: #c7a883; color: #f0f4f7; }

/* pagenav */
#pagenav { overflow: hidden; margin: 15px 0; text-align: center; }
#pagenav a , #pagenav strong { padding: 5px 12px; border: 1px #3c3c3c solid; border-right: none; display: inline-block; font-size: 14px; color: #777; }
#pagenav a:hover { background: #535556; color: #fff; }
#pagenav a.prev { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#pagenav a.next { border-right: 1px #3c3c3c solid; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#pagenav strong { padding: 5px 12px; background: #535556; color: #fff; vertical-align: top; }
#pagenav span.numbox_hit { margin: 0 10px 0 6px; vertical-align: top; }

/* sPicture */
#sPicture { font-size: 0; text-align: center; }
#sPicture a { margin: 10px 5px; width: calc((100% / 6) - 10px); background: no-repeat 50% / cover; display: inline-block; }

/* lPicture */
#lPicture { position: fixed; width: 11vw; top: 15vh; left: 0; z-index: 20; }
#lPicture a { margin-bottom: 15px; background: no-repeat 50% / cover; display: block;  }

@media screen and (max-width: 1440px) {
	#lPicture { display: none; }
}
@media screen and (max-width: 1280px) {
	#topBar { border-bottom: 0; }
	#topBar > div { width: 100%; display: block; }
	#topBar .title { border-bottom: 1px #e5e5e5 solid; }
}
@media screen and (max-width: 768px) {
	aside ul li a { padding-right: 40px; }
	#sPicture a { margin: 10px; width: calc((100% / 3) - 20px); }
}
@media screen and (max-width: 640px) {
	#sPicture a { margin: 10px 5px; width: calc((100% / 3) - 10px); }
}
@media screen and (max-width: 480px) {
	aside ul li a { padding-right: 20px; }
}