.left-column-container{background-position:0 100%;background-size:cover;border-color:#e5e7eb;flex-direction:column;width:640px;height:700px;min-height:340px;display:flex;position:relative}@media (max-width:750px){.left-column-container{background-position:0 -100px;background-size:750px;width:100%;height:695px}}@media (max-width:500px){.left-column-container{background-position:0 -80px;background-size:500px;height:290px}}.single-column .left-column-wrap{min-height:inherit}.single-column .left-column-container-wrap{height:auto}.animation-character{width:240px;height:240px;position:absolute;bottom:234px;left:34px}@media (max-width:750px){.animation-character{width:240px;height:240px;position:absolute;bottom:234px;left:62px}}@media (max-width:500px){.animation-character{width:140px;height:120px;bottom:74px;left:50px}}.hal-image-container{width:320px;height:320px;position:relative;overflow:hidden}@media (max-width:500px){.hal-image-container{width:280px;height:280px}}.hal-static-image{opacity:1;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hal-anime-image{opacity:1;z-index:2;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.hal-anime-image.hidden{opacity:0}.tie-image{z-index:5;width:100%;height:100%;position:absolute;bottom:0;left:0}@media (max-width:750px){.tie-image{background-position:0 100%}}@media (max-width:500px){.tie-image{background-position:0 100%}}.tie-box{z-index:5;width:60px;height:60px;position:absolute;bottom:343px;left:330px}@media (max-width:750px){.tie-box{width:55px;bottom:360px;left:394px}}@media (max-width:500px){.tie-box{width:40px;bottom:135px;left:262px}}.single-column .left-column-container{width:100%;height:auto;min-height:inherit;background:#ececee!important}.single-column .illust-box,.single-column .left-column-spacer{display:none}.single-column .grid-cols-5{max-width:800px;margin-left:auto;margin-right:auto}.single-column .grid-cols-5>button{max-width:140px;margin-left:auto;margin-right:auto}.single-column .navigation-grid{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:flex-start;gap:10px;width:100%;max-width:600px;margin:0;padding-left:0;display:grid;position:relative;top:-10px;bottom:auto}@media (max-width:750px){.single-column .navigation-grid{max-width:inherit;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px}}.single-column .navigation-grid>button:first-child{order:4}.single-column .navigation-grid>button:nth-child(2){order:2}.single-column .navigation-grid>button:nth-child(3){order:1}.single-column .navigation-grid>button:nth-child(4){order:3}.single-column .navigation-grid>button:nth-child(5){order:5}@media (max-width:750px){.single-column .navigation-grid>button:first-child{order:1;display:flex}.single-column .navigation-grid>button:nth-child(2){order:2}.single-column .navigation-grid>button:nth-child(3){order:3}.single-column .navigation-grid>button:nth-child(4){order:4}.single-column .navigation-grid>button:nth-child(5){order:5}}.single-column .navigation-grid>button{margin-left:0;margin-right:15px}@media (max-width:750px){.single-column .navigation-grid>button{margin-right:0}}.navigation-buttons-wrap{z-index:10;background-image:url(/img/bg/bg-navigation.png);background-position:50% 0;background-repeat:no-repeat;background-size:cover;width:100%;height:108px;margin:0;padding:0;position:absolute;bottom:0;left:0}@media (max-width:750px){.navigation-buttons-wrap{background-size:contain;height:156px;bottom:-56px}}@media (max-width:650px){.navigation-buttons-wrap{background-size:contain;height:24vw;bottom:-12vw}}@media (max-width:550px){.navigation-buttons-wrap{background-size:contain}}@media (max-width:500px){.navigation-buttons-wrap{background-size:cover;height:21vw;bottom:-14vw}}.single-column .navigation-buttons-wrap{background-color:#ececee;background-image:url(/img/bg/bg-navigation-sp.png);background-position:-20px -47px;background-size:1821px 141px;height:100px;margin-top:0;margin-bottom:-30px;padding:0;position:relative}@media (max-width:750px){.single-column .navigation-buttons-wrap{background-color:#ececee;background-image:url(/img/bg/bg-navigation.png);background-position:50%;background-size:contain;height:156px;margin-top:-40px;margin-bottom:10px;padding:30px 0 0;position:relative}}@media (max-width:650px){.single-column .navigation-buttons-wrap{margin-top:-70px}}@media (max-width:500px){.single-column .navigation-buttons-wrap{height:107px;margin-top:-40px;padding-top:8px}}.waves{z-index:11}.navigation-grid{z-index:12;grid-template-columns:repeat(5,minmax(0,1fr));gap:70px;width:90%;max-width:80rem;margin-top:33px;margin-left:auto;margin-right:auto;position:relative;bottom:0;left:0;right:0}@media (max-width:750px){.navigation-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;width:100%;max-width:80rem;margin-top:0;position:absolute;bottom:30px}}@media (max-width:600px){.navigation-grid{bottom:20px}}@media (max-width:500px){.navigation-grid{bottom:-10px}}.btn-nav{color:#333;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;height:80px;padding:10px;transition:all .3s;display:flex}.btn-nav span{font-size:clamp(10px,2vw,12px)}.btn-nav:hover{background:0 0}.btn-nav.cursor-default:hover{color:#333}.btn-nav .flex{flex-direction:column;justify-content:center;align-items:center;display:flex}.single-column .util-nav{z-index:15;position:absolute;top:35px;bottom:auto;right:10px}.single-column .util-nav button,.single-column .mini-mode-buttons button{box-shadow:0 0 8px #88888870}.right-column{background-color:#ececee;height:100%;padding:1rem;position:relative;overflow:hidden auto}@media (min-width:750px){.right-column{background-color:#eee3cf}}@media (max-width:750px){.right-column-wrap{height:auto}.right-column{margin-top:-10vw;padding-top:5%}.single-column .right-column{margin-top:-8vw}}.mini-mode-buttons{z-index:5;display:none;position:absolute;top:15px;left:474px}@media (max-width:750px){.mini-mode-buttons button{font-size:10px}}