strong{
  font-weight: bold !important;
}

/* ===== BOX ===== */
.bedsearchbox{
  background-color:#fdfdfd;
  border-radius:20px;
  padding:20px 10px;
  margin-bottom:40px;
}

/* ===== 見出し ===== */
h3.bedsearchh3{
  padding:0 15px;
  margin:0 0 15px 0;
  font-size:20px;
  color: #333;
  line-height: 1;
}
h3.bedsearchh3 .hint{
	font-size: 16px;
	font-weight: 400;
}

/* ===== UL/LI 共通 ===== */
.bedsearchul{
  list-style:none;     /* ・消す */
  margin:0;
  padding:0 10px 10px 10px;
  display:flex;
  flex-wrap:wrap;
}

.bedsearchli{
  width:33.3333%;      /* 3つ並び */
  margin:0 0 10px 0;
  padding:0 5px;
  box-sizing:border-box;
}

/* ============================
   1) ラジオ（size）＝ピンク枠タブ
   ============================ */

/* ラジオだけを「視覚的に隠す」 */
.bedsearchli--radio input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* ラジオのラベル（ピンク枠） */
.bedsearchli--radio label{
  display:block;
  width:100%;
  padding:10px 10px;
  border:1px solid #ec6d81;
  border-radius:15px;
  text-align:center;
  color:#ec6d81;
  cursor:pointer;
  transition:all .15s ease;
}

/* hover */
.bedsearchli--radio label:hover{
  background-color:#ec6d81;
  color:#fff;
}

/* checked（input + label の構造が前提） */
.bedsearchli--radio input[type="radio"]:checked + label{
  background-color:#ec6d81;
  color:#fff;
}

/* ============================
   2) チェック（style）＝アイコン付き
   ============================ */

/* チェックだけを「視覚的に隠す」 */
.bedsearchli--check input[type="checkbox"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* チェックのラベル（枠なし・左寄せ） */
.bedsearchli--check label{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:6px 6px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#666;
  cursor:pointer;
  transition:color .15s ease;
  text-align:left;
}

/* アイコン */
.bedsearchli--check label i.fa{
  font-size:18px;
  line-height:1;
  color:#c8c8c8;
}

/* テキスト */
.bedsearchli--check label span{
  line-height:1.4;
}

/* 未チェック：square表示 / check-square非表示 */
.bedsearchli--check input[type="checkbox"] ~ i.fa-check-square-o{ display:none; }
.bedsearchli--check input[type="checkbox"] ~ i.fa-square-o{ display:inline; }

/* チェック時：square非表示 / check-square表示 */
.bedsearchli--check input[type="checkbox"]:checked ~ i.fa-square-o{ display:none; }
.bedsearchli--check input[type="checkbox"]:checked ~ i.fa-check-square-o{
  display:inline;
  color:#ec6d81;
}

/* hover（チェック側） */
.bedsearchli--check label:hover{
  color:#ec6d81;
}
.bedsearchli--check label:hover i.fa{
  color:#ec6d81;
}

/* label全体を押せるUIにしつつ文字を整える */
.bedsearchli--check label{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 18px;      /* ← 大きく */
  font-weight: 700;     /* ← 太く */
  line-height: 1.3;
  color: #666;          /* 通常時 */
}

/* spanだけ個別にいじりたいなら（どっちでもOK） */
.bedsearchli--check label span{
  font-size: 18px;      /* ← 大きく */
  font-weight: 700;     /* ← 太く */
}

/* チェックON時：文字色をピンクに */
.bedsearchli--check input[type="checkbox"]:checked ~ span{
  color: #ec6d81;
}

/* （任意）チェックON時：アイコンもピンクに統一 */
.bedsearchli--check input[type="checkbox"]:checked ~ i{
  color: #ec6d81;
}


/* ============================
   送信ボタン（そのまま）
   ============================ */
.bedsearchsubmit{
  padding:10px 10px;
  border:solid 1px #ec6d81;
  border-radius:15px;
  color:#ec6d81;
  cursor:pointer;
  display:block;
  min-width:320px;
  width:50%;
  text-align:center;
  margin:20px auto 10px auto;
  background:#fff;
  font-size:16px;
  font-weight: bold;
}

/* ===== tablet ===== */
@media (max-width:992px){
  .bedsearchli{
    width:50%;
  }
  .bedsearchli--check label{
	  font-size: 16px;
  }
  h3.bedsearchh3{
    font-size:20px;
  }
  .bedsearchsubmit{
    width:100%;
    min-width:0;
  }
}

/* ===== SP ===== */
@media (max-width:577px){
  .bedsearchli{
    width:100%;
  }
  h3.bedsearchh3{
    font-size:20px;
  }
  .bedsearchsubmit{
    width:100%;
    min-width:0;
  }
}




/* 見出し行：h3左、？ボタン右 */
.bedsearchhead{
  display:flex;
  align-items:center;
  gap:3px;          /* ← h3と？の距離 */
  margin-bottom:10px;
}

/* ？ボタン：押したくなる色 */
.helpbtn{
  width:26px;
  height:26px;
  border-radius:999px;
  border:0;
  background:#ec6d81;
  color:#fff;
  font-weight:800;
  font-size:15px;
  line-height:1;
  cursor:pointer;

  /* h3のベースラインに馴染ませる */
  transform: translateY(-6px);
}

.helpbtn:hover{
  box-shadow: 0 0 0 4px rgba(236,109,129,.15);
}

.helpbtn[aria-expanded="true"]{
  background:#c84f63;     /* 開いてる時は少し濃く */
}

/* 開くパネル（幅100%） */
.helppanel{
  border:1px solid #eee;
  background:#fff;
  border-radius:12px;
  margin:0 0 14px 0;
  overflow:hidden;        /* 高さアニメ用 */
}

/* 中身 */
.helpinner{
  padding:14px 16px;
  font-size:14px;
  line-height:1.7;
}

.helplist{
  margin:0;
  padding-left:18px;
}

.helpimg img{
  max-width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}

h2.page span{
	   font-family: "Open Sans","Noto Sans JP",sans-serif; 
    font-family:'Avenir Pro Book',sans-serif;
    font-size:14px;
    font-weight: 400;}
h2.page span b{font-weight: bold;}