@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@600&display=swap");body{font-family:YakuHanJPs,"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative;background-color:#fff462}body:before{content:"";background:url(../img/bg.svg) repeat center;background-attachment:fixed;background-size:contain;width:100%;height:100%;display:block;position:absolute}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}.wrapper{position:relative;overflow-x:hidden}#js-loader{position:fixed;width:100%;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff462;top:0;left:0}#js-loader:before{content:"";background:url(../img/bg.svg) repeat center;background-attachment:fixed;background-size:contain;width:100%;height:100%;display:block;position:absolute}.logo{width:19rem;position:relative;z-index:10}@media screen and (max-width:480px){.logo{width:14rem}}.logo img{width:100%}@keyframes fadein{to{opacity:1;transform:translateY(0);visibility:visible}}header{position:relative;padding-top:5rem}@media screen and (max-width:480px){header{padding-top:2.5rem}}header .logo{width:11rem;position:absolute;z-index:10;top:2rem;left:2rem}@media screen and (max-width:768px){header .logo{width:8rem}}@media screen and (max-width:480px){header .logo{top:3%;left:3%;width:4.5rem}}header .logo img{width:100%}header .top-h1-area{width:68vw;max-width:46rem;margin:0 auto;position:relative}@media screen and (max-width:920px){header .top-h1-area{width:75vw}}@media screen and (max-width:768px){header .top-h1-area{width:87vw}}header .top-h1-area h1{will-change:filter;display:grid;justify-items:center}header .top-h1-area h1 .sub{display:block;max-width:17rem;margin-left:-3rem;width:24vw;transform:scale(0)}@media screen and (max-width:920px){header .top-h1-area h1 .sub{width:30vw}}@media screen and (max-width:480px){header .top-h1-area h1 .sub{width:35vw;margin-left:-1rem}}header .top-h1-area h1 .sub img{width:100%}header .top-h1-area h1 .main{display:block;margin-top:-1rem;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){header .top-h1-area h1 .main{margin-top:-0.5rem}}header .top-h1-area h1 .main img{max-width:100%}header .top-h1-area .icon{position:absolute;right:0;top:-4%;width:13.5vw;max-width:8.5rem;opacity:0}@media screen and (max-width:768px){header .top-h1-area .icon{top:-1%}}@media screen and (max-width:480px){header .top-h1-area .icon{width:16.5vw}}header .top-h1-area .icon img{width:100%}header .top-h1-area .item{position:absolute;border:solid 1px #9f9c75;border-radius:10px;overflow:hidden;width:7.5vw;transform:rotate(-8deg);max-width:5rem;transform:scale(0) translateY(10px)}@media screen and (max-width:920px){header .top-h1-area .item{width:8.5vw}}@media screen and (max-width:768px){header .top-h1-area .item{width:10vw}}@media screen and (max-width:480px){header .top-h1-area .item{width:11.5vw;border-radius:5px}}header .top-h1-area .item img{vertical-align:bottom;max-width:100%}header .top-h1-area .b01{bottom:10%;right:4%}@media screen and (max-width:480px){header .top-h1-area .b01{bottom:6%;right:3%}}header .top-h1-area .b02{bottom:20%;left:-2%}@media screen and (max-width:920px){header .top-h1-area .b02{bottom:17%}}@media screen and (max-width:480px){header .top-h1-area .b02{bottom:15%}}header .top-h1-area .b03{bottom:5%;left:14%}@media screen and (max-width:920px){header .top-h1-area .b03{bottom:3%}}@media screen and (max-width:480px){header .top-h1-area .b03{bottom:-3%}}header .top-h1-area .b04{bottom:-1%;left:0}@media screen and (max-width:920px){header .top-h1-area .b04{bottom:-4%}}@media screen and (max-width:480px){header .top-h1-area .b04{bottom:-10%;left:-2%}}header .top-h1-area .b05{bottom:32%;right:0}@media screen and (max-width:480px){header .top-h1-area .b05{bottom:30%;right:-4%}}header .date{max-width:26rem;margin:-2% auto 0;opacity:0;width:64vw}@media screen and (max-width:480px){header .date{margin-top:2%;width:70vw}}header .date img{width:100%}header .place{max-width:15rem;margin:0.8rem auto 0;opacity:0;width:42vw}header .place img{width:100%}header.fix .top-h1-area h1 .sub{animation:1s top_action ease forwards}header.fix .top-h1-area h1 .main{animation:0.5s fadein ease 0.5s forwards}header.fix .top-h1-area .b01{animation:0.5s ribon ease 1.7s forwards}header.fix .top-h1-area .b02{animation:0.5s ribon ease 0.5s forwards}header.fix .top-h1-area .b03{animation:0.5s ribon ease 1.1s forwards}header.fix .top-h1-area .b04{animation:0.5s ribon ease 0.8s forwards}header.fix .top-h1-area .b05{animation:0.5s ribon ease 1.4s forwards}header.fix .top-h1-area .icon{animation:0.5s fadein ease 0.5s forwards}header.fix .date{animation:0.5s fadein ease 2s forwards}header.fix .place{animation:0.5s fadein ease 2s forwards}@keyframes fadein{to{opacity:1;transform:translateY(0)}}@keyframes top_action{10%{transform:translateY(0) scale(1)}30%{transform:translateY(-50px) scale(1.2)}50%{transform:translateY(0) scale(0.8)}70%{transform:translateY(-25px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes ribon{to{opacity:1;transform:scale(1) translate(0,0)}}.cast{display:flex;flex-wrap:wrap;justify-content:center;max-width:950px;margin:3rem auto 0}@media screen and (max-width:480px){.cast{margin-top:2rem}}.cast .box01{width:55%;margin-right:4%}@media screen and (max-width:920px){.cast .box01{width:66%}}@media screen and (max-width:480px){.cast .box01{width:90%;margin-right:0}}.cast .box01 h2{width:5rem;opacity:0}@media screen and (max-width:480px){.cast .box01 h2{width:4rem;margin:0 auto}}.cast .box01 h2 img{width:100%}.cast .box01 ul{list-style:none;display:flex;opacity:0;transform:translateY(10px)}.cast .box01 ul li{margin:0 2%}.cast .box01 ul li img{max-width:100%}.cast .box02{width:18%;display:grid;align-items:flex-end}@media screen and (max-width:920px){.cast .box02{width:22%}}@media screen and (max-width:480px){.cast .box02{width:30%;margin-top:1.5rem}}.cast .box02 h2{width:5rem;opacity:0}@media screen and (max-width:480px){.cast .box02 h2{width:3.5rem;margin:0 auto}}.cast .box02 h2 img{width:100%}.cast .box02 ul{list-style:none;opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.cast .box02 ul{margin-top:0.5rem}}.cast .box02 ul li img{max-width:100%}.cast.fadein .box01 h2{animation:0.5s fadein ease forwards}.cast.fadein .box01 ul{animation:0.5s fadein ease 0.5s forwards}.cast.fadein .box02 h2{animation:0.5s fadein ease forwards}.cast.fadein .box02 ul{animation:0.5s fadein ease 0.5s forwards}.about{padding:1px 2rem 2rem;opacity:0;transform:translateY(10px);background:#fff;width:700px;margin:5rem auto 0;border-radius:10px;box-sizing:border-box;border:solid 2px #9f9b75}@media screen and (max-width:920px){.about{max-width:700px;width:90%}}@media screen and (max-width:480px){.about{margin-top:3rem;padding:1px 1rem 2rem}}.about h2{width:8rem;padding:0.6rem 0.5rem;background:#ef7f65;color:#fff;text-align:center;margin:-1.3rem auto 1rem;font-size:20px;border-radius:30px}@media screen and (max-width:480px){.about h2{font-size:17px;padding:0.3rem;margin-top:-1rem}}.about .list-wrap ul{list-style:none}.about .list-wrap ul li{line-height:1.2;font-size:16px;margin-bottom:1.2rem;text-indent:-1rem;padding-left:1rem;font-weight:600}@media screen and (max-width:480px){.about .list-wrap ul li{font-size:15px}}.about .list-wrap ul li:before{content:"";font-size:10px;width:7px;height:7px;display:inline-block;margin-right:5px;background:#000;border-radius:100%}.about .list-wrap ul li span{display:block;font-size:12px;margin-left:1em;margin-top:0.4rem;font-weight:normal}@media screen and (max-width:480px){.about .list-wrap ul li span{font-size:11px}}.about .list-wrap a{display:block;background:#0371a2;font-size:22px;color:#fff;text-decoration:none;font-weight:900;padding:2rem;text-align:center;margin:2rem 0 0;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.4);transition:opacity 0.5s ease}@media (hover:hover){.about .list-wrap a:hover{opacity:0.5}}@media screen and (max-width:480px){.about .list-wrap a{font-size:20px}}.about .list-wrap .atend{background:#ebebeb;padding:0.6rem;font-size:12px;line-height:1.4;margin-top:1.8rem}.about.-inview{animation:0.5s fadein ease forwards}.access{padding:4rem 2rem;background:#fffccd;margin-top:6rem}@media screen and (max-width:480px){.access{margin-top:4rem;padding:2rem 0 4rem}}.access h2{font-weight:600;background:#8b884e;padding:0.3rem;border-radius:10px;width:5rem;text-align:center;font-size:13px}.access h2 span{color:#fff}.access .access-inr{max-width:1000px;margin:0 auto;display:flex;justify-content:center}@media screen and (max-width:920px){.access .access-inr{width:90%;flex-wrap:wrap;justify-content:center}}.access .access-inr .detail{width:40%;padding-right:3%;box-sizing:border-box}@media screen and (max-width:920px){.access .access-inr .detail{width:100%;padding-right:0}}.access .access-inr .detail .name{font-size:28px;font-weight:900;margin:0.5rem 0 0}.access .access-inr .detail .address{font-size:15px;line-height:1.4;margin-top:0.5rem}@media screen and (max-width:480px){.access .access-inr .detail .address{font-size:13px}}.access .access-inr .detail .train{margin-top:1.5rem}.access .access-inr .detail .train ul{list-style:none}.access .access-inr .detail .train ul li{line-height:1.2;font-size:14px;margin-bottom:0.5rem;text-indent:-1rem;padding-left:1rem}@media screen and (max-width:480px){.access .access-inr .detail .train ul li{font-size:12px}}.access .access-inr .detail .train ul li:before{content:"";font-size:10px;width:7px;height:7px;display:inline-block;margin-right:5px;background:#000;border-radius:100%}.access .access-inr .map{width:60%}@media screen and (max-width:920px){.access .access-inr .map{width:100%;margin-top:1rem}}.access .access-inr .map iframe{width:100%;height:20rem}.movie-area{text-align:center;margin-top:4rem}@media screen and (max-width:480px){.movie-area{margin-top:3rem}}.movie-area .hd{font-weight:600;margin:0.5rem 0;display:flex;justify-content:center}.movie-area .hd:after,.movie-area .hd:before{content:"";height:1rem;width:1px;background:#000}.movie-area .hd:before{transform:rotate(-30deg);margin-right:8px}.movie-area .hd:after{transform:rotate(30deg);margin-left:8px}@media screen and (max-width:920px){.movie-area .movie{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 1.5rem;z-index:100}}@media screen and (max-width:920px) and (max-width:480px){.movie-area .movie{margin:0 auto;width:90%}}@media screen and (max-width:920px){.movie-area .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}}.contact{padding:0.8rem;font-size:13px;line-height:1.4;background:#fff;text-align:center}.contact .detail{display:grid;justify-content:center;margin-top:0.3rem}.contact span{display:block;border-bottom:solid 2px #e0e0e0}.contact span:before{content:"";display:block;position:absolute}@media screen and (max-width:480px){.contact{font-size:12px}}footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}footer .name{font-size:13px;color:#fff;text-align:center;margin-right:10px;margin-bottom:0.5rem}@media screen and (max-width:480px){footer .name{font-size:11px}}footer .footer-copy{margin-left:auto;font-size:11px}@media screen and (max-width:920px){footer .footer-copy{margin-top:0.5rem}}@media screen and (max-width:480px){footer .footer-copy{margin-top:0.5rem}}