@charset "UTF-8";body{flex-direction:column;min-height:100dvh}.title__header,body{display:flex;justify-content:space-between}.title__header{align-items:start;height:20vh;position:fixed;width:100%;z-index:10}.title__header.--top{flex-direction:row-reverse}.title__header .title__wrapper{margin-block-start:0;margin-left:5%;min-width:300px;position:relative;top:0;width:20%}.title__header .title__wrapper a{height:100%;position:absolute;width:100%}.menu__button{aspect-ratio:1/1;background:#800;border:none;color:#ccc;cursor:pointer;min-width:80px;transition:.3s;width:80px}.menu__button:hover{background:#ccc;color:#800;transition:.3s}.directory{color:#ccc;display:none;height:100vh;position:fixed;top:0;width:100%;z-index:14}.directory .close__button{aspect-ratio:1/1;background:#ccc;border:none;color:#800;cursor:pointer;display:flex;justify-content:center;margin-left:calc(100% - 80px);min-width:80px;position:fixed;width:80px}.directory .directory__left{background:#222;border-right:20px solid #800;min-width:580px;padding:20px;width:60%}.directory .directory__left .title__wrapper__directory{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.directory .directory__left .title__wrapper__directory .menu__logo{margin-left:10%;max-width:350px}.directory .directory__left .title__wrapper__directory p{color:#ccc;font-size:2.5rem;font-weight:700;margin-left:20px;text-align:center}.directory .directory__left .directory__list{display:flex;flex-direction:column;gap:10px;padding-inline-start:0}.directory .directory__left .directory__list a{color:#ccc;text-decoration:none}.directory .directory__left .directory__content{align-items:center;display:grid;grid-template-columns:1fr 8fr 1fr;justify-content:center;margin:auto;min-width:380px;width:70%}.directory .directory__left .directory__content .directory__arrow{transition:.3s}.directory .directory__left .directory__content:hover .directory__arrow{transform:translateX(20px);transition:.3s}.directory .directory__left .directory__content .directory__arrow,.directory .directory__left .directory__content .directory__pictograph{align-items:center;aspect-ratio:1/1;background:#800;border-radius:10px;color:#ccc;display:flex;justify-content:center;max-width:40px;padding:5px}.directory .directory__left .directory__content .directory__arrow{background:#ccc;border-radius:30px;color:#a00}.directory .directory__left .directory__content .directory__name{font-size:2rem;font-weight:700;text-align:center}.directory .directory__left .sns__list{border-top:2px solid #800;display:flex;flex-direction:column;gap:20px;list-style-type:none;margin:30px auto auto;min-width:380px;padding-inline-start:0;padding-top:20px;width:70%}.directory .directory__left .sns__list .sns__content{align-items:center;display:grid;grid-template-columns:1fr 4fr;justify-content:center}.directory .directory__left .sns__list .sns__content svg{align-items:center;display:flex;justify-content:center}.directory .directory__left .sns__list .sns__content .sns__id{font-size:1em;text-align:center}.directory .directory__left .sns__list a{color:#ccc;text-decoration:none}.directory .directory__right{height:100vh;width:40%}.directory .directory__right img{height:100vh;-o-object-fit:cover;object-fit:cover;width:100%}.footer{background:#222;color:#ccc;display:grid;grid-template-columns:1fr 3fr;width:100%}.footer,.footer .footer__logo{align-items:center;justify-content:center}.footer .footer__logo{display:flex;margin-left:10%;width:80%}.footer .footer__contents{display:flex;flex-wrap:wrap;font-size:1.2rem;justify-content:center;list-style-type:none}.footer .footer__contents a{text-decoration:none;width:31%}.footer .footer__contents a .footer__link{border-left:5px solid #800;color:#ccc;margin-bottom:10px;padding-left:5%}.copyright{align-items:center;background:#800;color:#ccc;display:flex;font-size:.8rem;justify-content:center;padding:10px 0;width:100%}@media screen and (max-width:490px){.footer{display:flex;flex-direction:column}.footer .footer__logo{margin-left:0;width:60%}.footer .footer__contents{padding:0;width:80%}.footer .footer__contents a{width:50%}.footer .footer__contents .footer__link{font-size:1rem;padding-left:3%;width:45%}.copyright{font-size:.6rem;letter-spacing:1.5px}.title__header .menu__button{min-width:60px;width:60px}.title__header .menu__button:hover{background:#800;color:#ccc}.title__header .title__wrapper{margin-block-start:0;margin-left:5%;min-width:250px;position:relative;top:0;width:20%}.directory{height:100dvh}.directory .close__button{margin-left:calc(100% - 60px);min-width:60px;width:60px}.directory .directory__left{border-left:20px solid #800;border-right:initial;min-width:auto;overflow-y:scroll;padding:0;width:calc(100% - 20px)}.directory .directory__left .title__wrapper__directory{align-items:stretch;display:flex;flex-direction:column;width:100%}.directory .directory__left .title__wrapper__directory p{border-bottom:2px solid #800;font-size:1.6rem;margin:0}.directory .directory__left .title__wrapper__directory .menu__logo{margin-left:0;max-width:250px}.directory .directory__left .directory__list{gap:10px}.directory .directory__left .directory__content{grid-template-columns:1.5fr 7fr 1.5fr;min-width:auto;width:80%}.directory .directory__left .directory__content .directory__name{font-size:1.6rem;padding-left:15%;text-align:left}.directory .directory__left .directory__content .directory__arrow{display:none}.directory .directory__left .sns__list{display:flex;flex-direction:column;min-width:auto}.directory .directory__left .sns__list .sns__content .sns__id{font-size:.8em}.directory .directory__right{display:none}}body .opening__animate{background:#800;height:100vh;position:fixed;top:0;width:100%;z-index:20}body .opening__animate .progress{display:flex;flex-direction:column-reverse;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}body .opening__animate .progress .progress__bar{background:#ccc;height:5px;transition:.5s;width:0}body .opening__animate .progress .progress__math{color:#ccc;font-size:2rem;font-style:italic;font-weight:600;text-align:center}body .opening__animate .logo{display:none;opacity:0}body .opening__animate .title__wrapper{left:50%;margin-block-end:0;margin-block-start:0;min-width:500px;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}body .opening__animate .title__wrapper .cls-1,body .opening__animate .title__wrapper .cls-2,body .opening__animate .title__wrapper .cls-4{display:none;opacity:1;transition:.5s}body .home{display:grid;grid-template-columns:1fr 2fr;height:100vh;margin-bottom:20vh}body .home .home__left{background:#800;color:#ccc;height:100vh;min-width:500px}body .home .home__left .title__wrapper{height:30vh;min-height:150px;position:relative;top:0;z-index:1}body .home .home__left .menu-list{font-family:neue-haas-grotesk-display,noto-sans-cjk-jp;font-size:1.6rem;font-weight:400;letter-spacing:.3rem;line-height:2.3;list-style-type:none;margin-left:40px;position:relative;z-index:2}body .home .home__left .menu-list a{color:#ccc;text-decoration:none;transition:.3s}body .home .home__left .menu-list a:hover{font-weight:600;transition:.3s}body .home .home__left .menu-list a:before{content:"――";left:-50px;letter-spacing:0;position:absolute}body .home .home__right img{height:100vh;-o-object-fit:cover;object-fit:cover;width:100%}body .home__sp{display:none}body .contents{color:#ccc;display:flex;flex-direction:column;justify-content:center;margin:50px 0;width:100%}body .contents.--room{position:fixed}body .contents .button__wrapper{display:flex;justify-content:center}body .contents .button__wrapper a{color:#ccc;text-decoration:none}body .contents .button__wrapper .focuson__default__Btn{align-items:center;background:#800;border:none;border-radius:5px;color:#ccc;cursor:pointer;display:flex;font-family:neue-haas-grotesk-display,noto-sans-cjk-jp;font-size:1.4rem;font-weight:400;height:50px;justify-content:center;letter-spacing:.3rem;margin:30px auto;min-width:360px;text-decoration:none;transition:.3s;width:100%}body .contents .button__wrapper .focuson__default__Btn:hover{background:#ccc;color:#800;transition:.3s}body .contents .contents__title__wrapper{background:#800;display:grid;grid-template-columns:2fr 3fr;margin-top:20px;min-width:500px;padding-left:80px;width:30%}body .contents .contents__title__wrapper .content__title--en{margin:0;padding-right:30px}body .contents .contents__title__wrapper .content__title--ja{align-items:center;background-color:#999;border-radius:0 5px 5px 0;display:flex;font-family:neue-haas-grotesk-display,noto-sans-cjk-jp;font-size:1.2rem;font-weight:400;justify-content:center;letter-spacing:.2rem;line-height:1;text-align:center;width:100%}body .contents .contents__unit{margin:30px auto;max-width:980px;opacity:0;transform:translateY(20px);transition:.5s;width:90%}body .contents .contents__unit.activate{opacity:1;transform:translateY(0)!important;transition:.5s}body .contents .contents__unit .unit__title__wrapper{align-items:center;border-left:10px solid #800;display:flex;margin-top:20px;padding-left:20px;width:40%}body .contents .contents__unit .unit__title__wrapper .unit__title--en{font-size:1.8rem;font-weight:600}body .contents .contents__unit .unit__title__wrapper .unit__title--ja{font-size:1rem;margin-left:20px}body .contents .contents__unit .welcome__message{border-bottom:2px solid #800;font-size:3rem;font-weight:600}body .contents .contents__unit .contents__paragraph{font-family:neue-haas-grotesk-display,noto-sans-cjk-jp;font-size:1rem;font-weight:400;letter-spacing:.2rem;line-height:1.7}body .contents .contents__unit .contents__paragraph a{color:#d00}body .contents .contents__unit .contents__error__msg{border-bottom:2px solid #800;font-size:3rem}body .contents .contents__unit .gallery__banner{background-color:#800;border-radius:2px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content:center;margin-top:30px;opacity:0;position:relative;transform:translateY(20px);transition:.3s;transition:.5s;width:100%}body .contents .contents__unit .gallery__banner.activate{opacity:1;transform:translateY(0)!important;transition:.5s}body .contents .contents__unit .gallery__banner a{height:100%;position:absolute;width:100%}body .contents .contents__unit .gallery__banner:hover{background:#ccc;color:#800;transition:.3s}body .contents .contents__unit .gallery__banner img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:100%}body .contents .contents__unit .gallery__banner .gallery__entrance{border-radius:0 10px 10px 0;display:flex;justify-content:center;padding:1%}body .contents .contents__unit .gallery__banner .gallery__entrance p{align-items:center;display:flex;margin-left:20px}body .contents .contents__unit .journey__article--list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:30px;row-gap:50px}body .contents .contents__unit .journey__article--list .journey__article{background-color:#999;display:flex;flex-direction:column;margin:0 1.5%;opacity:0;position:relative;transform:translateY(20px);transition:.2s;width:30%}body .contents .contents__unit .journey__article--list .journey__article.activate{opacity:1;transform:translateY(0);transition:.5s}body .contents .contents__unit .journey__article--list .journey__article:hover{transform:translateY(-10px)}body .contents .contents__unit .journey__article--list .journey__article a{color:#ccc;height:100%;position:absolute;text-decoration:none;width:100%}body .contents .contents__unit .journey__article--list .journey__article .article__number{align-items:center;background:#800;display:flex;font-weight:600;height:40px;justify-content:center;letter-spacing:1px;position:absolute;width:40px}body .contents .contents__unit .journey__article--list .journey__article img{width:100%}body .contents .contents__unit .journey__article--list .journey__article .journey__article--info{display:flex;flex-direction:column;justify-content:center}body .contents .contents__unit .journey__article--list .journey__article .journey__article--info .article__date{background-color:#800;font-size:.8rem;padding:5px}body .contents .contents__unit .journey__article--list .journey__article .journey__article--info .article__title{font-size:1.2rem;padding:5px}body .contents .contents__unit .exhibition__article--list{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}body .contents .contents__unit .exhibition__article--list .exhibition__article{border:3px solid #333;display:flex;flex-direction:column;max-width:470px;position:relative;transition:.3s;width:calc(50% - 14px)}body .contents .contents__unit .exhibition__article--list .exhibition__article a{height:100%;position:absolute;width:100%;z-index:8}body .contents .contents__unit .exhibition__article--list .exhibition__article:hover{border:3px solid #800;cursor:pointer;transition:.3s}body .contents .contents__unit .exhibition__article--list .exhibition__article:hover:before{opacity:.5}body .contents .contents__unit .exhibition__article--list .exhibition__article img{width:100%}body .contents .contents__unit .exhibition__article--list .exhibition__article .article__number{align-items:center;background:#800;display:flex;font-weight:600;height:40px;justify-content:center;position:absolute;width:40px;z-index:5}body .contents .contents__unit .exhibition__article--list .exhibition__article .exhibition__title{align-items:center;display:flex;font-weight:700;height:100%;justify-content:center;mix-blend-mode:color-dodge;position:absolute;width:100%;z-index:5}body .contents .contents__unit .exhibition__article--list .exhibition__article .exhibition__play__option{background:#222;display:flex;font-weight:700;padding:10px}body .contents .contents__unit .exhibition__article--list .exhibition__article .exhibition__play__option .option__button{align-items:center;display:flex;justify-content:center;width:50%}body .contents .contents__unit .exhibition__article--list .exhibition__article .exhibition__play__option .option__button .option__name{font-size:1.2rem;margin-left:10px}body .contents .contents__unit .other__contents__list{display:flex;flex-wrap:wrap;row-gap:20px}body .contents .contents__unit .other__contents__list .other__contents__wrapper{align-items:center;display:grid;grid-template-columns:2fr 5fr 3fr;justify-content:center;position:relative;width:50%}body .contents .contents__unit .other__contents__list .other__contents__wrapper a{height:100%;position:absolute;width:100%}body .contents .contents__unit .other__contents__list .other__contents__wrapper .contents__logo{align-items:center;background:#800;border-radius:5px;display:flex;justify-content:center;padding:5px;width:90%}body .contents .contents__unit .other__contents__list .other__contents__wrapper .contents__title{margin-left:20px}body .contents .contents__unit .other__contents__list .other__contents__wrapper .contents__title--ja{font-size:.8rem}@media screen and (max-width:490px){body .opening__animate{height:100svh}body .opening__animate .title__wrapper{min-width:auto;position:absolute;width:100%}body .home{display:none}body .home__sp{align-items:center;display:flex;flex-direction:column;height:100svh;margin-bottom:10vh;position:relative;width:100%}body .home__sp .title__wrapper{left:50%;margin-block-end:0;margin-block-start:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}body .home__sp .home__picture__sp{height:100%;-o-object-fit:cover;object-fit:cover;width:80%}body .contents{margin:20px 0}body .contents .contents__title__wrapper{border-radius:0 5px 5px 0;display:flex;flex-direction:column;min-width:250px;padding-left:0;width:30%}body .contents .contents__title__wrapper .content__title--en{font-size:1.7rem;padding-left:25px}body .contents .contents__title__wrapper .content__title--ja{border-radius:0 0 5px 0;font-size:1rem;justify-content:left;padding-bottom:1vh;padding-left:25px;padding-top:1vh;width:auto}body .contents .contents__unit{opacity:0;transform:translateY(20px);transition:.5s;width:80%}body .contents .contents__unit.activate{opacity:1;transform:translateY(0)!important;transition:.5s}body .contents .contents__unit .unit__title__wrapper{align-items:flex-start;flex-direction:column;padding-left:0;width:70%}body .contents .contents__unit .unit__title__wrapper .unit__title--en{font-size:1.5rem;margin-left:20px}body .contents .contents__unit .welcome__message{font-size:2.5rem}body .contents .contents__unit .contents__paragraph{font-size:.8rem;line-height:2.5}body .contents .contents__unit .contents__error__msg{font-size:2rem}body .contents .contents__unit .gallery__banner{display:flex;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:.5s}body .contents .contents__unit .gallery__banner.activate{opacity:1;transform:translateY(0)!important;transition:.5s}body .contents .contents__unit .gallery__banner img{width:50%}body .contents .contents__unit .journey__article--list{align-items:center;flex-direction:column;row-gap:30px}body .contents .contents__unit .journey__article--list .journey__article{opacity:0;transform:translateY(20px);transition:.5s;width:90%}body .contents .contents__unit .journey__article--list .journey__article.activate{opacity:1;transform:translateY(0)!important;transition:.5s}body .contents .contents__unit .journey__article--list .journey__article:hover{transform:none}body .contents .contents__unit .exhibition__article--list{flex-direction:column}body .contents .contents__unit .exhibition__article--list .exhibition__article{border:none;width:100%}body .contents .contents__unit .exhibition__article--list .exhibition__article:hover{border:none}body .contents .contents__unit .exhibition__article--list .exhibition__article:hover:before{opacity:0}body .contents .contents__unit .other__contents__list .other__contents__wrapper{width:auto}body .contents .contents__unit .other__contents__list .other__contents__wrapper .contents__title{font-size:1rem}body .contents .button__wrapper .focuson__default__Btn{font-size:1.2rem;min-width:auto;padding:20px}}body{background:#333;font-family:neue-haas-grotesk-display,noto-sans-cjk-jp;font-size:1.5rem;font-weight:400;letter-spacing:.2rem;line-height:1.4;margin:0}body .title__header{top:0}body .opening__animate__exhibition{background:#111;height:100vh;position:fixed;top:0;width:100%;z-index:20}body .opening__animate__exhibition .progress{display:flex;flex-direction:column-reverse;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}body .opening__animate__exhibition .progress .progress__bar{background:#800;height:5px;transition:.5s;width:0}body .opening__animate__exhibition .progress .progress__math{color:#ccc;font-size:2rem;font-style:italic;font-weight:600;text-align:center}body .opening__animate__exhibition .logo{display:none;opacity:0}body .opening__animate__exhibition .title__wrapper{left:50%;margin-block-end:0;margin-block-start:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}body .opening__animate__exhibition .title__wrapper .logo__exhibition{color:#800;font-size:25px;letter-spacing:10px;opacity:0;text-align:center;transform:translateY(-50px)}body .opening__animate__exhibition .title__wrapper .cls-1,body .opening__animate__exhibition .title__wrapper .cls-2,body .opening__animate__exhibition .title__wrapper .cls-4{display:none;opacity:1;transition:.5s}body .contents.--first{margin-top:max(150px,20vh)}body .contents.--room{background:#111;margin:0;position:relative;top:0}body .room__top{align-items:center;background:#111;display:flex;flex-direction:column;gap:30px;height:calc(100vh - 60px);padding:30px;position:fixed;top:0;width:calc(100% - 60px);z-index:15}body .room__top .room__top__picture{display:flex;margin:auto;max-width:800px;width:70%}body .room__top .room__top__picture__background{filter:blur(10px) brightness(.8);height:100vh;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}body .room__top .room__title{font-family:neue-haas-grotesk-display,noto-sans-cjk-jp;font-size:1.5rem;font-weight:400;letter-spacing:6px}body .room__top .room__watch{display:flex;gap:100px}body .room__top .room__watch svg{cursor:pointer;transition:.3s}body .room__top .room__watch svg:hover{fill:#800;transition:.3s}body .room__contents,body .room__contents .chapter{align-items:center;display:flex;flex-direction:column;gap:50px}body .room__contents .chapter{margin-bottom:50px;width:100%}body .room__contents .chapter__title{border-bottom:2px solid #800;color:#999;display:flex;font-size:24px;font-weight:400;justify-content:space-between;letter-spacing:10px;margin:40px 0;padding:0 30px;width:calc(100% - 60px)}body .room__contents .exhibition__parts{display:flex;gap:30px;justify-content:center;opacity:0;transform:translateY(20px);transition:.5s;width:80%}body .room__contents .exhibition__parts.activate{opacity:1;transform:translateY(0)!important;transition:.5s}body .room__contents .parts__left,body .room__contents .parts__right{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:50%}body .room__contents .parts__center{max-width:1400px;width:100%}body .room__contents .parts__text{display:flex;font-size:18px;justify-content:center;letter-spacing:5px;line-height:2;width:100%}body .room__contents .exhibition__height,body .room__contents .exhibition__width{width:100%}body .room__contents .article__number{align-items:center;background:#800;display:flex;font-size:1.6rem;font-weight:600;height:40px;justify-content:center;width:40px}body .room__contents .room__name{align-items:center;background:hsla(0,0%,7%,.6);display:flex;gap:30px;height:50px;justify-content:center;opacity:0;padding:5px;position:fixed;width:100%}body .room__detail{align-items:center;background:#111;display:none;flex-direction:column;gap:30px;height:100dvh;padding:30px;position:fixed;top:0;width:calc(100% - 60px)}body .room__detail .room__section__picture__background{filter:blur(10px) brightness(.8);height:100dvh;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}body .room__detail .picture__view{align-items:center;display:flex;height:calc(100dvh - 60px);justify-content:center;width:100%}body .room__detail .room__picture{opacity:0;position:fixed;transition:.5s}body .room__detail .room__picture.--W{margin:0 20%;width:60%}body .room__detail .room__picture.--H{height:90vh}body .room__detail .room__picture.active{display:flex;opacity:1}body .room__detail .room__progress__bar{background:#a00;height:5px;left:0;position:absolute;top:0;transition:.5s;width:30%}body .room__detail .room__picture__arrow{color:#999;display:flex;height:100vh;padding:0 30px;position:absolute;top:0}body .room__detail .room__picture__arrow.--before{left:0}body .room__detail .room__picture__arrow.--after{left:calc(100% - 100px)}body .room__detail .room__picture__arrow.disabled{display:none}body .room__detail .room__picture__arrow svg:hover{color:#ccc;cursor:pointer}body .room__button__wrapper{color:#999;display:none;gap:20px;left:5%;position:fixed;top:90dvh;z-index:10}body .room__button__wrapper.active{display:flex}body .room__button__wrapper .room__button{border-bottom:3px solid hsla(0,0%,7%,0)}body .room__button__wrapper .room__button:hover{color:#ccc;cursor:pointer}body .room__button__wrapper .room__button.active{border-bottom:3px solid #800}body .room__button__wrapper #playButton{display:block}body .room__button__wrapper #pauseButton{display:none}@media screen and (max-width:490px){body .opening__animate__exhibition .title__wrapper{position:absolute;width:100%}body .contents.--room .room__top .room__top__picture{width:100%}body .room__top{height:calc(100dvh - 120px);padding:60px 0;width:100%}body .room__top .room__title{font-size:1.2rem}body .room__top .room__watch svg{width:30px}body .room__contents .chapter .chapter__title{flex-direction:column;gap:5px;justify-content:flex-start}body .room__contents .chapter .chapter__title .chapter__number{font-size:14px;letter-spacing:8px}body .room__contents .chapter .chapter__title .chapter__name{font-size:18px;letter-spacing:8px;margin-bottom:3px}body .room__contents .exhibition__parts{flex-direction:column;gap:5px}body .room__contents .parts__left,body .room__contents .parts__right{gap:5px;width:100%}body .room__detail .room__picture__arrow{align-items:end;height:85dvh;width:25px;z-index:12}body .room__detail .room__picture__arrow.--after{left:calc(100% - 85px)}body .room__detail .picture__view .room__picture.--W{margin:0;width:100%}body .room__detail .picture__view .room__picture.--H{height:70dvh}body .room__button__wrapper{gap:15px}body .room__button__wrapper .room__button svg{width:20px}}