@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Iceberg);
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Nova+Mono);
@font-face {
  font-family: 'tvasahi-webfont';
  src: url("/common/static/fonts/tvasahi-webfont.eot");
  src: url("/common/static/fonts/tvasahi-webfont.eot?#iefix") format("embedded-opentype"), url("/common/static/fonts/tvasahi-webfont.woff") format("woff"), url("/common/static/fonts/tvasahi-webfont.ttf") format("truetype"), url("/common/static/fonts/tvasahi-webfont.svg#webfont") format("svg"); }
/*----------------------------------------------------------
round
----------------------------------------------------------*/
/*----------------------------------------------------------
shadow
----------------------------------------------------------*/
/*----------------------------------------------------------
opacity
----------------------------------------------------------*/
/*----------------------------------------------------------
transition
----------------------------------------------------------*/
/*----------------------------------------------------------
01 base
----------------------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  min-width: 990px; }

#wrapper {
  width: 100%;
  text-align: center;
  position: relative; }

.clearfix {
  overflow: hidden;
  *zoom: 1; }

/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1; }

.left {
  float: left; }

.right {
  float: right; }

.liquid-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 360px;
  bottom: 0;
  left: 0;
  background-image: none; }

.aside:after, .aside-min:after {
  background-image: none; }

/*
 * target: IE6,7
 * Validator: Valid
 */
html*.container-wrapper {
  background-image: none; }

/* Top */
#top #container-wrapper {
  background: url(../img/bg-triangle.png) center top no-repeat, url(../img/bg-header.png) center top no-repeat, url(../img/bg-pattern.png) center top repeat;
  position: relative; }

#top #container-wrapper:after {
  position: absolute;
  content: '';
  top: 376px;
  background: url(../img/bg-nav.png) no-repeat top center;
  width: 100%;
  height: 120px; }

@media screen and (max-width: 1284px) {
  #top #container-wrapper {
    background: none, url(../img/bg-header.png) center top no-repeat, url(../img/bg-pattern.png) center top repeat; }

  #top #container-wrapper:after {
    background: none; } }
/* lower */
#about #container-wrapper, #bn-list #container-wrapper, #bn #container-wrapper, #rare #container-wrapper {
  background: url(/update/img/bg-lower-triangle.png) center top no-repeat, url(/update/img/bg-lower-header.png) center top no-repeat, url(/update/img/bg-pattern.png) center top repeat;
  position: relative; }

#about #container-wrapper:after, #bn-list #container-wrapper:after, #bn #container-wrapper:after, #rare #container-wrapper:after {
  position: absolute;
  content: '';
  top: 119px;
  background: url(/update/img/bg-nav.png) no-repeat top center;
  width: 100%;
  height: 120px; }

@media screen and (max-width: 1284px) {
  #about #container-wrapper, #bn-list #container-wrapper, #bn #container-wrapper, #rare #container-wrapper {
    background: none, url(/update/img/bg-lower-header.png) center top no-repeat, url(/update/img/bg-pattern.png) center top repeat; }

  #about #container-wrapper:after, #bn-list #container-wrapper:after, #bn #container-wrapper:after, #rare #container-wrapper:after {
    background: none; } }
.aside:after {
  background-position: -920px 0; }

.aside-min:after {
  background-position: -1260px 0; }

.aside-container {
  position: relative;
  z-index: 1; }

.container-wrapper {
  background: #f2f2f2; }

.main-container {
  padding: 34px 0 0 40px; }

a:link {
  color: #fff; }

a:hover, a:visited, a:active {
  -webkit-opacity: 0.6;
  /* chrome */
  -moz-opacity: 0.6;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;
  /* Safari 1.x */
  opacity: 0.6;
  filter: alpha(opacity=60); }

a:hover img, #page-top img:hover {
  -webkit-opacity: 0.6;
  /* chrome */
  -moz-opacity: 0.6;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;
  /* Safari 1.x */
  opacity: 0.6;
  filter: alpha(opacity=60); }

.font-bold {
  font-weight: bold; }

#page-top {
  position: fixed;
  z-index: 100;
  bottom: 70px;
  right: 50px;
  cursor: pointer; }

#page-top {
  position: fixed;
  z-index: 100;
  bottom: 70px;
  right: 50px;
  cursor: pointer; }

#recommended-program {
  color: #333;
  margin: 20px 20px 0 -20px;
  font-size: 14pt;
  line-height: 1.5em; }
  #recommended-program .common-title {
    margin: 0 0 14px; }

