.reserve_form{
  font-size:18px;
  width:90%;
  max-width:800px;
  margin:0px auto;
  padding:10px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  line-height:150%;
}
.reserve_form b{
  font-weight:bold !important;
}
.reserve_form .reserve_button{
  border-radius:5px;
  background-color:#000000;
  color:#FFFFFF;
  width:95%;
  margin:0px auto;
  padding:15px;
  font-size:20px;
}
.reserve_form .reserve_button:hover{
  cursor:pointer;
}
.reserve_form input[type="text"]{
  padding:10px;
  width:90%;
  border-radius:8px;
  border:2px solid #dddddd;
  font-size:18px;
}
.reserve_form select{
  padding:10px;
  border-radius:8px;
  border:2px solid #dddddd;
  font-size:18px;
  max-width:90%;
}
.reserve_form textarea{
  padding:10px;
  width:90%;
  border-radius:8px;
  border:2px solid #dddddd;
  font-size:18px;
}
.reserve_form lavel{
  max-width:90%;
}

.reserve_form .error{
  color:#FF0000;
  font-size:18px;
}
.reserve_form .align_l{
  text-align:left;
}
.reserve_form .align_c{
  text-align:center;
}
.reserve_form .align_r{
  text-align:right;
}
.reserve_form .confirm{
  border-bottom:1px solid #000000
}
.reserve_form .conf{
  padding:10px !important;
}
.reserve_form .confirm_title{
  text-align:center;
  font-size:24px;
  margin-bottom:50px;
}
.reserve_form .reserve_title{
  font-size:32px;
  text-align:center;
  margin-top:50px;
  margin-bottom:50px;
}
.reserve_form .page_img{
  text-align:center;
  margin-bottom:50px;
}
.reserve_form .page_img img{
  width:100%;
  max-width:600px;
}
.reserve_form .pinkZone{
  background-color:#fdeeed;
  padding:8px;
  text-align:left;
}
.reserve_form .reserve_column{
  font-size:18px;
  font-weight:bold !important;
  display:inline-block;
}
.reserve_form .need{
  display:inline-block;
  padding:2px;
  padding-left:10px;
  padding-right:10px;
  margin-left:10px;
  color:#FFFFFF;
  background-color:#FF0000;
  font-size:18px;
  font-weight:bold;
}

.reserve_form .noneed{
  display:inline-block;
  padding:2px;
  padding-left:10px;
  padding-right:10px;
  margin-left:10px;
  color:#000000;
  background-color:#d0d0d0;
  font-size:18px;
  font-weight:bold;
}

/* アコーディオン設定 */
.js-accordion-trigger {
  position: relative; /* 擬似要素を配置するための基準 */
  padding-right: 30px; /* 矢印スペースを確保 */
}
/* 矢印（アイコン）のスタイル設定 */
.js-accordion-trigger::after {
    content: '▼'; /* 初期状態は下向き矢印 */
    position: absolute;
    right: 10px; /* 右端からの位置 */
    top: 50%;
    transform: translateY(-50%); /* 中央揃え */
    transition: transform 0.3s ease; /* スムーズに回転させるためのトランジション */
    color:pink;
}
.js-accordion-trigger.is-active::after {
    /* is-activeクラスがついたら、180度回転させて ▲ に見せる */
    transform: translateY(-50%) rotate(180deg);
}
/* クリックする四角いボタンのデザイン */
.trigger-button {
    margin-top:20px;
    padding: 10px;
    text-align: left;
    cursor: pointer; /* マウスオーバー時にカーソルを指の形に */
    border-radius: 10px;
    border:2px solid #DDDDDD;
}

/* ラジオボタンエリアのデザイン */
.radio-area {
  padding: 15px;
  border: 2px solid #dddddd;
  background-color: #FFFFFF;
  display: none;
  text-align:left;}

.radio-area label {
  display: block;
  padding:0px;
  margin-bottom:10px;
}
/* アコーディオン設定 */
.reserve_form .hour_area{
  width:100%;
  text-align:left;
}
.reserve_input{
  margin-top:10px;
}

@media (max-width: 768px) {
  .reserve_form .reverse{
    text-align:left;
  }
}