@charset "utf-8";

/* ==========================================================================
   shoplist
========================================================================== */
section.archive-wrap .inner {
   width: 770px;
}
/* ------------------------ archive-page ------------------------ */
.archive-wrap .region-list ul {
   list-style: none;
   margin: 0;
   padding: 0;

   display: grid;
   grid-template-columns: repeat(6, 1fr); 
   align-items: center;
   text-align: center;
}
.archive-wrap .region-list ul li {
   /*padding: 15px 0;*/
   border-right: 1px solid #000000;
}
.archive-wrap .region-list ul li:first-child {
  border-left: 1px solid #000000;
}
.archive-wrap .shoplist-item-wrap {
   padding-top: 50px;
}
.archive-wrap .shoplist-item-wrap .region-name {
   color: #FFFFFF;
   line-height: 2;
   letter-spacing: 0.08em;
   background: #000000;
   padding: 3px 15px;
   font-weight: 400;
}
.archive-wrap .shoplist-wrap {
   /*margin-top: 50px;*/
}
.archive-wrap .shoplist-item li .shoplist-item-detail {
   margin-top: 20px;
}
.archive-wrap .shoplist-item > li {
   padding-bottom: 35px;
   border-bottom: 1px solid #000000;
}
.archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail {
   margin-top: 25px;
}
.archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail li {
   display: flex;
   column-gap: 25px;
   margin-top: 5px;
}
.archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail li .title {
   line-height: 1.5;
   letter-spacing: 0.08em;
   font-weight: 300;
   color: #7F7F80;
   width: 70px;
}
.archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail li .text {
   line-height: 1.5;
   letter-spacing: 0.08em;
   font-weight: 300;
   overflow-wrap: anywhere;
}
.archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-name {
   font-size: 20px;
   line-height: 2;
   letter-spacing: 0.12em;

   font-weight: 400;
}

@media screen and (max-width: 750px) {
   .archive-wrap h2 {
      font-size: 3.733vw;
      text-align: left;
   }
   .archive-wrap h2::after {
      width: 13.333vw;
      margin: 2vw 0 0;
      background: #747475;
   }
   section.archive-wrap .inner {
      width: 89.333vw;
   }
   section .inner {
      margin-bottom: 20.533vw;
   }
   /* ------------------------ archive-page ------------------------ */
   .archive-wrap .region-list ul {
      list-style: none;
      margin: 0;
      padding: 0;
      grid-template-columns: repeat(3, 1fr); 
      align-items: center;
      text-align: center;
      row-gap: 4.267vw;
   }
   .archive-wrap .region-list ul li:nth-child(4) {
      border-left: 1px solid #000000;
   }
   .archive-wrap .shoplist-item-wrap .region-name {
      padding: 0.8vw 4vw;
   }
   .archive-wrap .shoplist-wrap {
      /*margin-top: 13.333vw;*/
   }
   .archive-wrap .shoplist-item-wrap {
      padding-top: 16vw;
   }
   .archive-wrap .shoplist-item li .shoplist-item-detail {
      margin-top: 6.667vw;
   }
   .archive-wrap .shoplist-item > li {
      padding-bottom: 8vw;
   }
   .archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail {
      margin-top: 6vw;
   }
   .archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail li {
      column-gap: 5.333vw;
      margin-top: 1.333vw;
   }
   .archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail li .title {
      width: 18.667vw;
   }
   .archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-detail li .text {
      flex: 1;
   }
   .archive-wrap .shoplist-item li .shoplist-item-detail .shoplist-name {
      font-size: 5.333vw;
   }
}