/* ===============================================================================
City
=============================================================================== */
/* city-section
========================= */
/* city-secs */
.city-secs {
  padding: 52px 0 100px;
}
@media screen and (max-width: 768px) {
  .city-secs {
    padding: 10px 0 48px;
  }
}

/* city-sec-1 */
.city-sec-1 {
  padding: 50px 50px 75px;
}
.city-sec-1 .blks-1 {
  margin-bottom: 34px;
}
.city-sec-1 .blks-2 {
  margin-bottom: 30px;
}
.city-sec-1 .blks-3 {
  margin-bottom: 57px;
}
.city-sec-1 .blks-3__inner {
  display: none;
}
.city-sec-1 .blks-3__inner-2 {
  padding: 56px 40px 20px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.city-sec-1 .blks-3 .btn {
  width: 330px;
  margin: 0 auto;
  color: #fff;
  font-size: 1.1875rem;
  font-weight: 700;
  text-align: center;
  padding: 5px 40px 5px 5px;
  background: #000;
  border-radius: 7px;
  box-sizing: border-box;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.city-sec-1 .blks-3 .btn:hover {
  opacity: 0.8;
}
.city-sec-1 .blks-3 .btn::before, .city-sec-1 .blks-3 .btn::after {
  position: absolute;
  content: "";
  display: block;
}
.city-sec-1 .blks-3 .btn::before {
  width: 31px;
  height: 27px;
  background: url("../img/cmn/cmn_arr06.svg") no-repeat 0 0/100% 100%;
  left: 0;
  right: 0;
  bottom: -14px;
  z-index: -1;
  margin: 0 auto;
}
.city-sec-1 .blks-3 .btn::after {
  background: url("../img/cmn/cmn_arr07.png") no-repeat 0 0/100% 100%;
  width: 17px;
  height: 11px;
  right: 13px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.city-sec-1 .blks-3 .btn__close {
  display: none;
}
.city-sec-1 .blks-3 .btn.is-active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.city-sec-1 .blks-3 .btn.is-active .btn__open {
  display: none;
}
.city-sec-1 .blks-3 .btn.is-active .btn__close {
  display: block;
}
.city-sec-1 .blks-3 .map {
  position: relative;
  width: 555px;
  height: 508px;
  background: url("../img/cmn/cmn_map01.svg") no-repeat 0 0/100% 100%;
}
.city-sec-1 .blks-3 .ttl {
  background: #ccc;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #fff;
  position: absolute;
}
.city-sec-1 .blks-3 .ttl__txt {
  display: block;
  line-height: 1;
  margin-bottom: 4px;
}
.city-sec-1 .blks-3 .ttl__txt-2 {
  display: block;
  line-height: 1;
  font-size: 0.75rem;
  letter-spacing: -0.1em;
}
.city-sec-1 .blks-3 .ttl._type-1 {
  background: #d0c21e;
  top: 99px;
  left: 50px;
}
.city-sec-1 .blks-3 .ttl._type-2 {
  background: #2F95CB;
  top: 127px;
  left: 470px;
}
.city-sec-1 .blks-3 .ttl._type-3 {
  background: #FB81AF;
  top: 320px;
  left: 312px;
}
.city-sec-1 .blks-3 .ttl._type-4 {
  background: #9ACE47;
  top: 279px;
  left: 16px;
}
.city-sec-1 .blks-3 .list__item {
  position: absolute;
  font-size: 0.75rem;
  font-weight: 900;
  text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 0 0 1px #fff;
}
.city-sec-1 .blks-3 .list__item._type-1 {
  top: 65px;
  left: 217px;
}
.city-sec-1 .blks-3 .list__item._type-2 {
  top: 116px;
  left: 330px;
}
.city-sec-1 .blks-3 .list__item._type-3 {
  top: 123px;
  left: 206px;
}
.city-sec-1 .blks-3 .list__item._type-4 {
  top: 148px;
  left: 156px;
}
.city-sec-1 .blks-3 .list__item._type-5 {
  top: 165px;
  left: 318px;
}
.city-sec-1 .blks-3 .list__item._type-6 {
  top: 171px;
  left: 274px;
}
.city-sec-1 .blks-3 .list__item._type-7 {
  top: 176px;
  left: 190px;
}
.city-sec-1 .blks-3 .list__item._type-8 {
  top: 41px;
  left: 434px;
}
.city-sec-1 .blks-3 .list__item._type-9 {
  top: 108px;
  left: 414px;
}
.city-sec-1 .blks-3 .list__item._type-10 {
  top: 187px;
  left: 355px;
}
.city-sec-1 .blks-3 .list__item._type-11 {
  top: 204px;
  left: 421px;
}
.city-sec-1 .blks-3 .list__item._type-12 {
  top: 221px;
  left: 322px;
}
.city-sec-1 .blks-3 .list__item._type-13 {
  top: 197px;
  left: 217px;
}
.city-sec-1 .blks-3 .list__item._type-14 {
  top: 213px;
  left: 188px;
}
.city-sec-1 .blks-3 .list__item._type-15 {
  top: 218px;
  left: 266px;
}
.city-sec-1 .blks-3 .list__item._type-16 {
  top: 234px;
  left: 286px;
}
.city-sec-1 .blks-3 .list__item._type-17 {
  top: 234px;
  left: 223px;
}
.city-sec-1 .blks-3 .list__item._type-18 {
  top: 248px;
  left: 255px;
}
.city-sec-1 .blks-3 .list__item._type-19 {
  top: 266px;
  left: 322px;
}
.city-sec-1 .blks-3 .list__item._type-20 {
  top: 282px;
  left: 306px;
}
.city-sec-1 .blks-3 .list__item._type-21 {
  top: 297px;
  left: 294px;
}
.city-sec-1 .blks-3 .list__item._type-22 {
  top: 269px;
  left: 166px;
}
.city-sec-1 .blks-3 .list__item._type-23 {
  top: 345px;
  left: 238px;
}
.city-sec-1 .blks-3 .list__item._type-24 {
  top: 377px;
  left: 217px;
}
.city-sec-1 .blks-3 .list__item._type-25 {
  top: 402px;
  left: 230px;
}
.city-sec-1 .blks-3 .list__item._type-26 {
  top: 307px;
  left: 118px;
}
.city-sec-1 .blks-3 .list__item._type-27 {
  top: 339px;
  left: 166px;
}
.city-sec-1 .blks-3 .list__item._type-28 {
  top: 343px;
  left: 115px;
}
.city-sec-1 .blks-3 .list__item._type-29 {
  top: 354px;
  left: 186px;
}
.city-sec-1 .blks-3 .list__item._type-30 {
  top: 368px;
  left: 160px;
}
.city-sec-1 .blks-3 .list__item._type-31 {
  top: 381px;
  left: 43px;
}
.city-sec-1 .blks-3 .list__item._type-32 {
  top: 389px;
  left: 118px;
}
.city-sec-1 .blks-3 .list__item._type-33 {
  top: 391px;
  left: 180px;
}
.city-sec-1 .blks-3 .list__item._type-34 {
  top: 438px;
  left: 178px;
}
.city-sec-1 .blks-3 .list__item._type-35 {
    top: 323px;
    left: 203px;
}
.city-sec-1 .blks-3 .list__item a:hover {
  opacity: 0.8;
}
.city-sec-1 .blks-3 .card {
  width: 476px;
  display: block;
  margin: 32px 0 0 -16px;
  position: relative;
}
.city-sec-1 .blks-3 .card:hover {
  opacity: 0.8;
}
.city-sec-1 .blks-3 .card__image {
  border: solid #000 4px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
}
.city-sec-1 .blks-3 .card__txt {
  font-size: 1.5625rem;
  line-height: 1.4;
  font-weight: 900;
  padding: 0 5px;
}
.city-sec-1 .blks-4 .col3 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .city-sec-1 {
    padding: 32px 16px 48px;
  }
  .city-sec-1 .blks-1 {
    margin-bottom: 32px;
  }
  .city-sec-1 .blks-2 {
    margin-bottom: 32px;
  }
  .city-sec-1 .blks-3 {
    margin-bottom: 40px;
  }
  .city-sec-1 .blks-3__inner-2 {
    padding: 32px 16px;
    margin: 0 -16px;
    display: block;
    border-radius: 0;
    border-width: 2px 0;
  }
  .city-sec-1 .blks-3 .btn {
    width: auto;
    font-size: 0.95rem;
    padding: 8px 32px 8px 5px;
    border-radius: 5px;
    margin-bottom: 24px;
  }
  .city-sec-1 .blks-3 .btn::before {
    width: 25px;
    height: 22px;
    bottom: -11px;
  }
  .city-sec-1 .blks-3 .btn::after {
    width: 14px;
    height: 9px;
    right: 10px;
  }
  .city-sec-1 .blks-3 .map {
    width: auto;
    padding-top: 91.532%;
    height: 0;
  }
  .city-sec-1 .blks-3 .ttl {
    width: 10.45vw;
    height: 10.45vw;
  }
  .city-sec-1 .blks-3 .ttl__txt {
    font-size: 3.2vw;
    margin-bottom: 0.8vw;
  }
  .city-sec-1 .blks-3 .ttl__txt-2 {
    font-size: 2.4vw;
  }
  .city-sec-1 .blks-3 .ttl._type-1 {
    top: 19.489%;
    left: 9.01%;
  }
  .city-sec-1 .blks-3 .ttl._type-2 {
    top: 25%;
    left: 84.685%;
  }
  .city-sec-1 .blks-3 .ttl._type-3 {
    top: 62.993%;
    left: 56.217%;
  }
  .city-sec-1 .blks-3 .ttl._type-4 {
    top: 54.922%;
    left: 2.883%;
  }
  .city-sec-1 .blks-3 .list__item {
    font-size: 1.33vw;
    text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
  }
  .city-sec-1 .blks-3 .list__item._type-1 {
    top: 12.796%;
    left: 43.064%;
  }
  .city-sec-1 .blks-3 .list__item._type-2 {
    top: 22.835%;
    left: 63.064%;
  }
  .city-sec-1 .blks-3 .list__item._type-3 {
    top: 24.213%;
    left: 40.901%;
  }
  .city-sec-1 .blks-3 .list__item._type-4 {
    top: 29.134%;
    left: 28.109%;
  }
  .city-sec-1 .blks-3 .list__item._type-5 {
    top: 32.481%;
    left: 57.298%;
  }
  .city-sec-1 .blks-3 .list__item._type-6 {
    top: 33.662%;
    left: 49.37%;
  }
  .city-sec-1 .blks-3 .list__item._type-7 {
    top: 34.646%;
    left: 34.235%;
  }
  .city-sec-1 .blks-3 .list__item._type-8 {
    top: 8.071%;
    left: 80%;
  }
  .city-sec-1 .blks-3 .list__item._type-9 {
    top: 21.26%;
    left: 74.595%;
  }
  .city-sec-1 .blks-3 .list__item._type-10 {
    top: 36.812%;
    left: 68.469%;
  }
  .city-sec-1 .blks-3 .list__item._type-11 {
    top: 40.158%;
    left: 75.856%;
  }
  .city-sec-1 .blks-3 .list__item._type-12 {
    top: 43.504%;
    left: 58.019%;
  }
  .city-sec-1 .blks-3 .list__item._type-13 {
    top: 38.78%;
    left: 39.1%;
  }
  .city-sec-1 .blks-3 .list__item._type-14 {
    top: 41.93%;
    left: 33.874%;
  }
  .city-sec-1 .blks-3 .list__item._type-15 {
    top: 42.914%;
    left: 47.928%;
  }
  .city-sec-1 .blks-3 .list__item._type-16 {
    top: 46.063%;
    left: 51.532%;
  }
  .city-sec-1 .blks-3 .list__item._type-17 {
    top: 46.063%;
    left: 40.181%;
  }
  .city-sec-1 .blks-3 .list__item._type-18 {
    top: 48.819%;
    left: 45.946%;
  }
  .city-sec-1 .blks-3 .list__item._type-19 {
    top: 52.363%;
    left: 58.019%;
  }
  .city-sec-1 .blks-3 .list__item._type-20 {
    top: 55.512%;
    left: 55.136%;
  }
  .city-sec-1 .blks-3 .list__item._type-21 {
    top: 58.481%;
    left: 52.973%;
  }
  .city-sec-1 .blks-3 .list__item._type-22 {
    top: 52.953%;
    left: 29.91%;
  }
  .city-sec-1 .blks-3 .list__item._type-23 {
    top: 67.914%;
    left: 42.883%;
  }
  .city-sec-1 .blks-3 .list__item._type-24 {
    top: 74.213%;
    left: 39.1%;
  }
  .city-sec-1 .blks-3 .list__item._type-25 {
    top: 79.134%;
    left: 41.442%;
  }
  .city-sec-1 .blks-3 .list__item._type-26 {
    top: 60.434%;
    left: 21.262%;
  }
  .city-sec-1 .blks-3 .list__item._type-27 {
    top: 66.733%;
    left: 29.91%;
  }
  .city-sec-1 .blks-3 .list__item._type-28 {
    top: 67.52%;
    left: 20.721%;
  }
  .city-sec-1 .blks-3 .list__item._type-29 {
    top: 69.686%;
    left: 33.514%;
  }
  .city-sec-1 .blks-3 .list__item._type-30 {
    top: 72.441%;
    left: 28.829%;
  }
  .city-sec-1 .blks-3 .list__item._type-31 {
    top: 75%;
    left: 7.748%;
  }
  .city-sec-1 .blks-3 .list__item._type-32 {
    top: 76.575%;
    left: 21.262%;
  }
  .city-sec-1 .blks-3 .list__item._type-33 {
    top: 76.969%;
    left: 32.433%;
  }
  .city-sec-1 .blks-3 .list__item._type-34 {
    top: 86.69%;
    left: 31.063%;
  }
  .city-sec-1 .blks-3 .list__item._type-35 {
    top: 62.221%;
    left: 36.073%;
  }
  .city-sec-1 .blks-3 .card {
    width: auto;
    display: block;
    margin: 24px 0 0;
    padding: 0 16px;
  }
  .city-sec-1 .blks-3 .card__image {
    border-width: 2px;
    border-radius: 5px;
  }
  .city-sec-1 .blks-3 .card__txt {
    font-size: 1.0938rem;
  }
  .city-sec-1 .blks-4 .col3 {
    margin-bottom: 48px;
  }
}

/* cityDtl-section
========================= */
/* cityDtl-secs */
.cityDtl-secs {
  padding: 52px 0 100px;
}
@media screen and (max-width: 768px) {
  .cityDtl-secs {
    padding: 10px 0 48px;
  }
}

/* cityDtl-sec-1 */
.cityDtl-sec-1 {
  padding: 50px 50px 75px;
  margin-bottom: 100px;
}
.cityDtl-sec-1 .blks-1 {
  margin-bottom: 50px;
}
.cityDtl-sec-1 .blks-2 {
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-2 .linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px -13px -11px;
}
.cityDtl-sec-1 .blks-2 .linkList__item {
  margin: 10px 13px 11px;
  width: 254px;
}
.cityDtl-sec-1 .blks-2 .linkList__item a {
  border: solid 3px #000;
  border-radius: 10px;
  box-shadow: 5px 5px 0 #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 89px;
  background: #fce44c;
  font-size: 1.625rem;
  line-height: 1.12;
  font-weight: 900;
  box-sizing: border-box;
  padding: 0 45px 0 10px;
  text-align: center;
  position: relative;
}
.cityDtl-sec-1 .blks-2 .linkList__item a:hover {
  opacity: 0.8;
}
.cityDtl-sec-1 .blks-2 .linkList__item a::after {
  position: absolute;
  content: "";
  display: block;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 19px;
  height: 13px;
  background: url("../img/cmn/cmn_arr08.png") no-repeat 0 0/100% 100%;
}
.cityDtl-sec-1 .blks-2 .linkList__item a span {
  display: inline-block;
}
.cityDtl-sec-1 .blks-2 .linkList__item:nth-child(-n+5) {
  width: 198px;
}
.cityDtl-sec-1 .blks-3 {
  margin-bottom: 50px;
}
.cityDtl-sec-1 .blks-3 .date {
  font-size: 1.1875rem;
  text-align: right;
  margin-bottom: 12px;
}
.cityDtl-sec-1 .blks-3 .eyecatch img {
  width: 100%;
}
.cityDtl-sec-1 .blks-4 {
  padding: 30px 66px 50px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-4 .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 26px;
}
.cityDtl-sec-1 .blks-4 .heading__main {
  font-size: 1.6875rem;
  font-weight: 700;
  background: #fce44c;
  padding: 6px 36px;
  border-radius: 10px;
  border: solid 3px #000;
  border-radius: 10px;
  margin-right: 32px;
  box-shadow: 5px 5px 0 #000;
}
.cityDtl-sec-1 .blks-4 .heading__sub {
  margin-top: 10px;
}
.cityDtl-sec-1 .blks-4 .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cityDtl-sec-1 .blks-4 .contact {
  margin-right: 30px;
}
.cityDtl-sec-1 .blks-4 .contact__ttl {
  font-size: 1.4375rem;
  font-weight: 700;
  margin-left: -15px;
}
.cityDtl-sec-1 .blks-4 .contact__txt {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0 0 5px 16px;
}
.cityDtl-sec-1 .blks-4 .contact__txt-2 {
  font-size: 1.1875rem;
  line-height: 1.32;
  margin-left: 32px;
}
.cityDtl-sec-1 .blks-4 .contact__txt-2 a {
  text-decoration: none;
}
.cityDtl-sec-1 .blks-4 .contact__txt-2 a:hover {
  opacity: 0.8;
}
.cityDtl-sec-1 .blks-4 .btn {
  width: 242px;
}
.cityDtl-sec-1 .blks-4 .btn__item {
  margin-right: 5px;
  margin-bottom: 13px;
}
.cityDtl-sec-1 .blks-5 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-5__inner {
  padding: 42px 66px 50px;
}
.cityDtl-sec-1 .blks-5 .heading {
  margin-bottom: 17px;
}
.cityDtl-sec-1 .blks-6 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-7 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-7__inner {
  padding: 42px 46px 50px;
}
.cityDtl-sec-1 .blks-7 .heading {
  margin-bottom: 23px;
}
.cityDtl-sec-1 .blks-7 .movie {
  padding-top: 56.25%;
  position: relative;
}
.cityDtl-sec-1 .blks-7 .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cityDtl-sec-1 .blks-8 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-8__inner {
  padding: 42px 66px 50px;
  text-align: center;
}
.cityDtl-sec-1 .blks-8__inner-2 {
  display: inline-block;
  text-align: left;
}
.cityDtl-sec-1 .blks-8 .heading {
  margin-bottom: 36px;
}
.cityDtl-sec-1 .blks-8 .defList {
  margin-bottom: 30px;
}
.cityDtl-sec-1 .blks-9 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-9__inner {
  padding: 42px 66px 50px;
}
.cityDtl-sec-1 .blks-9 .heading {
  margin-bottom: 30px;
}
.cityDtl-sec-1 .blks-9 .txt {
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-9 .group + .group {
  margin-top: 30px;
}
.cityDtl-sec-1 .blks-9 .group__defList {
  margin-left: 1em;
}
.cityDtl-sec-1 .blks-10 {
  margin-bottom: 20px;
  padding-top: 30px;
}
.cityDtl-sec-1 .blks-10__inner {
  padding: 42px 66px 50px;
}
.cityDtl-sec-1 .blks-10 .heading {
  margin-bottom: 36px;
}
.cityDtl-sec-1 .blks-10 .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cityDtl-sec-1 .blks-10 .tab__btn {
  border: solid 3px #000;
  border-radius: 10px;
  box-shadow: 5px 5px 0 #000;
  width: 216px;
  height: 138px;
  box-sizing: border-box;
  padding: 81px 10px 10px 10px;
  font-size: 1.8125rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.cityDtl-sec-1 .blks-10 .tab__btn:hover, .cityDtl-sec-1 .blks-10 .tab__btn.is-active {
  background: #fce44c;
}
.cityDtl-sec-1 .blks-10 .tab__btn::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.cityDtl-sec-1 .blks-10 .tab__btn._ico-1::before {
  background: url("../img/city/city_ico01.png") no-repeat 0 0/100% 100%;
  width: 64px;
  height: 63px;
  top: 13px;
}
.cityDtl-sec-1 .blks-10 .tab__btn._ico-2::before {
  background: url("../img/city/city_ico02.png") no-repeat 0 0/100% 100%;
  width: 51px;
  height: 73px;
  top: 11px;
}
.cityDtl-sec-1 .blks-10 .tab__btn._ico-3::before {
  background: url("../img/city/city_ico03.png") no-repeat 0 0/100% 100%;
  width: 79px;
  height: 71px;
  top: 12px;
}
.cityDtl-sec-1 .blks-10 .tab__btn._ico-4::before {
  background: url("../img/city/city_ico04.png") no-repeat 0 0/100% 100%;
  width: 78px;
  height: 74px;
  top: 9px;
}
.cityDtl-sec-1 .blks-10 .tabDtl {
  position: relative;
  margin: 0 17px;
}
.cityDtl-sec-1 .blks-10 .tabDtl__group {
  padding-top: 36px;
  display: none;
}
.cityDtl-sec-1 .blks-10 .tabDtl__group.is-active {
  display: block;
}
.cityDtl-sec-1 .blks-10 .group__group + .group__group {
  margin-top: 22px;
}
.cityDtl-sec-1 .blks-10 .group__group__inner {
  margin: 0 22px;
}
.cityDtl-sec-1 .blks-10 .group__heading {
  margin-bottom: 3px;
}
.cityDtl-sec-1 .blks-10 .group__txt {
  margin-bottom: 16px;
}
.cityDtl-sec-1 .blks-10 .group__txt._type-2 {
  padding-left: 1em;
  text-indent: -1em;
}
.cityDtl-sec-1 .blks-11 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-11__inner {
  padding: 42px 66px 50px;
}
.cityDtl-sec-1 .blks-11 .heading {
  margin-bottom: 20px;
}
.cityDtl-sec-1 .blks-11 .group {
  margin-bottom: 25px;
}
.cityDtl-sec-1 .blks-12 {
  padding-top: 30px;
}
.cityDtl-sec-1 .blks-12__inner {
  padding: 42px 66px 50px;
}
.cityDtl-sec-1 .blks-12 .heading {
  margin-bottom: 28px;
}
.cityDtl-sec-1 .blks-12 .txt {
  margin-bottom: 25px;
}
.cityDtl-sec-1 .blks-12 .group {
  margin: 0 -20px 40px;
}
.cityDtl-sec-1 .blks-12 .btn {
  width: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .cityDtl-sec-1 {
    padding: 32px 16px 48px;
    margin-bottom: 48px;
  }
  .cityDtl-sec-1 .blks-1 {
    margin-bottom: 24px;
  }
  .cityDtl-sec-1 .blks-2 {
    margin-bottom: 32px;
  }
  .cityDtl-sec-1 .blks-2 .linkList {
    margin: 0;
  }
  .cityDtl-sec-1 .blks-2 .linkList__item {
    margin: 0;
    width: 48%;
    margin: 10px 4% 0 0;
  }
  .cityDtl-sec-1 .blks-2 .linkList__item a {
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 3px 3px 0 #000;
    display: block;
    height: auto;
    font-size: 1rem;
    font-weight: 700;
    padding: 12px 30px 12px 10px;
  }
  .cityDtl-sec-1 .blks-2 .linkList__item a::after {
    right: 8px;
    width: 15px;
    height: 10px;
  }
  .cityDtl-sec-1 .blks-2 .linkList__item:nth-child(-n+5) {
    width: 48%;
  }
  .cityDtl-sec-1 .blks-2 .linkList__item:nth-child(2n) {
    margin-right: 0;
  }
  .cityDtl-sec-1 .blks-2 .linkList__item:last-child {
    width: 100%;
    margin-right: 0;
  }
  .cityDtl-sec-1 .blks-3 {
    margin-bottom: 32px;
  }
  .cityDtl-sec-1 .blks-3 .date {
    font-size: 0.875rem;
    margin-bottom: 10px;
  }
  .cityDtl-sec-1 .blks-4 {
    padding: 24px 16px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-4 .heading {
    display: block;
    margin: 0 0 16px;
  }
  .cityDtl-sec-1 .blks-4 .heading__main {
    font-size: 1.0125rem;
    display: inline-block;
    padding: 6px 24px;
    border-radius: 5px;
    border-width: 2px;
    margin: 0 0 8px;
    box-shadow: 3px 3px 0 #000;
  }
  .cityDtl-sec-1 .blks-4 .heading__sub {
    margin-top: 0;
  }
  .cityDtl-sec-1 .blks-4 .group {
    display: block;
  }
  .cityDtl-sec-1 .blks-4 .contact {
    margin: 0 0 24px;
  }
  .cityDtl-sec-1 .blks-4 .contact__ttl {
    font-size: 1.0063rem;
    margin-left: -8px;
  }
  .cityDtl-sec-1 .blks-4 .contact__txt {
    font-size: 0.9625rem;
    margin: 0 0 10px;
  }
  .cityDtl-sec-1 .blks-4 .contact__txt-2 {
    font-size: 0.95rem;
    margin-left: 0;
  }
  .cityDtl-sec-1 .blks-4 .btn {
    width: auto;
  }
  .cityDtl-sec-1 .blks-4 .btn__item {
    margin: 0;
  }
  .cityDtl-sec-1 .blks-4 .btn__item:not(:last-child) {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-5 {
    padding-top: 20px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-5__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-5 .heading {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-6 {
    padding-top: 20px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-7 {
    padding-top: 20px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-7__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-7 .heading {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-8 {
    padding-top: 20px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-8__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-8__inner-2 {
    display: block;
  }
  .cityDtl-sec-1 .blks-8 .heading {
    margin-bottom: 24x;
  }
  .cityDtl-sec-1 .blks-8 .defList {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-9 {
    padding-top: 20px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-9__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-9 .heading {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-9 .txt {
    margin-bottom: 20px;
  }
  .cityDtl-sec-1 .blks-9 .group + .group {
    margin-top: 24px;
  }
  .cityDtl-sec-1 .blks-9 .group__defList {
    margin-left: 0;
  }
  .cityDtl-sec-1 .blks-10 {
    margin-bottom: 12px;
    padding-top: 20px;
  }
  .cityDtl-sec-1 .blks-10__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-10 .heading {
    margin-bottom: 24px;
  }
  .cityDtl-sec-1 .blks-10 .tab {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn {
    border-width: 2px;
    border-radius: 5px;
    box-shadow: 3px 3px 0 #000;
    width: 48%;
    height: auto;
    padding: 16px 16px 16px 48px;
    font-size: 1.0875rem;
    font-weight: 700;
    margin: 16px 4% 0 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn:nth-child(2n) {
    margin-right: 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn:nth-child(-n+2) {
    margin-top: 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn::before {
    left: 10px;
    right: auto;
    margin: auto 0;
    top: 0;
    bottom: 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn._ico-1::before {
    width: 32px;
    height: 32px;
    top: 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn._ico-2::before {
    width: 26px;
    height: 37px;
    top: 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn._ico-3::before {
    width: 40px;
    height: 36px;
    top: 0;
  }
  .cityDtl-sec-1 .blks-10 .tab__btn._ico-4::before {
    width: 39px;
    height: 37px;
    top: 0;
  }
  .cityDtl-sec-1 .blks-10 .tabDtl {
    margin: 0;
  }
  .cityDtl-sec-1 .blks-10 .tabDtl__group {
    padding-top: 24px;
    display: none;
  }
  .cityDtl-sec-1 .blks-10 .tabDtl__group.is-active {
    display: block;
  }
  .cityDtl-sec-1 .blks-10 .group__group + .group__group {
    margin-top: 24px;
  }
  .cityDtl-sec-1 .blks-10 .group__group__inner {
    margin: 0;
  }
  .cityDtl-sec-1 .blks-11 {
    padding-top: 20px;
    margin-bottom: 12px;
  }
  .cityDtl-sec-1 .blks-11__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-11 .heading {
    margin-bottom: 24px;
  }
  .cityDtl-sec-1 .blks-11 .group {
    margin-bottom: 24px;
  }
  .cityDtl-sec-1 .blks-12 {
    padding-top: 20px;
  }
  .cityDtl-sec-1 .blks-12__inner {
    padding: 24px 16px;
  }
  .cityDtl-sec-1 .blks-12 .heading {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-12 .txt {
    margin-bottom: 16px;
  }
  .cityDtl-sec-1 .blks-12 .group {
    margin: 0 0 24px;
  }
  .cityDtl-sec-1 .blks-12 .btn {
    width: auto;
  }
}

/* cityDtl-sec-2 */
.cityDtl-sec-2 {
  padding: 58px 30px 0;
}
.cityDtl-sec-2 .blks-1 {
  margin-bottom: 70px;
}
.cityDtl-sec-2 .blks-1 .heading {
  margin-bottom: 50px;
}
.cityDtl-sec-2 .blks-1 .slider__group {
  margin-top: 30px;
}
.cityDtl-sec-2 .blks-2 .heading {
  margin-bottom: 50px;
}
.cityDtl-sec-2 .blks-2 .slider__group {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .cityDtl-sec-2 {
    padding: 32px 0 0;
  }
  .cityDtl-sec-2 .blks-1 {
    margin-bottom: 48px;
  }
  .cityDtl-sec-2 .blks-1 .heading {
    margin-bottom: 32px;
  }
  .cityDtl-sec-2 .blks-1 .slider__group {
    margin-top: 18px;
  }
  .cityDtl-sec-2 .blks-2 .heading {
    margin-bottom: 32px;
  }
  .cityDtl-sec-2 .blks-2 .slider__group {
    margin-top: 18px;
  }
}