@charset "utf-8";
/* CSS Document */

.block.slideshow > div > div {
    
    width:100%;
    overflow: hidden;
    
}

.block.slideshow > div:first-of-type {
    
    margin-bottom: 0;
    
}

.block.slideshow > div > div > .slideshow > div {
 
    width:100%;
    height:100%;
    
     
}

.block.slideshow > div > div > .slideshow > div > picture > img {
 
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.block.slideshow > div > div.super-wide,
.block.slideshow > div > div.super-wide > .slideshow > div {
 
    aspect-ratio: 21 / 9;    
    
}

.block.slideshow.column-2 > div > div.super-wide,
.block.slideshow.column-2 > div > div.super-wide > .slideshow > div {
 
    aspect-ratio: 28 / 9;    
    
}

.block.slideshow > div > div.wide,
.block.slideshow > div > div.wide > .slideshow > div {
 
    aspect-ratio: 16 / 9;    
    
}

.block.slideshow > div > div.landscape ,
.block.slideshow > div > div.landscape  > .slideshow > div {
 
    aspect-ratio: 4 / 3;    
    
}

.block.slideshow > div > div.square ,
.block.slideshow > div > div.square  > .slideshow > div {
 
    aspect-ratio: 1 / 1;    
    
}

.block.slideshow > div > div.portrait ,
.block.slideshow > div > div.portrait  > .slideshow > div {
 
    aspect-ratio: 3 / 4;    
    
}

.block.slideshow > .slideshow-pager {
    
    font-size: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;

}

.block.slideshow > .slideshow-pager > span {
    
    cursor: pointer;
    padding:0 2px;
    
}

.block.slideshow > div > div > .slideshow > div > aside {
    
    position: absolute;
    background: url(/images/trans-bg.png);
    padding: var(--general-padding);
    font-size: var(--text-size-normal);
    line-height: var(--text-lh-normal);
    
}

.block.slideshow > div > div > .slideshow > div > aside > h2 {
    
    font-weight: 400;
    font-size: var(--h-small);
    
}

.block.slideshow > div > div > .slideshow > div > aside a {
    
    text-decoration: underline;

}

.block.slideshow > div > div > .slideshow > div > aside a:hover {
    
    text-decoration: none;

}

.block.slideshow > div > div > .slideshow > div > aside.topLeft {
    
    top:var(--general-padding);
    left:var(--general-padding);
    
}

.block.slideshow > div > div > .slideshow > div > aside.bottomLeft {
    
    bottom:var(--general-padding);
    left:var(--general-padding);
    
}

.block.slideshow > div > div > .slideshow > div > aside.topRight {
    
    right:var(--general-padding);
    top:var(--general-padding);
    
}

.block.slideshow > div > div > .slideshow > div > aside.bottomRight {
    
    right:var(--general-padding);
    bottom:var(--general-padding);
    
}

.block.slideshow > table {
    
    height:64px;
    font-size: var(--text-size-normal);
    line-height: var(--text-lh-normal);
    
}

.block.slideshow > table > tbody > tr > .ss-tab {
    
    cursor: pointer;
    position: relative;

}

.block.slideshow > table > tbody > tr > .ss-tab > .text {
    
    width:300px;
    margin:0 auto;
    
}

.block.slideshow > table > tbody > tr > .ss-tab > .triangle {
    
    position: absolute;
    top:-8px;
    right:16px;
    z-index: 1000;
    font-size: 56px;
    display: none;
    
}

.block.slideshow.column-2 {
    
    width:100%;
    margin-left: 1%;
    
}

@media screen and (max-width: 1220px) {
    


}

@media screen and (max-width: 1000px) {

    .block.slideshow.column-2 > div > div.mobile-super-wide,
    .block.slideshow.column-2 > div > div.mobile-super-wide > .slideshow > div,
    .block.slideshow > div > div.mobile-super-wide,
    .block.slideshow > div > div.mobile-super-wide > .slideshow > div {

        aspect-ratio: 21 / 9;    

    }
    
    .block.slideshow.column-2 > div > div.mobile-wide,
    .block.slideshow.column-2 > div > div.mobile-wide > .slideshow > div,
    .block.slideshow > div > div.mobile-wide,
    .block.slideshow > div > div.mobile-wide > .slideshow > div {

        aspect-ratio: 16 / 9;    

    }

    .block.slideshow > div > div.mobile-landscape ,
    .block.slideshow > div > div.mobile-landscape  > .slideshow > div {

        aspect-ratio: 4 / 3;    

    }

    .block.slideshow > div > div.mobile-square ,
    .block.slideshow > div > div.mobile-square  > .slideshow > div {

        aspect-ratio: 1 / 1;    

    }

    .block.slideshow > div > div.mobile-portrait ,
    .block.slideshow > div > div.mobile-portrait  > .slideshow > div {

        aspect-ratio: 3 / 4;    

    }
    
    .block.slideshow > div > div > .slideshow > div > aside > ul {

        padding-left: 3vw;

    }
    
    .block.slideshow > div > div > .slideshow > div > aside {

        font-size: 14px;
        line-height: 22px;
        font-size: clamp(10px, 1.4vw, 14px);
        line-height: clamp(16px, 2.2vw, 22px);

    }

    .block.slideshow > div > div > .slideshow > div > aside > h2 {

        font-weight: 400;
        font-size: 18px;
        font-size: clamp(14px, 3vw, 18px);

    }
    
    .block.slideshow > table {

        display: none;

    }

}