.sns {
  padding: 0; }

/*----------------------------------------------------------
01 header
----------------------------------------------------------*/
/** Top **/
#top #header-image {
  margin-right: -50px; }
  #top #header-image img {
    float: right;
    width: 96.5%;
    margin-top: 0; }

@media screen and (max-width: 1284px) {
  #top #header-image {
    margin-right: -40px; }
    #top #header-image img {
      float: right;
      width: 100%;
      margin-top: 0; } }
#about #lower-header-image, #bn-list #lower-header-image, #bn #lower-header-image, #rare #lower-header-image {
  padding-top: 8px;
  padding-bottom: 10px; }
  #about #lower-header-image img, #bn-list #lower-header-image img, #bn #lower-header-image img, #rare #lower-header-image img {
    width: 100%; }

/*----------------------------------------------------------
02 nav
----------------------------------------------------------*/
.page-nav {
  height: 84px; }

.page-nav a {
  text-decoration: none;
  display: block;
  color: #333;
  font-size: 80%;
  padding: 0;
  border-right: none;
  border-left: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.page-nav ul {
  background: none !important;
  box-shadow: none !important;
  padding: 0;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }
  .page-nav ul li {
    height: 82px; }

/** Top **/
#top #page-nav-inner {
  margin-top: 1px;
  padding: 0; }
  #top #page-nav-inner ul {
    margin: 0; }
    #top #page-nav-inner ul li a {
      border-left: 2px solid #000;
      margin-right: 0;
      display: inline-block;
      width: 174px;
      height: 84px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0; }
      #top #page-nav-inner ul li a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1;
        filter: alpha(opacity=100); }
    #top #page-nav-inner ul li:first-child a {
      background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #top #page-nav-inner ul li:first-child a:hover {
        background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #top #page-nav-inner ul li:nth-child(2) a {
      background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #top #page-nav-inner ul li:nth-child(2) a:hover {
        background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #top #page-nav-inner ul li:nth-child(3) a {
      background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #top #page-nav-inner ul li:nth-child(3) a:hover {
        background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #top #page-nav-inner ul li:nth-child(4) a {
      background: url(/update/img/nav-bn-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #top #page-nav-inner ul li:nth-child(4) a:hover {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #top #page-nav-inner ul li:nth-child(5) a {
      border-right: 2px solid #000;
      background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #top #page-nav-inner ul li:nth-child(5) a:hover {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }

/** About **/
#about #page-nav-inner {
  margin-top: 1px;
  padding: 0; }
  #about #page-nav-inner ul {
    margin: 0; }
    #about #page-nav-inner ul li a {
      border-left: 2px solid #000;
      margin-right: 0;
      display: inline-block;
      width: 174px;
      height: 84px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0; }
      #about #page-nav-inner ul li a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1;
        filter: alpha(opacity=100); }
    #about #page-nav-inner ul li:first-child a {
      background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #about #page-nav-inner ul li:first-child a:hover {
        background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #about #page-nav-inner ul li:nth-child(2) a {
      background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #about #page-nav-inner ul li:nth-child(2) a:hover {
        background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #about #page-nav-inner ul li:nth-child(3) a {
      background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #about #page-nav-inner ul li:nth-child(3) a:hover {
        background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #about #page-nav-inner ul li:nth-child(4) a {
      background: url(/update/img/nav-bn-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #about #page-nav-inner ul li:nth-child(4) a:hover {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #about #page-nav-inner ul li:nth-child(5) a {
      border-right: 2px solid #000;
      background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #about #page-nav-inner ul li:nth-child(5) a:hover {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }

/** Backnumber List **/
#bn-list #page-nav-inner {
  margin-top: 1px;
  padding: 0; }
  #bn-list #page-nav-inner ul {
    margin: 0; }
    #bn-list #page-nav-inner ul li a {
      border-left: 2px solid #000;
      margin-right: 0;
      display: inline-block;
      width: 174px;
      height: 84px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0; }
      #bn-list #page-nav-inner ul li a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1;
        filter: alpha(opacity=100); }
    #bn-list #page-nav-inner ul li:first-child a {
      background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn-list #page-nav-inner ul li:first-child a:hover {
        background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn-list #page-nav-inner ul li:nth-child(2) a {
      background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn-list #page-nav-inner ul li:nth-child(2) a:hover {
        background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn-list #page-nav-inner ul li:nth-child(3) a {
      background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn-list #page-nav-inner ul li:nth-child(3) a:hover {
        background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn-list #page-nav-inner ul li:nth-child(4) a {
      background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn-list #page-nav-inner ul li:nth-child(4) a:hover {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn-list #page-nav-inner ul li:nth-child(5) a {
      border-right: 2px solid #000;
      background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn-list #page-nav-inner ul li:nth-child(5) a:hover {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }

