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

  body {
    font-size: 16px;
  }
  header h1,.cachphrase,
  #all {
    margin: 0 auto;
    width: 90%;
  }
  /* header */
  header {
    background-size: 5%;
  }
  .cachphrase {
    margin-bottom: 15px;
  }
  /* g_nav */
  #g_nav {
    display: none;
  }
  nav .slicknav_menu .slicknav_menutxt {
    background: #6eb92b;
    color: #fff;
  }
  nav .slicknav_nav {
    background: #fff;
  }
  nav .slicknav_nav li {
    margin: 15px;
  }
  /* main_v */
  #main_v {
    border: none;
    margin: 0;
    padding: 0;
    transform: none;
    width: 100%;
  }

  /* all */
  #all main,
  #s_nav {
    float: none;
    width: 100%;
  }
  /* main */
  #sub_links {
    display: block;
    margin: 10% 0;
  }
  .sub_link {
    margin-bottom: 5%;
    width: 100%;
  }
  .main_content img {
    width: 100%;
  }
  .alignleft img,
  .aligncenter img,
  .alignright img {
      width: 50%;
  }

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

  /* slicknav */
  #s_content {
    display: none;
  }
  .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;
    margin: 15px 0;
  }
  .under > h2 {
    font-size: 130%;
  }
  /* SNS */
  #share_btns {
    flex-wrap: wrap;
  }
  .sns_btn {
    margin: 1% 0;
    width: 49%;
  }

  /* nopage */
  #nopage {
    margin: 10% 0;
  }
  .f_sitettl {
    color: #383838;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    width: 90%;
  }
}