@media screen and (max-width: 640px) {
  body #wrapper {
    width: 100%; }
    body #wrapper #headercontent {
      width: 100%;
      position: relative; }
      body #wrapper #headercontent #header_bnr {
        width: 70%; }
        body #wrapper #headercontent #header_bnr .h1 {
          font-size: 10px; }
        body #wrapper #headercontent #header_bnr span.ads-pc {
          display: none; }
      body #wrapper #headercontent #header_login {
        float: right; }
    body #wrapper span.ads-mobile {
      display: block; }
    body #wrapper #maincontent {
      width: 100%;
      max-width: 100%;
      float: none;
      padding: 0 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      body #wrapper #maincontent .breadcrumbs {
        padding: 0 10px; }
        body #wrapper #maincontent .breadcrumbs ul {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0 auto 10px auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          body #wrapper #maincontent .breadcrumbs ul li.breadcrumbs-list-item-last {
            text-align: left; }
            body #wrapper #maincontent .breadcrumbs ul li.breadcrumbs-list-item-last::after {
              display: none; }
      body #wrapper #maincontent #main {
        background: none;
        width: 100%; }
        body #wrapper #maincontent #main #main_i {
          width: 100%;
          border: none; }
          body #wrapper #maincontent #main #main_i #title {
            background-size: contain;
            background-repeat: no-repeat;
            height: auto;
            padding: 14.65% 0 0;
            border-bottom: none;
            border-top: 4px solid #660033;
            background-color: #FFFDF4; }
            body #wrapper #maincontent #main #main_i #title #top_link {
              display: none; }
          body #wrapper #maincontent #main #main_i #contents {
            margin: auto;
            width: 100%;
            padding: 0 5px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
          body #wrapper #maincontent #main #main_i #footer, body #wrapper #maincontent #main #main_i .footer-link {
            display: none; }
        body #wrapper #maincontent #main #footer, body #wrapper #maincontent #main .footer-link {
          display: none; }
    body #wrapper #sidebarcontent, body #wrapper #sidebarcontent2 {
      width: 100%;
      max-width: 100%;
      float: none;
      overflow-x: hidden;
      overflow-y: hidden; }
      body #wrapper #sidebarcontent #bansponsor01-2nd, body #wrapper #sidebarcontent2 #bansponsor01-2nd {
        text-align: center; }
      body #wrapper #sidebarcontent div p.sectiontitle, body #wrapper #sidebarcontent2 div p.sectiontitle {
        text-align: center; }
      body #wrapper #sidebarcontent div .clearfix, body #wrapper #sidebarcontent2 div .clearfix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        body #wrapper #sidebarcontent div .clearfix img, body #wrapper #sidebarcontent2 div .clearfix img {
          margin-bottom: 20px; }
      body #wrapper #sidebarcontent #bansponsor05 > div > div, body #wrapper #sidebarcontent2 #bansponsor05 > div > div {
        width: 75%;
        text-align: center; }
        body #wrapper #sidebarcontent #bansponsor05 > div > div p.title, body #wrapper #sidebarcontent2 #bansponsor05 > div > div p.title {
          display: inline-block;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          background-position: center left;
          padding-left: 20px; }
    body #wrapper #sidebarcontent2 .last-links table, body #wrapper #sidebarcontent .last-links table {
      width: 100%; }
      body #wrapper #sidebarcontent2 .last-links table tbody tr, body #wrapper #sidebarcontent .last-links table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        body #wrapper #sidebarcontent2 .last-links table tbody tr td, body #wrapper #sidebarcontent .last-links table tbody tr td {
          display: block; }
    body #wrapper #sidebarcontent2 #bansponsor01, body #wrapper #sidebarcontent #bansponsor01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    body #wrapper #sidebarcontent2 .last-links table, body #wrapper #sidebarcontent .last-links table {
      display: block; }
      body #wrapper #sidebarcontent2 .last-links table tbody, body #wrapper #sidebarcontent .last-links table tbody {
        display: block; }
        body #wrapper #sidebarcontent2 .last-links table tbody tr td, body #wrapper #sidebarcontent .last-links table tbody tr td {
          display: block;
          text-align: center; }
          body #wrapper #sidebarcontent2 .last-links table tbody tr td a, body #wrapper #sidebarcontent .last-links table tbody tr td a {
            color: #663300;
            font-weight: bold;
            text-decoration: underline; }
    body #wrapper #sidebarcontent2 .last-links > div:last-child, body #wrapper #sidebarcontent .last-links > div:last-child {
      text-align: center; }
    body #wrapper #sidebarcontent2 .bottom-ads, body #wrapper #sidebarcontent .bottom-ads {
      text-align: center;
      margin-top: 10px; } }

@media screen and (max-width: 640px) {
  #main h1 {
    padding: 0 10px; }
    #main h1 + img {
      width: 100%; }
  #main #header-menu-left {
    float: none;
    width: 100%; }
    #main #header-menu-left a {
      padding: 5px; }
  #main .main-section {
    width: 100%; }
    #main .main-section table {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #main .main-section table.responsive-table tbody, #main .main-section table.responsive-table tr, #main .main-section table.responsive-table td {
        width: 100%; }
      #main .main-section table.responsive-table .box1 {
        width: 100%; }
        #main .main-section table.responsive-table .box1 img {
          max-width: 80%;
          height: auto; }
          #main .main-section table.responsive-table .box1 img.float {
            float: left !important;
            margin-right: 5px !important; }
      #main .main-section table.responsive-table tr.flex-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%; }
        #main .main-section table.responsive-table tr.flex-col td {
          display: block; }
        #main .main-section table.responsive-table tr.flex-col .box1 {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 5px; }
          #main .main-section table.responsive-table tr.flex-col .box1 img {
            float: none;
            display: block;
            margin: 20px auto; }
        #main .main-section table.responsive-table tr.flex-col td {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      #main .main-section table.table-flex-col {
        border: none;
        max-width: 97%; }
        #main .main-section table.table-flex-col tbody tr {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          border: grey double; }
          #main .main-section table.table-flex-col tbody tr td {
            width: 100%;
            border: none;
            text-align: center;
            display: block; } }

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