﻿/* プールアドベンチャーCSS */
.news-bl dd {
  font-size: 1.3em;
}

.news-bl dt {
  font-size: 1.2em;
}

/* 3カラム画像をレスポンシブ */
.container {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 890px) {
  .image-box {
    flex-basis: calc(50%);
    /* 2カラム表示に変更 */
  }
}

@media screen and (max-width: 480px) {
  .image-box {
    flex-basis: 100%;
    /* 1カラム表示に変更 */
  }
}


.sp-br {
  display: none
}

@media (max-width: 490px) {
  .sp-br {
    display: block;
  }
}

@media screen and (max-width: 890px) {}

.single {
  width: 100%;
}

dl.news-bl {
  margin: 0 2%;
}

/* BBQバナー */
.bbq_bnr {
  margin-top: 20px;
}

@media screen and (max-width: 690px) {
  .bbq_bnr {
    margin: 10px auto;
  }
}

.pool_break {
  font-size: 1.6em;
  color: #005785;
  font-weight: 600;
}

@media screen and (max-width: 690px) {
  .pool_break {
    font-size: 1em;
    color: #005785;
    font-weight: 600;
  }
}

.bbq_bnr p {
  font-size: 15px;
  font-weight: 600;
}

/* BBQボタン */
.border_btn01 {
  display: inline-block;
  width: 100%;
  max-width: 260px;
  color: #fff;
  border: 2px solid #fff;
  background: #ad0000;
  padding: 0.5em 2em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}

/* マウスオーバーした際のデザイン */
.border_btn01:hover {
  color: #fff;
  /* 文字色 */
  background: #000000;
  /* 背景色 */
}

a:link,
a:visited,
a:hover {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 490px) {
  .border_btn01 {
    font-size: 12px;
  }
}

/* プールアドベンチャーCSS↑ */