/** Backnumber **/
#bn #page-nav-inner {
  margin-top: 1px;
  padding: 0; }
  #bn #page-nav-inner ul {
    margin: 0; }
    #bn #page-nav-inner ul li a {
      border-left: 2px solid #000;
      margin-right: 0;
      display: inline-block;
      width: 174px;
      height: 84px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0; }
      #bn #page-nav-inner ul li a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1;
        filter: alpha(opacity=100); }
    #bn #page-nav-inner ul li:first-child a {
      background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn #page-nav-inner ul li:first-child a:hover {
        background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn #page-nav-inner ul li:nth-child(2) a {
      background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn #page-nav-inner ul li:nth-child(2) a:hover {
        background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn #page-nav-inner ul li:nth-child(3) a {
      background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn #page-nav-inner ul li:nth-child(3) a:hover {
        background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn #page-nav-inner ul li:nth-child(4) a {
      background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn #page-nav-inner ul li:nth-child(4) a:hover {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #bn #page-nav-inner ul li:nth-child(5) a {
      border-right: 2px solid #000;
      background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #bn #page-nav-inner ul li:nth-child(5) a:hover {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }

/** rare **/
#rare #page-nav-inner {
  margin-top: 1px;
  padding: 0; }
  #rare #page-nav-inner ul {
    margin: 0; }
    #rare #page-nav-inner ul li a {
      border-left: 2px solid #000;
      margin-right: 0;
      display: inline-block;
      width: 174px;
      height: 84px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0; }
      #rare #page-nav-inner ul li a:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1;
        filter: alpha(opacity=100); }
    #rare #page-nav-inner ul li:first-child a {
      background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #rare #page-nav-inner ul li:first-child a:hover {
        background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #rare #page-nav-inner ul li:nth-child(2) a {
      background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #rare #page-nav-inner ul li:nth-child(2) a:hover {
        background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #rare #page-nav-inner ul li:nth-child(3) a {
      background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #rare #page-nav-inner ul li:nth-child(3) a:hover {
        background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #rare #page-nav-inner ul li:nth-child(4) a {
      background: url(/update/img/nav-bn-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #rare #page-nav-inner ul li:nth-child(4) a:hover {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }
    #rare #page-nav-inner ul li:nth-child(5) a {
      border-right: 2px solid #000;
      background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
      background-size: 100% auto; }
      #rare #page-nav-inner ul li:nth-child(5) a:hover {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: 100% auto; }

