.js-modal-close-x{
    margin:0 10px; position:absolute; top:10px;right:0
}
i {
    margin: 0.2rem;
}
p, li {
    margin: 0;
}
.base-text-color {color:#0097E0 !important;}
.page-item a {color:#0097E0 !important;}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0097E0;
    border-color: #0097E0;
}
.pagination {gap: 0 !important;}
.bg-light-blue {
    background-color: #93cbe7;
}
.m-sm {
    margin: 1px;
}
.subcate ul li {
  background-color: #46ade1cf !important;

}
.subcate ul .tab-active,
.subcate li:hover {
  opacity: 1;
  background-color: #0097E0 !important;
  transition: 0.5s;
}
.subcate li  {
    cursor: pointer;
    color:#fff;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.4em;
}
#maincate ul li a {
    color: #333333;
    font-weight: 600;
    line-height: 1.2em;
    /* width: 99%; */
    margin: 0 1em;
    /* display: block; */
    padding: 1rem 0;
    transition: 0.5s;
    opacity: 0.5;
    font-size: 0.8rem;
    border-bottom: #fff 5px solid;
    /* display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;*/
}

#maincate ul li a.tab-active {
    opacity: 1;
    border-bottom: #D12D26 5px solid;
  }
.btn-primary {
    background: #0097E0;
    border-color: #0097E0;
}
.btn-primary:hover {
    background: #93cbe7;
    border-color: #93cbe7;
}
.btn-lightblue {
    background: #93cbe7;
    border-color: #93cbe7;
    color: #fff;
}
.btn-lightblue.active {
    background: #0097E0;
    border-color: #0097E0;
}
.btn-lightblue:hover {
    background: #0097E0;
    border-color: #0097E0;
    opacity: 0.7;
    transition: 0.4s;
}
.modal-lineup-img {
    max-width: 200px;
  }
  .w-80-sm-100 {
    width: 190px;
  }
  @media screen and (max-width: 674px) {
    .w-80-sm-100 {
        width: 100%;
      }
      .flex-sm-wrap  {
        flex-wrap: wrap;
      }
  }

  .fs-09 {
    font-size: 0.9rem;
  }
  .fs-08 {
    font-size: 0.8rem;
  }
  .fs-07 {
    font-size: 0.7rem;
    font-weight: 500;
  }
  .page-item.active a {
    color: #fff !important;
 }
 .history-btn {
    width: 15rem;
 }
 .history-btn:hover {
    opacity: 0.7;
    transition: 0.4s;
    cursor: pointer;
 }

 .tab {
    padding: 0.9rem 2rem;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 10px 10px 0 0;
	border-bottom: 0px;
	display: inline-block;
	cursor: pointer;
    margin-top: 5px;
 }
 .fadeup{
    animation-name:fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    @keyframes fadeUpAnime{
        from {
        opacity: 0;
        transform: translateY(100px);
        }
        to {
        opacity: 1;
        transform: translateY(0);
        }
      }

   #h-2, #h-3, #h-4, #h-5, #h-6, #h-7, #h-8 {
    display: none;
  }

.container {
    --bs-gutter-y: 0 !important;
    --bs-gutter-x: 0 !important;
}

.delete-btn{
    color: #7e7e7e;
}
.delete-btn:hover {
    cursor: pointer;
}
.dt-buttons {
    margin-bottom: 1rem;
}
.btn {
    font-weight: 600;
}

.zoom {
    cursor: pointer;
    max-width: 500px;
    overflow: hidden;
  }
  .zoom img {
    height: auto;
    transition: transform .5s ease;
    transform: scale(1.1);
  }
  .zoom:hover img {
    transform: scale(1.25);
  }
  .zoom-no-scale {
    cursor: pointer;
    max-width: 500px;
    overflow: hidden;
  }
  .zoom-no-scale img {
    height: auto;
    transition: transform .5s ease;
  }
  .zoom-no-scale:hover img {
    transform: scale(1.1);
  }
  .fade-in {
    opacity: 0;
    transition-duration: 500ms;
    transition-property: opacity, transform;
  }

  .fade-in-up {
    transform: translate(0, 50px);
  }

  .fade-in-down {
    transform: translate(0, -50px);
  }

  .fade-in-left {
    transform: translate(-50px, 0);
  }

  .fade-in-right {
    transform: translate(50px, 0);
  }

  .scroll-in {
    opacity: 1;
    transform: translate(0, 0);
  }

  .top-red {
    background: rgba(229, 0, 18, 0.8);
  }

.footer-border-blue {
   border: #0097E0 solid 1px;
}

.font-18 {
    font-size: 18px;
}
.f-col a {
    font-size: 14px;
    color: #585D6F;
}
.my-md {
    margin: 0.8rem 0;
}

.w-180px {
    width: 180px;
    height: auto;
}
@media screen and (max-width: 1000px) {
    .w-180px {
        width: 140px;
    }
  }

  .modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before{
	background:#ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
.bg-light-blue {
    background-color: #0097E0 !important;
}
::placeholder {
    color: #c7c7c7 !important;
  }
  table {
    font-size: 0.77rem;
    /* table-layout: fixed; */
}

td {
    min-width: 100px !important;
}