﻿
#freepage_review {
  --fg: #111;
  --border: #e5e7eb;       /* 区切り線・ボーダー */
  --chip-border: #888c91;  /* ボタンの枠線 */
  --chip-bg: #fff;         /* ボタン背景 */
  --chip-hover-bg: #f9fafb;
  --chip-shadow: 0 1px 0 rgba(0,0,0,.04);
  --radius-pill: 999px;
    padding: 8px 16px 40px;
  }
ul.boton_list_ {
    padding: 0 0 25px;
}
p.info-txt {
    padding: 0 0 25px;
}
#freepage_review h2 {
  border-left: none;
  border-bottom: none;
  position: relative;
  padding-left: 30px; 
  }
#freepage_review h2::before {
  content: "";
  position: absolute;
  left: 0; top: 2px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#freepage_review h2#google::before {
  background-image: url("/img/icon/googlemaps.png");
  width: 16px;
  height: 20px;
}

#freepage_review h2#yahoo::before {
  background-image: url("/img/icon/yahoo.png");
  width: 14px;
  height: 24px;
　margin-left: 3px;
}

#freepage_review h2#tripadvisor::before {
  background-image: url("/img/icon/tripadvisor.png");
  width: 35px;
  height: 30px;
  margin: -5px 0 0 -5px;
}

#freepage_review h2#taisyuu::before {
  background-image: url("/img/icon/taishu.png");
  width: 20px; height: 20px;
}

/* リスト（ボタン群） */
#freepage_review ul.boton_list_ {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 16px;
}

/* タブレット以上で2列 */
@media (min-width: 640px) {
  #freepage_review ul.boton_list_ {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*ボタン（ピル型のアウトライン） */
#freepage_review ul.boton_list_ li a {
  display: block;
  font-size: 15px;
  width: 95%;
  padding: 12px 12px;
  border: 2px solid var(--chip-border);
  border-radius: var(--radius-pill);
  background: var(--chip-bg);
  color: var(--fg);
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  letter-spacing: .02em;
  box-shadow: var(--chip-shadow);
  transition: background-color .15s ease, transform .06s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease;
  white-space: nowrap;
}

@media (max-width: 767px) {
#freepage_review ul.boton_list_ li a {
    font-size: 14px;
    }
  }

.navitopicpath_.bottom_ {
    display: none !important;
}
/* ホバー・フォーカス */
#freepage_review ul.boton_list_ li a:hover {
  background: var(--chip-hover-bg);
}
#freepage_review ul.boton_list_ li a:active {
  transform: translateY(1px);
}
#freepage_review ul.boton_list_ li a:focus-visible {
  outline: 3px solid #93c5fd;   /* 明瞭なフォーカスリング */
  outline-offset: 2px;
}