/* Phase10: 地域のみなさま向けサービス 共通ローカルナビ */
.p10-community-nav{
  width:min(1120px,calc(100% - 32px));
  margin:26px auto 8px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.p10-community-nav__item{
  position:relative;
  min-height:82px;
  padding:15px 44px 14px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  border:1px solid #e3d8cf;
  border-radius:14px;
  background:#fffdfa;
  color:#4a3226;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(66,45,32,.045);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.p10-community-nav__item::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:3px;
  border-radius:0 0 4px 4px;
  background:#cbbcaf;
}
.p10-community-nav__item:hover{
  transform:translateY(-2px);
  border-color:#c9b7aa;
  box-shadow:0 10px 24px rgba(66,45,32,.075);
}
.p10-community-nav__item.is-current{
  background:#fbf3ee;
  border-color:#d6a58e;
}
.p10-community-nav__item.is-current::before{
  background:#c87859;
}
.p10-community-nav__kicker{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:10px;
  line-height:1;
  letter-spacing:.16em;
  color:#8e7b6f;
  font-weight:600;
}
.p10-community-nav__item.is-current .p10-community-nav__kicker{
  color:#b2664d;
}
.p10-community-nav__title{
  font-size:14px;
  line-height:1.45;
  font-weight:600;
  color:#4a3226;
}
.p10-community-nav__arrow{
  position:absolute;
  right:14px;
  top:50%;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:50%;
  background:#f4eee9;
  color:#8b6c5c;
  font:13px/1 Arial,sans-serif;
}
.p10-community-nav__item.is-current .p10-community-nav__arrow{
  background:#f2ded5;
  color:#b45f43;
}
@media(max-width:700px){
  .p10-community-nav{
    width:calc(100% - 28px);
    grid-template-columns:1fr;
    gap:9px;
    margin:18px auto 4px;
  }
  .p10-community-nav__item{
    min-height:58px;
    padding:10px 42px 10px 14px;
    border-radius:11px;
    gap:3px;
  }
  .p10-community-nav__item::before{
    left:10px;
    right:auto;
    top:9px;
    bottom:9px;
    width:3px;
    height:auto;
    border-radius:3px;
  }
  .p10-community-nav__kicker{
    font-size:8px;
    letter-spacing:.14em;
  }
  .p10-community-nav__title{
    font-size:13px;
  }
  .p10-community-nav__arrow{
    right:12px;
    width:23px;
    height:23px;
  }
}