body {
  background-color: #e1eee8;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
    'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic',
    sans-serif;
  scroll-behavior: smooth;
}
.title-area {
  text-align: center;
  padding-bottom: 2rem;
}
.title {
  padding-top: 3rem;
  padding-bottom: 2rem;
  color: #198754;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.menu-button {
 margin-bottom: 15px;
 margin-left:30px;
 text-align: center;
 background-color: #198754;
 color:#e1eee8;
 border-radius: 0%;
 text-decoration :none;
 padding: 2px 10px;
 border: none;
 border-radius: 1em;
 box-shadow: 0px 8px 15px gray;
}
.menu-button:hover{
  background-color:white;
  color: #198754;
}
.golf-menu-button{
  margin-bottom: 15px;
 margin-left:30px;
 text-align: center;
 text-decoration: none;
}
#view-time {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #198754;
  font-size: medium;
}
.travel-links {
  padding-left: 1rem;
  padding-right: 1rem;
  letter-spacing: 1.5px;
  padding-bottom: 2rem;
  -webkit-text-size-adjust: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 10px;
    align-items: center;
    white-space: nowrap;
  }
.dropdown-menu {
  padding: 0.3 rem;
  text-align: center;
  max-height: calc(100vh - 50px);
  overflow: auto;
}

.card-img-top {
  padding: 0%;
}
.photo-credit {
  text-align: left;
  font-size: 13px;
  padding-top: -5px;
  padding-bottom: -5px;
  color: grey;
}
/*
button.btn {
  border-radius: 12px;
  color: #198754;
  border: none;
  padding: 0%;
}
*/
.nav-link {
  color: #198754;
  text-decoration: wavy;
  padding: 10px;
  border-radius: 12px;
  border: solid;
}
/*
button.btn:hover {
  transform: scale(1.1);
}
*/

.hotel-name {
  letter-spacing: -0.1em;
  padding-top: -5px;
  padding-bottom: 0.5rem;
}
.hotel-address {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.hotel-special {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hotel-access {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.map-image-credit {
  text-align: left;
  font-size: 13px;
  padding-top: -5px;
  padding-bottom: -5px;
  color: grey;
}

.hotel-review {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hotel-fee {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
a.btn {
  text-align: center;
}
.search-hotel {
  text-align: center;
  color: #198754;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#hokkaido {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  padding-top: 10px;
  margin-top: -10px;
}

#aomori {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#iwate {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#miyagi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#akita {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#yamagata {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#fukushima {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#ibaragi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#tochigi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1.6rem;
  padding-top: 10px;
  margin-top: -10px;
}

#gunma {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#saitama {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#tiba {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#tokyo {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#kanagawa {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#niigata {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#toyama {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#ishikawa {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1.6rem;
  padding-top: 10px;
  margin-top: -10px;
}

#hukui {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#yamanasi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#nagano {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#gihu {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#shizuoka {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#aichi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#mie {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#shiga {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#kyoto {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#osaka {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#hyogo {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#nara {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#wakayama {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#tottori {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#simane {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#okayama {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#hiroshima {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#yamaguchi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#tokushima {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#kagawa {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#ehime {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#kouchi {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#hukuoka {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#saga {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#nagasaki {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#kumamoto {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#ooita {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#miyazaki {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

#kagoshima {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}
#okinawa {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--mainWhite);
  color: var(--mainBlack);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-top: -10px;
}

.fixed-bottom {
  position: relative;
  position: sticky;
}
.btn.btn.btn-secondary.btn-lg {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 25px;
  background-color: grey;
  opacity: 0.7;
}
.room {
  font-size: small;
  text-align: center;
  color: grey;
}
#privacypolicy{
  padding-top: 200px;
  margin-top: -200px;
}
.privacy-policy {
  text-align: left;
  color: #198754;
  font-size: small;
  border-radius: 12px;
}
.footer {
  text-align: center;
  color: #198754;
  padding: 2rem;
}

td,th{
  border:1px solid;
}
table{
  border-collapse: collapse;

}