@charset "utf-8";
@media screen and (max-width: 691px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: left;
  }
  .share-area,
  .container0 {
    padding: 3%;
  }
  .container0,
  main,
  .sideBar,
  .s-link img,
  article img {
    width: 100%;
  }
  article img {
    max-width: 100%;
  }
  article img,
  main,
  .s-link img {
    float: none;
  }
  .sns-container0 {
    display: block;
  }
  .site-name {
    font-size: 100%;
  }
  main h2,
  .sideBar h2 {
    font-size: 120%;
  }
  footer {
    padding: 0;
  }
  footer .foot-menu {
    width: 100%;
    margin-bottom: 2rem;
  }
  .side-container0 p a {
    height: 28px;
    padding: 0;
    text-align: center;
  }
  .page-cont img {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: none;
  }
  .r_Morebtn {
    text-align: center;
  }
  .r_Morebtn a {
    display: block;
    max-width: 340px;
    margin: 0 auto;
  }
  /* grovalNav */
  #grovalNav-menu,
  .sideBar h2 {
    display: none;
  }
  .slicknav_menu {
    display: block;
    padding: 0;
    /* gradient */
    background: rgb(189, 188, 224); /* Old browsers */
    background: -moz-linear-gradient(
      left,
      rgba(189, 188, 224, 1) 1%,
      rgba(211, 220, 239, 1) 22%,
      rgba(244, 244, 244, 1) 54%,
      rgba(211, 220, 239, 1) 82%,
      rgba(189, 188, 224, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      rgba(189, 188, 224, 1) 1%,
      rgba(211, 220, 239, 1) 22%,
      rgba(244, 244, 244, 1) 54%,
      rgba(211, 220, 239, 1) 82%,
      rgba(189, 188, 224, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      rgba(189, 188, 224, 1) 1%,
      rgba(211, 220, 239, 1) 22%,
      rgba(244, 244, 244, 1) 54%,
      rgba(211, 220, 239, 1) 82%,
      rgba(189, 188, 224, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbce0', endColorstr='#bdbce0',GradientType=1 ); /* IE6-9 */
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_menu a {
    padding: 0;
    margin: 0;
  }
  a.slicknav_btn.slicknav_collapsed {
    width: 100%;
    display: block;
  }
  .slicknav_menu img {
    display: block;
    margin: 20px auto 0;
    width: 100%;
    height: auto;
  }
  .slicknav_btn {
    float: none;
    background-color: #fff;
  }
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: none;
  }
  ul.slicknav_nav li:last-child {
    border-bottom: none;
  }
  /* side menu */
  .slicknav_menu .slicknav_no-text {
    float: right;
    margin: 15px;
  }

  .slicknav_nav a {
    padding: 5px 15px;
    background: #fff;
    border-bottom: 1px dotted #788287;
    color: #888;
  }
  .slicknav_nav a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0);
    color: #fff;
    opacity: 1;
  }
  /* sns */
  .button-whole {
    display: block;
    width: 90%;
    margin: 0 auto 10px;
  }
  /* 追記 */
  body {
    background: none;
  }
  .grovalNav {
    display: none;
  }
  .titlearea {
    float: none;
    width: 100%;
  }
  .eyecatch {
    float: none;
    width: 100%;
    margin: 0;
  }
  .headline {
    padding: 0 0 20px;
    margin-bottom: 0;
  }
  .titlearea {
    padding: 0 4%;
  }
  .titlearea2 {
    padding: 0 4% 8%;
  }
  .site-name a {
    font-size: 24px;
    margin-bottom: 15px;
  }
  p.main-Copy {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 90%;
  }
  .eyecatch {
    position: relative;
    z-index: 1;
  }
  .bx-wrapper {
    margin: 20px auto;
  }
  .cont-wrap {
    margin: 0 auto 30px;
  }
  img {
    position: relative;
    z-index: 1;
  }
  .r_Morebtn a {
    max-width: 200px;
    margin: 0 0 0 auto;
  }
  aside {
    float: none;
    margin: 0;
  }
  footer .container0 {
    margin: 0;
  }
  footer .foot-menu {
    width: 41%;
    margin: 4% auto 20px;
    float: left;
  }
  .footCopy {
    padding: 0 4%;
  }
  .container0 {
    padding: 0 3% 3%;
  }
}