@charset "UTF-8";
*{float:none;position:static;box-sizing:border-box;margin-left:auto;margin:0 auto}
body{margin:5vw auto;padding:0;font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;background:#0600ff;font-size:16px;letter-spacing:.2em}
body::before{background:url(img/top/hikari.png) no-repeat center;background-size:cover;content:"";display:block;position:fixed;width:100%;height:100vh;top:0;left:0;z-index:-1}
b{font-size:1.3em;line-height:.1em}
img{filter:drop-shadow(5px 0px 5px rgba(34,18,53,0.7))}
span{display:inline-block;white-space:nowrap}
.small{font-size:.6em}
.shutter{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:byeShutter 1.3s forwards;animation:byeShutter 1.3s forwards}
.shutter.is-active{opacity:0;visibility:hidden}
.shutter .logo{position:absolute;width:120px;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:logo 1s forwards;animation:logo 1s forwards;animation-delay:.3s}
.shutter .logo .is-active{opacity:1;visibility:visible}
@keyframes byeShutter {
70%{opacity:1}
100%{display:none;opacity:0;z-index:-1}
}
@keyframes logo {
0%{opacity:1}
50%{transform:rotate(0deg)}
100%{transform:scale(0.8)}
}
main{position:relative;width:85vw;height:100%;border:.4em solid #000;box-sizing:border-box;box-shadow:10px 10px 20px 4px rgba(0,0,0,0.6);background:#fff;margin:0 auto;margin-bottom:6vh;animation-name:smoothAnime;animation-duration:1.5s;animation-delay:1.2s;animation-fill-mode:forwards;transform-origin:left;opacity:0}
@keyframes smoothAnime {
from{transform:translate3d(0,100%,0) skewX(53deg);opacity:0}
to{transform:translate3d(0,0,0) skewX(0);opacity:1}
}
h1{width:80%;margin:0;position:relative;top:-4vh;left:2vw;font-family:'Jost',sans-serif;font-size:7vmax;transform:rotate(-5deg);color:#000;line-height:1;display:flex;padding:.7em .25em}
.three h1{width:100%;color:#e3007f;top:-3vh;left:-1vw;font-size:8.5vmax;text-shadow:8px 4px 0 rgba(0,0,0,1);transform:rotate(-7deg);line-height:.8em;word-break:break-all}
h2{font-family:'Odibee Sans',cursive;font-size:6vmax;line-height:.9em;margin:0;transform:rotate(-8deg);position:absolute;bottom:-5.5vw;right:-2vw;z-index:12;pointer-events:none;text-align:right;font-weight:700;color:rgba(0,0,0,0);text-shadow:4px 4px 0 #fff000;-webkit-text-stroke:.1px #000;text-stroke:.1px #000;padding:0 0 10px}
.green img{width:10vw;position:absolute;top:-3vh;right:5vw;transform:rotate(5deg);z-index:1}
.green .click img{width:7vw;max-width:200px;position:absolute;top:-8.5vh;right:5vw}
.purple img{width:8vw;position:absolute;top:-10vh;right:15vw;transform:rotate(5deg);z-index:2}
.purple .click img{width:7vw;max-width:200px;position:absolute;top:-8vh;right:23vw;transform:rotate(-15deg)}
.koma{position:relative;margin:0 auto;background:#000;box-sizing:border-box;width:75vw;height:100%;clip-path:polygon(0 0,100% 0%,100% 75%,0% 100%);transition:.6s ease-in-out;display:flex;align-items:center;margin-bottom:7vh}
#trigger{display:none}
#trigger:checked ~ label .koma{transform:scale(1.25,1.25)}
#trigger:checked ~ label .logo img{transition:.6s ease-in-out;transform:scale(1.1,1.1);z-index:99999;position:relative;left:7vw}
#trigger:checked ~ label .click{display:none}
#trigger:checked ~ label h1{color:transparent}
.one{width:75vw;background:#ffc3c3;background-image:url(img/top/shuchu.png);background-size:cover;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.1);clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(75% - 5px),5px calc(100% - 5px));display:flex;align-items:center;overflow-wrap:break-word;overflow:hidden}
.about{height:65%;margin:0;position:absolute;top:0;left:50%;font-size:1.2em;color:#fff;font-weight:900;transition:all 1s}
.about:nth-child(1){display:none}
.about:nth-child(2){top:-100%}
#trigger:checked ~ label .about:nth-child(1){top:100%}
#trigger:checked ~ label .about:nth-child(2){top:3vh;left:28vw;display:flex;align-items:center}
#trigger:checked ~ label .koma{z-index:999}
.about img{height:20vw;max-height:250px;margin:0}
.bakuhatsu{width:25vw;max-width:400px;position:absolute;bottom:-5vh;left:-6vw;margin:0;z-index:4}
.bakuhatsu:hover{animation:poyon 1.2s 3}
@keyframes poyon {
0%{transform:scale(1.0,1.0) translate(0%,0%)}
15%{transform:scale(0.9,0.9) translate(0%,5%)}
30%{transform:scale(1.3,0.8) translate(0%,10%)}
50%{transform:scale(0.8,1.3) translate(0%,-10%)}
70%{transform:scale(1.1,0.9) translate(0%,5%)}
100%{transform:scale(1.0,1.0) translate(0%,0%)}
}
.newlive{width:25vw;max-width:300px;position:absolute;top:0;left:-5vw;z-index:5}
.poof{width:30vw;max-width:400px;position:absolute;top:-30px;right:-3vw;pointer-events:none;z-index:6}
.yeah{width:13vw;max-width:180px;position:absolute;bottom:10vh;right:0;z-index:7;pointer-events:none}
.koma2{position:relative;margin:0 auto;background:#000;box-sizing:border-box;width:75vw;height:100%;clip-path:polygon(0 17%,100% 0,100% 100%,0% 100%);margin-bottom:90px}
.two{width:100%;background:#152cff;background-size:cover;background-image:url(img/top/dotshuchu.png);background-position:center;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(5px calc(18.5% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px));display:flex}
.two .slider{width:70%;display:flex;align-items:center}
.two .slider .slick-slide{display:flex;align-items:center}
.two .slick-track{margin:13vh 0 5vh}
.two .slider img{width:100%;max-width:400px;margin:0 auto}
.slick-list.draggable{margin:0 auto}
#two img:hover{transition:.6s ease-in-out;transform:scale(1.1,1.1)}
.slider{width:60%;margin:0 auto;padding:0}
.slider img{width:100%;height:100%;object-fit:cover;position:relative;margin:0 auto}
.slider .slick-slide{margin:0 2vw}
.slick-prev,.slick-next{position:absolute;top:50%;cursor:pointer;outline:none;border-top:4px solid #000;border-right:4px solid #000;height:1em;width:1em}
.slick-prev{left:-9.5%;transform:rotate(-135deg)}
.slick-next{right:-9.5%;transform:rotate(45deg)}
.yellow{width:10%;max-width:200px;transform:rotate(30deg);position:absolute;top:100px;right:-3vw;pointer-events:none;z-index:10}
.blue{width:8%;max-width:100px;transform:rotate(15deg);position:absolute;bottom:60px;left:-3vw;z-index:8;pointer-events:none}
.orange{width:40px;transform:rotate(-20deg);position:absolute;bottom:8vh;right:-5vw;z-index:9}
.stageonyou{height:15vw;position:absolute;top:-7vw;left:-5vw;z-index:28}
.what{height:6vw;position:absolute;bottom:-1vh;right:-2vw;z-index:29;pointer-events:none}
.karaoke{height:12vw;position:absolute;top:10vw;left:1vw;z-index:29}
.koma11{position:relative;background:#000;box-sizing:border-box;width:75vw;height:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);margin-bottom:90px}
.eleven{background:#fff;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.eleven img{width:100%;height:auto;position:relative;vertical-align:bottom}
#eleven:hover{transition:1s ease-in-out;transform:scale(1.25,1.25);z-index:999}
.equipment{height:7vw;min-height:100px;position:absolute;bottom:15vh;left:10vw;z-index:12;pointer-events:none;transform:rotate(-14deg)}
.camera{width:15vw;max-width:200px;position:absolute;top:-5vh;right:-3vw;pointer-events:none;z-index:13}
.mic{width:15vw;max-width:200px;position:absolute;top:13vh;left:23vw;pointer-events:none;z-index:14}
.etc{width:15vw;max-width:200px;position:absolute;bottom:30vh;right:-2vw;pointer-events:none;z-index:15}
.komamatome{position:relative;width:75vw;height:80vh;display:flex;margin:0 auto;margin-bottom:20px}
.koma3{margin:0;background:#000;box-sizing:border-box;width:30vw;clip-path:polygon(0% 0%,100% 0%,80% 90%,0% 100%)}
.three{background:#00a4ff;background-image:url(img/top/stripe.png);background-size:contain;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(80% - 5px) calc(90% - 5px),5px calc(100% - 5px));display:flex;align-items:center;height:100%}
.koma4{margin:0;background:#000;box-sizing:border-box;width:50vw;height:70vh;clip-path:polygon(11% 0,100% 0,100% 74%,0 100%)}
.four{background:#fff;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(calc(12.5% - 5px) 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(74% - 5px),calc(2% - 5px) calc(99% - 5px))}
.four .slider{width:100%;height:100%;margin:0 auto;padding:0}
.four .slider img{width:100%;height:70vh;top:0;object-fit:cover;position:relative;margin:0 auto}
.four .slider .slick-slide{margin:0;height:auto}
.four .slick-prev,.slick-next{z-index:1000}
.four .slick-prev{left:8.5%;top:30vh}
.four .slick-next{right:2.5%;top:30vh}
.aboutstudio{width:50vw;max-width:450px;position:absolute;top:5vh;right:-4vw;z-index:17;transform:rotate(13deg)}
.star{height:20vw;max-height:250px;position:absolute;top:30vh;left:-7vw}
.koma5{position:relative;margin:0 auto;background:#000;box-sizing:border-box;width:75vw;height:80vh;clip-path:polygon(0 33%,100% 0,100% 100%,0 100%);transition:.6s ease-in-out;margin-bottom:90px}
.five{text-align:center;height:80vh;padding:1em;background-image:url(img/top/city.png),url(img/top/cityshuchu.png);background-position:bottom right,bottom right;background-size:50vh,cover;background-repeat:no-repeat;background-color:#1d7ebf;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(5px calc(35% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.five img{width:auto;max-width:70vw;height:60%;object-fit:contain;position:relative;top:25vh;z-index:19;align-items:center;display:inline}
.achievements{width:35vw;max-width:400px;position:absolute;top:-150px;left:-6vw;z-index:20;transform:rotate(16deg)}
.omg{height:25vw;max-height:200px;position:absolute;bottom:-70px;right:0;pointer-events:none;transform:rotate(30deg);z-index:21}
.koma6{position:relative;background:#000;width:75vw;height:100%;margin:0 auto;clip-path:polygon(0 0,100% 0,100% 100%,0 85%);margin-bottom:30px}
.six{background:#ffd297;background-image:url(img/top/shasen.png);background-size:cover;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.1);clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(85% - 5px))}
#six img:hover{transition:.6s ease-in-out;transform:scale(1.1,1.1)}
.six .slider{width:90%}
.six .slider img{width:15vw;height:100%;object-fit:cover;position:relative;margin:0 auto;margin-bottom:3vw}
.six .slick-track{height:auto;margin:5vh 0 7vh;display:flex;align-items:center;}
.six .slider .slick-slide{margin:0 1vw;display:flex;align-items:center;height:80%}
.six .slick-prev,.slick-next{border-top:4px solid #000;border-right:4px solid #000}
.six .slick-prev{top:40%;left:-2.5%}
.six .slick-next{top:40%;right:-2.5%}
.koma7{position:relative;background:#000;width:75vw;height:100%;clip-path:polygon(0 0,100% 7%,100% 100%,0% 100%);margin-bottom:90px}
.seven{background:#8b27ba;background-image:url(img/top/storm.png);background-size:cover;background-position:center;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(5px 5px,calc(100% - 5px) calc(8% - 5px),calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.contact{width:45vw;max-width:600px;position:absolute;top:-40px;left:-6vh;z-index:22}
.musiclive{width:15vw;max-width:200px;position:absolute;top:10vh;right:-3vw;z-index:23}
.comedylive{width:15vw;max-width:200px;position:absolute;top:25vh;left:-5vw;z-index:24}
.otherlive{width:15vw;max-width:200px;position:absolute;top:50vh;left:-6vw;z-index:25}
form{position:relative;top:15vh;padding-bottom:25vh}
.Form{margin:0 auto;width:90%;max-width:800px}
.Form-Item{padding:1em;width:100%;display:flex;align-items:center}
.Form-Item-Label{width:100%;max-width:248px;letter-spacing:.05em;font-weight:700;font-size:18px;margin-left:0}
.Form-Item-Label.isMsg{margin-top:8px;margin-bottom:auto}
.Form-Item-Label-Required{border-radius:6px;margin-right:8px;padding-top:8px;padding-bottom:8px;width:48px;display:inline-block;text-align:center;background:#5bc8ac;color:#fff;font-size:14px}
.Form-Item-Input{border:1px solid #ddd;border-radius:6px;margin-left:40px;padding-left:1em;padding-right:1em;height:48px;flex:1;width:100%;background:#eaedf2;font-size:18px}
.Form-Item-Textarea{border:1px solid #ddd;border-radius:6px;margin-left:40px;padding-left:1em;padding-right:1em;height:25vh;flex:1;width:100%;background:#eaedf2;font-size:18px}
.Form-Btn{border-radius:6px;margin-top:1em;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;width:280px;display:block;letter-spacing:.05em;background:#5bc8ac;color:#fff;font-weight:700;font-size:20px;-webkit-appearance:none}
.access{width:35vw;max-width:400px;position:absolute;top:-120px;left:-4vw;transform:rotate(-10deg);z-index:26}
.go{width:50vw;max-width:450px;position:absolute;bottom:-150px;left:21vw;transform:rotate(-6deg);z-index:27;pointer-events:none}
.komamatome2{position:relative;width:75vw;height:68vh;display:grid;margin:0 auto;margin-bottom:10vh}
.koma8{margin:0;background:#000;box-sizing:border-box;width:30vw;height:30vh;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}
.koma8:hover{transform:scale(1.2,1.2);transition:.6s}
.eight{background:#000;background-image:url(img/top/kanban.png);background-size:cover;background-position:center;height:30vh;clip-path:polygon(5px 5px,calc(80% - 5px) 5px,calc(99% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.koma9{flex-flow:column;margin:0;background:#000;box-sizing:border-box;width:38vw;height:30vh;clip-path:polygon(0 0,83% 0,100% 100%,0% 100%);position:absolute;top:38vh}
.koma8:hover{transform:scale(1.2,1.2);animation-duration:1.5s}
.nine{width:38vw;height:30vh;background:#c5f08e;background-image:url(img/top/dot3.png);background-position:center;background-size:cover;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.1);clip-path:polygon(5px 5px,calc(83% - 5px) 5px,calc(99% - 5px) calc(100% - 5px),5px calc(100% - 5px));display:flex;align-items:center}
.nine p{width:65%;margin:0 10% 0 13%}
.koma10{margin:0;background:#000;box-sizing:border-box;width:45vw;height:68vh;clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);position:absolute;right:0}
.ten{height:68vh;background:#fff;box-shadow:inset 0 0 10px 15px rgba(0,0,0,0.2);clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),calc(32% - 5px) calc(100% - 5px))}
.ten iframe{width:100%;height:99%}
.answered{color:#fff;font-size:1em;font-weight:900;text-align:center}
#pagetop{position:fixed;right:0;bottom:0;text-indent:-9999px;margin:0;z-index:9999}
#pagetop a{position:relative;display:block;width:65px;height:65px;background:rgba(0,0,0,1);transition:opacity .6s ease}
#pagetop a:hover{opacity:.3}
#pagetop a::before{position:absolute;top:7px;right:0;bottom:0;left:0;display:block;width:14px;height:14px;margin:auto;content:'';transform:rotate(-45deg);border-top:1px solid #FFF;border-right:1px solid #FFF}
@media (min-width: 960px) {
.sp{display:none!important}
.sp2{display:none}
}
@media (min-width: 520px) {
.grayscale{position:relative;top:10vh;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale:hover{filter:grayscale(0)}
.grayscale2{position:relative;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale2:hover{filter:grayscale(0)}
.grayscale8{position:relative;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale8:hover{filter:grayscale(0)}
.grayscale3{position:relative;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale3:hover{filter:grayscale(0)}
.grayscale4{position:relative;filter:grayscale(100%);transition:.6s ease-in-out;margin-top:-20vh}
.grayscale4:hover{filter:grayscale(0)}
#trigger2{display:none}
#trigger2:checked ~ label .koma5{filter:grayscale(0)}
.grayscale5{position:relative;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale5:hover{filter:grayscale(0)}
.grayscale6{position:relative;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale6:hover{filter:grayscale(0)}
.grayscale7{position:relative;filter:grayscale(100%);transition:.6s ease-in-out}
.grayscale7:hover{filter:grayscale(0)}
.logo{position:relative;display:flex;top:-1.5vh;left:3vw}
.logo img{width:15vw;min-width:200px;z-index:3}
}
@media (max-width: 959px) {
.pc{display:none!important}
.sp2{display:none}
b{font-size:1.2em;line-height:1em}
main{height:100%;border:.3em solid #000;box-shadow:5px 5px 4px 0 #000}
h1{width:97%;top:-2vh;left:2vw;font-size:12vmin}
h2{width:100%;font-size:3.5em;top:60vh;right:0;transform:rotate(5deg);text-align:right}
.green img{width:16vw;top:0}
.green .click img{width:13vw;top:1vh;right:36vw;margin:0}
.purple img{width:13vw;top:-5vh;right:21vw}
.purple .click img{width:13vw;top:-9vh;right:5vw}
.grayscale{position:relative;top:15vh}
.koma{clip-path:polygon(0 0,100% 0%,100% 80%,0% 100%);margin-bottom:150px}
.one{clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(80% - 5px),5px calc(100% - 5px))}
.about{left:6vw;font-size:1em;line-height:2em}
.about img{width:60%;height:auto;display:flex;margin-left:25vw}
.logo{position:absolute;top:-13vh;left:4vw}
.logo img{width:auto;height:15vw;max-height:150px;min-width:auto}
#trigger:checked ~ label .about:nth-child(2){top:4vh;left:1vw}
#trigger:checked ~ label .logo img{transition:.6s ease-in-out;transform:scale(2.0,2.0);position:absolute;top:26vh;left:4vw}
.newlive{position:absolute;width:25vh;max-width:200px;top:-5vw;left:-5vw}
.bakuhatsu{bottom:0;left:-7vw}
.poof{position:absolute;width:35vw;max-width:250px;top:-6vw;right:-1vw}
.yeah{position:absolute;width:15vw;bottom:0;right:-1vw;margin-right:0}
.grayscale2{position:relative;top:auto}
.koma2{height:100%;margin-bottom:90px}
.two{}
.two .slider{width:90%}
.slider{width:80%}
.slide-content-001{width:auto;height:100%;top:0}
.slick-prev{left:-2.5%}
.slick-next{right:-2.5%}
.blue{position:absolute;max-width:60px;top:20vh;right:-2vw;margin:0}
.orange{position:absolute;max-width:30px;top:30vh;right:0}
.yellow{position:absolute;max-width:100px;top:5vh;right:0}
.grayscale8{position:relative;top:auto}
.stageonyou{width:35vh;height:auto;top:-10vw}
.karaoke{top:7vh;left:-2vw}
.what{width:10vh;bottom:0;height:auto}
.koma11{margin-bottom:90px}
.grayscale3{position:relative;display:block;top:auto}
.komamatome{height:100%;margin-bottom:120px}
.koma4{width:75vw;clip-path:polygon(0 0,100% 0,100% 74%,0 100%)}
.four{clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(74% - 5px),5px calc(100% - 5px))}
.four .slick-prev{left:3.5%}
.equipment{height:12vw;min-height:auto;top:-3vh;left:-4vw}
.camera{width:17vw;top:0;right:-2vw}
.mic{width:17vw;top:16vh;left:-5vw}
.etc{width:17vw;top:40vh}
.prev-001{right:68vw}
.grayscale4{position:relative;top:auto}
.koma5{height:100%;clip-path:polygon(0% 30%,100% 0%,100% 100%,0 100%);margin-bottom:90px}
.five{height:auto;clip-path:polygon(5px calc(32% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.five img{top:19vh;width:100%;height:auto;margin-bottom:25vh}
.aboutstudio{width:50vw;top:0;right:-3vw}
.star{width:10vh;height:auto;top:30vh}
.achievements{height:30vw;top:-18vw}
.omg{width:20vw;height:auto;max-width:200px}
.grayscale5{position:relative;top:auto}
.koma6{margin-bottom:20px}
.six .slider{width:80%}
.six .slider img{width:18vw;height:100%;margin:0 auto}
.six .slick-prev{left:-7.5%}
.six .slick-next{right:-7.5%}
.grayscale6{position:relative;top:auto}
.koma7{clip-path:polygon(0% 0%,100% 7%,100% 100%,0 100%)}
.seven{background-position:center;clip-path:polygon(5px 5px,calc(100% - 5px) calc(8% - 5px),calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.contact{width:50vw;top:2vh;left:-1vw}
.musiclive{width:20vw;top:10vh;right:-1vw}
.comedylive{width:20vw;top:30vh;left:-6vw}
.otherlive{width:20vw;top:50vh}
.Form-Item{width:80%;padding:16px 0;flex-wrap:wrap}
.Form-Item-Label{max-width:inherit;display:block;align-items:center;font-size:15px}
.Form-Item-Label.isMsg{margin-top:0}
.Form-Item-Label-Required{border-radius:4px;padding-top:4px;padding-bottom:4px;width:32px;font-size:10px}
.Form-Item-Input{margin-left:0;margin-top:10px;height:40px;flex:inherit;font-size:13px}
.Form-Item-Textarea{margin-top:18px;margin-left:0;height:20vh;flex:inherit;font-size:15px}
.Form-Btn{margin-top:24px;padding-top:8px;padding-bottom:8px;width:160px;font-size:16px}
.access{width:35vh;max-width:none;top:-9vh}
.go{width:50vh;bottom:-20vh;right:0;left:auto}
.grayscale7{position:relative;top:auto;height:85vh;margin-bottom:120px}
.komamatome2{display:block;height:40vh}
.koma9{width:75vw;height:100%;clip-path:polygon(0% 0%,100% 0%,100% 75%,100% 100%,80% 75%,0% 75%);top:auto}
.nine{width:75vw;height:100%;clip-path:polygon(5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(75% - 5px),calc(100% - 5px) calc(97% - 5px),calc(82% - 5px) calc(75% - 5px),5px calc(75% - 5px))}
.nine p{width:52%;position:relative;top:-6vh;margin:0 auto;font-size:1.1em}
.nine img{width:22vw;position:relative;top:-5vh;margin:0 auto}
.koma10{width:75vw;clip-path:polygon(75% 0%,100% 25%,100% 100%,0 100%,0 0);left:0;top:40vh;height:100%}
.ten{width:75vw;height:100%;clip-path:polygon(calc(75% - 5px) 5px,calc(100% - 5px) calc(27% - 5px),calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px),5px 5px)}
.page-top{width:10vw}
.page-top:hover{width:20vw}
}
@media (max-width: 519px) {
b{font-size:1.2em}
img{filter:drop-shadow(2px 0px 2px rgba(34,18,53,0.7))}
h1{width:100%;bottom:-12vh;left:2vw;font-size:11vmin;margin-top:10vh}
h2{width:100%;font-size:3.5em;top:60vh;right:0;transform:rotate(5deg);text-align:right}
main{width:90vw}
.grayscale{top:auto}
.green img{width:20%;top:22vh}
.green .click img{width:20%;top:23vh;right:23vw;margin:0}
.purple img{width:20%;top:12vh;right:24vw}
.purple .click img{width:20%;top:15vh;right:5vw}
.koma{top:13vh;margin-bottom:80px;width:78vw}
.one{width:78vw;clip-path:polygon(4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(80% - 4px),4px calc(100% - 4px))}
.about{left:6vw;font-size:1em;line-height:2em}
.about img{width:90%;height:auto;display:flex;margin:0 auto}
.logo{top:1vh;left:6vw}
.logo img{height:11vh}
#trigger:checked ~ label .about:nth-child(2){top:2vh;left:1vw}
#trigger:checked ~ label .logo img{transition:.6s ease-in-out;transform:scale(1.5,1.5);position:absolute;top:30vh;left:3vw}
#trigger:checked ~ label h1{display:block}
.newlive{width:40vw;top:-2vh}
.bakuhatsu{width:30vw;bottom:0;left:-3vw}
.poof{width:35vw;top:0;right:0}
.yeah{width:20vw;position:absolute;bottom:0;right:-1vw;margin-right:0}
.koma2{clip-path:polygon(0 12%,100% 0,100% 100%,0% 100%);margin-bottom:50px;width:78vw}
.two{clip-path:polygon(4px calc(14% - 4px),calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px))}
.two .slider{width:80%}
.two .slider img{width:100%;max-width:250px;height:100%;object-fit:cover;position:relative;margin:0 auto}
.slider{width:80%}
.slide-content-001{width:auto;height:100%;top:0}
.slick-prev{left:-7.5%}
.slick-next{right:-7.5%}
.blue{width:30%;max-width:40px;top:auto;bottom:0;right:0;margin:0}
.orange{width:30%;max-width:30px;top:auto;bottom:-30px;right:0}
.yellow{width:30%;max-width:50px;top:20px;right:0}
.stageonyou{width:60vw;top:-9vh}
.what{width:25vw;height:auto;position:absolute;bottom:0}
.koma11{margin-bottom:50px;width:78vw}
.eleven{clip-path:polygon(4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px))}
.karaoke{top:5vh;left:-4vw;height:15vw}
.komamatome{width:78vw;display:block;margin-bottom:-60px}
.koma4{width:78vw;clip-path:polygon(0 0,100% 0,100% 74%,0 100%)}
.four{clip-path:polygon(calc(3% - 4px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(74% - 4px),4px calc(99% - 4px))}
.four .slick-prev{left:3.5%}
.equipment{width:60vw;height:auto;top:0;left:0}
.camera{width:20vw;top:0;right:-2vw}
.mic{width:20vw;top:21vh;left:-4vw}
.etc{width:20vw;bottom:-10vh}
.prev-001{right:68vw}
.koma5{width:78vw;top:0;clip-path:polygon(0% 35%,100% 0%,100% 100%,0 100%);margin-bottom:50px}
.koma5c{width:20%}
.five{clip-path:polygon(4px calc(37% - 4px),calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px))}
.five img{top:20vh}
.aboutstudio{width:70vw;top:0;right:-5vw;transform:rotate(-3deg)}
.star{width:10vh;top:27vh;left:-4vw}
.achievements{width:50vw;height:auto;top:-11vh;left:-3vh}
.omg{width:30vw;position:absolute;bottom:-40px;right:-1vw}
.koma6{width:78vw}
.six{clip-path:polygon(4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(85% - 4px))}
.six .slider img{width:24vw;height:100%;margin:0 auto}
.six .slick-prev{left:-7.5%}
.six .slick-next{right:-7.5%}
.koma7{width:78vw;clip-path:polygon(0% 0%,100% 4%,100% 100%,0 100%);margin-bottom:50px}
.seven{background-position:center;clip-path:polygon(4px 4px,calc(100% - 4px) calc(5% - 4px),calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px))}
.contact{width:70vw;top:0;right:-4vw;margin-right:0}
.musiclive{width:25vw;top:10vh;right:-1vw}
.comedylive{width:25vw;top:-5vh;left:-4vw}
.otherlive{width:25vw;top:5vh;left:-6vw}
.Form{top:25vh}
.Form-Item{width:100%}
.Form-Item-Label{max-width:inherit;display:block;align-items:center;font-size:15px}
.Form-Item-Label.isMsg{margin-top:0}
.Form-Item-Label-Required{border-radius:4px;padding-top:4px;padding-bottom:4px;width:32px;font-size:10px}
.Form-Item-Input{margin-left:0;margin-top:10px;height:40px;flex:inherit;font-size:12px}
.Form-Item-Textarea{margin-top:18px;margin-left:0;height:200px;flex:inherit;font-size:15px}
.Form-Btn{margin-top:24px;padding-top:8px;padding-bottom:8px;width:160px;font-size:16px}
.access{width:60vw;max-width:400px;top:-9vh}
.go{width:60vw;bottom:-15vh}
.grayscale7{margin-bottom:40px;height:110vh}
.komamatome2{width:78vw;display:block}
.koma9{width:78vw;height:50vh;clip-path:polygon(0% 0%,100% 0%,100% 75%,100% 100%,80% 75%,0% 75%)}
.nine{width:78vw;height:50vh;clip-path:polygon(4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(75% - 4px),calc(100% - 4px) calc(97% - 4px),calc(82% - 4px) calc(75% - 4px),4px calc(75% - 4px))}
.nine p{width:86%;font-size:4vmin;top:-7vh;left:0}
.nine img{position:absolute;top:3vh;right:5vw;left:auto}
.koma10{width:78vw;clip-path:polygon(75% 0%,100% 25%,100% 100%,0 100%,0 0);left:0;top:45vh;height:60vh}
.ten{width:78vw;clip-path:polygon(calc(75% - 4px) 5px,calc(100% - 4px) calc(27% - 4px),calc(100% - 4px) calc(100% - 4px),5px calc(100% - 4px),4px 4px)}
.page-top{width:10vw}
.page-top:hover{width:20vw}
}
@media screen and (orientation: landscape) and (max-width: 780px) {
.koma{top:15vh;margin-bottom:130px}
#trigger:checked ~ label .logo img{top:40vh}
.koma2{clip-path:polygon(0 12%,100% 0,100% 100%,0% 100%);margin-bottom:50px}
.two{clip-path:polygon(5px calc(15% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.newlive{top:-1vh;width:30vh;left:-12vh}
.poof{width:45vh;top:-4vw;right:-4vw}
.stageonyou{width:70vh}
.what{width:20vh}
.blue{top:auto;bottom:0}
.grayscale3{top:-10vh}
.camera{top:-11vh}
.mic{top:auto;bottom:50px}
.komamatome{margin-bottom:30px}
.grayscale4{margin-top:-25vh}
.aboutstudio{top:-10vh}
.koma5{clip-path:polygon(0% 20%,100% 0%,100% 100%,0 100%);margin-bottom:50px}
.five{clip-path:polygon(5px calc(22% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.star{width:30vh}
.koma7{clip-path:polygon(0% 0%,100% 4%,100% 100%,0% 100%);margin-bottom:50px}
.seven{clip-path:polygon(5px 5px,calc(100% - 5px) calc(5% - 5px),calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.contact{top:-10vh}
.otherlive{top:70vh}
.grayscale7{height:180vh;margin-bottom:50px}
.access{width:60vh;top:-13vh}
.go{width:60vh}
.komamatome2{height:90vh}
.nine img{top:-11vh}
.nine p{width:58%;top:-14vh;font-size:1em}
.koma10{top:80vh}
}
@media screen and (min-width: 781px) and (max-width: 926px) and (orientation: landscape) {
.koma{top:22vh}
.about img{width:50%;margin-left:30vw}
#trigger:checked ~ label .logo img{top:40vh}
.koma2{clip-path:polygon(0 10%,100% 0,100% 100%,0% 100%);margin-bottom:50px}
.two{clip-path:polygon(5px calc(13% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.newlive{top:-1vh;width:40vh;left:-12vh}
.poof{width:45vh;top:-4vw;right:-4vw}
.stageonyou{top:-8vw;width:70vh}
.what{width:20vh}
.karaoke{top:10vh}
.blue{top:auto;bottom:0}
.grayscale3{top:-10vh}
.equipment{height:10vw}
.camera{top:-11vh}
.mic{top:auto;bottom:50px}
.komamatome{margin-bottom:30px}
.grayscale4{margin-top:-25vh}
.aboutstudio{top:-10vh}
.koma5{clip-path:polygon(0% 16%,100% 0%,100% 100%,0 100%);margin-bottom:50px}
.five{clip-path:polygon(5px calc(19% - 5px),calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.star{width:30vh}
.koma7{clip-path:polygon(0% 0%,100% 4%,100% 100%,0% 100%);margin-bottom:50px}
.seven{clip-path:polygon(5px 5px,calc(100% - 5px) calc(5% - 5px),calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px))}
.contact{top:-10vh}
.otherlive{top:70vh}
.grayscale7{height:180vh;margin-bottom:50px}
.access{width:60vh;top:-13vh}
.go{width:60vh}
.komamatome2{height:90vh}
.nine img{top:-11vh}
.nine p{top:-14vh;font-size:1em}
.koma10{top:80vh}
}