@charset "UTF-8";

/* =========================================================
SHOP 店舗情報
========================================================= */
.shop .post {
  padding-top: 0;
  background: none;
}

.shopinfo .panelbox-items {
  display: flex;
  flex-wrap: wrap;
}

.shopinfo .panelbox-item {
  padding-bottom: 55px;
}

.shopinfo .panelbox-item:hover .panel-image {
  opacity: 1;
}

.shopinfo .panelbox-item:hover .panel-title {
  color: #555;
}

.shopinfo .panel-title {
  width: 100%;
}

.shopinfo .panel-button {
  width: 214px;
  margin: 30px auto 0;
}

.shopinfo .panel-button .button {
  margin-bottom: 20px;
}

@media screen and (max-width: 979px) {
  .shopinfo {
    width: 84vw;
    margin: 0 auto;
  }

  .shopinfo .panel {
    display: block;
  }

  .shopinfo .panel-title {
    padding: 0;
  }

  .shopinfo .panelbox-item {
    padding-bottom: 10.66667vw;
  }
}

/* =========================================================
SHOP 店舗一覧
========================================================= */
.shopnews {
  margin: 0 0 40px;
  background-color: #fff;
}

.shopnews .page-inner {
  padding: 40px 60px;
}

.shopnews-title {
  font-weight: 500;
  font-size: 2.6rem;
  color: #555;
}

.shopnews .table {
  margin: 20px 0 0;
}

.shopnews .table-th {
  width: 120px;
  color: #888;
}

.shopnews .table-th,
.shopnews .table-td {
  padding: 10px 0;
}

.shopnews .table-td a {
  display: inline-block;
}

@media screen and (max-width: 979px) {
  .shopnews-title {
    font-size: 2.2rem;
  }

  .shopnews .page-inner {
    padding: 16vw 8vw;
  }

  .shopnews .table-th {
    padding-bottom: 0;
  }

  .shopnews .table-td {
    padding-top: 5px;
  }
}