h2 {
    color: #ffe100;
    line-height: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffe100;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}


.linkfont{
    font-size:18px;
    font-weight:bold;
   color: navy;
 
}


.bib-number-form {
    text-align: right;
}


.space-10{
     height:10px;
}

.space-20{
     height:20px;
}

.space-30{
     height:30px;
}




.container {
  margin-inline: auto;
  margin-top: 10px;
  overflow-x: auto; /* 横スクロール対応 */
  white-space: nowrap; /* テキストの折り返しなし */
  padding-left: 20px; /* 通常時の左側余白 */
  position: relative; /* 擬似要素の位置調整用 */
}

/* スマートフォン表示時 (画面幅が768px以下の場合) */
@media (max-width: 768px) {
  .container {
    padding-left: 0; /* スマホ表示時の左側余白を0 */
  }
}

/* Firefox用のスクロールバー */
.container {
  scrollbar-width: thin; /* Firefoxで細いスクロールバー */
  scrollbar-color: #888 #f1f1f1; /* ハンドルとトラックの色 */
}

/* Webkitブラウザ用のスクロールバー */
.container::-webkit-scrollbar {
  height: 10px; /* スクロールバーの高さ */
}

.container::-webkit-scrollbar-track {
  background: #f1f1f1; /* トラックの背景 */
}

.container::-webkit-scrollbar-thumb {
  background: #888; /* ハンドルの背景 */
  border-radius: 5px;
}

.container::-webkit-scrollbar-thumb:hover {
  background: #555; /* ホバー時の色 */
}

/* 上部スクロールバーの擬似要素 */
.container::before {
  content: '';
  display: block;
  height: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  scrollbar-width: thin; /* Firefox用 */
  scrollbar-color: #888 #f1f1f1; /* Firefox用 */
}

.container::before::-webkit-scrollbar {
  height: 10px; /* 上部スクロールバーの高さ */
}

.container::before::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.container::before::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.container::before::-webkit-scrollbar-thumb:hover {
  background: #555;
}







.secbottom{
  margin-left: 20px;
  margin-bottom:40px;  
  
}


/* スマホ用（画面幅768px以下） */
@media screen and (max-width: 768px) {

    .secbottom{
        margin-left: 0px;
        margin-bottom:40px;  
    }

}


.space-05{
     height:5px;
}

.space-10{
     height:10px;
}

.space-20{
     height:20px;
}

.space-30{
     height:30px;
}