@charset "UTF-8";body{-webkit-text-size-adjust:100%;color:#292929;font-family:游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴシック Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;font-size:16px;height:auto;padding:0}body *{box-sizing:border-box}@media screen and (min-width:641px){a:hover,a:hover img{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75}.hover,a.hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-decoration:none;-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-o-transition:background-color .4s linear;transition:background-color .4s linear}}dd,dl,dt,li,ol,ul{list-style:none;margin:0;padding:0}td{text-align:left}th{font-weight:400;text-align:center}section{clear:both;margin:0;padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tfoot,thead,time,ul,var,video{border:0;font-size:100%;font-style:normal;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}.clear_both{clear:both}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}address{font-style:normal}#splash{background:#fff;height:100%;position:fixed;transition:opacity .9s ease-out .5s,visibility .9s .5s;width:100%;z-index:9999}#splash.is-active{opacity:0;visibility:hidden}#splash.is-active>*{animation-duration:1.6s;animation-name:fadeUpAnime02;transition:transform 1s ease-out,filter 1s ease-out,opacity .8s ease-out}@keyframes fadeUpAnime02{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(10px);opacity:0;transform:scale(4)}}#splash_img01,#splash_img02,#splash_img03,#splash_img04,#splash_img05,#splash_img06,#splash_img07,#splash_img08,#splash_img09,#splash_img10,#splash_img11,#splash_img12,#splash_img13,#splash_img14,#splash_img15,#splash_img16,#splash_img17{left:0;margin:auto;position:absolute;right:0;top:33vh;width:clamp(200px,50%,400px)}#splash_logo1 img{height:auto;width:100%}.loadfadeUp01{animation-duration:1.2s;animation-fill-mode:forwards;animation-name:fadeUpAnime01;opacity:0}.loadfadeUp02,.loadfadeUp03,.loadfadeUp04,.loadfadeUp05,.loadfadeUp06,.loadfadeUp07,.loadfadeUp08,.loadfadeUp09,.loadfadeUp10,.loadfadeUp11,.loadfadeUp12,.loadfadeUp13,.loadfadeUp14,.loadfadeUp15,.loadfadeUp16,.loadfadeUp17{animation-duration:.6s;animation-fill-mode:forwards;animation-name:fadeUpAnime01;opacity:0}.loadfadeUp01{animation-delay:.4s}.loadfadeUp02{animation-delay:.6s}.loadfadeUp03{animation-delay:.65s}.loadfadeUp04{animation-delay:.7s}.loadfadeUp05{animation-delay:.75s}.loadfadeUp06{animation-delay:.8s}.loadfadeUp07{animation-delay:.85s}.loadfadeUp08{animation-delay:.9s}.loadfadeUp09{animation-delay:.95s}.loadfadeUp10{animation-delay:1s}.loadfadeUp11{animation-delay:1.05s}.loadfadeUp12{animation-delay:1.1s}.loadfadeUp13{animation-delay:1.15s}.loadfadeUp14{animation-delay:1.2s}.loadfadeUp15{animation-delay:1.25s}.loadfadeUp16{animation-delay:1.3s}.loadfadeUp17{animation-delay:1.35s}@keyframes fadeUpAnime01{0%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.wrapper{font-family:Noto Sans JP,游ゴシック体,YuGothic,Yu Gothic M,游ゴシック Medium,Yu Gothic Medium,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN W3;margin:auto;max-width:1100px;width:90%}body{background-color:#fff;color:#0f0f0f;overflow-x:hidden}img{height:auto;vertical-align:bottom;width:100%}body a:hover,body a:hover img{opacity:1}a,a:active,a:hover,a:link,a:visited{color:#171717;text-decoration:none}.serif{font-family:"Noto Serif JP","serif",Noto Sans JP,游ゴシック体}.sp{display:none}.pc{display:block}@media only screen and (max-width:780px){.sp{display:block}.pc{display:none}}#mainvisual{background-color:#fffed4;background-image:url(/hubfs/raw_assets/public/janis30th/common/images/bg_sun.gif);background-position:center -100px;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;& .head_logo{margin-left:clamp(10px,5vw,20px);padding-top:clamp(10px,5vw,20px);width:clamp(110px,27vw,270px)}& .anv_logo{height:auto;margin:clamp(15px,3vw,40px) auto 0;width:clamp(130px,28vw,460px)}& .kaeruman{position:absolute;right:10%;top:18%;width:clamp(35px,9vw,90px);z-index:3}& .kaeruman figure{animation:shaking1 3.1s ease-in-out infinite}& .hidarime{left:8.7%}& .hidarime,& .migime{position:absolute;top:30.5%;width:clamp(35px,11.7vw,180px);z-index:4}& .migime{right:8.7%}& .pos-ab{left:0;margin:auto;position:absolute;right:0;top:25.6%;z-index:5}& .character{margin:auto;width:clamp(150px,33vw,520px)}& .character ul{align-items:end;display:flex;flex-wrap:wrap;justify-content:space-between}& .character ul li{position:relative;width:clamp(10px,5.5vw,85px)}& .character ul li.chara3{width:clamp(10px,4.6vw,68px)}& .character ul li.chara4{width:clamp(10px,3.6vw,55px)}& .character ul li.chara5{width:clamp(10px,6vw,95px)}& .character ul li .c_head{animation:singing1 2.5s ease-in-out infinite;left:0;position:absolute;top:0;will-change:transform}& .character ul li.chara2 .c_head,.character ul li.chara4 .c_head,.character ul li.chara6 .c_head{animation:singing2 2.5s ease-in-out infinite}& .scroll{margin:7% auto 12%}& .scroll .icon{margin:auto;width:clamp(20px,3.5vw,50px)}& .scroll .stick{animation:shaking2 3s ease-in-out infinite;margin:.6% auto;width:clamp(10px,1.8vw,32px)}& .thanks{margin:auto;width:clamp(220px,52vw,720px)}& .big_flog{margin-left:-20%;margin-top:-3%;position:relative;width:clamp(20px,140%,3000px);z-index:2}}@keyframes singing1{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}@keyframes singing2{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes shaking1{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes shaking2{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes shaking3{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(5px) rotate(2deg)}}@media only screen and (min-width:1700px){#mainvisual{& .anv_logo{width:400px}& .kaeruman{right:calc(50% - 500px);top:440px}& .hidarime{left:calc(50% - 540px);top:640px;width:180px}& .migime{right:calc(50% - 540px);top:640px;width:180px}& .pos-ab{top:590px}& .character{margin-bottom:70px;width:450px}& .character ul li{width:75px}& .character ul li.chara3{width:60px}& .character ul li.chara4{width:48px}& .character ul li.chara5{width:83px}& .scroll{margin:20px auto 160px}& .big_flog{margin:auto;width:1700px}}}@media only screen and (max-width:1400px){#mainvisual{& .pos-ab{top:27%}}}@media only screen and (max-width:900px){#mainvisual{& .pos-ab{top:28%}}}@media only screen and (max-width:780px){#mainvisual{background-position:center -40%;background-size:150%;& .anv_logo{height:auto;margin:clamp(10px,12vw,100px) auto 0;width:clamp(130px,55vw,600px)}& .kaeruman{right:4%;top:10%;width:clamp(10px,13vw,130px)}& .hidarime{left:7%}& .hidarime,& .migime{top:50%;width:clamp(35px,11.7vw,180px)}& .migime{right:7%}& .pos-ab{left:0;right:0;top:34.4%}& .character{margin:auto auto 7%;width:clamp(100px,86vw,780px)}& .character ul li{position:relative;width:clamp(10px,14vw,110px)}& .character ul li.chara1{margin-bottom:17%}& .character ul li.chara2{margin-bottom:7%}& .character ul li.chara3{width:clamp(10px,11vw,90px)}& .character ul li.chara4{width:clamp(10px,9.5vw,72px)}& .character ul li.chara5{margin-bottom:7%;width:clamp(10px,16vw,120px)}& .character ul li.chara6{margin-bottom:17%}& .scroll{margin-bottom:45%;margin-top:-35%}& .scroll .icon{animation:shaking3 2.2s ease-in-out infinite;width:clamp(20px,10.5vw,80px)}& .scroll .stick{display:none}& .thanks{width:clamp(220px,52vw,720px)}& .big_flog{margin-top:20%}}}#introduction{background-image:url(/hubfs/raw_assets/public/janis30th/common/images/bg_introduction.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-top:-300px;padding:320px 0 clamp(100px,18vw,180px);position:relative;& h3{font-size:24px;font-weight:600;line-height:1.6em;margin-bottom:clamp(30px,4.5vw,45px)}& h3,& p{text-align:center}& p{font-size:clamp(16px,1.8vw,18px);font-weight:500;line-height:2.5em}}#message30{padding-top:80px}@media only screen and (min-width:1700px){#introduction{margin-top:-700px;padding-top:720px}}@media only screen and (max-width:780px){#introduction{& p{text-align:left}}}section hgroup{margin-bottom:clamp(40px,6vw,60px);& .po-re{position:relative;z-index:1}& h2{font-size:clamp(40px,6vw,60px);font-weight:600;letter-spacing:.1em;line-height:1em;margin-bottom:15px;padding-top:3%;z-index:2}& h2,& h3{font-family:"Noto Serif JP","serif",Noto Sans JP,游ゴシック体;position:relative;text-align:center}& h3{font-size:clamp(16px,2.5vw,25px);font-weight:500;letter-spacing:.05em;line-height:1.5em;margin-top:5px;z-index:1}& .txtimg{bottom:0;left:0;margin:auto;position:absolute;right:0;width:clamp(220px,70vw,700px);z-index:1}}#history{background-color:#ecf9d9;background-image:url(/hubfs/raw_assets/public/janis30th/common/images/leaf_bg.png);background-position:top;background-repeat:repeat-y;background-size:90%;overflow:hidden;padding:clamp(150px,22vw,220px) 0;position:relative;& .leaf_top{left:0;top:0}& .leaf_bottom,& .leaf_top{position:absolute;width:25%}& .leaf_bottom{bottom:0;right:0}& .leaf_01{position:absolute;right:-3%;top:120px;width:240px}& .leaf_02{left:10%;position:absolute;top:400px;width:140px}& .leaf_03{position:absolute;right:6%;top:900px;width:60px}& .leaf_04{position:absolute;right:4%;top:1400px;width:80px}& .leaf_05{left:7%;position:absolute;top:1600px;width:140px}& .leaf_06{left:30%;position:absolute;top:2200px;width:100px}& .leaf_01_b{position:absolute;right:6%;top:2900px;width:160px}& .leaf_02_b{left:26%;position:absolute;top:3500px;width:60px}& .leaf_03_b{right:25%;top:4000px}& .leaf_03_b,& .leaf_04_b{position:absolute;width:120px}& .leaf_04_b{right:12%;top:4500px}& .leaf_05_b{left:4%;position:absolute;top:4800px;width:100px}& .leaf_06_b{left:20%;position:absolute;top:5000px;width:60px}& .thanks-txt{padding:clamp(50px,8vw,80px) 0 20px;position:relative;text-align:center;z-index:2}& .thanks-txt .txt1{font-size:clamp(32px,5vw,50px);font-weight:500;letter-spacing:.03em;line-height:1.5em;margin-bottom:.5em}& .thanks-txt .txt2{font-size:clamp(14px,2vw,20px);font-weight:500;letter-spacing:.03em;line-height:1.7em}}@media only screen and (min-width:1700px){#history{& .leaf_bottom,& .leaf_top{width:400px}}}@media only screen and (max-width:780px){#history{& .leaf_01{position:absolute;right:-4%;top:60px;width:100px}& .leaf_02{left:-6%;position:absolute;top:200px;width:80px}& .leaf_03{position:absolute;right:2%;top:300px;width:50px}& .leaf_04{position:absolute;right:1%;top:600px;width:40px}& .leaf_05{left:8%;position:absolute;top:700px;width:100px}& .leaf_06{left:10%;position:absolute;top:900px;width:30px}& .leaf_01_b{position:absolute;right:3%;top:1200px;width:60px}& .leaf_02_b{left:6%;position:absolute;top:1400px;width:30px}& .leaf_03_b{position:absolute;right:5%;top:1750px;width:80px}& .leaf_04_b{position:absolute;right:2%;top:1800px;width:60px}& .leaf_05_b{left:-3%;position:absolute;top:2000px;width:50px}& .leaf_06_b{left:5%;position:absolute;top:2300px;width:40px}}}.timeline{margin:auto;padding:0 20px;position:relative;width:100%}.timeline:before{background-color:#fff;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:0}.timeline .timeline-section{margin-bottom:40px;width:100%;z-index:1}.timeline .timeline-card,.timeline .timeline-section{align-items:center;display:flex;flex-direction:column;position:relative}.timeline .timeline-card{background-color:#fff;border-radius:15px;cursor:pointer;height:160px;justify-content:center;transition:background-color .4s ease;width:160px;z-index:2}.timeline .timeline-section.open .timeline-card{background-color:#9fe07c}.timeline .p-relative{position:relative}.timeline .p-relative .keroppy{left:calc(50% - 120px);position:absolute;top:10px;transform:rotate(-40deg);-webkit-transform:rotate(-40deg);width:65px;z-index:1}.timeline .p-relative .tamachan{left:calc(50% - 100px);position:absolute;top:20px;transform:rotate(10deg);-webkit-transform:rotate(10deg);width:45px;z-index:3}.timeline .p-relative .kerochan{left:calc(50% + 60px);position:absolute;top:10px;transform:rotate(30deg);-webkit-transform:rotate(30deg);width:65px;z-index:1}.timeline .p-relative .kerochan2{bottom:10px;left:80px;position:absolute;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);width:55px;z-index:1}.timeline .year-label{color:#9fe07c;font-size:22px;font-weight:700;margin:0}.timeline .timeline-section.open .year-label{color:#fff}.timeline .icon{bottom:15px;color:#9fe07c;font-size:28px;line-height:1;position:absolute;right:15px}.timeline .timeline-section.open .icon{color:#fff}.timeline .accordion-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1);width:100%}.timeline .timeline-section.open .accordion-wrapper{grid-template-rows:1fr}.timeline .accordion-content{min-height:0}.timeline .detail-row{align-items:center;display:grid;grid-template-columns:1fr 80px 1fr;margin-bottom:20px;width:100%}.timeline .timeline-section .accordion-wrapper .detail-row:first-child{margin-top:20px}.timeline .detail-row.age-liner-left,.timeline .detail-row.age-liner-right{position:relative}.timeline .detail-row.age-liner-left:after{background-color:#fff;bottom:0;content:"";height:2px;left:calc(50% - 40px);margin:auto;position:absolute;top:0;width:40px}.timeline .detail-row.age-liner-right:after{background-color:#fff;content:"";height:2px;position:absolute;right:calc(50% - 30px);top:10px;width:30px}.timeline .detail-row.po-hukidashi{position:relative}.timeline .detail-row.po-hukidashi .re-hukidashi{position:absolute;right:calc(50% + 20px);top:-60px;width:110px}.timeline .center-node{align-items:center;background-color:#9fe07c;border-radius:50%;color:#fff;display:flex;font-size:15px;height:60px;justify-content:center;margin:0 auto;width:60px;z-index:2}.timeline .side-content{display:flex;flex-direction:column}.timeline .side-content.left{align-items:flex-end}.timeline .side-content.right{align-items:flex-start}.timeline .side-content.left{grid-column:1}.timeline .center-node{grid-column:2}.timeline .side-content.right{grid-column:3}.timeline .media-card{background-color:#fff;border-radius:10px;max-width:350px;padding:10px;width:90%}.timeline .media-card img{display:block;height:auto;width:100%}.timeline .media-card p{color:#333;font-size:13px;font-weight:700;line-height:1.4;margin:10px 5px 5px}.timeline .text-pill{background-color:#ffbc04;border-radius:30px;display:inline-block;padding:8px 18px;position:relative;z-index:2}.timeline .text-pill p{color:#fff;font-size:13px;font-weight:500;margin:0;white-space:normal}.timeline .text-pill p span{color:#f1ff00;margin:0 2px}.timeline .plain-text p{color:#000;font-size:14px;font-weight:500;margin:0}.timeline .plain-text p span{color:#dbe170;margin:0 2px}.video-modal{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal-overlay{background:rgba(0,0,0,.85);cursor:pointer;height:100%;position:absolute;width:100%}.video-modal-content{left:50%;max-width:900px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.video-aspect{height:0;padding-bottom:56.25%;position:relative}.video-aspect iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:40px;position:absolute;right:0;top:-45px}body.is-modal-open{overflow:hidden}@media only screen and (max-width:780px){.timeline .detail-row{display:flex;flex-direction:column-reverse;margin-bottom:0}.timeline .detail-row>*{margin-bottom:20px}.sp-none.center-node,.timeline .detail-row.age-liner-left:after,.timeline .detail-row.age-liner-right:after{display:none}.timeline .detail-row.po-hukidashi{margin-top:20px}.timeline .detail-row.po-hukidashi .re-hukidashi{right:calc(50% - 145px);top:-20px;width:70px}.timeline .media-card{max-width:300px;width:100%}.timeline .p-relative .kerochan2{bottom:10px;left:30px;width:40px}.timeline .text-pill{padding:6px 10px}.timeline .text-pill p{font-size:12px;text-align:center}.timeline .plain-text p{font-size:13px;text-align:center}}@media only screen and (max-width:380px){.timeline .detail-row.po-hukidashi .re-hukidashi{right:2%}}#brand{background-color:#ecf9d9;background-image:url(/hubfs/raw_assets/public/janis30th/common/images/bg_brandlogo.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:clamp(100px,18vw,180px) 0;position:relative;&:before{background-color:hsla(0,0%,100%,.4);content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:1200px}& hgroup .txtimg{width:clamp(320px,90vw,900px)}& .contents{position:relative}& .logo{margin:auto auto clamp(50px,10vw,100px);width:clamp(250px,80%,570px)}& p{font-size:clamp(16px,1.8vw,18px);font-weight:500;line-height:2.5em;text-align:center}}@media only screen and (max-width:780px){#brand{&:before{background-color:hsla(0,0%,100%,.3);width:30%}& p{text-align:left}}}#character{background-image:url(/hubfs/raw_assets/public/janis30th/common/images/bg_character.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:clamp(80px,12vw,120px) 0;position:relative;& hgroup .txtimg{width:clamp(280px,85vw,850px)}& .illust_head{margin:auto auto clamp(80px,12vw,120px)}& .illust_head figure{margin:auto;width:clamp(200px,70%,500px)}& .illust_head .txt1{font-size:clamp(20px,2.6vw,26px);font-weight:500;line-height:1.8em;margin-top:15px;text-align:center}}@media only screen and (max-width:780px){#character{& .illust_head{margin-top:-30%}& .illust_head figure{width:100%}}}#message{background-color:#f4fffd;padding:clamp(80px,12vw,120px) 0 20px;position:relative;& hgroup .txtimg{width:clamp(200px,68vw,680px)}& .txt-box h3{font-size:24px;font-weight:600;line-height:1.6em;margin-bottom:clamp(30px,4.5vw,45px);text-align:center}& .txt-box p{font-size:clamp(16px,1.8vw,18px);font-weight:500;line-height:2.5em;text-align:center}& ul.banner-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:clamp(50px,9vw,90px)}& ul.banner-list li{width:30.66667%}& .info-box{margin-top:clamp(40px,9vw,90px)}& .info-box .txt1{font-size:clamp(15px,1.6vw,16px);font-weight:600}& .info-box .txt1,& .info-box .txt2{line-height:1.6em;margin-bottom:10px}& .info-box .txt2,& .info-box .txt3 a{font-size:clamp(13px,1.4vw,14px)}& .info-box .txt3 a{line-height:1.6em}}@media only screen and (max-width:780px){#message{& .txt-box p{text-align:left}& ul.banner-list{margin-left:auto;margin-right:auto;max-width:450px;width:90%}& ul.banner-list:not(:last-child) li{margin-bottom:6%}& ul.banner-list li{width:100%}& .info-box{margin-left:auto;margin-right:auto;max-width:450px;width:90%}}}footer{background-color:#f4fffd;background-image:url(/hubfs/raw_assets/public/janis30th/common/images/bg_footer.gif);background-position:top;background-repeat:no-repeat;background-size:cover;padding:clamp(200px,30vw,300px) 0 15px;position:relative;& hgroup .txtimg{width:clamp(200px,68vw,680px)}& .txt1{color:#fff;font-size:clamp(19px,2vw,20px);font-weight:500;line-height:1.6em;margin-bottom:20px;text-align:center}& .illust{margin:auto auto clamp(20px,7vw,70px);max-width:500px;width:90%}& p.copyright{color:#fff;font-size:clamp(12px,1.4vw,14px);font-weight:300;line-height:1.5em;text-align:center}}.slide-in{opacity:0;transform:translate(400px,-40px);transition:opacity .2s,transform .4s;transition-delay:2.9s}.slide-in.show{opacity:1;transform:translate(0)}.scroll-fadeup{opacity:0;transform:translateY(20px);transition:opacity .5s,transform 1s}.scroll-fadeup.is-inview{opacity:1;transform:translateY(0)}.scroll-scaleup{opacity:0;transform:scale(0);transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.scroll-scaleup.is-inview{opacity:1;transform:scale(1)}.scroll-slidein-left{transform:translate(50px,60px);transition:transform 1s}.scroll-slidein-left.is-inview{transform:translate(0)}.scroll-slidein-right{transform:translate(-50px,60px);transition:transform 1s}.scroll-slidein-right.is-inview{transform:translate(0)}