@media screen and (max-width: 1040px) {
  .sp-invisible {
    display: none; }

  .sp-visible {
    display: block; }

  .body-inner {
    width: 100%; }

  .social-button {
    display: none; }

  .sp-menu {
    position: fixed;
    background: #0A3272;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: none;
    padding: 38px 20px; }
    .sp-menu h1 {
      position: relative;
      color: #ffffff;
      font-weight: 700;
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 20px; }
    .sp-menu ul {
      margin-bottom: 30px; }
      .sp-menu ul li a {
        font-size: 36px;
        font-weight: 700;
        line-height: 62px;
        color: #ffffff; }
    .sp-menu .page-navigation {
      margin-bottom: 30px; }
      .sp-menu .page-navigation li a {
        font-size: 16px;
        font-weight: 400;
        line-height: 32px; }
    .sp-menu .search-box {
      line-height: 56px;
      height: 56px;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 30px; }
      .sp-menu .search-box input {
        border-radius: 2px;
        padding: 2px 2px 2px 54px;
        background: url(../image/search@2x.png) no-repeat 16px 16px #ffffff;
        background-size: 24px;
        width: 100%;
        height: 56px;
        line-height: 56px;
        box-sizing: border-box;
        border: none; }

  .sp-menu-button {
    position: fixed;
    z-index: 2;
    top: 19px;
    right: 19px;
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%; }

  .sp-menu-open-button {
    background: url("../image/menu@2x.png") no-repeat center center #0A489D;
    background-size: 18px; }

  .sp-menu-close-button {
    background: url("../image/menu-close@2x.png") no-repeat center center #ffffff;
    background-size: 18px; }

  .global-header .site-title-outer {
    position: relative; }
    .global-header .site-title-outer .site-title {
      padding: 20px; }
      .global-header .site-title-outer .site-title h1 {
        padding-top: 15px; }
      .global-header .site-title-outer .site-title .site-title-description {
        color: #606060; }
  .global-header .search-box {
    display: none; }
  .global-header .page-navigation {
    display: none; }
  .global-header .category-navigation {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    display: block; }
    .global-header .category-navigation ul li a {
      padding: 0 15px; }

  .main-content .body-inner {
    width: 100%;
    display: block;
    padding: 16px 20px;
    box-sizing: border-box; }
    .main-content .body-inner main {
      width: 100%; }
      .main-content .body-inner main .pickup-article {
        margin-bottom: 30px; }
      .main-content .body-inner main .pickup-article section, .main-content .body-inner main .current-article section {
        display: block;
        padding: 16px; }
        .main-content .body-inner main .pickup-article section .article-title-outer, .main-content .body-inner main .current-article section .article-title-outer {
          width: 100%; }
        .main-content .body-inner main .pickup-article section .article-thumbnail, .main-content .body-inner main .current-article section .article-thumbnail {
          width: 100%;
          height: auto;
          margin-bottom: 16px; }
          .main-content .body-inner main .pickup-article section .article-thumbnail img, .main-content .body-inner main .current-article section .article-thumbnail img {
            width: 100%;
            height: auto; }
        .main-content .body-inner main .pickup-article section .pickup-pin, .main-content .body-inner main .current-article section .pickup-pin {
          width: 44px;
          height: 44px;
          background-color: #ffffff;
          background-position: top 14px right 14px;
          border-radius: 16px;
          top: 0;
          right: 0; }
      .main-content .body-inner main .pickup-article .pager, .main-content .body-inner main .current-article .pager {
        padding: 32px 16px 36px; }
        .main-content .body-inner main .pickup-article .pager ul li, .main-content .body-inner main .current-article .pager ul li {
          width: 100%; }
          .main-content .body-inner main .pickup-article .pager ul li .next-link, .main-content .body-inner main .current-article .pager ul li .next-link {
            width: 100%; }
      .main-content .body-inner main article {
        padding: 16px; }
        .main-content .body-inner main article .article-header-category {
          width: 100%;
          margin-bottom: 16px;
          height: auto; }
          .main-content .body-inner main article .article-header-category img {
            width: 100%;
            height: auto; }
        .main-content .body-inner main article .article-main-visual img {
          width: 100%;
          height: auto; }
    .main-content .body-inner .sidebar {
      width: 100%; }
      .main-content .body-inner .sidebar .popular-post ul li .rank {
        width: 25px; }
      .main-content .body-inner .sidebar .popular-post ul li .article-title-outer {
        width: calc(100% - 110px); }
      .main-content .body-inner .sidebar .popular-book ul li {
        width: calc(33.3% - 17px); }
        .main-content .body-inner .sidebar .popular-book ul li .popular-book-image {
          width: 100%;
          height: auto; }
          .main-content .body-inner .sidebar .popular-book ul li .popular-book-image img {
            width: 100%;
            height: auto; }
      .main-content .body-inner .sidebar .amazon-gift .amazon-gift-table {
        width: 100%;
        height: auto; }
        .main-content .body-inner .sidebar .amazon-gift .amazon-gift-table img {
          width: 100%;
          height: auto; }

  .index-content .pager {
    width: 100%;
    height: auto;
    padding: 0 16px 30px 16px;
    box-sizing: border-box;
    margin-bottom: 16px; }
    .index-content .pager ul {
      position: relative;
      width: 100%;
      top: unset;
      left: unset; }
      .index-content .pager ul li {
        width: calc(50% - 8px); }
        .index-content .pager ul li .previous-link, .index-content .pager ul li .next-link {
          width: 100%; }
    .index-content .pager .page-numbers {
      margin: 0;
      width: 100%; }

  .single-content ul li {
    width: calc(50% - 8px); }
    .single-content ul li .previous-link, .single-content ul li .next-link {
      width: 100%;
      box-sizing: border-box; }
  .single-content .single-current-article, .single-content .not-found-article {
    padding: 16px 0; }
    .single-content .single-current-article h2, .single-content .not-found-article h2 {
      padding: 0 16px; }
    .single-content .single-current-article p, .single-content .not-found-article p {
      padding: 0 16px; }
    .single-content .single-current-article ul, .single-content .not-found-article ul {
      flex-wrap: wrap; }
      .single-content .single-current-article ul li, .single-content .not-found-article ul li {
        width: 100%;
        padding: 16px 20px;
        border-bottom: #F5F5F5 2px solid; }
        .single-content .single-current-article ul li .article-thumbnail img, .single-content .not-found-article ul li .article-thumbnail img {
          width: 100%; }
  .single-content .twitter-box .link-button {
    width: 100%; }

  .global-footer {
    padding: 20px; }
    .global-footer .category-navigation {
      margin-bottom: 45px; }
      .global-footer .category-navigation ul {
        display: block; }
        .global-footer .category-navigation ul li a {
          padding: 0;
          font-size: 18px;
          line-height: 36px; }
    .global-footer .copyright {
      bottom: unset;
      top: 60px;
      right: 20px;
      font-size: 12px; }

  .fixed-top-page-button {
    right: 20px;
    bottom: 20px; } }

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