html {
  scroll-behavior: smooth; }

.deco_back {
  background: url("../images/back.jpg") repeat-x center top;
  background-repeat: repeat; }
  .deco_back::before, .deco_back::after {
    display: none; }
  .deco_back .beer_back::before, .deco_back .beer_back::after {
    display: none; }

.beer_midashi {
  color: #58301f; }

.beer_list > li {
  font-weight: bold; }
  .beer_list > li .name {
    font-weight: bold;
    border-bottom: 3px solid #f6ab00; }
  .beer_list > li .offer dt {
    background-color: #feefd4;
    padding: 1px 5px; }
  .beer_list > li .set_icon {
    position: absolute;
    left: 0; }
.beer_list .chika .name {
  border-bottom: 3px solid #1e5199; }
.beer_list .ming .name {
  border-bottom: 3px solid #e60012; }
@media (min-width: 768px) {
  .beer_list > li {
    padding-bottom: 65px; }
    .beer_list > li > .img {
      margin: 20px -15px; }
    .beer_list > li .name {
      font-size: 15px;
      padding-bottom: 5px;
      margin-bottom: 8px; }
    .beer_list > li .menu {
      font-size: 19px; }
    .beer_list > li .offer dt {
      padding: 1px 5px;
      width: 25%;
      margin-bottom: 5px; }
    .beer_list > li .set_icon {
      bottom: 18px;
      padding: 0 8px; } }
@media (max-width: 767.98px) {
  .beer_list > li {
    padding-bottom: 40px; }
    .beer_list > li > .img {
      margin: 20px -10px; }
    .beer_list > li .name {
      font-size: 13px;
      padding-bottom: 2px;
      margin-bottom: 5px; }
    .beer_list > li .menu {
      font-size: 15px; }
    .beer_list > li .offer dt {
      padding: 1px 5px;
      width: 40%;
      margin-bottom: 5px;
      text-align: center; }
    .beer_list > li .set_icon {
      bottom: 18px;
      padding: 0 8px; } }

.bottom_memo {
  color: #58301f; }

.beer_map {
  background-color: #f6f3de; }

.gray_attnetion {
  position: relative; }
  .gray_attnetion .gray_box {
    position: absolute;
    background-color: rgba(44, 44, 44, 0.7);
    width: 95%;
    height: 91%;
    color: white;
    z-index: 1;
    display: flex;
    justify-content: center; }
    @media (min-width: 768px) {
      .gray_attnetion .gray_box {
        top: 39px;
        left: 8px; } }
    @media (max-width: 767.98px) {
      .gray_attnetion .gray_box {
        top: 8%;
        left: 2.5%; } }
    .gray_attnetion .gray_box p {
      align-items: center;
      align-content: center;
      font-size: 18px;
      text-align: center;
      line-height: 2; }