[data-ani] {
  --ani-delay: 0s;
  --ani-duration: 1s;
  pointer-events: none;
}
[data-ani].is-animated-done {
  pointer-events: auto;
}

.ani-width {
  width: 0;
  transition: width var(--ani-duration) cubic-bezier(0.42, 0, 0.58, 1) var(--ani-delay);
}
.ani-width.is-animated {
  width: 100%;
}

.ani-fade, .ani-fade-left, .ani-fade-right, .ani-fade-down-full, .ani-fade-down, .ani-fade-up {
  opacity: 0;
  transition: opacity var(--ani-duration) cubic-bezier(0.42, 0, 0.58, 1) var(--ani-delay), transform var(--ani-duration) cubic-bezier(0.42, 0, 0.58, 1) var(--ani-delay);
}
.ani-fade.is-animated, .is-animated.ani-fade-left, .is-animated.ani-fade-right, .is-animated.ani-fade-down-full, .is-animated.ani-fade-down, .is-animated.ani-fade-up {
  opacity: 1;
}
.ani-fade-up {
  transform: translateY(30px);
}
.ani-fade-up.is-animated {
  transform: translateY(0);
}
.ani-fade-down {
  transform: translateY(-10px);
}
.ani-fade-down.is-animated {
  transform: translateY(0);
}
.ani-fade-down-full {
  transform: translateY(-100%);
}
.ani-fade-down-full.is-animated {
  transform: translateY(0);
}
.ani-fade-right {
  transform: translateX(-10px);
}
.ani-fade-right.is-animated {
  transform: translateX(0);
}
.ani-fade-left {
  transform: translateX(10px);
}
.ani-fade-left.is-animated {
  transform: translateX(0);
}

.ani-scale {
  transform: scale(0.6);
  transform-origin: center;
  transition: opacity var(--ani-duration) cubic-bezier(0.42, 0, 0.58, 1) var(--ani-delay), transform var(--ani-duration) cubic-bezier(0.42, 0, 0.58, 1) var(--ani-delay);
}
.ani-scale.is-animated {
  transform: scale(1);
}

.ani-zoom {
  transform: scale(1.2);
  transform-origin: center;
  transition: transform var(--ani-duration) cubic-bezier(0.07, 0.09, 0.09, 0.62) var(--ani-delay);
}
.ani-zoom.is-animated {
  transform: scale(1);
}

.ani-clip, .ani-clip-full {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  transition: all var(--ani-duration) ease-in-out var(--ani-delay);
  will-change: clip-path;
}
@media (max-width: 768px) {
  .ani-clip-full {
    transition: all calc(var(--ani-duration) / 2) cubic-bezier(0.07, 0.09, 0.09, 0.62) calc(var(--ani-delay) / 2);
  }
}
.ani-clip.is-animated, .is-animated.ani-clip-full {
  opacity: 1;
  clip-path: inset(0);
}