@media screen and (max-width: 1284px) {
  .page-nav ul {
    background: none !important;
    box-shadow: none !important;
    padding: 0;
    border: none;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
    .page-nav ul li {
      width: 20%;
      height: 96px; }

  /** Top **/
  #top #page-nav-inner {
    margin-top: 1px;
    padding: 0; }
    #top #page-nav-inner ul {
      margin: 0 -22px; }
      #top #page-nav-inner ul li a {
        border-left: 2px solid #000;
        margin-right: 0;
        display: inline-block;
        width: 100%;
        height: 100px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0; }
        #top #page-nav-inner ul li a:hover {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; }
      #top #page-nav-inner ul li:first-child a {
        background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: contain; }
        #top #page-nav-inner ul li:first-child a:hover {
          background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #top #page-nav-inner ul li:nth-child(2) a {
        background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #top #page-nav-inner ul li:nth-child(2) a:hover {
          background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #top #page-nav-inner ul li:nth-child(3) a {
        background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #top #page-nav-inner ul li:nth-child(3) a:hover {
          background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #top #page-nav-inner ul li:nth-child(4) a {
        background: url(/update/img/nav-bn-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #top #page-nav-inner ul li:nth-child(4) a:hover {
          background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #top #page-nav-inner ul li:nth-child(5) a {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #top #page-nav-inner ul li:nth-child(5) a:hover {
          border-right: 2px solid #000;
          background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }

  /** about **/
  #about #page-nav-inner {
    margin-top: 1px;
    padding: 0; }
    #about #page-nav-inner ul {
      margin: 0 -22px; }
      #about #page-nav-inner ul li a {
        border-left: 2px solid #000;
        margin-right: 0;
        display: inline-block;
        width: 100%;
        height: 100px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0; }
        #about #page-nav-inner ul li a:hover {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; }
      #about #page-nav-inner ul li:first-child a {
        background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #about #page-nav-inner ul li:first-child a:hover {
          background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #about #page-nav-inner ul li:nth-child(2) a {
        background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #about #page-nav-inner ul li:nth-child(2) a:hover {
          background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #about #page-nav-inner ul li:nth-child(3) a {
        background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: contain; }
        #about #page-nav-inner ul li:nth-child(3) a:hover {
          background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #about #page-nav-inner ul li:nth-child(4) a {
        background: url(/update/img/nav-bn-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #about #page-nav-inner ul li:nth-child(4) a:hover {
          background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #about #page-nav-inner ul li:nth-child(5) a {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #about #page-nav-inner ul li:nth-child(5) a:hover {
          border-right: 2px solid #000;
          background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }

  /** bn **/
  #bn-list #page-nav-inner {
    margin-top: 1px;
    padding: 0; }
    #bn-list #page-nav-inner ul {
      margin: 0 -22px; }
      #bn-list #page-nav-inner ul li a {
        border-left: 2px solid #000;
        margin-right: 0;
        display: inline-block;
        width: 100%;
        height: 100px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0; }
        #bn-list #page-nav-inner ul li a:hover {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; }
      #bn-list #page-nav-inner ul li:first-child a {
        background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn-list #page-nav-inner ul li:first-child a:hover {
          background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn-list #page-nav-inner ul li:nth-child(2) a {
        background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn-list #page-nav-inner ul li:nth-child(2) a:hover {
          background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn-list #page-nav-inner ul li:nth-child(3) a {
        background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn-list #page-nav-inner ul li:nth-child(3) a:hover {
          background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn-list #page-nav-inner ul li:nth-child(4) a {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: contain; }
        #bn-list #page-nav-inner ul li:nth-child(4) a:hover {
          background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn-list #page-nav-inner ul li:nth-child(5) a {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn-list #page-nav-inner ul li:nth-child(5) a:hover {
          border-right: 2px solid #000;
          background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }

  /** bn **/
  #bn #page-nav-inner {
    margin-top: 1px;
    padding: 0; }
    #bn #page-nav-inner ul {
      margin: 0 -22px; }
      #bn #page-nav-inner ul li a {
        border-left: 2px solid #000;
        margin-right: 0;
        display: inline-block;
        width: 100%;
        height: 100px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0; }
        #bn #page-nav-inner ul li a:hover {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; }
      #bn #page-nav-inner ul li:first-child a {
        background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn #page-nav-inner ul li:first-child a:hover {
          background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn #page-nav-inner ul li:nth-child(2) a {
        background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn #page-nav-inner ul li:nth-child(2) a:hover {
          background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn #page-nav-inner ul li:nth-child(3) a {
        background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn #page-nav-inner ul li:nth-child(3) a:hover {
          background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn #page-nav-inner ul li:nth-child(4) a {
        background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: contain; }
        #bn #page-nav-inner ul li:nth-child(4) a:hover {
          background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #bn #page-nav-inner ul li:nth-child(5) a {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #bn #page-nav-inner ul li:nth-child(5) a:hover {
          border-right: 2px solid #000;
          background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }

  /** bn **/
  #rare #page-nav-inner {
    margin-top: 1px;
    padding: 0; }
    #rare #page-nav-inner ul {
      margin: 0 -22px; }
      #rare #page-nav-inner ul li a {
        border-left: 2px solid #000;
        margin-right: 0;
        display: inline-block;
        width: 100%;
        height: 100px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0; }
        #rare #page-nav-inner ul li a:hover {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0; }
      #rare #page-nav-inner ul li:first-child a {
        background: url(/update/img/nav-top-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #rare #page-nav-inner ul li:first-child a:hover {
          background: url(/update/img/nav-top-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #rare #page-nav-inner ul li:nth-child(2) a {
        background: url(/update/img/nav-next-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #rare #page-nav-inner ul li:nth-child(2) a:hover {
          background: url(/update/img/nav-next-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #rare #page-nav-inner ul li:nth-child(3) a {
        background: url(/update/img/nav-about-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #rare #page-nav-inner ul li:nth-child(3) a:hover {
          background: url(/update/img/nav-about-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #rare #page-nav-inner ul li:nth-child(4) a {
        background: url(/update/img/nav-bn-off.png) top center no-repeat, url(/update/img/nav-off-bg.png) top center repeat-x;
        background-size: contain; }
        #rare #page-nav-inner ul li:nth-child(4) a:hover {
          background: url(/update/img/nav-bn-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; }
      #rare #page-nav-inner ul li:nth-child(5) a {
        border-right: 2px solid #000;
        background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
        background-size: contain; }
        #rare #page-nav-inner ul li:nth-child(5) a:hover {
          border-right: 2px solid #000;
          background: url(/update/img/nav-rare-on.png) top center no-repeat, url(/update/img/nav-on-bg.png) top center repeat-x;
          background-size: contain; } }
/*----------------------------------------------------------
03 news
----------------------------------------------------------*/
/* TOP */
#top #news-contents {
  margin: 1rem auto;
  width: 100%; }
  #top #news-contents h2 {
    background: url(/update/img/ttl-news.png) top center no-repeat;
    background-size: auto 100%;
    height: 27px;
    text-indent: -9999px; }
  #top #news-contents dl#bg-news {
    background-color: #f1f5ff;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    margin-top: 2.4rem;
    padding: 26px;
    box-sizing: border-box; }
    #top #news-contents dl#bg-news dt {
      float: left;
      font-weight: 500;
      width: 20%;
      margin-bottom: 1rem;
      color: #f61414; }
      #top #news-contents dl#bg-news dt a {
        color: #f61414; }
        #top #news-contents dl#bg-news dt a:hover {
          color: #450004; }
    #top #news-contents dl#bg-news dd {
      float: left;
      font-weight: 500;
      width: 79%;
      margin-left: 1%;
      margin-bottom: 1rem;
      padding-top: 0;
      color: #000; }
      #top #news-contents dl#bg-news dd a {
        color: #000; }
    #top #news-contents dl#bg-news dt:nth-last-child(2):nth-child(odd), #top #news-contents dl#bg-news dd:last-child {
      margin-bottom: 0; }

