@charset "utf-8";
@media screen and (max-width: 600px) {
  /*■■■■■ 大枠　■■■■■*/
  #wrapper,
  main {
    width: 100%;
    float: none;
  }
  #wrapper {
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
  }
  /*----- 見出し -----*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: left;
    font-size: 110%;
  }
  .header-ttl {
    padding: 10px 0;
    font-size: 20px;
    line-height: 1.2em;
  }
  /*----- ul ol -----*/
  article ul {
    padding: 2%;
  }
  article ol li {
    margin: 7px 0 7px 40px;
  }
  /*■■■■■ top page　■■■■■*/
  /*----- header -----*/

  /*----- slider -----*/
  #mainsli-area {
    width: 100%;
    height: auto;
  }
  .bx-wrapper {
    max-width: 100% !important;
  }
  /*----- 本文 -----*/
  .honbun-box {
    width: 96%;
    margin: 0 2% 4%;
  }
  /*----- 下層リンク -----*/
  .under-box {
    width: 96%;
    margin: 2%;
  }
  /*----- おすすめ -----*/
  .recom-box {
    width: 96%;
    margin: 2%;
  }
  /*----- footer -----*/
  #footer-area {
    padding: 0;
  }
  #footer-area ul {
    width: 100%;
    padding: 0;
    display: inline-block;
  }
  #footer-area li,
  .footer-copy {
    width: 100%;
    text-align: center;
  }

  #footer-area dl {
    width: 96%;
    margin: 0 2%;
    padding: 20px 0;
    display: inline-block;
    line-height: 2em;
  }
  #footer-area dt {
    width: 100%;
  }
  #footer-area dd {
    line-height: 3em;
  }
  /*----- pan nav -----*/
  #pankuzu-bar {
    padding: 10px 5px 0;
  }
  /*----- 404 -----*/
  .no404 {
    padding: 3em 2em;
  }
  /*----- nav -----*/
  #header-bar,
  #side-area {
    display: none;
  }
  .slicknav_menu {
    display: block;
    padding: 0;
    background: #d4be9c;
    padding: 0.5em 0;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_menu a {
    padding: 0;
    margin: 0 0.5em;
    background: #d4be9c;
  }
  .slicknav_menu img {
    display: none;
  }
  .slicknav_menu dt {
    padding: 10px;
    font-weight: bold;
  }
  .slicknav_nav a {
    padding: 10px 15px;
    border-radius: 0;
    background: #fff;
    color: #333;
  }
  .slicknav_nav a:hover {
    background: #5a1017;
    color: #fff;
    border-radius: 0;
  }
  .sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  /*----- sns -----*/
  #social-area dd a {
    display: block;
    width: 90%;
    margin: 0 auto 10px;
  }
  #social-area dd {
    width: 47%;
  }
  #social-area dd .fa-twitter {
    width: 1em;
    height: 1em;
    overflow: hidden;
  }
}