@import url(default.css?v=5.0);
@import url(header.css?v=5.0);
@import url(footer.css?v=5.0);
@import url(common.css?v=5.0);
@import url(customize.css?v=5.0);
@import url(../js/bxslider/jquery.bxslider.css);

/*-------------------------------------
TOP
-------------------------------------*/
/* viewer */
.viewer {
  overflow: hidden;
}
.viewer img {
  width: 100%;
}
.viewer .bx-controls-direction {
  display: none;
}

/* NEWS */
.top_news p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

/* flex */
.flex {
  display: flex;
  justify-content: space-between;
}
/* TOPICS */
.topics {
  flex-basis: 62.85%;
  margin-top: 30px;
  line-height: 1.5;
}
.topics h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.topics dl {
  margin-left: 6px;
}
.topics dl div {
  display: flex;
  padding-bottom: 5px;
}
.topics dt {
  flex-basis: 8em;
}
.topics dd {
  flex: 1;
}
.topics a:hover {
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}

/*PICKUP */
.pickup {
  flex-basis: 34.28%;
  margin-top: 30px;
  font-size: 12px;
  text-align: center;
}
.pickup h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.pickup p {
  line-height: 1.25;
}
.pickup img {
  margin-bottom: 8px;
}
.pickup a:hover {
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}

/*--------------------------------
RESPONSIVE
--------------------------------*/
@media screen and (max-width: 767px) {
  .flex {
    display: block;
  }
}
@media screen and (max-width: 559px) {
  .topics dl div {
    display: block;
  }
  .topics dt:before {
    content: "■";
  }
}