@media screen and (max-width: 1284px) {
  /* TOP */
  #top #news-contents {
    margin: 1rem auto;
    width: 100%; }
    #top #news-contents h2 {
      background: url(/update/img/ttl-news.png) top center no-repeat;
      background-size: auto 100%;
      height: 27px;
      text-indent: -9999px; }
    #top #news-contents dl#bg-news {
      background-color: #f1f5ff;
      font-size: 18px;
      line-height: 30px;
      text-align: left;
      margin-top: 2.4rem;
      padding: 26px;
      box-sizing: border-box; }
      #top #news-contents dl#bg-news dt {
        float: none;
        font-weight: 500;
        width: 100%;
        margin-bottom: 1rem;
        color: #f61414; }
        #top #news-contents dl#bg-news dt a {
          color: #f61414; }
          #top #news-contents dl#bg-news dt a:hover {
            color: #450004; }
      #top #news-contents dl#bg-news dd {
        float: none;
        font-weight: 500;
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
        padding-top: 0;
        color: #000; }
        #top #news-contents dl#bg-news dd a {
          color: #000; }
      #top #news-contents dl#bg-news dt:nth-last-child(2):nth-child(odd), #top #news-contents dl#bg-news dd:last-child {
        margin-bottom: 0; } }
/*----------------------------------------------------------
04 main-container
----------------------------------------------------------*/
#top #main-container section {
  margin-bottom: 50px; }
  #top #main-container section .article-inner {
    margin-left: -20px;
    margin-right: 20px;
    padding: 40px 40px 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box; }
    #top #main-container section .article-inner h4 {
      width: 100%;
      vertical-align: middle;
      font-size: 21px;
      font-weight: bold;
      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      line-height: 30px;
      margin: 0 24px 3rem;
      padding-top: 1.2rem;
      vertical-align: middle; }
      #top #main-container section .article-inner h4:before {
        float: left;
        margin: 0 10px 0 0;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        background: none;
        /* width:92px;
        height:90px;
        background:url(../img/book.png) no-repeat center center; */
        background-size: contain;
        vertical-align: middle; }
    #top #main-container section .article-inner .article-content {
      margin: 0; }
      #top #main-container section .article-inner .article-content #next {
        margin-top: 4rem; }
        #top #main-container section .article-inner .article-content #next h2 {
          background: url(/update/img/ttl-next.png) top center no-repeat;
          background-size: auto 100%;
          height: 27px;
          text-indent: -9999px; }
        #top #main-container section .article-inner .article-content #next .blue-waku {
          margin-top: 2.4rem;
          border: 4px solid #99b4f2;
          padding: 20px; }
          #top #main-container section .article-inner .article-content #next .blue-waku h3.emergency {
            color: #000;
            font-size: 20px;
            font-weight: bold;
            line-height: 30px;
            letter-spacing: 0.1em; }
            #top #main-container section .article-inner .article-content #next .blue-waku h3.emergency span.next-date {
              width: 312px;
              text-align: center;
              color: #fff;
              font-size: 16px;
              font-weight: 800;
              background-color: #99b4f2;
              padding: 1px 5px 0;
              display: block;
              margin-bottom: 1.2rem;
              letter-spacing: normal; }
          #top #main-container section .article-inner .article-content #next .blue-waku h3 {
            color: #f61414;
            font-size: 20px;
            font-weight: bold;
            line-height: 30px;
            letter-spacing: 0.1em; }
            #top #main-container section .article-inner .article-content #next .blue-waku h3 span.next-date {
              width: 312px;
              text-align: center;
              color: #fff;
              font-size: 16px;
              font-weight: 800;
              background-color: #99b4f2;
              padding: 1px 5px 0;
              display: block;
              margin-bottom: 1.2rem;
              letter-spacing: normal; }
          #top #main-container section .article-inner .article-content #next .blue-waku p {
            font-size: 16px;
            line-height: 27px;
            margin-top: 0.7rem; }
          #top #main-container section .article-inner .article-content #next .blue-waku .cast {
            font-size: 16px;
            line-height: 27px; }
            #top #main-container section .article-inner .article-content #next .blue-waku .cast h5 {
              margin-top: 1rem;
              font-weight: bold; }
      #top #main-container section .article-inner .article-content #on-air {
        margin-top: 4rem; }
        #top #main-container section .article-inner .article-content #on-air h2 {
          background: url(/update/img/ttl-onair.png) top center no-repeat;
          background-size: auto 100%;
          height: 27px;
          text-indent: -9999px; }
        #top #main-container section .article-inner .article-content #on-air .blue-waku {
          margin-top: 2.4rem;
          border: 4px solid #99b4f2;
          padding: 20px; }
          #top #main-container section .article-inner .article-content #on-air .blue-waku h3 {
            color: #f61414;
            font-size: 20px;
            font-weight: bold;
            line-height: 30px;
            letter-spacing: 0.1em; }
            #top #main-container section .article-inner .article-content #on-air .blue-waku h3 span.next-date {
              width: 312px;
              text-align: center;
              color: #fff;
              font-size: 16px;
              font-weight: 800;
              background-color: #99b4f2;
              padding: 1px 5px 0;
              display: block;
              margin-bottom: 1.2rem;
              letter-spacing: normal; }
          #top #main-container section .article-inner .article-content #on-air .blue-waku p {
            font-size: 16px;
            line-height: 27px;
            margin-top: 0.7rem; }
          #top #main-container section .article-inner .article-content #on-air .blue-waku .cast {
            font-size: 16px;
            line-height: 27px; }
            #top #main-container section .article-inner .article-content #on-air .blue-waku .cast h5 {
              margin-top: 1rem;
              font-weight: bold; }

