@charset "utf-8";

.sp,
.slicknav_menu {
  display: none;
}

@media screen and (max-width: 667px) {
  .sp,
  .slicknav_menu {
    display: block;
  }

  .sp-menu > ul,
  .side-menu,
  nav ul {
    display: none;
  }

  .container,
  .box {
    width: 100%;
  }
  .content.link {
    width: 94%;
  }
  .container-inner,
  .column-area,
  .content,
  .column {
    display: block;
    width: 100%;
  }

  .container-inner,
  .content,
  .box {
    padding: 3%;
  }
  /* .sp-menu {
    position: sticky;
    top: 0;
  } */
  .slicknav_menu {
    margin-bottom: 20px;
    background: #333;
    border: 1px solid #666;

    position: sticky;
    top: 0;
  }
  .slicknav_menu .slicknav_nav li::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #484848;
  }
  .slicknav_menu .slicknav_nav li:last-child::after {
    content: none;
  }
  nav ul li {
    min-width: 100%;
  }
  .slicknav_btn {
    display: block;
    width: 100%;
    background: none;
    box-shadow: none;
    text-shadow: none;
  }
  .slicknav_menu .slicknav_menutxt {
    text-shadow: none;
  }

  nav .slicknav_menu .slicknav_btn {
    display: flex;
    justify-content: flex-end;
  }

  nav .slicknav_menu .slicknav_menutxt,
  nav .slicknav_menu .slicknav_icon {
    float: none;
  }
  .sp-menu .slicknav_menu .slicknav_icon {
    float: right;
  }

  .slicknav_nav a:hover {
    border-radius: 0;
    background: none;
    color: #f40100;
  }

  .slicknav_nav .slicknav_row h2 {
    display: inline-block;
    margin: 0;
  }
  .slicknav_nav .slicknav_row:hover {
    color: #f40100;
    background: none;
    border-radius: 0;
  }
  .side-child li {
    text-align: left;
  }
  .side-child li a {
    border-bottom: none;
  }
  .side-child:last-child li a {
    display: block;
    margin-bottom: 10px;
  }
  .side-child img {
    display: none;
  }

  .bx-wrapper {
    max-width: 100% !important;
    margin: 0 auto;
  }

  .pan-navi {
    width: 100%;
  }

  footer {
    margin-top: 150px;
    margin-bottom: 50px;
  }
  .foot-menu-in {
    width: 100%;
  }
  .foot-menu-in ul li a {
    display: block;
    padding: 5px 0;
  }

  .sns-container {
    top: auto;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #000;
  }
  .button-whole {
    width: 24%;
  }
  .button-whole a {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }

  .entry {
    padding: 3%;
  }
  .entry img {
    width: 100%;
  }
  .header-top {
    padding: 3%;
  }

  .bx-wrapper .bx-pager {
    display: none;
  }
}