@charset 'utf-8';

/* shop
------------------------------------------------ */
.shop-nav { border-top: 1px solid #d3990c; border-bottom: 1px solid #d3990c; }
.shop-nav-links--item { position: relative; font-size: 1.2rem; font-weight: 700; line-height: 1.2; }
.shop-nav-links--item:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -7px; width: 1px; height: 14px; background-color: #d3990c; }
.shop-nav-links--item > a { display: flex; justify-content: center; align-items: center; padding: 16px 30px; min-width: 91px; min-height: 14px; }
.shop-lists-item { position: relative; padding: 20px; margin-top: 40px; border-radius: 5px; }
.shop-lists-item:nth-of-type(odd) { background-color: #2687a6; color: #fff; }
.shop-lists-item:nth-of-type(even) { background-color: #f6f6f6; }
.shop-lists-item:first-child { margin-top: 0; }
.shop-lists-photo { position: relative; padding-bottom: 74.9152542373%; width: 100%; height: 0; overflow: hidden; }
.shop-lists-photo img { position: absolute; top: 0; left: 0; }
.shop-lists-info { position: relative; }
.shop-lists-name { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.shop-lists-material { margin-top: 18px; font-size: 1.2rem; line-height: 1.625; }
.shop-lists-material .gmap { display: inline-block; margin: 4px 0 0 10px; width: 35px; height: 13px; background-color: #ca9513; text-align: center; vertical-align: top; font-family: 'Jost', sans-serif; font-size: 1rem; font-weight: 400; line-height: 14px; color: #fff; }

@media screen and (max-width: 768px) {
  .shop-nav { margin: 0 -20px 40px; width: calc(100% + 40px); overflow-x: auto; }
  .shop-nav-links { display: table; }
  .shop-nav-links--item { display: table-cell; white-space: nowrap; }
  .shop-nav-links--item:first-child > a { padding-left: 20px; }
  .shop-nav-links--item:last-child > a { padding-right: 20px; }
  .shop-lists-info { margin-top: 16px; }
}

@media screen and (min-width: 769px) {
  .shop-nav { margin-bottom: 60px; border-top-width: 2px; border-bottom-width: 2px; }
  .shop-nav-links { display: flex; flex-wrap: wrap; justify-content: center; }
  .shop-nav-links--item { font-size: 1.5rem; }
  .shop-nav-links--item:not(:last-child)::after { margin-top: -14px; height: 28px; }
  .shop-nav-links--item > a { padding: 25px 52px; min-width: 148px; min-height: 28px;  }

  .shop-lists-item { display: flex; margin-top: 40px; padding: 50px; border-radius: 10px; }
  .shop-lists-item:first-child { margin-top: 0; }
  .shop-lists-photo { padding-bottom: 30.6363636364%; width: 40.9090909091%; }
  .shop-lists-info { margin-left: 2.90909090909%; width: 56.1818181818%; }
  .shop-lists-name { font-size: 2.2rem; }
  .shop-lists-material { margin-top: 18px; font-size: 1.4rem; line-height: 1.64285714286; }
  .shop-lists-material > p + p { margin-top: 1.64285714286em; }
  .shop-lists-material .gmap { margin: 1px 0 0 14px; width: 52px; height: 22px; font-size: 1.4rem; line-height: 23px; }
}