#about #main-container section {
  margin-bottom: 50px; }
  #about #main-container section .article-inner {
    margin-left: -20px;
    margin-right: 20px;
    padding: 40px 40px 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box; }
    #about #main-container section .article-inner h4 {
      width: 100%;
      vertical-align: middle;
      font-size: 21px;
      font-weight: bold;
      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      line-height: 30px;
      margin: 0 24px 3rem;
      padding-top: 1.2rem;
      vertical-align: middle; }
      #about #main-container section .article-inner h4:before {
        float: left;
        margin: 0 10px 0 0;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        background: none;
        /* width:92px;
        height:90px;
        background:url(../img/book.png) no-repeat center center; */
        background-size: contain;
        vertical-align: middle; }
    #about #main-container section .article-inner .article-content {
      margin: 0; }
      #about #main-container section .article-inner .article-content #about-content {
        margin-top: 2rem; }
        #about #main-container section .article-inner .article-content #about-content h2 {
          margin-bottom: 0.8rem;
          background: url(/update/img/ttl-about.png) top center no-repeat;
          background-size: auto 100%;
          height: 27px;
          text-indent: -9999px; }
        #about #main-container section .article-inner .article-content #about-content .blue-waku {
          margin-top: 3.2rem; }
          #about #main-container section .article-inner .article-content #about-content .blue-waku h3 {
            text-align: center; }
            #about #main-container section .article-inner .article-content #about-content .blue-waku h3 img {
              width: 95%; }
          #about #main-container section .article-inner .article-content #about-content .blue-waku p.intro-explanation {
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            line-height: 27px;
            margin-top: 0.7rem; }

