.cont {
  width: 964px;
  margin: auto; }
  @media screen and (max-width: 964px) {
    .cont {
      width: 100%; } }

.topsec__ttlarea {
  background: #fff; }

.topsec__ttl {
  text-align: center;
  padding: 1.2em 0;
  color: #EE6300;
  background: url(../images/topsec-ttl-bg.png) no-repeat center right/cover;
  border-top: 2px solid #EE6300;
  border-bottom: 2px solid #EE6300;
  font-size: 20px;
  font-size: 1.25rem; }
  @media screen and (min-width: 641px) {
    .topsec__ttl {
      font-size: 30px;
      font-size: 1.875rem;
      background-size: contain;
      padding: 0.5em 0; } }
  .topsec__ttl i {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    margin-right: 0.5em; }
  @media screen and (max-width: 640px) {
    .topsec__ttl--double {
      text-align: left;
      position: relative;
      padding-left: 2em; }
      .topsec__ttl--double i {
        position: absolute;
        width: 1em;
        height: 1em;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0.5em; } }

.topsec__toggle {
  background: url(../images/topsec-toggle-bg.png);
  color: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 1em 0; }
  @media screen and (min-width: 641px) {
    .topsec__toggle {
      font-size: 24px;
      font-size: 1.5rem;
      padding: 0.5em 0; } }
  .topsec__toggle i {
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1em; }
  .topsec__toggle--event:before {
    content: "";
    display: block;
    background: url(../images/event-toggle-img.png) no-repeat center center/contain;
    position: absolute;
    width: 30%;
    height: 80px;
    bottom: 0;
    left: 0; }
  .topsec__toggle--info:before {
    content: "";
    display: block;
    background: url(../images/info-toggle-img.png) no-repeat center center/contain;
    position: absolute;
    width: 30%;
    height: 80px;
    bottom: 0;
    left: 0; }
  .topsec__toggle--blog:before {
    content: "";
    display: block;
    background: url(../images/blog-toggle-img.png) no-repeat center center/contain;
    position: absolute;
    width: 30%;
    height: 80px;
    bottom: 0;
    left: 0; }
  .topsec__toggle--shop {
    text-align: left;
    border-bottom: 1px solid #fff;
    padding-left: 1em; }

.topsec__toggleinner {
  padding: 20px 15px 0;
  display: none; }

.main__list * {
  max-width: none; }

.main__item {
  max-width: 100%;
  text-align: center; }
  .main__item * {
    max-width: 100%; }
  .main__item img {
    margin: auto; }

.main__par {
  text-align: center;
  margin-top: 10px; }
  @media screen and (max-width: 640px) {
    .main__par {
      padding: 0 20px; } }

.main-img {
  background: url(../images/main-bg.png); }
  .main-img .cont {
    padding: 20px 0; }

.main-nav .cont {
  padding: 20px 0 20px;
  background: #fff; }

@media screen and (max-width: 640px) {
  .main-nav__list {
    padding: 0 20px; } }

.main-nav__list * {
  max-width: none; }

.main-nav__list .slick-arrow {
  width: 30px;
  height: 30px; }
  .main-nav__list .slick-arrow:before {
    width: 30px;
    height: 30px;
    display: block; }

.main-nav__list .slick-prev {
  left: 5px;
  z-index: 1; }
  @media screen and (min-width: 641px) {
    .main-nav__list .slick-prev {
      left: 10px; } }
  .main-nav__list .slick-prev:before {
    content: "";
    background: url(../images/main-nav-prev.png) no-repeat center center/contain; }

.main-nav__list .slick-next {
  right: 5px; }
  @media screen and (min-width: 641px) {
    .main-nav__list .slick-next {
      right: 10px; } }
  .main-nav__list .slick-next:before {
    content: "";
    background: url(../images/main-nav-next.png) no-repeat center center/contain; }

.main-nav__item {
  max-width: 100%;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .main-nav__item {
      margin: 0 5px; } }
  .main-nav__item * {
    max-width: 100%; }
  .main-nav__item img {
    margin: auto; }

.newpet {
  background: #fff url(../images/newpet-bg.png); }
  @media screen and (min-width: 641px) {
    .newpet {
      padding: 50px 0; } }
  .newpet__main {
    background: url(../images/newpet-top.png) repeat-x top;
    padding: 50px 15px 50px; }
  .newpet__scroll {
    margin-top: 10px;
    text-align: center; }
  .newpet__sttl {
    text-align: center; }
  .newpet__btn {
    display: block;
    margin-top: 5px;
    text-align: center; }
    @media screen and (min-width: 641px) {
      .newpet__btn {
        width: 50%;
        margin: 5px auto; } }
  .newpet__wrap:not(:first-of-type) {
    margin-top: 30px; }

.newpet-list {
  margin-top: 20px; }
  .newpet-list * {
    max-width: none; }

.newpet-item {
  border: #EE6300 2px solid;
  background: #fff;
  margin: 0 5px; }
  @media screen and (min-width: 641px) {
    .newpet-item {
      margin: 0 10px; } }
  .newpet-item * {
    max-width: 100%; }
  .newpet-item a {
    text-decoration: none;
    color: #42210B; }
    .newpet-item a:link, .newpet-item a:hover, .newpet-item a:active, .newpet-item a:focus, .newpet-item a:visited {
      text-decoration: none;
      color: #42210B; }
  .newpet-item__img img {
    width: 100%;
    height: auto; }
  .newpet-item__name {
    word-break: break-all;
    padding: 0.5em;
    line-height: 1.2;
    height: 5.8em;
    font-size: 12px; }

.event, .info {
  padding-bottom: 30px; }

.search {
  background: #FCF1E7; }
  .search__sttl {
    text-align: center;
    max-width: 90%;
    margin: auto;
    padding: 10px 0; }

.search-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .search-tab__item {
    width: 50%;
    height: 20.625vw;
    position: relative; }
    @media screen and (max-width: 768px) {
      .search-tab__item {
        border-bottom: 1px dotted #7a5c35; }
        .search-tab__item:nth-child(odd) {
          border-right: 1px dotted #7a5c35; }
        .search-tab__item:nth-child(-n+2) {
          border-top: 1px dotted #7a5c35; } }
    @media screen and (min-width: 769px) {
      .search-tab__item {
        width: calc(100% / 3);
        height: 13.75vw; } }
    @media screen and (min-width: 965px) {
      .search-tab__item {
        width: calc(100% / 6);
        height: 63.5px; } }
    .search-tab__item label {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .search-tab__item input[type="radio"] {
      display: none; }

.search-main__form {
  width: 100%;
  border-collapse: collapse;
  background: #fff; }

.search-main th, .search-main td {
  padding: 1em;
  border-top: #EE6300 2px solid;
  border-bottom: #EE6300 2px solid; }

.search-main__formttl {
  width: 40%;
  color: #42210B;
  position: relative;
  text-align: left;
  padding-left: 1.6em !important; }
  .search-main__formttl--narrow {
    letter-spacing: -0.01em; }
  .search-main__formttl:before {
    content: "";
    display: block;
    width: 5px;
    height: 1em;
    background: #EE6300;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.8em; }

.search-main__formtxt {
  width: 60%; }
  .search-main__formtxt select, .search-main__formtxt input[type="text"] {
    width: 100%;
    padding: 0.5em;
    -webkit-appearance: none;
    line-height: 1;
    background: #fff;
    font-size: 14px;
    border-radius: 0;
    border: 3px solid #fff;
    color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#fff));
    background: -webkit-linear-gradient(#F2F2F2, #fff);
    background: -o-linear-gradient(#F2F2F2, #fff);
    background: linear-gradient(#F2F2F2, #fff); }

.search-main__selectwrap {
  position: relative;
  font-size: 14px;
  border: 1px solid #B3B3B3; }
  .search-main__selectwrap:after {
    font-size: 14px;
    content: "\f0d7";
    display: block;
    font-family: FontAwesome;
    width: calc(2em + 10px);
    height: calc(2em + 10px);
    background: #42210B;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    text-align: center;
    line-height: calc(2em + 10px);
    pointer-events: none; }

.search-main__inputwrap {
  position: relative;
  font-size: 14px;
  border: 1px solid #B3B3B3; }

.search-main__submit {
  background: url(../images/search-bg.png);
  padding: 20px 10%;
  text-align: center; }

.other {
  background: #FCF1E7; }
  .other__list {
    padding: 30px 15px; }
    @media screen and (min-width: 641px) {
      .other__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  @media screen and (max-width: 640px) {
    .other__item:not(:first-child) {
      margin-top: 15px; } }
  @media screen and (min-width: 641px) {
    .other__item {
      width: 24%; }
      .other__item:not(:nth-child(4n)) {
        margin-right: 1.333333%; } }
  .other__sttl {
    padding: 0 15px;
    text-align: center; }

.other02__wrap {
  padding: 30px 0 40px; }

.mmagazine {
  margin-top: 20px;
  padding: 0 15px;
  text-align: center; }
  .mmagazine__sttl {
    margin-bottom: 20px; }

.map {
  background: url(../images/map-bg02.png) no-repeat right bottom/40%, url(../images/map-bg01.png);
  padding: 30px 15px 20px;
  position: relative; }
  .map__img {
    text-align: center; }
    @media screen and (min-width: 965px) {
      .map__img {
        width: 50%;
        margin: auto; } }
  .map__info {
    text-align: center;
    width: 350px;
    max-width: 50%;
    background: #fff;
    border-radius: 10px;
    border: #42210B 1px solid;
    -webkit-box-shadow: 0 0 0 10px #fff;
    box-shadow: 0 0 0 10px #fff;
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 2%; }
  .map__txt {
    color: #EE6300;
    font-weight: bold;
    margin-top: 15px;
    font-size: 4vw;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
    @media screen and (min-width: 641px) {
      .map__txt {
        font-size: 16px; } }
    .map__txt--l {
      font-size: 200%; }
    .map__txt strong {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 255, 0, 0.5)));
      background: -webkit-linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);
      background: -o-linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);
      background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%); }
  .map__btn {
    display: inline-block;
    margin-top: 15px; }

.shop {
  padding-bottom: 30px; }
  @media screen and (min-width: 641px) {
    .shop {
      padding-bottom: 80px; } }
  .shop__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .shop__item {
    width: 32%;
    margin-bottom: 15px; }
    .shop__item:not(:nth-child(3n)) {
      margin-right: 2%; }
    .shop__item a {
      display: block;
      background: #EE6300;
      border-radius: 5px;
      text-decoration: none;
      color: #fff;
      padding: 0.8em 0;
      text-align: center;
      -webkit-box-shadow: 0 4px 0 0 #993300;
      box-shadow: 0 4px 0 0 #993300;
      font-weight: bold; }
      .shop__item a:link, .shop__item a:hover, .shop__item a:active, .shop__item a:focus, .shop__item a:visited {
        text-decoration: none;
        color: #fff; }
  .shop__toggleinner {
    padding-bottom: 20px; }

.movie {
  text-align: center;
  background: #FCF1E7;
  padding: 30px 15px 80px; }
  @media screen and (min-width: 641px) {
    .movie {
      padding: 30px 0 80px; } }

.blog {
  padding-bottom: 30px; }
  .blog__item {
    border-bottom: #42210B dotted 2px; }
    .blog__item:before {
      content: "";
      width: 1em;
      height: 1em;
      display: inline-block;
      background: url(../images/blog-icon.png) no-repeat center center/contain; }
    .blog__item a {
      color: #42210B; }
      .blog__item a:link {
        color: #42210B; }
      .blog__item a:hover, .blog__item a:active, .blog__item a:focus, .blog__item a:visited {
        color: #994d1a; }

.blog-area {
  margin-top: 40px; }
  .blog-area:first-child {
    margin-top: 25px; }
  .blog-area__ttl {
    background: #EE6300;
    color: #fff;
    position: relative;
    padding: 0.5em;
    line-height: 1;
    margin-bottom: 20px; }
    .blog-area__ttl:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-right: 1em #fff solid;
      border-top: transparent 1em solid;
      border-bottom: transparent 1em solid;
      position: absolute;
      right: 0;
      top: 0; }
    .blog-area__ttl i {
      -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      transform: rotate(15deg);
      margin-right: 0.5em; }

.area {
  margin-top: 20px; }
  .area__ttl {
    text-align: center; }
  .area__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-bottom: 25px;
    border-bottom: #42210B dotted 2px; }
  .area__item {
    width: 19%;
    margin-bottom: 10px; }
    .area__item:not(:nth-child(5n)) {
      margin-right: 0.8%; }
    .area__item a {
      display: block;
      background: #EE6300;
      border-radius: 5px;
      text-decoration: none;
      color: #fff;
      padding: 0.8em 0;
      text-align: center;
      -webkit-box-shadow: 0 4px 0 0 #993300;
      box-shadow: 0 4px 0 0 #993300;
      font-size: 12px;
      font-size: 0.75rem; }
      .area__item a:link, .area__item a:hover, .area__item a:active, .area__item a:focus, .area__item a:visited {
        text-decoration: none;
        color: #fff; }

.sns {
  padding: 40px 0 30px; }
  @media screen and (min-width: 641px) {
    .sns {
      padding: 50px 0; } }
  .sns__wrap {
    padding: 0 15px;
    text-align: center; }
  .sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px; }
  .sns__item {
    max-width: calc(33% - 20px);
    margin: 0 10px; }
  .sns__btn {
    display: inline-block;
    margin-top: 30px; }

.post__btn {
  display: block;
  margin-top: 20px;
  text-align: center; }
  @media screen and (min-width: 641px) {
    .post__btn {
      width: 50%;
      margin: 20px auto; } }

@media screen and (min-width: 641px) {
  .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.post-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: dotted #42210B 2px;
  padding-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .post-item:not(:first-child) {
      margin-top: 20px; } }
  @media screen and (min-width: 641px) {
    .post-item {
      width: 49%; }
      .post-item:nth-child(odd) {
        margin-right: 2%; }
      .post-item:nth-child(n+3) {
        margin-top: 20px; } }
  .post-item__img {
    width: 25.42%; }
  .post-item__info {
    width: 69.32%; }
  .post-item a {
    color: #42210B;
    text-decoration: underline; }
    .post-item a:active, .post-item a:focus, .post-item a:link, .post-item a:active, .post-item a:visited {
      color: #42210B; }
    .post-item a:hover {
      text-decoration: none; }