/* Responsive compatibility for the legacy static blog and support snapshots. */
@media (max-width: 720px) {
  html,
  body {
    min-width: 0 !important;
    max-width: 100%;
    overflow-x: hidden;
  }

  img,
  video,
  iframe,
  object,
  embed {
    max-width: 100%;
    height: auto;
  }

  body.blog .container,
  body.single .container,
  body.archive .container,
  body.blog .content-background,
  body.single .content-background,
  body.archive .content-background,
  body.blog .wrapper,
  body.single .wrapper,
  body.archive .wrapper,
  body.blog #home-header-max,
  body.single #home-header-max,
  body.archive #home-header-max {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  body.blog .wrapper,
  body.single .wrapper,
  body.archive .wrapper {
    padding: 0 16px;
  }

  body.blog #content,
  body.single #content,
  body.archive #content,
  body.blog #sidebar,
  body.single #sidebar,
  body.archive #sidebar {
    float: none;
    width: auto !important;
  }

  body.blog .entry,
  body.single .entry,
  body.archive .entry {
    width: auto !important;
    margin-left: 0;
  }

  body.blog .post-header h1,
  body.blog .post-header h2,
  body.blog .author,
  body.single .post-header h1,
  body.single .post-header h2,
  body.single .author,
  body.archive .post-header h1,
  body.archive .post-header h2,
  body.archive .author {
    margin-left: 0;
  }

  body.blog div.post-header div.date,
  body.single div.post-header div.date,
  body.archive div.post-header div.date {
    float: none;
    width: auto;
    margin-bottom: 8px;
  }

  #home-header {
    height: auto !important;
    min-height: 50px;
    padding: 10px 16px !important;
    box-sizing: border-box;
  }

  #home-header .home-header-left,
  #home-header .home-header-right {
    float: none !important;
    width: auto;
    height: auto !important;
    text-align: left !important;
  }

  #home-header .home-header-right {
    padding-top: 8px;
    line-height: 2;
  }

  .nav,
  .lang,
  .w960,
  .main,
  .coop,
  .footer {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .nav {
    height: auto !important;
    min-height: 75px;
    padding: 0 12px;
  }

  .nav .logo {
    float: none !important;
    display: block;
  }

  .ddsmoothmenu {
    float: none !important;
    width: 100% !important;
    overflow-x: hidden;
  }

  .ddsmoothmenu > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
  }

  .ddsmoothmenu ul li,
  .ddsmoothmenu ul li a {
    height: auto !important;
  }

  .ddsmoothmenu ul li a {
    padding: 12px !important;
  }

  .module2,
  .main,
  .coop {
    padding-left: 12px;
    padding-right: 12px;
  }

  .wrapper > h2,
  .help_title h2 {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .coop_left,
  .coop_right,
  .coop_left_home,
  dl.faqlist,
  #tab_faq,
  .help_title {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .coop_right {
    padding: 24px 0 0 !important;
  }

  #google_translate_element {
    display: none !important;
  }

  .footer_sns {
    position: static !important;
    margin: 8px auto 0;
  }
}