@charset "utf-8";
@media screen and (max-width: 669px) {

  body {
    font-size: 16px;
  }
  header h1,.cach_phrase {
    margin: 0 auto;
    width: 90%;
  }
  /* header */
  header {
    background-size: 5%;
  }
  #header_txt {
    font-size: 100%;
    position: static;
    width: 100%;
  }
  .cach_phrase {
    font-size: 80%;
    margin-bottom: 15px;
  }
  /* grvl_nav */
  #grvl_nav {
    padding: 0;
    position: static;
    width: 100%;
  }
  #grvl_nav li {
    margin-bottom: 0;
  }
  #grvl_nav a {
    border-bottom: 1px solid #382717;
    display: block;
    padding: 15px;
  }
  #grvl_nav li:first-child a{
    background: #382717;
    color: #fff;
  }
  nav .slicknav_menu .slicknav_menutxt {
    background: #6eb92b;
    color: #fff;
  }
  nav .slicknav_nav {
    background: #fff;
  }
  nav .slicknav_nav li {
  }
  /* main_eye */
  #main_eye {
    border: none;
    margin: 0;
    padding: 0;
    transform: none;
    width: 100%;
  }

  /* main */
  #m_nav_box > li h2,
  #m_nav_box > li h3,
  .main_box h2,
  .under main > h2 {
    font-size: 140%;
  }
  main {
    margin: 0 auto;
    width: 90%;
  }
  #under_links {
    background: none;
    display: block;
    margin: 0;
    padding: 20px 0;
  }
  .under_link {
    margin-bottom: 30px;
    width: 100%;
  }
  #under_links section:last-child {
    margin-bottom: 0;
  }
  .under_link  img,
  #under_links section:nth-child(even) img {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .link_txt a {
    float: none;
    margin: 10px 0;
  }
  #recommend {
    padding: 20px 0;
  }
  #recommend h2,
  #recommend_link {
    width: 90%;
  }
  #recommend h2 {
    font-size: 160%;
  }
  #recommend_link h3 {
    margin: 15px 0;
  }
  #recommend_link h3 a {
    font-size: 100%;
    padding: 10px;
  }

  #m_nav_box > li {
    padding: 10px 0 25px;
  }
  #m_nav_box .menu ul,
  #m_nav_box .column ul {
    display: block;
    margin-top: 10px;
    width: 100%;
  }
  #m_nav_box .menu ul li {
    margin-bottom: -1px;
    width: 100%;
  }
  #m_nav_box .menu a {
    font-size: 16px;
    padding: 10px;
  }
  #m_nav_box .column {

  }
  #m_nav_box .column ul {
    margin: 0 auto;
    width: 90%;
  }
  #m_nav_box .column ul li {
    margin-bottom: 15px;
    width: 100%;
  }
  .main_box {
    margin-bottom: 0;
    padding: 20px 0;
    width: 100%;
  }



  .main_box img {
    width: 100%;
  }
  .alignleft img,
  .aligncenter img,
  .alignright img {
      width: 50%;
  }

  /* footer */
  footer {
    background-size: 5%;
    position: relative;
  }
  #footer_menu {
    padding: 6% 0;
    width: 90%;
  }
  #footer_menu > li {
    margin-right: 0;
    width: 100%;
  }
  #footer_menu > li p {
    border: none;
    width: auto;
  }
  small {
    text-align: center;
  }
  /* page_top */
  #page_top {
    position: absolute;
  }

  /* slicknav */
  .slicknav_menu {
    background: none;
    display: block;
    padding: 0;
  }
  .slicknav_menu .slicknav_menutxt {
    background: #00a4da;
    color: #fff;
    display: block;
    padding: 15px 10px;
    text-align: center;
    text-shadow: none;
    width: 100%;
  }
  .slicknav_nav .slicknav_row {
    margin: 0;
    padding: 0;
    text-decoration: none;
  }
  .slicknav_nav > li h2,
  .slicknav_nav > li h3 {
    background: #6eb92b;
    color: #fff;
    margin: 2% 0;
    text-align: center;
  }
  .slicknav_nav .slicknav_arrow {
    display: none;
  }
  .slicknav_nav ul li a {
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #383838;
    display: block;
    margin: 3% 0;
    padding: 10px 8px;
    text-decoration: none;
  }
  .slicknav_nav .menu li a::before {
    border: 7px solid transparent;
    border-left: 9px solid #6eb92b;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 4px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 4px;
  }
  .slicknav_nav .menu li a {
    padding-left: 25px;
    position: relative;
  }
  .slicknav_nav .menu li a:hover {
    background: #e9f8dd;
    color: #6eb92b;
  }
  .slicknav_nav .column li a:hover {
    background: #dbf6ff;
    color: #00a4da;
  }
  .slicknav_menu img {
    margin-bottom: 10px;
    width: 100%;
  }

  /* under */
  #p_nav {
    font-size: 12px;
    width: 100%;
  }
  .under main > h2,
  .img_box,
  #under_entry {
    width: 100%;
  }
  #under_entry_in {
    background: none;
    padding: 0;
  }
  .under .eyecatch {
    margin-bottom: 0;
  }
  .under .main_box {
    background: none;
  }
  /* SNS */
  #share_btns {
    flex-wrap: wrap;
  }
  .sns_btn {
    margin: 1% 0;
    width: 49%;
  }

  /* not_page */
  #not_page {
    margin: 10% 0;
  }
  .footer_ttl {
    width: 90%;
  }
}