@charset "UTF-8";


@media screen and (max-width: 1400px) {
  .low .bld li.no1 {left: -70px;}
  .low .bld li.no2 {right: -120px;}
  .low .bld li.no3 {left: -60px;}
  .low .bld li.no4 {right: -130px;}
}




@media screen and (max-width: 1100px) {
  .ki2 {right: -5%;}

}
@media screen and (max-width : 980px) {
  .ki2 {max-width: 16%; top: 19%;}

}


@media screen and (max-width: 768px) {
  body {min-width: 768px;}
  header .open {top: 32%;}
  .text_logo {
    margin-left: 0;
    margin-top: 3%;
    max-width: 18%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .low main { padding: 30px 0 0px; background-repeat: repeat-y; background-size: 21%;}
  .top_kusa {bottom: 32%;}
  .top_kusa2 {bottom: 47%; max-width: 100px;}
  .chocho {top: 30%; left: 12%; max-width: 10%;}
  .tori {right: 4%; bottom: -18%; max-width: 13%;}
  .tori_line {right: 5%; bottom: -24%; max-width: 6%;}

  header {background-size: 150%; background-position: top center;}
  header h1{padding: 25% 0 4%;}
  .ichiji_azukari{top: 23%; width: 23%;}

  .slick-next {right: 10px;}
  .slick-prev {left: 10px;}
  .kinomi {top: 23.6%; right: 9%;}

  .ki2 {top: 27%;right: -3%;max-width: 16%;}
  .absolute.right.risu {top: 37.3%; right: 5.6%; max-width: 9%;}
  .risu_iwa {top: 33%;max-width: 17%;}
  .hebi_kusa {top: 43%; max-width: 12%;}
  .hebi {top: 43%; max-width: 23%;}
  .absolute.right.mizu {top: 64%; right: -3%; max-width: 20%;}
  .absolute.right.ahiru {top: 58%; right: 1%; max-width: 12%;}
  .fukuro_kusa { max-width: 18%;}
  .absolute.right.fukuro {right: 5%; max-width: 9%; left: inherit; bottom: 1%;}
  .usa-zou_kusa {max-width: 10%;}
  .absolute.left.usagi_iwa {max-width: 16%;}
  .absolute.left.usagi {bottom: 8.6%; left: 8.8%; max-width: 9%;}
  .ki4 {bottom: 8%; max-width: 15%;}

  .slide_area .absolute {left: 66%;}

  .catch dt {padding-right: 5%;}
  .catch dd {width: 60%;}
  .catch dt .hukidashi {left: 10px; z-index: 3;}
  .catch dt .kuma {position: relative;z-index: 4;}

  .kirikabu .no1 {top: 0%; right: 15%; left: 53%;}
  .kirikabu .no2 {top: 31%; right: 50%; left: 21%;}
  .kirikabu .no3 {bottom: 8%; right: 27%; left: 45%;}
  .nav_usagi {max-width: 32%;}
  .harinezumi {max-width: 48%;}
  .fox {max-width: 40%;}
  .menu_kusa2 {right: 18%; bottom: 43%; max-width: 80px;}
  .menu_kusa {left: 26%; bottom: 16%; max-width: 100px;}

  footer section ul {background-position: 10%, 91%;}
  footer > p {padding: 10px;}
  footer section dt {width: 41%; padding-right: 3%;}
  footer section li a {max-width: 90%;}
  footer section dt .contact_li li {width: 100%;}
  .kame {bottom: 5%; max-width: 14%;}
  .katatsumuri {bottom: 5.7%; max-width: 7%;}
  .kame_hukidashi {bottom: 13%; left: 50%; max-width: 11%;}
  #page-top {position: absolute; bottom: 0px;}


  .low .tori_line {right: 0%; bottom: -24%; max-width: 6%;}
  .low .absolute.right.risu {left: 85%; top: 25.8%;}
  .low .risu_iwa {top: 26.9%; max-width: 17%;}
  .low .ki2 {top: 22.2%;}
  .low .absolute.right.ahiru {top: 61.3%;}
  .low .absolute.left.usagi_iwa {bottom: 14.7%; left: 0.4%;}
  .low .usa-zou_kusa {bottom: 13%;}
  .low .ki4 {bottom: 16.8%;}
  .low .absolute.right.fukuro {bottom: 1.4%; left: 82%;}

  .low .overview .block1 p {background-position: 100% 0px; font-size: 17px;}
  .low .overview .block2 ul {display: block;}
  .low .overview .block2 li {max-width: 300px; margin: 0 auto 20px;}

  .low .schedule .block1 > div {display: block; text-align: center; margin-right: 0px;}
  .low .schedule .block1 table {width: 90%; margin: 0 0 30px; text-align: left;}
  .low .schedule .block1 table.table2 tr:nth-child(4) .old12 {padding: 0;}
  .low .schedule .block3 li {width: auto; margin: 0 3px;}

  .low .guide .block1 ul {width: 100%;}
  .low .guide .block3 .box {width: auto;}
  .low .guide .block4 {width: auto; margin-bottom: 80px;}
  .DL_btn_area {bottom: 14%;}
  .top .DL_btn_area {bottom: 29%;}

  .overview_guide{padding-bottom: 10%;}
  .ichiji_btn{width: 200px;}

}/* 768 */

@media screen and (max-width: 480px) {
  .pc_content {display: none;}
  .sp_content {display: block;}
  body {min-width: 320px;}
  section {padding: 0 15px;}
  header, .low header {margin-bottom: 0;}
  header {background-size: 215%; background-position: top center;}
  .text_logo {max-width: 40%; filter: drop-shadow(0px 0px 5px #005f25);}
  /* header h1 {padding: 18% 20px 3% 20px;} */
  header h1 {padding: 40% 20px 3% 20px;}
  header h1 img {max-width: 190px; width: 100%; margin-top: 10px;}
  header .open_day {
    top: 32%;
    right: 6%;
    left: 77%;
}

.ichiji_azukari{top: 22%; width: 40%;}
  /* header .open {right: 5%;left: 77%;top: 32%;} */

  .top_kusa {bottom: 13%; max-width: 100px; left: -40px;}
  .top_kusa2 {bottom: 54%; max-width: 70px; right: 4px; display: none;}
  .chocho {top: 35%;left: 4%;max-width: 50px;}
  .tori {right: 1%; left: initial; bottom: -2%; max-width: 60px;}
  .tori_line {right: 2%;bottom: -7%;max-width: 24px;}
  .carv {max-width: 110px; top: 1%; right: 2%; z-index: -1;}

  .slick-dotted.slick-slider {padding: 0 10px 30px;}
  .slick-prev, .slick-next {width: 30px; height: 30px;}
  .slick-next {right: 5px;}
  .slick-prev {left: 5px;}
  .slick-prev:before, .slick-next:before {font-size: 30px;}
  .slick-dots li {margin: 0 2px;}
  .slick-dots li button:before {font-size: 12px;}
  .slick-dots {width: 90%;}

  .slide_area .absolute {left: 57%; top: -2%; right: 8%;}

  .catch {margin-bottom: 60px;}
  .catch dt {width: 32%; padding-right: 5%;}
  .catch dt .kuma {max-width: 80px;}
  .catch dt .hukidashi {left: -20px; width: 120px; top: -90px;}
  .catch dd {width: 60%; padding-right: 3%;}
  .catch dl {margin-bottom: 20px;}

  .kirikabu {padding-bottom: 100%; margin-bottom: 30%;}
  .kirikabu .no1 {top: -3%; right: 0%; left: 50%;}
  .kirikabu .no2 {top: 39%; right: 53%; left: 0;}
  .kirikabu .no3 {bottom: -26%; right: 11%; left: 42%;}
  .menu_kusa2 {right: 6%; bottom: 27%; max-width: 80px;}
  .menu_kusa {left: 5%; bottom: 0%; max-width: 100px;}
  .nav_usagi {max-width: 32%;}
  .fox {max-width: 43%;}
  .harinezumi {max-width: 52%;}


  footer {background-size: 170%; overflow: hidden;}
  footer > section {padding-bottom: 0;}
  footer section ul {margin-bottom: 35%; background-image: none}
  footer section li {width: 32.333%; padding: 0 5px;}
  footer section dl {margin-bottom: 40px;}
  footer section dt {width: 100%; margin-bottom: 40px;}
  footer section dd {width: 100%;}
  footer section dt a {
    padding: 10px;
    margin-top: 20px;
    display: block;
    text-align: center;
  }
  footer > p {padding: 5px;}
  footer > p small, .low footer > p small {font-size: 10px;}
  .kame {bottom: 3%; right: 25%; left: 69%; max-width: 27%;}
  .katatsumuri {left: 31%; bottom: 3.7%; max-width: 12%;}
  .kame_hukidashi {bottom: 9%; left: 50%; right: 35%; max-width: 20%;}
  #page-top {bottom: 11px; right: 10px;}
  #page-top a {width: 60px;}

  .low header h1 {
    padding: 7% 0;
    background-image: url(../images/nav_line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 111%;
  }
  .low header h1 img {max-width: 190px;}

  .low main {padding: 30px 0 0px; background-repeat: repeat-y; background-size: 21%;}

  .low h2 img {max-height: 23px;}
  .low h2 img.lines2 {max-height: 60px;}

  .low .overview .block1 p {background-position: 57% 100%; background-size: 27%; padding: 0 0 29%;}
  .low .overview .block1 p br {display: none;}
  .low .overview .block1 picture {margin-bottom: 12%;}
  .low .overview .block1 picture img {width: 28%;}
  .low .overview .block2 h2 img {max-height: 18px;}
  .low .overview .block2 ul {margin-top: -5px;}
  .low .overview .block2 li.no1, .low .overview .block2 li.no2 {padding: 0;}
  .low .overview .block2 li.no2 {margin-top: 14%}
  .low .overview .block2 li.no3 {margin-top: -7%;}
  .low .overview .block2 .warning {text-align: left;}
  .low .overview .block2 .warning small br {display: none;}
  .low .overview .block2 .text br {display: none;}
  .low .overview .block2 li {border-radius: 20px; padding: 20px 20px; font-size: 14px;}
  .low .overview .block2 li:last-child::after {width: 76px; height: 41px;}
  .low .overview .block2 .leaf + h2 img {max-height: 43px;}
  .low .overview .block2 h2 + p span {display: block;}
  .low .overview .usagi::before {width: 23vw; height: 23vw; bottom: -6vw; right: -18vw; background-position: center left;}
  .low .overview .leaf::before {width: 16vw; height: 24vw; bottom: -13vw; left: -12vw;}

  .low .overview .floor_slide .slick-next {right: -10px;}
  .low .overview .floor_slide .slick-prev {left: -10px;}
  .overview_guide dt {width: 5em; padding: 5px 3px; font-size: 14px;}
  .overview_guide dd {width: calc(100% - 5em); padding: 0 0 0 15px; font-size: 15px;}
  .overview_guide dd.w100 {padding: 10px 10px 0;}
  .overview_guide dd.w100 p {margin-left: 0; font-size: 14px;}
  .lunchImg .slick-dots {width: 100%;}

  .low .overview .block4 {width: auto; background-position: top right, -14% 102%; padding: 0; background-size: 14%, 41%;}
  .low .overview .block4 p {font-size: 14px; line-height: 1.6em;}
  .low .overview .block4 dd p {width: 100%; padding-right: 0;}
  .low .overview .block4 dd img {width: 60%; display: block; margin: 10px auto;}
  .low .overview .block4 dd p:last-child {text-align: center; margin-top: 0; font-size: 13px; width: 100%;}

  .low .schedule .block1 table {width: 100%; margin-bottom: 20px;}
  .low .schedule .block1 .table1 .old12, .low .schedule .block1 .table1 .old345 {display: none;}
  .low .schedule .block1 .table2 .old0, .low .schedule .block1 .table2 .old345 {display: none;}
  .low .schedule .block1 .table3 .old0, .low .schedule .block1 .table3 .old12 {display: none;}
  .low .schedule .block1 th span {padding: 5px 10px; font-size: 16px;}
  .low .schedule .block1 .time {padding: 5px 10px; font-size: 14px;}
  .low .schedule .block1 td span {padding: 5px 10px; font-size: 14px;}
  .low .schedule .block2 p span {display: block; margin: 0 0 10px;}
  .low .schedule .block3 li {width: 100%; text-align: left; margin-bottom: 13px; border-radius: 5px; display: flex; align-items: center;}
  .low .schedule .block3 li span {display: inline-block; font-size: 14px; padding: 8px 5px; border-radius: 5px 0 0 5px; width: 3em; margin-right: 10px; text-align: center;}
  .low .schedule .block3 li p {-webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; margin: 0; padding-bottom: 0; display: inline-block; line-height: 1;}


  .low .guide .block1 ul {width: 100%; border: 0;}
  .low .guide .block1 li {width: 100%; font-size: 16px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.6); margin-bottom: 10px;}
  .low .guide .block1 span {display: inline-block; border-right: 0; width: 60%; box-sizing: border-box;}
  .low .guide .block1 p {border-right: 0; background-color: initial; display: inline-block; width: 40%; box-sizing: border-box; padding: 0;}
  .low .guide .block3 .box {width: auto;}
  .low .guide .block2 table {width: 100%;}
  .low .guide .block2 th {padding: 10px 5px; font-size: 16px;}
  .low .guide .block2 td {padding: 10px 5px; font-size: 18px;}
  .low .guide .block2 tr td:first-child {font-size: 15px;}
  .low .guide .block2 td small {font-size: 12px;}
  .low .guide .block4 .bold {display: none;}
  .low .guide .block4 th, .low .guide .block4 td {padding: 0 0 15px;}
  .low .guide .block4 th {display: block; width: auto; padding-top: 15px;}
  .low .guide .block4 tr:nth-child(2) th { padding-top: 0px;}
  .low .guide .block4 th a {padding: 0; background-image: none;}
  .low .guide .block4 th a img {display: inline-block; vertical-align: text-bottom; margin-left: 8px;}
  .low .guide .block4 th a br {display: none;}
  .low .guide .block4 td {display: block;}
  .low .guide .block4 th p, .low .guide .block4 td p {
    background-color: #91724b;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    padding: 4px 10px;
    line-height: 1;
    margin: 0 10px 5px 0;
    border-radius: 4px;
  }
  .DL_btn {right: 10px;}
  .DL_btn a {display: inline-block; text-align: right;}
  .DL_btn a img {max-width: 78%;}
  .DL_btn_area {
    bottom: 5%; height: 0;}
  .top .DL_btn_area {bottom: 33%;}
}/* 480 */


  /* SP_MENU */
@media screen and (max-width: 480px) {

  .menu_btn, .sp_staff {display: block;}
  .sp_menu {
    display: block;
    height: 62px;
    position: fixed;
    top: 0;
    z-index: 9880;
  }
  .sp_menu button {
    display: block;
    background: none;
    border: none;
    padding: 0;
    width: 42px;
    color: #333;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 1001;
    text-align: center;
    outline: none;
  }
  /*   ハンバーガーボタン3本線   */
  .sp_menu button span.bar {
    display: block;
    height: 2px;
    background-color: #50342b;
    margin: 7px 0;
    transition: all 0.2s;
    transform-origin: 0 0;
  }
  .sp_menu button .close {
    letter-spacing: 0.08em;
    display: none;
  }
  .sp_menu button .menu {
    display: block;
    color: #50342b;
  }
  /*  メニューアクティブ時  */
  .sp_menu button.active span.bar {
    width: 45px;
    background-color: #fff;
  }
  .sp_menu button.active .bar1 {
    transform: rotate(24deg);
  }
  .sp_menu button.active .bar2 {
    opacity: 0;
  }
  .sp_menu button.active .bar3 {
    transform: rotate(-24deg);
  }
  .sp_menu button.active .menu {
    display: none;
  }
  .sp_menu button.active .close {
    display: block;
    color: #fff;
  }
  .sp_menu nav {
    width: 100%;
    height: 100%;
    transition: all 0.8s;
    transform: translateY(-100%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
   }
   .sp_menu nav, .low header .sp_menu nav {
     background-image: none;
  }
  .sp_menu nav.open {
    transform: translateY(0);
    background-image: none;
   }
   .sp_menu nav ul {
      background-image: url(../images/bg2.jpg);
      padding: 60px 20px 20px;
    }
   .sp_menu nav li {
    width: 100%;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
   }
   .sp_menu nav li a {
    display: block;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    padding: 15px 0;
    color: #fff;
    border-bottom: 2px dashed;
    /* transition: 0.1s; */
  }
  .sp_menu nav li.h_sns_area a {
    border: none;
  }
  .h_sns_area{
    display: flex!important;
    justify-content: center;
  }
  .h_sns_area a{
    width: 50px;
    margin: 0 5px;
  }

  .sns{margin-left: 12px;}

}


@media screen and (max-width: 450px) {
}
@media screen and (max-width: 420px) {
  .top .DL_btn a img {max-width: 75%;}
  .top .DL_btn_area {bottom: 31%;}
}
@media screen and (max-width: 380px) {
  .profile .author dt {width: 100%;}
  .top .DL_btn_area {bottom: 29%;}
  .low .overview .block2 h2 + p {font-size: 4.4vw;}
  .low .overview .usagi::before {right: -50px;}
}
@media screen and (max-width: 350px) {
  .top .DL_btn a img {max-width: 68%;}
  .top .DL_btn_area {bottom: 28%;}
  .low .guide .block2 th {font-size: 15px;}
  .low .guide .block2 td {font-size: 16px;}
  .low .guide .block2 tr td:first-child {font-size: 14px;}
  .low .schedule .block1 .time{width: 4%;}
}