/* Sass Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Iceberg);
#wrapper {
  width: 100%;
  box-sizing: border-box;
  min-height: 100%;
  overflow: hidden;
  background: url(img/bg_top-pattern.gif), url(img/bg_bottom-pattern.gif);
  background-repeat: repeat-x,repeat-x;
  background-position: top center, bottom center; }

body {
  background: url(img/bg-pattern.jpg); }

/* ///////////////////////////////////////////////////////////////////// 
//  01 - header 
/////////////////////////////////////////////////////////////////////*/
header {
  width: 100%;
  height: 370px;
  margin: 0 auto;
  background: url(img/header-img.jpg) repeat-x top center; }
  header #header-container {
    width: 1060px;
    height: 370px;
    margin: 0 auto;
    background: url(img/header-title.jpg) no-repeat top center;
    text-indent: -200%; }

/* ///////////////////////////////////////////////////////////////////// 
//  02 - nav
/////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////// 
//  03 - container
/////////////////////////////////////////////////////////////////////*/
#container {
  font-family: 'Verdana', Roboto, 'Noto Sans Japanese', serif;
  width: 1060px;
  margin: 2rem auto;
  position: relative; }
  #container #left-side {
    width: 240px;
    float: left;
    position: absolute;
    top: 0;
    left: 0; }
    #container #left-side li {
      color: #fff;
      background-color: #78c31e;
      text-align: center;
      padding: 1rem 0;
      border-bottom: 1px solid #fff; }
      #container #left-side li a {
        color: #000;
        font-size: 110%; }
      #container #left-side li a:hover {
        color: #fff;
        font-size: 110%; }
      #container #left-side li img {
        width: 40%; }
      #container #left-side li:hover {
        background: #009319; }
    #container #left-side li:first-child {
      background-color: #006928;
      padding: 1.2rem 0; }
      #container #left-side li:first-child img {
        width: 70%; }
      #container #left-side li:first-child span.date {
        display: block;
        width: 50%;
        text-align: center;
        margin: 0 auto;
        padding-top: 0.2rem;
        padding-bottom: 0.4rem;
        border: 1px solid #fff;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -ms-border-radius: 14px;
        -o-border-radius: 14px;
        border-radius: 14px; }
    #container #left-side li:nth-child(2) img {
      width: 33.8%; }
  #container main#contents {
    float: left;
    width: 806px;
    margin-left: 274px; }
    #container main#contents .bangumi {
      margin-bottom: 2.4rem;
      padding: 0;
      position: relative; }
      #container main#contents .bangumi h3 {
        color: #fff;
        font-size: 200%;
        background-color: #6ab6cc;
        padding: 0.2rem 1.5rem;
        -moz-border-top-left-radius: 20px;
        -webkit-border-top-left-radius: 20px;
        -ms-border-top-left-radius: 20px;
        -o-border-top-left-radius: 20px;
        border-top-left-radius: 20px;
        -moz-border-top-right-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -ms-border-top-right-radius: 20px;
        -o-border-top-right-radius: 20px;
        border-top-right-radius: 20px; }
      #container main#contents .bangumi .box {
        background-color: #fff;
        border: 1px solid #6ab6cc;
        border-top: none;
        padding: 1.2rem; }
        #container main#contents .bangumi .box .alignnone {
          float: left;
          margin-top: 1rem;
          margin-bottom: 1rem;
          margin-right: 0.5rem; }
          #container main#contents .bangumi .box .alignnone p.wp-caption-text {
            margin-top: 0.2rem;
            font-size: 85%;
            line-height: 95%; }
        #container main#contents .bangumi .box dl {
          width: 100%; }
          #container main#contents .bangumi .box dl dt.iro-waku {
            background-color: #93D3DD;
            float: left;
            clear: left;
            width: 11%;
            text-align: center;
            margin-bottom: 1rem;
            padding: 0.2rem 0;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            -ms-border-radius: 12px;
            -o-border-radius: 12px;
            border-radius: 12px;
            font-size: 90%;
            font-weight: 300; }
            #container main#contents .bangumi .box dl dt.iro-waku img {
              width: 100%; }
          #container main#contents .bangumi .box dl dd {
            float: left;
            width: 87%;
            margin-left: 1%;
            font-family: 'Verdana', Roboto, 'Noto Sans Japanese', serif;
            font-size: 125%;
            font-weight: 700; }
            #container main#contents .bangumi .box dl dd img {
              height: 120px;
              margin-top: 2%;
              margin-right: 2%;
              margin-bottom: 2%; }
          #container main#contents .bangumi .box dl dd.performer {
            font-size: 105%;
            font-weight: 300;
            line-height: 152%; }
      #container main#contents .bangumi .distinction {
        margin-top: 0.6rem;
        padding-bottom: 0.1rem; }
      #container main#contents .bangumi .btn_details img {
        width: 20%;
        position: absolute;
        bottom: 2rem;
        right: 0.7rem; }

/* ///////////////////////////////////////////////////////////////////// 
//  04 - footer
/////////////////////////////////////////////////////////////////////*/
footer {
  margin-top: 6rem;
  padding-top: 2.6rem;
  padding-bottom: 4rem;
  background: #6ab6cc;
  width: 100%;
  position: absolute;
  z-index: 700; }
  footer #site_map {
    text-align: center; }
    footer #site_map h4 {
      margin: 0 auto 1.8rem; }
      footer #site_map h4 img {
        width: 13%; }
    footer #site_map li {
      display: inline-block; }
      footer #site_map li img {
        width: 56%; }
  footer #footer-container {
    margin: 0 auto;
    width: 1060px;
    text-align: center;
    font-size: 14px;
    padding-top: 3rem;
    line-height: 26px; }
    footer #footer-container a:link {
      color: #fff;
      text-decoration: underline; }
    footer #footer-container a:visited {
      color: #fff;
      text-decoration: underline; }
    footer #footer-container a:active {
      color: #ff8c00;
      text-decoration: none; }
    footer #footer-container a:hover {
      color: #ff8c00;
      text-decoration: none; }
    footer #footer-container .copyright address {
      font-size: 13px;
      font-style: normal;
      color: #000; }

/*# sourceMappingURL=style.css.map */