select,#instrument,#prefecture
{/* 名前ボックス*/
font-size:16px;
width:100%;
height:40px;
padding:0px 10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}

#comment,#comment1,
#comment2,#comment3{/* 名前ボックス*/
font-size:16px;
resize: none; 
width:100%;
height:100px;
padding:10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}

#exchange_item{/* 名前ボックス*/
font-size:16px;
resize: none; 
width:100%;
height:70px;
padding:10px;
border-radius:5px;
border:2px solid #dfdfdf;
background-color:white;
}
/*----------------------------------------------------------------------

-----------------------------------------------------------------------*/
/* 2品目をオン・オフ*/
.itemDiv2 {
  display: none;
}
.itemDiv2.show {
  display: block;
}

/* 3品目をオン・オフ*/
.itemDiv3 {
  display: none;
}
.itemDiv3.show2 {
  display: block;
}

.addButton{
color: black; 
font-size:14px;
font-weight:bold;
background-color: #FFC107;
border-radius:10px;
border:2px solid white;
padding: 7px 30px; 
display: block;
margin: 30px auto;
margin: 40px auto 0px auto;
}

.form-group5 {
  display: flex;
  flex-wrap: wrap;
}

.form-group5 label {
  padding:10px;
  flex-basis: 50%;
  box-sizing: border-box;
}
/*----------------------------------------------------------------------
ボタン
-----------------------------------------------------------------------*/
.toComfirm{
color: black; 
font-size:18px;
font-weight:bold;
background-color: #FFC107;
border-radius:20px;
border:0px solid black;
padding: 10px 100px; 
display: block;
margin: 20px auto 30px auto;
}
.toComfirmAdd{
color: black; 
font-size:14px;
font-weight:bold;
background-color: #e0e0e0;
border-radius:16px;
border:0px solid black;
padding: 10px 30px; 
display: block;
margin: 60px auto 0px auto;
}
/*----------------------------------------------------------------------
ローディングアイコン
-----------------------------------------------------------------------*/
#loaderDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒背景 */
  //display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* 最前面に表示 */
}

#loaderContainer {
  text-align: center; /* ローダーとテキストを中央に配置 */
  margin:250px 0px;
}


#loader {
  border: 20px solid #f3f3f3; /* ローディングアイコンの外枠の色 */
  border-top: 20px solid #ff0000; /* ローディングアイコンの回転部分の色 */
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 1s linear infinite; /* アニメーションの設定 */
  margin: 0 auto 20px; /* ローダーの下に余白を作る */
}

#loaderText {
  color: #ffffff; /* テキストを白に設定 */
  font-size: 14px;
  margin:0px auto; /* ローダーとの間にスペースを作る */
  padding:5px 0px ;
  width:300px;
  background-color:#df0c0c;
}

@keyframes spin {
  0% { transform: rotate(0deg); } /* アイコンの初期位置（回転なし） */
  100% { transform: rotate(360deg); } /* アイコンの最終位置（1回転） */
}

.hidden {
  display: none;
}