.shin-root{color:#fff;background-color:#000;width:100vw;height:100vh;font-family:sans-serif;position:relative;overflow:hidden}.back-button{color:#ddd;cursor:pointer;z-index:20;background-color:#0000004d;border:none;border-radius:5px;justify-content:center;align-items:center;padding:10px 15px;font-size:20px;transition:opacity .3s;display:flex;position:absolute;top:10px;left:10px}.back-button:hover{opacity:.8}.toggle-button{color:#bbb;cursor:pointer;z-index:20;background-color:#0000004d;border:none;border-radius:5px;padding:10px 15px;font-size:20px;transition:opacity .3s,color .3s;position:absolute;bottom:10px;right:10px}.toggle-button:hover{opacity:.8}.toggle-button.isclicked{color:#fff}.hidden-section{opacity:0;pointer-events:none;transition:opacity 1s}.visible-section{opacity:1;transition:opacity 1s}.absolute{position:absolute;top:0;left:0}.shinratsuPage{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.shinratsu,.maroyaka{object-fit:cover;cursor:pointer;transition:transform .6s ease-in-out,clip-path 1s;position:absolute;transform:scale(1)}.shinratsu{clip-path:inset(0 50% 0 0);z-index:2}.maroyaka{clip-path:inset(0 0 0 50%);z-index:2}.shinratsu:hover,.maroyaka:hover{transform:scale(1.01)}.img-active{z-index:3}.img-inactive{z-index:2;transition:transform .6s ease-in-out,clip-path 1s,z-index 0s linear .6s}.shinratsu.animate,.maroyaka.animate{clip-path:inset(0)}.blurredShinratsuHalf,.blurredMaroyakaHalf{object-fit:cover;filter:blur(15px);z-index:1;width:100vw;height:100vh;transition:clip-path 1s;position:absolute}.blurredShinratsuHalf{clip-path:inset(0 50% 0 0);left:0}.blurredMaroyakaHalf{clip-path:inset(0 0 0 50%);right:0}.blurredFull{clip-path:inset(0)}.fullBack{z-index:0}.fullFront{z-index:1}.shinText,.maroText{text-shadow:1px 1px 2px #000;z-index:10;color:#fff;opacity:0;font-size:7vw;transition:opacity 1s 1s;position:absolute}.visibleText{opacity:1}@media (min-aspect-ratio:1){.shinratsu,.maroyaka{width:100vh;height:100vh}.blurredShinratsuHalf,.blurredMaroyakaHalf{height:100vh}.shinText{writing-mode:vertical-rl;top:10vh;left:-5vw}.maroText{writing-mode:vertical-rl;top:10vh;right:-5vw}}@media (max-aspect-ratio:1){.shinratsu,.maroyaka{width:100vw;height:100vw}.blurredShinratsuHalf,.blurredMaroyakaHalf{height:100vh}.h1Text{white-space:nowrap;font-size:5vh}.shinText,.maroText{top:30vw;left:50vw;transform:translate(-50%)}}