/*weight*/
/*
 * Font Set
 */
/*
 * Convert pixels to rems
 * eg. for a relational value of 12px write f-rem(12)
 * Assumes $em-base is the font-size of 10px
 */
/*
 * Convert pixels to line-height
 * eg. When the font size is 18 px and the line feed is 28 px write f-line-height( 18, 28 )
 */
/*
 * Convert letter-spacing
 * eg. When tracking = 50 on Photoshop, write f-letter-spacing(50).
 */
.back_number_list > li {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.back_number_list > li .gb_title {
  width: 100%;
  margin-bottom: 2rem/2;
}
.back_number_list > li .gb_img {
  width: 25%;
}
.back_number_list > li .gb_text {
  width: 75%;
  padding-left: 3%;
}
.back_number_list > li .spec {
  padding: 2rem/2 0;
  border-top: 1px dotted #bebfbf;
  border-bottom: 1px dotted #bebfbf;
}
.back_number_list > li .shop_link {
  display: flex;
  margin-top: 10px;
}
.back_number_list > li .shop_link li {
  width: 23%;
  margin-right: 2.666%;
  margin-bottom: 10px;
}
.back_number_list > li .shop_link li:nth-child(4n) {
  margin-right: 0;
}
.back_number_list > li .shop_link li a {
  border: 1px solid #bebfbf;
  display: block;
}
.back_number_list > li .shop_link li a:hover {
  transition: 0.5s;
}

/* legacy */
/*--=== SP ONLY max-width: 767px ===-- / */
@media screen and (max-width: 767px) {
  .guide_book_list > li {
    margin-top: 2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
  }
  .guide_book_list > li .gb_title {
    width: 100%;
    margin-bottom: 2rem/2;
  }
  .guide_book_list > li .gb_img {
    text-align: center;
  }
  .guide_book_list > li .gb_img img {
    width: 75%;
  }
  .guide_book_list > li .gb_text {
    margin-top: 2rem;
    padding-left: 3%;
  }
  .guide_book_list > li .spec {
    padding: 2rem/2 0;
    border-top: 1px dotted #bebfbf;
    border-bottom: 1px dotted #bebfbf;
  }
  .guide_book_list > li .shop_link {
    display: flex;
    margin-top: 10px;
  }
  .guide_book_list > li .shop_link li {
    width: 23%;
    margin-right: 2.666%;
    margin-bottom: 10px;
  }
  .guide_book_list > li .shop_link li:nth-child(4n) {
    margin-right: 0;
  }
  .guide_book_list > li .shop_link li a {
    border: 1px solid #bebfbf;
    display: block;
  }
}
/*--=== / SP ONLY max-width: 767px ===-- */
/*--=== PC ONLY min-width: 768px ===-- / */
@media print, screen and (min-width: 768px) {
  .guide_book_list > li {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
  }
  .guide_book_list > li .gb_title {
    width: 100%;
    margin-bottom: 2rem/2;
  }
  .guide_book_list > li .gb_img {
    width: 40%;
  }
  .guide_book_list > li .gb_text {
    width: 60%;
    padding-left: 3%;
  }
  .guide_book_list > li .spec {
    padding: 2rem/2 0;
    border-top: 1px dotted #bebfbf;
    border-bottom: 1px dotted #bebfbf;
  }
  .guide_book_list > li .shop_link {
    display: flex;
    margin-top: 10px;
  }
  .guide_book_list > li .shop_link li {
    width: 23%;
    margin-right: 2.666%;
    margin-bottom: 10px;
  }
  .guide_book_list > li .shop_link li:nth-child(4n) {
    margin-right: 0;
  }
  .guide_book_list > li .shop_link li a {
    border: 1px solid #bebfbf;
    display: block;
  }
  .guide_book_list > li .shop_link li a:hover {
    transition: 0.5s;
  }
}
/*--=== / PC ONLY min-width: 768px ===-- */

/*# sourceMappingURL=guide_book.css.map */