.p-loc .intro {
  margin-bottom: clamp(24px, -2.962962963px + 6.9135802469vw, 80px);
}
.p-loc .intro .u-secLead {
  margin-bottom: 0;
}
.p-loc .intro__map {
  max-width: 800px;
  margin: 0 auto;
}
.p-loc .p-intro {
  padding-block: 10rem;
}
.p-loc .p-intro__ttl {
  text-align: center;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .p-loc .p-intro__ttl {
    font-size: 2rem;
  }
}
.p-loc .p-machi {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .p-loc .p-machi {
    margin-top: 10rem;
  }
}
.p-loc .p-machi__ttl {
  margin-top: 2em;
  text-align: center;
  font-size: clamp(19px, 13.7037037037px + 1.3580246914vw, 30px);
  font-family: YakuHanMP, "Crimson Text", "Shippori Mincho B1", sans-serif;
  letter-spacing: 0.2em;
  margin-bottom: clamp(30px, 20.3703703704px + 2.4691358025vw, 50px);
}
.p-loc .p-machi__row {
  max-width: 1920px;
  margin-inline: auto;
  display: flex;
  gap: 4%;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .p-loc .p-machi__row {
    flex-direction: column;
  }
}
.p-loc .p-machi__left {
  width: 60%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .p-loc .p-machi__left {
    width: 100%;
  }
}
.p-loc .p-machi__mainImg {
  margin-left: calc((min(90vw, 1080px) - 100vw) / 2);
  width: calc(100% + (100vw - min(90vw, 1080px)) / 2);
}
.p-loc .p-machi__subImgs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1%;
  margin-top: 1%;
}
.p-loc .p-machi__subImg {
  width: 100%;
}
.p-loc .p-machi__ph {
  width: 100%;
}
.p-loc .p-machi__ph--main {
  width: 100%;
  height: 100%;
}
.p-loc .p-machi__ph--map {
  aspect-ratio: 4/3;
}
.p-loc .p-machi__ph img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-loc .p-machi__right {
  flex: 1;
}
@media (max-width: 768px) {
  .p-loc .p-machi__right {
    width: 100%;
    margin-top: clamp(20px, 15.1851851852px + 1.2345679012vw, 30px);
  }
}
.p-loc .p-machi__lead {
  font-family: YakuHanMP, "Crimson Text", "Shippori Mincho B1", sans-serif;
  font-size: 2rem;
  line-height: 1.9;
  color: #231815;
  border-left: 3px solid #3d562d;
  padding-left: 14px;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .p-loc .p-machi__lead {
    font-size: 1.8rem;
  }
}
.p-loc .p-machi__line {
  border: none;
  border-top: 1px solid #d1d1d1;
  margin-bottom: clamp(16px, 12.1481481481px + 0.987654321vw, 24px);
}
.p-loc .p-machi__txt {
  font-size: clamp(13px, 12.037037037px + 0.2469135802vw, 15px);
  line-height: 1.9;
  text-align: justify;
  margin-bottom: clamp(20px, 15.1851851852px + 1.2345679012vw, 30px);
}
.p-loc .p-machi__map {
  width: 100%;
}
.p-loc .p-culture {
  margin-top: clamp(50px, 25.9259259259px + 6.1728395062vw, 100px);
}
.p-loc .p-culture__mainImg {
  width: 100%;
}
.p-loc .p-culture__lead {
  font-family: YakuHanMP, "Crimson Text", "Shippori Mincho B1", sans-serif;
  font-size: 2rem;
  line-height: 1.9;
  color: #231815;
  border-left: 3px solid #3d562d;
  padding-block: 1em;
  padding-left: 1em;
  margin-block: clamp(24px, 16.2962962963px + 1.975308642vw, 40px);
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-loc .p-culture__lead span {
  width: -moz-fit-content;
  width: fit-content;
}
.p-loc .p-culture__lead::after {
  content: "";
  width: 100%;
  height: 1px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1em;
  background: #231815;
}
@media (max-width: 768px) {
  .p-loc .p-culture__lead {
    font-size: 1.8rem;
  }
}
.p-loc .p-culture__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .p-loc .p-culture__row {
    grid-template-columns: 1fr;
  }
}
.p-loc .p-culture__row02 {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .p-loc .p-culture__row02 {
    grid-template-columns: 1fr;
  }
}
.p-loc .p-culture__rowLeft {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 60% 1fr;
  gap: 1rem;
}
@media (max-width: 768px) {
  .p-loc .p-culture__rowLeft {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
.p-loc .p-culture__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 768px) {
  .p-loc .p-culture__grid {
    grid-template-columns: 1fr;
  }
}
.p-loc .p-culture__rowRight {
  flex: 1;
}
.p-loc .p-culture__txt {
  font-size: clamp(13px, 12.037037037px + 0.2469135802vw, 15px);
  line-height: 1.9;
  text-align: justify;
  margin-bottom: clamp(16px, 12.1481481481px + 0.987654321vw, 24px);
}
.p-loc .p-culture__subImg {
  width: 100%;
}
.p-loc .p-culture__subImg__cap {
  font-size: 1.3rem;
  line-height: 1.25;
  margin-top: 0.25em;
}
.p-loc .p-culture__ph {
  width: 100%;
  background: #c8c8c8;
  overflow: hidden;
}
.p-loc .p-culture__ph--main {
  aspect-ratio: 16/9;
}
.p-loc .p-culture__ph--sub {
  aspect-ratio: 4/3;
}
.p-loc .p-culture__ph--shop {
  aspect-ratio: 1/1;
}
.p-loc .p-culture__ph img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-loc .p-culture__table {
  border: 1px solid #d1d1d1;
}
.p-loc .p-culture__table__ttl {
  background: #3d562d;
  color: #ffffff;
  font-size: 2rem;
  padding: 8px 14px;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.5em;
}
@media (max-width: 768px) {
  .p-loc .p-culture__table__ttl {
    font-size: 1.6rem;
  }
}
.p-loc .p-culture__table__ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  display: inline-block;
  background: #ffffff;
}
.p-loc .p-culture__table__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #ffffff;
  padding-block: 0.5em;
  border: solid 1px #3d562d;
}
@media (max-width: 768px) {
  .p-loc .p-culture__table__list {
    grid-template-columns: 1fr;
  }
}
.p-loc .p-culture__table__item {
  display: flex;
  gap: 0.5em;
  padding: 0.5em;
  font-size: clamp(12px, 11.5185185185px + 0.1234567901vw, 13px);
  line-height: 1.6;
  align-items: center;
}
@media (max-width: 768px) {
  .p-loc .p-culture__table__item {
    border-right: none;
  }
}
.p-loc .p-culture__table__item dt {
  white-space: nowrap;
  font-weight: bold;
  color: #3d562d;
  font-size: 1.3rem;
  min-width: 4.5em;
  background: #e3edea;
  color: #3d562d;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 0.25em;
  aspect-ratio: 5/4;
}
.p-loc .p-culture__table__item dd {
  font-size: 1.3rem;
  letter-spacing: 0;
}
.p-loc .p-culture__leads {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .p-loc .p-culture__leads {
    grid-template-columns: 1fr;
  }
}
.p-loc .p-culture__shops {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3%;
  align-items: start;
}
@media (max-width: 768px) {
  .p-loc .p-culture__shops {
    gap: 4%;
  }
}
.p-loc .p-culture__shopImg {
  width: 100%;
}
.p-loc .area__con {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(50px, 16.2962962963px + 8.6419753086vw, 120px);
}
@media (max-width: 768px) {
  .p-loc .area__con {
    display: block;
  }
}
.p-loc .area__con.area02 {
  flex-direction: row-reverse;
}
.p-loc .area__con.area02 .imgBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1%;
}
.p-loc .area__con .txtBox {
  width: 37%;
}
@media (max-width: 768px) {
  .p-loc .area__con .txtBox {
    width: 100%;
  }
}
.p-loc .area__con .txtBox__ttl {
  color: #3d562d;
  font-size: 85%;
  border-left: solid 4px #3d562d;
  line-height: 1.5;
  padding-left: 8px;
  white-space: nowrap;
}
.p-loc .area__con .txtBox__lead {
  margin-top: clamp(10px, 7.1111111111px + 0.7407407407vw, 16px);
  margin-bottom: clamp(20px, 15.1851851852px + 1.2345679012vw, 30px);
}
.p-loc .area__con .imgBox {
  width: 59%;
  height: 100%;
}
@media (max-width: 768px) {
  .p-loc .area__con .imgBox {
    width: 100%;
    margin-bottom: clamp(16px, 12.1481481481px + 0.987654321vw, 24px);
  }
}
.p-loc .infra {
  padding: clamp(50px, 25.9259259259px + 6.1728395062vw, 100px) 0;
}
.p-loc .infra .infraItem {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 12.2962962963px + 1.975308642vw, 36px) 2%;
  margin-top: clamp(20px, 0.7407407407px + 4.9382716049vw, 60px);
}
@media (max-width: 768px) {
  .p-loc .infra .infraItem {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-loc .infra .infraItem .txtBox {
  margin-top: clamp(4px, 1.1111111111px + 0.7407407407vw, 10px);
}
.p-loc .infra .infraItem .txtBox__ttl {
  line-height: 1.3;
  font-size: clamp(12px, 10.0740740741px + 0.4938271605vw, 16px);
}
.p-loc .lifeInfo {
  margin-top: clamp(50px, 35.5555555556px + 3.7037037037vw, 80px);
}
.p-loc .lifeInfo__ttl {
  text-align: center;
  color: #9f987f;
  font-size: clamp(32px, 23.3333333333px + 2.2222222222vw, 50px);
  line-height: 1;
  margin-bottom: clamp(20px, 10.3703703704px + 2.4691358025vw, 40px);
}
.p-loc .lifeInfo .tab {
  margin: 24px 0 clamp(24px, 21.1111111111px + 0.7407407407vw, 30px);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
}
@media (max-width: 768px) {
  .p-loc .lifeInfo .tab {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-loc .lifeInfo .tab li {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: clamp(44px, 36.2962962963px + 1.975308642vw, 60px);
  background: #e8e7e6;
  font-size: clamp(11px, 9.5555555556px + 0.3703703704vw, 14px);
  line-height: 1.3;
  letter-spacing: 0.01em;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 768px) {
  .p-loc .lifeInfo .tab li {
    font-size: clamp(12px, 11.5185185185px + 0.1234567901vw, 13px);
  }
}
.p-loc .lifeInfo .tab li.active {
  background: #827b67;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) and (min-width: 789px) {
  .p-loc .lifeInfo .tab li:hover {
    background: #827b67;
    color: #fff;
  }
}
.p-loc .lifeInfo .tabItem ul {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 0 3%;
}
@media (max-width: 768px) {
  .p-loc .lifeInfo .tabItem ul {
    grid-template-columns: 1fr;
  }
}
.p-loc .lifeInfo .tabItem ul.active {
  display: grid;
}
.p-loc .lifeInfo .tabItem ul li {
  border-bottom: 1px solid #d1d1d1;
  padding: 15px 0 12px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  font-size: clamp(13px, 12.5185185185px + 0.1234567901vw, 14px);
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 440px) {
  .p-loc .lifeInfo .tabItem ul li {
    display: block;
  }
}
.p-loc .lifeInfo .tabItem ul li:nth-child(1) {
  border-top: 1px solid #d1d1d1;
}
.p-loc .lifeInfo .tabItem ul li:nth-child(2) {
  border-top: 1px solid #d1d1d1;
}
@media (max-width: 768px) {
  .p-loc .lifeInfo .tabItem ul li:nth-child(2) {
    border-top: none;
  }
}
.p-loc .lifeInfo .tabItem ul li .distance {
  min-width: 180px;
  text-align: right;
}
@media (max-width: 440px) {
  .p-loc .lifeInfo .tabItem ul li .distance {
    text-align: left;
    margin-top: 6px;
  }
}
.p-loc .lifeInfo__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2rem;
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .p-loc .lifeInfo__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}
.p-loc .lifeInfo__list li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 1rem;
}
.p-loc .lifeInfo__list__img {
  width: 100%;
  height: 100%;
}
.p-loc .lifeInfo__list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-loc .lifeInfo__list__txt {
  border-left: solid 4px #b2975a;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 0.5em;
}
@media (max-width: 768px) {
  .p-loc .lifeInfo__list__txt {
    font-size: 1.3rem;
  }
}
.p-loc .lifeInfo__list__txt small {
  font-size: 0.8em;
}
/*# sourceMappingURL=../../map/location/location.css.map */