@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) {
  body .responsive-hidden {
    display: none; }
  body .no-padding {
    padding-left: 0px !important; }
  body .full-width {
    width: 168%; }
  body .align-center {
    text-align: center; }
  body .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  body #main h1#h1_home {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    padding: 0px;
    border-right: 1px solid #2a5494; }
  body #main #container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    body #main #container #contents, body #main #container #menu {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: none;
      width: 100%;
      padding: 0 5px;
      margin: 10px auto; }
    body #main #container #contents select {
      width: 100%; }
    body #main #container #contents table.search-tbl tbody tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      body #main #container #contents table.search-tbl tbody tr th, body #main #container #contents table.search-tbl tbody tr td {
        display: block;
        text-align: center; }
      body #main #container #contents table.search-tbl tbody tr:not(:last-child) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        body #main #container #contents table.search-tbl tbody tr:not(:last-child) td {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center; }
      body #main #container #contents table.search-tbl tbody tr:last-child {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px; }
    body #main #container #contents p {
      width: 100%;
      padding: 0 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      body #main #container #contents p.new, body #main #container #contents p.key, body #main #container #contents p.mail {
        padding-left: 20px; }
    body #main #container #contents ul.recommend {
      width: 100%; }
      body #main #container #contents ul.recommend li img {
        margin: 0;
        max-width: 100%;
        height: auto; }
    body #main #container #contents table.category-table tbody {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      body #main #container #contents table.category-table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%; }
        body #main #container #contents table.category-table tbody tr td {
          width: 100%;
          text-align: center;
          display: block; }
    body #main #container #contents .dscrpt {
      float: none; }
    body #main #container #contents a.responsive-link img {
      max-width: 100%;
      height: auto;
      margin: 10px 0; }
    body #main #container #contents table.myfont-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 #main #container #contents table.myfont-table tbody tr td {
        display: block; width:300px;}
        body #main #container #contents table.myfont-table tbody tr td div {
          padding: 0 5px !important;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        body #main #container #contents table.myfont-table tbody tr td a {
          text-align: center;
          display: block; }
          body #main #container #contents table.myfont-table tbody tr td a img {
            float: none;
            margin: 15px auto; }
    body #main #container #menu .menurank a {
      width: 100%; }
    body #main #container #menu .menulist a {
      background-position: left center; }
  body .responsive-sidebar-content {
    margin: auto; }

  .search-tbl th {
    border-bottom: 0px dashed #046;
}

}



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