#bn-list #main-container section {
  margin-bottom: 50px; }
  #bn-list #main-container section .article-inner {
    margin-left: -20px;
    margin-right: 20px;
    padding: 40px 40px 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box; }
    #bn-list #main-container section .article-inner h4 {
      width: 100%;
      vertical-align: middle;
      font-size: 21px;
      font-weight: bold;
      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      line-height: 30px;
      margin: 0 24px 3rem;
      padding-top: 1.2rem;
      vertical-align: middle; }
      #bn-list #main-container section .article-inner h4:before {
        float: left;
        margin: 0 10px 0 0;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        background: none;
        /* width:92px;
        height:90px;
        background:url(../img/book.png) no-repeat center center; */
        background-size: contain;
        vertical-align: middle; }
    #bn-list #main-container section .article-inner .article-content {
      margin: 0; }
      #bn-list #main-container section .article-inner .article-content #bn-list-content {
        margin-top: 4rem; }
        #bn-list #main-container section .article-inner .article-content #bn-list-content h2 {
          margin-bottom: 0.8rem;
          background: url(/update/img/ttl-bn.png) top center no-repeat;
          background-size: auto 100%;
          height: 27px;
          text-indent: -9999px; }
        #bn-list #main-container section .article-inner .article-content #bn-list-content ul {
          letter-spacing: -0.4em; }
          #bn-list #main-container section .article-inner .article-content #bn-list-content ul li {
            letter-spacing: normal;
            display: inline-block;
            margin-bottom: 2%;
            margin-right: 4%;
            width: 100%; }
            #bn-list #main-container section .article-inner .article-content #bn-list-content ul li .blue-waku {
              margin-top: 1.8rem; }
              #bn-list #main-container section .article-inner .article-content #bn-list-content ul li .blue-waku h3 {
                color: #f61414;
                font-size: 18px;
                font-weight: bold;
                line-height: 30px;
                letter-spacing: 0.1em; }
                #bn-list #main-container section .article-inner .article-content #bn-list-content ul li .blue-waku h3 span.next-date {
                  width: 240px;
                  text-align: center;
                  color: #fff;
                  font-size: 16px;
                  font-weight: 800;
                  background-color: #99b4f2;
                  padding: 6px 5px 5px;
                  display: block;
                  margin-bottom: 1.2rem;
                  letter-spacing: normal;
                  box-sizing: border-box; }
                #bn-list #main-container section .article-inner .article-content #bn-list-content ul li .blue-waku h3 a {
                  color: #363636; }
              #bn-list #main-container section .article-inner .article-content #bn-list-content ul li .blue-waku p {
                font-size: 16px;
                line-height: 27px;
                margin-top: 0.7rem; }
          #bn-list #main-container section .article-inner .article-content #bn-list-content ul li:nth-last-child(2):nth-child(odd), #bn-list #main-container section .article-inner .article-content #bn-list-content ul li:last-child {
            margin-bottom: 0; }

