@charset "utf-8";
.slicknav_menu {
  display: none;
}
.top_menu .slicknav_menu {
  display: block;
}

@media screen and (max-width: 667px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: left;
  }
  .container {
    width: 100%;
    padding: 1% 3%;
  }

  header .site_name {
    width: 100%;
    padding: 3%;
  }
  #main_visual p.catch_copy {
    position: static;
    width: 100%;
    padding: 0 3% 3%;
    font-size: 14px;
    color: #333;
    text-shadow: none;
  }

  .container_inner {
    padding: 3% 3% 150px;
  }

  #main_visual img {
    filter: none;
  }

  main section article img {
    float: none;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
  }
  main section article p {
    padding: 20px 0;
  }
  main section article.single img.eyecatch {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  #main_nav ul {
    display: none;
    flex-direction: column;
  }
  .slicknav_menu {
    display: block;
    padding: 0;
    background: none;
    position: sticky;
    top: 0;
  }
  .slicknav_btn {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #ffa110;
    text-shadow: none;
  }
  .slicknav_menu .slicknav_icon {
    display: none;
  }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    width: 100%;
    text-align: center;
    text-shadow: none;
  }
  #main_nav ul li {
    width: 100%;
  }
  #main_nav ul li a {
    padding: 10px 0;
  }
  .slicknav_nav a:hover {
    background: none;
    border-radius: 0;
  }
  .top_menu .slicknav_menu .slicknav_icon {
    float: right;
    display: block;
  }
  .top_menu .slicknav_btn {
    padding: 14px;
  }

  #pan_nav {
    padding: 20px 3%;
  }

  .button-whole {
    width: 49%;
    margin-bottom: 10px;
  }
  .sns-container {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  footer,
  footer > div,
  footer div div ul {
    width: 100%;
  }
  footer > div {
    justify-content: center;
    flex-direction: column;
    padding: 3%;
  }

  footer div > div {
    width: 100%;
    margin: 0;
  }

  .footer_bottom {
    padding: 3%;
  }

  #main_visual {
    height: auto;
  }
  .bx-viewport {
    height: auto !important;
  }

  .container_inner img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  .entries img.eyecatch,
  .container_inner img {
    width: 100%;
    margin: 10px 0;
  }

  .link_box h3 {
    margin-bottom: 5px;
  }
  .link_box p {
    padding-top: 0;
  }
}