@charset "UTF-8";

.ttl_01, .ttl_02 {
  position: relative;
}

.shop_list {
  display: flex;
  flex-wrap: wrap;
}

.shop_list_item {
  border-bottom: 1px solid #cccccc;
  display: flex;
  align-items: end;
  justify-content: center;
  text-align: center;
}

.shop .links_btn {
  display: none;
}

.shop .breadcrumbs_wrap {
  position: relative;
}

.shop_bg {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  top: -30%;
  right: 0;
  width: 100%;
}

.shop_bg_item01, .shop_bg_item02 {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
}

.shop_bg::before {
  content: "";
  display: block;
  padding-top: 65.57%;
}

@media print,
screen and (min-width:768px) {
  .ttl_01 {
    /* padding: 318px 0 148px; */
    padding: 318px 0 100px;
  }

  .shop_sec {
    padding-bottom: 100px;
  }

  .shop_bg_item01 {
    width: 48%;
    height: 72%;
    top: 30.5%;
    right: -37%;
  }

  .shop_list_item {
    font-size: 20px;
    width: 21%;
    margin: 0 5.3% 103px 0;
    padding: 16px;
  }

  .shop_list_item:nth-child(4n) {
    margin-right: 0;
  }

  .ttl_02 {
    padding: 117px 0 109px;
  }

  .shop_bg_item02 {
    width: 93%;
    height: 148%;
    top: -23.5%;
    left: -20%;
  }

  .shop .links {
    padding-bottom: 435px;
  }
}

@media screen and (max-width:767px) {
  .ttl_01 {
    padding: 150px 0 40px;
  }

  .shop_sec {
    padding-bottom: 50px;
  }

  .shop_bg_item01 {
    width: 45%;
    height: 72%;
    top: 18.5%;
    right: -29%;
  }

  .shop_list_item {
    font-size: 15px;
    width: 47%;
    margin: 0 6% 20px 0;
    padding: 12px 0;
  }

  .shop_list_item:nth-child(2n) {
    margin-right: 0;
  }

  .shop_comment {
    font-size: 11px;
    padding-top: 20px;
  }

  .ttl_02 {
    padding: 60px 0 25px;
  }

  .shop_bg_item02 {
    width: 64%;
    height: 90%;
    top: -23%;
    left: -25%;
  }

  .shop .links {
    padding-bottom: 140px;
  }
}