.elementor-2285 .elementor-element.elementor-element-78d8ba02:not(.elementor-motion-effects-element-type-background), .elementor-2285 .elementor-element.elementor-element-78d8ba02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #010E1E 48%, #062C5F 100%);}.elementor-2285 .elementor-element.elementor-element-78d8ba02 > .elementor-background-overlay{background-image:url("https://www.blackstella.jp/wp-content/uploads/2023/05/effect_dust.png");opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2285 .elementor-element.elementor-element-78d8ba02{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2285 .elementor-element.elementor-element-7dd7fd64{--spacer-size:50px;}.elementor-2285 .elementor-element.elementor-element-34d09f6a{text-align:center;}.elementor-2285 .elementor-element.elementor-element-34d09f6a .elementor-heading-title{color:#FFFFFF;font-family:"Noto Serif JP", Sans-serif;font-size:38px;font-weight:600;text-shadow:0px 0px 27px rgba(255, 255, 255, 0.63);}.elementor-2285 .elementor-element.elementor-element-34d09f6a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2285 .elementor-element.elementor-element-6690b4fd{--divider-border-style:double;--divider-color:#C8C8C8;--divider-border-width:1px;}.elementor-2285 .elementor-element.elementor-element-6690b4fd .elementor-divider-separator{width:100%;}.elementor-2285 .elementor-element.elementor-element-6690b4fd .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-2285 .elementor-element.elementor-element-1603e907{--spacer-size:50px;}@media(max-width:767px){.elementor-2285 .elementor-element.elementor-element-7dd7fd64{--spacer-size:10px;}.elementor-2285 .elementor-element.elementor-element-34d09f6a .elementor-heading-title{font-size:30px;}.elementor-2285 .elementor-element.elementor-element-1603e907{--spacer-size:10px;}}/* Start custom CSS for heading, class: .elementor-element-34d09f6a */@media screen and (max-width: 724px) {
.elementor-504 .elementor-element.elementor-element-ae5b992 .elementor-heading-title{
    font-size: 44px;
}
}

.text-sp{
font-weight:  bold;
}
@media screen and (min-width: 560px){
.br-sp {display: none; 
}
}
@media screen and (max-width: 430px){
.text-sp{
    font-size: 1.9rem;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fc74e0 */[v-cloak] {display: none;}
    .mySwiper img {width:100%;}
    .flex {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
    ul {padding: 0;}
    li {list-style-type: none;}
    .tab_btns li.is_active {color:#fff;}
    .pager_area li.is_active a {text-decoration: none;}
 li .news_link {
    padding: 0 20px;
    display: flex;
    align-items: center;
    line-height: 65px;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
}
#app{
    border: 1px solid #2c356e;
}
.tab_contents{
/*    padding-bottom: 10px;
*/    color: #fff;
    text-align: center;
     background:#08080899;
    max-height: 800px;
    overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #fff #3033ad;
}

.tab_contents::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.tab_contents::-webkit-scrollbar-track {
 background: linear-gradient(#2831a3,#041840);
}
.tab_contents::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 5px;
}

.tab_box{
     background:#08080899;
  padding: 10px;
  color: #fff;
text-align: center;
}


.category_date span{
    overflow: hidden;
    }

.tab_content li {
        border-bottom: 1px solid #ffffff;
    }
.tab_btn{
 background:#08080899;
cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
padding: 1em 0 1em 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
  word-break: break-all;
  box-sizing: border-box;
   font-size: 1em;
  }

  .news_space{
display: block;
  align-items: center;
  justify-content: center;
  padding: 3em;
  color: #fff;
  text-align: center;
  }
    #app{
     
    }
    .info_date{
    color: #a4abce;
    font-size: 14px;
    padding: 10px;
    font-weight: 700;
    }
    .tab_btns .is_active{
   background: #3033ad;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #072d79, #3033ad);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #072d79, #3033ad); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */     
    }

/* 幅が500pxより小さい場合のスタイル */
@media (max-width: 500px) {
    .tab_btn {
        /* 幅が500pxより小さいときのフォントサイズ */
        font-size: 0.7em;
    }
}

.info_title {
    color: #fff;
    font-size: 15px;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
 .category_EVENT {
    color: #fff;
    background:#45a2dd;
    font-size: 12px;
    width: 100px;
    padding: 2px 0;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    }
.category_MAINTENANCE{
    color: #fff;
    background:#444fd7;
    font-size: 12px;
    width: 100px;
    padding: 2px 0;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    }
.category_UPDATE{
    color: #fff;
    background:#a32967;
    font-size: 12px;
    width: 100px;
    padding: 2px 0;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    }
.category_NEWS{
    color: #fff;
    background:#df950d;
    font-size: 12px;
    width: 100px;
    padding: 2px 0;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    }
@media only screen and (max-width: 720px) {
.tab_content li a{
    padding: 10px;
    line-height: 30px;
    flex-direction: column;
    align-items: start;
}
.info_title {
    width: 100%;
    text-align: left;
}
}

.pager_area li a {
    display: block;
    padding: 8px 11px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
}

.pager_area .is_active{
   background: #3033ad;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #072d79, #3033ad);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #072d79, #3033ad); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */     
    }

.pager_area {
    display: flex;
    justify-content: center;
}

.codeicon-new {
    background: #b52b2b;
    color: #fff;
    display: inline-block;
    font-size: 80%;
    padding: 3px 14px;
    text-align: center;
}

li .kanta-new {
    display: inline-block;
    color: #fff;
    padding: 0.2rem 0.3rem;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    line-height: normal;
    margin: 0.5rem;
}

.bg-bule {
    background: #2242b5;
}/* End custom CSS */