@charset "utf-8";
@media screen and (max-width: 721px) {
  /*■■■■■ 大枠　■■■■■*/
  #wrap {
    width: 100%;
    float: none;
    padding-top: 0;
  }
  main {
    width: 96%;
    margin: 2%;
    float: none;
  }
  /*----- 見出し -----*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: left;
    font-size: 110%;
  }
  #head {
    margin: 0 auto;
  }
  #main-cont #head-cont {
    width: 100%;
    padding: 0;
    background: #fff;
    text-align: left;
    position: static;
  }
  .head-tit a {
    width: 96%;
    margin: 2%;
    font-size: 110%;
    padding: 0;
  }
  .head-copy {
    width: 96%;
    padding: 0;
    margin: 2%;
  }
  /*----- ul ol -----*/
  article ul {
    padding: 0;
  }
  article ol li {
    margin: 7px 0 7px 60px;
  }
  /*■■■■■ top page　■■■■■*/
  /*----- header -----*/
  #head-cont {
    width: 100%;
  }
  /*----- slider -----*/
  #main-cont {
    width: 100%;
    height: auto;
  }
  /*----- もっと読む -----*/
  .readmore-bn {
    position: static;
  }
  .readmore-bn a {
    width: 100%;
  }
  /*----- おすすめ -----*/
  .osusume-block {
    width: 94%;
    margin: 0 auto 1em;
    position: static;
    padding: 0;
  }
  body.is-fixed .osusume-block {
    position: static;
  }
  /*----- 下層リンク -----*/
  .u_page-block {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .u_page-block img {
    width: 96%;
    margin: 0 auto 0.5em;
    display: block;
    float: none;
  }
  .u_page-block > div {
    width: 96%;
    margin: 0 auto 0.5em;
    float: none;
  }
  /*----- footer -----*/
  #foot-cont {
    padding: 0;
  }
  #foot-cont ul {
    width: 100%;
    padding: 0;
    display: inline-block;
  }
  #foot-cont li,
  .foot-copy {
    width: 100%;
    text-align: center;
    float: none;
  }

  #foot-cont dl {
    width: 96%;
    margin: 0 2%;
    padding: 20px 0;
    display: inline-block;
    line-height: 2em;
  }
  #foot-cont dt {
    width: 100%;
    font-size: 100%;
  }
  #foot-cont dt span {
    width: 80px;
  }
  #foot-cont dd {
    line-height: 3em;
    font-size: 100%;
    width: 100%;
    padding: 0;
    float: none;
  }
  #foot-cont dd a {
    padding: 0;
  }
  /*----- nav -----*/
  #head-gnavi,
  #sub-cont {
    display: none;
  }
  .slicknav_menu {
    display: block;
    padding: 0;
    background: #d8c377;
    padding: 0.5em 0;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_menu a {
    padding: 0;
    margin: 0 0.5em;
    background: #d8c377;
  }
  .slicknav_menu img {
    display: none;
  }
  .slicknav_menu dt {
    padding: 10px;
    font-weight: bold;
    color: #162a70;
  }
  .slicknav_nav a {
    padding: 10px 15px;
    margin: 0;
    border-radius: 0;
    background: #162a70;
  }
  .slicknav_nav a:hover {
    border-radius: 0;
    background: #2d68c4;
    color: #fff;
  }
  .sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  /*----- sns -----*/
  #sns-cont dt {
    width: 96%;
    font-size: 110%;
    padding: 0;
    margin: 2% 2% 10px;
  }
  #sns-cont dd a {
    display: block;
    width: 90%;
    padding: 20px 0;
    margin: 0 auto 10px;
  }
  #sns-cont dd {
    width: 50%;
    margin: 0;
  }
}