body.up-d-column-page {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body.up-d-column-page .up-d-column-body,
body.up-d-column-page .up-d-column-body p {
  text-wrap: stable;
  text-wrap-mode: wrap;
  text-wrap-style: stable;
}

@media (max-width: 860px) {
  body.up-d-column-page .container {
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding-right: 14px;
    padding-left: 14px;
  }

  body.up-d-column-page .pane-header .container {
    display: block;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body.up-d-column-page .pane-header .block-common--inner {
    width: auto;
    margin: 0;
    padding: 0;
  }

  body.up-d-column-page .block-header-logo {
    float: none;
    width: auto;
    margin-right: 0;
    padding-top: 0;
    text-align: center;
  }

  body.up-d-column-page .block-header-logo--img {
    max-width: 180px;
    height: auto;
  }

  body.up-d-column-page .block-global-search {
    float: none;
    width: auto;
    padding-top: 10px;
  }

  body.up-d-column-page .block-global-search--keyword {
    width: calc(100% - 80px);
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
  }

  body.up-d-column-page .block-global-search--submit {
    height: 40px;
  }

  body.up-d-column-page .block-global-search02 {
    display: none;
  }

  body.up-d-column-page .block-headernav {
    width: auto;
    margin-left: 0;
    padding-top: 10px;
  }

  body.up-d-column-page .block-headernav--item-list {
    flex-wrap: wrap;
  }

  body.up-d-column-page .block-headernav--item-list li {
    width: 33.3333%;
    margin: 0;
    padding: 8px 0;
  }

  body.up-d-column-page .block-globalnav--item-list {
    display: flex;
    flex-wrap: wrap;
    width: auto;
  }

  body.up-d-column-page .block-globalnav--item-list > li {
    display: block;
    width: 50%;
    margin-right: 0;
    font-size: 14px;
    text-align: center;
  }

  body.up-d-column-page .block-globalnav--item-list > li > a {
    padding: 12px 0;
  }

  body.up-d-column-page .block-globalnav--item-list > li > a:before {
    display: none;
  }

  body.up-d-column-page .block-topic-path {
    width: auto;
    padding: 8px 0;
  }

  body.up-d-column-page .block-topic-path--list {
    font-size: 12px;
  }

  body.up-d-column-page .pane-contents {
    margin-top: 20px;
    padding-bottom: 24px;
  }

  body.up-d-column-page .pane-contents .container {
    display: block;
  }

  body.up-d-column-page .pane-left-menu {
    display: none;
  }

  body.up-d-column-page .pane-main {
    width: auto;
  }

  body.up-d-column-page .block-topic-details h1,
  body.up-d-column-page .block-page-caption h1 {
    width: auto;
    margin-bottom: 24px;
    font-size: 20px;
  }

  body.up-d-column-page .block-topic-details--items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  body.up-d-column-page .block-topic-details--items li {
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #c8e6c9;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
  }

  body.up-d-column-page .block-topic-details--items .up-d-column-card {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: 100%;
  }

  body.up-d-column-page .block-topic-details--items .up-d-column-thumb {
    width: 100%;
    border-radius: 0;
  }

  body.up-d-column-page .block-topic-details--items .up-d-column-card-body {
    gap: 4px;
    padding: 10px;
  }

  body.up-d-column-page .block-topic-details--items .up-d-column-date {
    margin-top: 0;
    font-size: 12px;
  }

  body.up-d-column-page .block-topic-details--items .up-d-column-title {
    font-size: 14px;
    line-height: 1.5;
  }

  body.up-d-column-page .up-d-column-pager-list li a,
  body.up-d-column-page .up-d-column-pager-now {
    min-width: 44px;
    height: 44px;
  }

  body.up-d-column-page .up-d-column-detail .up-d-column-date {
    margin-bottom: 12px;
    font-size: 13px;
  }

  body.up-d-column-page .up-d-column-detail .up-d-column-thumb {
    margin-bottom: 16px;
  }

  body.up-d-column-page .up-d-column-detail .up-d-column-body {
    font-size: 16px;
  }

  body.up-d-column-page .up-d-column-back {
    margin-top: 24px;
  }

  body.up-d-column-page .pane-right-menu {
    box-sizing: border-box;
    width: auto;
    margin: 24px 0 0;
    padding-right: 14px;
    padding-left: 14px;
  }

  body.up-d-column-page .block-recent-item,
  body.up-d-column-page .block-recent-item--items {
    width: auto;
  }

  body.up-d-column-page .block-recent-item--header {
    padding: 24px 0 16px;
    font-size: 18px;
  }

  body.up-d-column-page .block-recent-item--keep-history {
    position: static;
    margin-top: 12px;
  }

  body.up-d-column-page .pane-footer {
    padding: 24px 0;
  }

  body.up-d-column-page .block-switcher {
    display: flex;
    width: auto;
    margin-bottom: 16px;
  }

  body.up-d-column-page .block-switcher li {
    width: 50%;
  }

  body.up-d-column-page .block-switcher--current,
  body.up-d-column-page .block-switcher--switch {
    width: auto;
  }

  body.up-d-column-page .block-footernav li {
    padding: 4px 0.6em;
  }

  body.up-d-column-page #footerlogo {
    width: auto;
    max-width: 220px;
    margin-bottom: 24px;
  }

  body.up-d-column-page #footerlogo img {
    max-width: 100%;
    height: auto;
  }

  body.up-d-column-page .up-d-column-goods {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.up-d-column-page .up-d-column-goods--header {
    margin-bottom: 20px;
    font-size: 22px;
  }

  body.up-d-column-page .up-d-column-goods--list {
    gap: 10px;
  }

  body.up-d-column-page .up-d-column-goods--name {
    margin-top: 10px;
    font-size: 14px;
  }

  body.up-d-column-page .up-d-column-empty {
    margin: 24px 0;
    font-size: 15px;
  }
}