/* =========================================================
   utility.css
   余白・表示切替など、小さな便利クラス
========================================================= */

.u-center { text-align: center !important; }
.u-sp-only { display: none !important; }

@media (max-width: 767px){
  .u-pc-only { display: none !important; }
  .u-sp-only { display: block !important; }
}







/* =========================
   CTAボタン共通
========================= */

.bluva-btn a,
.bluva-line a {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;

  min-height: 52px;
  border-radius: 999px !important;
  border: none !important;

  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;

  box-shadow: 0 6px 18px rgba(109,155,195,.15);
  text-shadow: 0 1px 3px rgba(0,0,0,.12);

  overflow: hidden;

  transition: all .3s ease;
}

/* Cocoon shine無効 */
.bluva-btn a.btn-shine::before,
.bluva-line a.btn-shine::before {
  display: none !important;
}

/* =========================
   ご予約
========================= */

.bluva-btn a {
  background: linear-gradient(
    135deg,
    #BBD3B4 0%,
  #A4CEBF 50%,
  #96C5CC 100%
  ) !important;
}

/* =========================
   LINE
========================= */

.bluva-line a {
  background: linear-gradient(
    135deg,
    #8BD6D7 0%,
  #71CDD1 50%,
  #61BCC9 100%
  ) !important;
}

/* =========================
   ホバー
========================= */

.bluva-btn a:hover,
.bluva-line a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(109,155,195,.20);
}



/* =========================
   左アイコン
========================= */


/* カレンダー */
.bluva-btn a::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  margin-right: 10px;

  color: #fff;
  font-size: 18px;
}

/* LINE */
.bluva-line a::before {
  content: "\f3c0";
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;

  margin-right: 10px;

  color: #fff;
  font-size: 20px;
}

/* =========================
   右矢印
========================= */

.bluva-btn a::after,
.bluva-line a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);

  color: #fff;
  font-size: 16px;
}

/* =========================
   スマホ
========================= */

@media (max-width: 767px) {

  .bluva-btn a,
  .bluva-line a {
    min-height: 44px;
    font-size: 15px;
  }

  .bluva-btn a::after,
  .bluva-line a::after {
    right: 20px;
  }
}



/*画像の形*/
/* =========================
   Bluva Image A
========================= */

.bluva-radius-a img,
img.bluva-radius-a {
  border-radius: 50px 0 50px 0;
  overflow: hidden;
}

/* =========================
   Bluva Image B
========================= */

.bluva-radius-b img,
img.bluva-radius-b {
  border-radius: 0 50px 0 50px;
  overflow: hidden;
}




/* h3 頭の丸マーク */
.entry-content h3 {
  position: relative;
  padding-left: 25px !important;
}

.entry-content h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;

  width: 16px;
  height: 16px;
  border-radius: 50%;

  background: linear-gradient(
    135deg,
    #94A688 0%,
    #6FC6B7 55%,
    #3E85B7 100%
  );
}