@charset "utf-8";
@media screen and (max-width: 665px) {
  /* header */
  .headTxt .siteTtl {
    font-size: 14px;
    height: 45px;
    padding: 1% 15% 1% 5%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  .headTxt .siteTtl a {
    height: 56px;
    width: 90%;
  }
  .headTxt .catchCopy {
    font-size: 14px;
    left: 5%;
    top: 70px;
    width: 70%;
  }
  #mobileHead {
    background: #fff;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    z-index: 999;
  }
  #navToggle {
    display: block;
  }
  #grovalNav {
    background: #fff;
    position: absolute;
    right: 0;
    text-align: center;
    top: -528px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    width: 100%;
    z-index: 1;
  }
  .open #grovalNav {
    transform: translateY(556px);
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
  }
  #grovalNavMenu {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    list-style: none;
    position: static;
    width: 100%;
  }
  #grovalNavMenu li {
    border-bottom: 1px solid #ddd;
    width: 50%;
  }
  #grovalNavMenu li:nth-child(even) {
    border-left: 1px solid #ddd;
  }
  #grovalNavMenu li a {
    padding: 5% 0 5% 40px;
  }
  #grovalNavMenu li a::before {
    left: 12px;
    top: 22px;
  }

  /* mainVisual */
  #mainVisual {
    border: none;
    margin: 5% auto 5%;
    padding: 0;
    width: 100%;
  }

  /* Contents */
  .Contents {
    margin: 0 auto;
    width: 90%;
    flex-direction: column;
  }
  .Contents main,
  .sideMenu {
    border: none;
    float: none;
    width: 100%;
  }

  /* main */
  main .Browser h2 {
    font-size: 27px;
    margin: 0;
  }
  main .Browser h2 span {
    font-size: 35px;
  }
  .articleLink {
    padding: 5% 2% 2%;
  }
  .articleLink h2 {
    font-size: 20px;
  }
  .More {
    width: 100%;
  }
  .mainArticle img {
    width: 100%;
  }
  .mainArticle ul li,
  .mainArticle ol li {
    margin-left: 24px;
  }
  .alignleft img,
  .aligncenter img,
  .alignright img {
    width: 50%;
  }

  /* footer */
  .sitemapArea {
    width: 90%;
  }
  .sitemapArea > li {
    margin-right: 5%;
  }
  small {
    display: block;
    margin: 0 auto;
    width: 90%;
  }

  /* topIcon */
  #topIconBox {
    right: 0;
    width: 65px;
  }

  /* slicknav */
  .slicknav_menu {
    background: none;
    display: block;
    padding: 0;
  }
  .slicknav_menu > a {
    margin: 0;
    padding: 0;
  }
  .slicknav_menu img {
    display: block;
    height: auto;
    margin-bottom: 3%;
    width: 100%;
  }
  .slicknav_menu .slicknav_menutxt {
    background-color: #272727;
    color: #fff;
    display: block;
    padding: 15px 10px;
    text-align: center;
    text-shadow: none;
    width: 100%;
  }
  .slicknav_menu .slicknav_icon-bar {
    display: none;
  }
  .slicknav_menu .slicknav_icon {
    display: none;
  }
  .slicknav_btn {
    float: none;
  }
  .slicknav_btn.slicknav_collapsed {
    display: block;
    width: 100%;
  }
  .slicknav_nav .slicknav_row:hover {
    background: none;
    border-radius: 0;
    color: #a5e9e1;
  }
  .slicknav_nav li:last-child {
    border-bottom: none;
  }
  .slicknav_nav .slicknav_arrow {
    display: none;
  }
  .slicknav_nav .slicknav_row {
    margin: 0;
    padding: 0;
  }
  .sideContainer {
    display: none;
  }
  .slicknav_nav > li {
    padding-bottom: 5%;
  }
  .slicknav_nav > li:first-child a h2 {
    border: none;
  }

  /* under */
  /* header */
  .subHeadArea .headTxt .siteTtl {
    font-size: 14px;
    height: 45px;
    padding: 1% 15% 1% 5%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  .subHeadArea .headTxt .catchCopy {
    font-size: 10px;
    line-height: normal;
    padding: 9% 5% 1%;
  }

  .subHeadArea {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
  }

  /* subContainer */
  .subContainer {
    margin: 0 auto;
    width: 90%;
  }
  .subContainer main {
    float: none;
    width: 100%;
  }
  .subContainer h2 {
    margin-bottom: 10%;
  }

  /* panNav */
  #panNav {
    margin: 5% 0;
  }

  /* SNS */
  .snsContainer {
    flex-wrap: wrap;
  }
  .buttonBox {
    margin: 1% 0;
    width: 49%;
  }

  /* notFound */
  .notFound {
    padding: 10% 0 0;
  }
}