/*右からスライドするウィンドウ*/
.modal-w-overlay {
    position          : fixed ;
    z-index           : +200 ;
    display           : flex ;
    justify-content   : center ;
    top               : 0 ;
    right             : 0 ;
    bottom            : 0 ;
    left              : 0 ;
    opacity           : 0 ;
    pointer-events    : none ;
    align-items       : center ;
    background-color  : rgba(0, 0, 0, 0.4) ;
    transition        : opacity 1000ms linear ;
}
.modal.is-open .modal-w-overlay { opacity : 1 ; pointer-events : auto ; }
.modal-w-container {
    position          : fixed ;
    z-index           : +200 ;
    top               : 1.8vw;
    width             : 96% ;
    height            : 90% ;
    background-color  : #fff ;
    border            : 8px solid rgba( 150, 200, 0 , 1 ) ;
    border-radius     : 4px;
    filter            : drop-shadow( 0px 0px 5px rgba(0,0,0,0.3)) ;
    transform         : translateX(200%) ;
    transition        : transform 1000ms ease-in-out ;
}
.modal.is-open .modal-w-container { transform: translateX(0); }
.modal-w-open {
    border                : 0 ;
    outline               : 0 ;
    background            : none;
    position              : absolute ;
    top                   : 0px; /*調整*/
    right                 : 0px; /*調整*/
    cursor                : pointer ;
    filter                : drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3)) ;
    animation             : tsun2-L1 3.0s linear infinite ;
}
.modal-w-open:hover { opacity : 0.6 ; }
.put-close {
    position        : fixed ;
    z-index         : 2 ;
    bottom          : 1.5vmin ;
    right           : 2%;
    background-color: rgba(40, 60, 120, 0.7) ;
    padding         : 0.4vmin 2.5vmin 0.3vmin 2.5vmin ;
    border-radius   : 1vmin;
    border          : none ;
    font-size       : 1.8vmin ;
    color           : #FFF ;
    font-weight     : bold ;
    line-height     : normal ;
    filter          : drop-shadow( 1px 1px 2px rgba(0,0,0,0.2)) ;
}
.put-close:hover { background-color: rgba(50, 140, 255, 0.7) ; }

/*ウィンドウのiframe*/
.modal-iframe {
    width             : 100% ;
    height            : 100% ;
}

.scroll-lock {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/*スライダーボタン：2つめ*/
.modal-w-open02 {
    border                : 0 ;
    outline               : 0 ;
    background            : none;
    position              : absolute ;
    top                   : 0px; /*調整*/
    right                 : 0px; /*調整*/
    cursor                : pointer ;
    filter                : drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3)) ;
    animation             : tsun2-L2 3.0s linear infinite ;
}
.modal-w-open02:hover { opacity : 0.6 ; }