.align--center {
  text-align: center !important;
}
.align--left {
  text-align: left !important;
}
.align--right {
  text-align: right !important;
}

/* margin-bottom */
.mb00 {
  margin-bottom: 0px !important; }
.mb05 {
  margin-bottom: 5px !important; }
.mb10 {
  margin-bottom: 10px !important; }
.mb15 {
  margin-bottom: 15px !important; }
.mb20 {
  margin-bottom: 20px !important; }
.mb25 {
  margin-bottom: 25px !important; }
.mb30 {
  margin-bottom: 30px !important; }
.mb35 {
  margin-bottom: 35px !important; }
.mb40 {
  margin-bottom: 40px !important; }
.mb45 {
  margin-bottom: 45px !important; }
.mb50 {
  margin-bottom: 50px !important; }
.mb55 {
  margin-bottom: 55px !important; }
.mb60 {
  margin-bottom: 60px !important; }
.mb65 {
  margin-bottom: 65px !important; }
.mb70 {
  margin-bottom: 70px !important; }
.mb75 {
  margin-bottom: 75px !important; }
.mb85 {
  margin-bottom: 85px !important; }
.mb90 {
  margin-bottom: 90px !important; }

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.3;
  z-index: 999;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 1000;
}

table.sample{
  border-collapse:collapse;
}

table.sample th{
  border:1px solid #000066;
  background:royalblue;
  padding: 10px;
}

table.sample td{
  border:1px solid #000066;
  background:#ffffff;
  padding: 10px;
}



.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}






.error-msg {
  color: #ff0000;
}
.cursor__pointer {
    cursor: pointer;
}
.none {
    display: none;
}
.bold {
    font-weight: bold;
}


/* demo mark upper right */
#fixedbtn-page-top a {
    background: linear-gradient(to bottom, #ffce1b 0%, #f97b22 100%);
    font-size: 1.65rem;
    text-decoration: none;
    color: white;
    opacity: 0.5;
    width: 110px;
    height: 33px;
    padding: 5px 0;
    text-align: center;
    display: block;
    position: fixed; 
    top: 5px;
/*    left:10px ;*/
    z-index: 8888;
}


/*******************************************
properties edit stations loading
********************************************/
.loading-container {
  position: relative;
}

/* テキストボックスのスタイルを調整（例） */
#input-box {
  padding: 5px;
  width: 200px;
}

.loading-overlay {
  position: absolute;
  top: 0;
  right: 0; /* テキストボックスの右端に配置 */
  width: 30px; /* ローディング画像の適切な幅を指定 */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* テキストボックスよりも手前に表示するためのz-index設定 */
  pointer-events: none; /* ローディング画像の上からテキストボックスを操作できるようにする */
}

.loading-overlay img {
  max-width: 100%; /* ローディング画像の適切なサイズを指定 */
}







/***************************************
　メニュー上にドット表示
***************************************/
.notify-dot {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 10px;
  height: 10px;
  background: #ff6b6b; /* サーモンピンク */
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255, 107, 107, 0.5);
  animation: pulse 1.5s infinite;
}

.menu-icon {
  position: relative; /* ドットの位置の基準にする */
  display: inline-block;
}

.menu-icon.has-notify::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  background: #ff6b6b; /* 目立つ赤系。調整可 */
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255, 107, 107, 0.6);
}

/* 点滅アニメーション */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}


/* 親要素に relative をつけておく */
.ico {
  position: relative;
}

.with-notify {
  position: relative;
  display: inline-block;
}

.t1-with-dot {
  position: relative;
  display: inline-block;
}