@charset "utf-8";
a img:hover {
	opacity: 1;
}
#main {
  max-width: 800px;
  margin: auto;
}
#main img {
  width: 100%;
}
#rogo img {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
#series {
  max-width: 700px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}
#series .waku_top {
  margin-bottom: 20px;
}
#series .waku_bottom {
  clear: both;
  margin-top: 20px;
}
#series ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 131px);
  justify-content: center;
  grid-gap: 1rem;
}
#series ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
#siteMenu {
  max-width: 700px;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}
#siteMenu ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 131px);
  justify-content: center;
  grid-gap: 1rem;
}
#siteMenu ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
* {
  zoom: 1;
}
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html .clearfix {
  zoom: 1;
}
/* IE7 */
*:first-child + html .clearfix {
  zoom: 1;
}