#bn #main-container section {
  margin-bottom: 50px; }
  #bn #main-container section .article-inner {
    margin-left: -20px;
    margin-right: 20px;
    padding: 40px 40px 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box; }
    #bn #main-container section .article-inner h4 {
      width: 100%;
      vertical-align: middle;
      font-size: 21px;
      font-weight: bold;
      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      line-height: 30px;
      margin: 0 24px 3rem;
      padding-top: 1.2rem;
      vertical-align: middle; }
      #bn #main-container section .article-inner h4:before {
        float: left;
        margin: 0 10px 0 0;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        background: none;
        /* width:92px;
        height:90px;
        background:url(../img/book.png) no-repeat center center; */
        background-size: contain;
        vertical-align: middle; }
    #bn #main-container section .article-inner .article-content {
      margin: 0; }
      #bn #main-container section .article-inner .article-content #bn-content {
        margin-top: 4rem; }
        #bn #main-container section .article-inner .article-content #bn-content h2 {
          background: url(/update/img/ttl-bn.png) top center no-repeat;
          background-size: auto 100%;
          height: 27px;
          text-indent: -9999px; }
        #bn #main-container section .article-inner .article-content #bn-content .blue-waku {
          margin-top: 2.4rem;
          border: 4px solid #99b4f2;
          padding: 20px; }
          #bn #main-container section .article-inner .article-content #bn-content .blue-waku h3 {
            color: #f61414;
            font-size: 20px;
            font-weight: bold;
            line-height: 30px;
            letter-spacing: 0.1em; }
            #bn #main-container section .article-inner .article-content #bn-content .blue-waku h3 span.next-date {
              width: 190px;
              text-align: center;
              color: #fff;
              font-size: 16px;
              font-weight: 800;
              background-color: #99b4f2;
              padding: 1px 5px 0;
              display: block;
              margin-bottom: 1.2rem;
              letter-spacing: normal; }
          #bn #main-container section .article-inner .article-content #bn-content .blue-waku p {
            font-size: 16px;
            line-height: 27px;
            margin-top: 0.7rem; }
    #bn #main-container section .article-inner .btn-bn {
      margin-top: 4rem; }
      #bn #main-container section .article-inner .btn-bn ul {
        splay: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        #bn #main-container section .article-inner .btn-bn ul li {
          vertical-align: middle; }
          #bn #main-container section .article-inner .btn-bn ul li a {
            display: block;
            text-indent: -9999px; }
        #bn #main-container section .article-inner .btn-bn ul li:first-child a {
          background: url(/update/img/btn-back.png) center left no-repeat;
          background-size: 100% auto;
          width: 84px;
          height: 56px; }
        #bn #main-container section .article-inner .btn-bn ul li:nth-child(2) a {
          background: url(/update/img/btn-backtolist.png) center center no-repeat;
          background-size: 100% auto;
          width: 84px;
          height: 56px; }
        #bn #main-container section .article-inner .btn-bn ul li:nth-child(3) a {
          background: url(/update/img/btn-next.png) center right no-repeat;
          background-size: 100% auto;
          width: 84px;
          height: 56px; }

#rare #main-container section {
  margin-bottom: 50px; }
  #rare #main-container section .article-inner {
    margin-left: -20px;
    margin-right: 20px;
    padding: 40px 40px 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box; }
    #rare #main-container section .article-inner h4 {
      width: 100%;
      vertical-align: middle;
      font-size: 21px;
      font-weight: bold;
      font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      line-height: 30px;
      margin: 0 24px 3rem;
      padding-top: 1.2rem;
      vertical-align: middle; }
      #rare #main-container section .article-inner h4:before {
        float: left;
        margin: 0 10px 0 0;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        background: none;
        /* width:92px;
        height:90px;
        background:url(../img/book.png) no-repeat center center; */
        background-size: contain;
        vertical-align: middle; }
    #rare #main-container section .article-inner .article-content {
      margin: 0; }
      #rare #main-container section .article-inner .article-content #rare-content {
        margin-top: 4rem; }
        #rare #main-container section .article-inner .article-content #rare-content h2 {
          color: #f61414;
          text-align: center;
          font-size: 20px;
          font-weight: bold; }
        #rare #main-container section .article-inner .article-content #rare-content ul {
          margin-top: 2rem;
          font-size: 16px;
          line-height: 36px;
          margin-top: 2rem; }
        #rare #main-container section .article-inner .article-content #rare-content h3 {
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          line-height: 24px;
          margin-bottom: 1.2rem; }

h3#ttl-form {
  border-top: 1px solid #ccc;
  padding-top: 28px; }

.form-waku {
  width: 100%;
  height: 690px; }

.caution li {
  font-size: 12px;
  line-height: 22px; }

@media screen and (max-width: 1284px) {
  .main-container {
    padding: 5rem 0 0 40px; }
    .main-container section .article-inner {
      padding: 20px; }
      .main-container section .article-inner .article-content {
        margin: 0; }

  .aside-container {
    position: relative;
    top: 3rem;
    z-index: 1; } }