.okno ul:has(.news-block) { --_g:2rem; gap:var(--_g); }
.okno .news-block { box-sizing:border-box; display:block; overflow:visible; position:relative; width:100%; }
@media only screen and (min-width: 640px) {
  .okno .news-block { width:calc((100% - var(--_g)) / 2); }
}
@media only screen and (min-width: 992px) {
  .okno .news-block { width:calc((100% - 2 * var(--_g)) / 3); }
}
.okno .news-block :is(a, a:visited) { color:#fff; border-radius:1em; }
.okno .news-block .ratio5_3 { border-radius:1em; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
.okno .news-block .ratio5_3 > div { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; transform:scale(1.0); transition:all .5s ease-in-out; }
.okno .news-block h3 { position:absolute; left:0; bottom:0; z-index:10 !important; background-color:rgba(0,0,0,0.75); margin:0; padding:2% 4%; width:92%; color:#fff; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom-right-radius:inherit; border-bottom-left-radius:inherit; }
.okno .news-block a:is(:focus, :hover) { outline:var(--focus-style); outline-offset:0.35em; }
.okno .news-block a:focus-visible { outline-width:2px; }
.okno .news-block a:is(:focus, :hover) .ratio5_3 > div { transform: scale(1.1); transition:all .5s ease-in-out; }


/* Topnews - Splide */
div:has(> .splide-top){ margin: 2em auto; max-width: var(--pg-width); }
.splide-top .splide__slide { padding: 0; width: 100%; border-radius: 1em; }
.splide-top .splide__slide a { display: block; position: relative; }
.splide-top .splide__slide__container { aspect-ratio: 16/9; background-size: cover; }
.splide-top .splide__slide .info { position:absolute; bottom: 0; left: 0; height: auto; width:100%; background: rgba(0, 0, 0, .75); color: yellow; font-size: var(--fs); }
.splide-top .splide__slide .info .padding { margin: 1rem; }
.splide-top .splide__slide .info strong { font-family: var(--ff),Arial,Helvetica; font-size: 1.15em; font-weight: normal; line-height: 125%; }
.splide-top .splide__slide .info p { line-height: 115%; display: none; padding: 2rem 0; }
@media only screen and (min-width: 992px) {
  .splide-top .splide__slide .info { left:initial;  right: 0; width: 35%; }
	.splide-top .splide__slide .info .padding { margin: 2rem; }
	.splide-top .splide__slide .info strong { font-size: 1.35em; }
  .splide-top .splide__slide .info p { display: inline-block; padding-top: 2rem; padding-bottom: 0; line-height: 135%; }
}
.splide-top .splide__navbar { display:flex; justify-content: right; margin: 2rem; }
.splide-top .splide__navbar button { display: inline-flex; background: none; border: solid 1px transparent; cursor: pointer; aspect-ratio: 1; }
.splide-top .splide__navbar button svg { fill: #000; height: auto; transition: fill .1s linear; width: 2rem; }      
.splide-top .splide__navbar button:hover { border-color: #0066cc; }
.splide-top .splide__navbar button:hover svg { fill: #0066cc; }
.splide-top .splide__navbar .splide__toggle svg { scale: .5; }
.splide-top .splide__arrows { display: flex; justify-content: right; }
.splide-top .splide__arrow--prev { transform: scaleX(-1); }
.splide-top .splide__progress__bar { height: 6px; background: rgba(0, 0, 0, 0.25); }
.splide-top .splide__pagination { justify-self: flex-start; margin-right: auto; padding-left: 0; }
.splide-top .splide__pagination li { padding: 0; width: 2rem; aspect-ratio: 1; display: inline-flex; align-items: center; justify-content: center; border: 2rem;  }
.splide-top .splide__navbar .splide__pagination__page { background: #000; border: 0; border-radius: 50%; display: inline-block; height: 1rem; margin: 0 .1rem; padding: 0; position: relative; transition: background-color .2s ease,color .2s ease; width: 1rem; }
.splide-top .splide__navbar .splide__pagination__page:is(:hover, .is-active) { outline: solid 1px #0066cc; outline-offset: 4px; }
.splide-top .splide__navbar .splide__pagination__page.is-active { background: #0066cc; }