@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap";.layout-container{width:100%}#content img{vertical-align:bottom;max-width:100%;height:auto;overflow:visible}#content svg{overflow:visible}a[href$=".pdf"]:not(.m-no-icon):after,a[target=_blank]:not(.m-no-icon):after{display:none}.secondary-nav a[target=_blank]:after{display:inline-block}@media screen and (min-width: 769px){body{width:100% !important;margin:0}body.scroll{position:inherit}body #sapporo-topicpath-area.topicpathB{background:#fff;position:relative;z-index:10}body #sapporo-footer-area{position:relative}body #sapporo-footer-area:after{content:"";display:block;width:100%;height:18px;background:#fff;position:absolute;bottom:-18px}body .layout-footer_return-top a{border-radius:50%;border:2px solid #fff}body .pageTop{margin:0;white-space:nowrap;text-indent:100%;overflow:hidden;position:fixed;bottom:15px;right:30px;width:45px;height:45px;border-radius:50%;border:2px solid #fff;z-index:9;display:none !important}body .pageTop a{display:block;width:45px;height:45px;background:#000 url(/common/img/layout/footer-return-top_img01.svg) no-repeat 0 0;background-size:45px auto;border-radius:50%;display:none !important}body .pageTop.fixed{position:absolute;bottom:-25px}.sapporo-otokoume-contents-area{position:relative}#content{min-width:950px;margin-bottom:0 !important;position:relative}#content ul{list-style:none;padding:0}#content .sp{display:none !important}#content .inner{width:950px;margin:0 auto;box-sizing:border-box;position:relative}#content .clr:after{content:"";display:block;clear:both;height:0}#content h1,#content h2,#content h3,#content p{margin:0}#content ul,#content ol,#content dl,#content li,#content dt,#content dd{margin:0;padding:0;list-style:none}#content .figure img{width:inherit;height:inherit;display:inherit;margin:inherit}#content #bnrArea{position:relative;background:#fff;padding-top:40px;padding-bottom:40px}#content #bnrArea ul{margin:0 0 0 -20px;list-style:none;padding:0;display:flex;justify-content:center}#content #bnrArea ul li{margin:0 10px 10px}#content #bnrArea ul li a:hover img{animation:hover 300ms ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}#content #bnrArea ul li a span{display:block;width:465px;height:190px;overflow:hidden}#content #bnrArea ul li a span.small{height:90px}#content #bnrArea ul li a:after{display:none}#content #bnrArea ul li a:hover img{animation:hover 300ms ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}}@media screen and (max-width: 768px){#sapporo-topicpath-area{display:none}body{width:100% !important;margin:0}body.scroll{position:inherit;overflow-y:inherit}body #sapporo-topicpath-area.topicpathB{background:#fff;position:relative;z-index:1}body .sp-area-footer{position:relative;z-index:6}body #sapporo-footer-area:after{content:"";display:block;width:100%;height:18px;background:#fff;position:absolute;bottom:-18px}body .sp-all,body #sp-area-footer{position:relative}body .sp-all{z-index:11}body .layout-footer_return-top a{border-radius:50%;border:2px solid #fff}body .pageTop{display:none}#content{max-width:750px;overflow:hidden;margin-bottom:0 !important}#content .pc{display:none !important}#content .inner{margin:0 auto;box-sizing:border-box;position:relative}#content .clr:after{content:"";display:block;clear:both;height:0}#content h1,#content h2,#content h3,#content p{margin:0}#content ul,#content ol,#content dl,#content li,#content dt,#content dd{margin:0;padding:0;list-style:none}#content img{width:100%;min-width:auto !important}#content #bnrArea{position:relative;background:#fff;padding:30px 20px}#content #bnrArea li{max-width:335px;margin:0 auto}#content #bnrArea li a:after{content:none !important}#content #bnrArea li+li{margin-top:15px}}body.is-fixed{position:fixed;width:100%;height:100%;left:0}@media screen and (max-width: 768px){body.is-fixed #nav{opacity:0}#content img{height:auto}}#content *{font-family:"Noto Sans JP","Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif}@media screen and (max-width: 768px){#content #contentWrap{position:relative}}#content .mainContents{position:relative}@media screen and (max-width: 768px){#content .mainContents{z-index:10}}#content #nav{background:#000;height:50px;border-top:1px solid #666;position:absolute;top:0;width:100%;z-index:211}@media print,screen and (min-width: 769px){#content #nav{height:70px;border:none;background:rgba(7,6,7,.7)}}@media screen and (max-width: 768px){#content #nav{top:-50px}}#content #nav.is-fixed{position:fixed;top:0;left:0}#content #nav .ttl{width:115px;line-height:50px;position:absolute;top:12px;left:10px}@media screen and (max-width: 768px){#content #nav .ttl{width:100px;top:-13px}}@media print,screen and (min-width: 769px){#content #nav .ttl{top:9px;left:-1px}}@media print,screen and (max-width: 768px){#content #nav.is-fixed{top:-1px}}#content #nav .ttl a{display:block}@media print,screen and (min-width: 769px){#content #nav .ttl a:hover{background:url("/otokoume/img/index/ttl_on.png") no-repeat;background-size:102px}}@media print,screen and (min-width: 769px){#content #nav .ttl a:hover img{opacity:0}}#content #nav .sns{position:absolute;right:60px;top:11px}@media print,screen and (min-width: 769px){#content #nav .sns{width:115px;height:81px;padding:10px 0 0;top:1px;right:-10px}}@media screen and (max-width: 768px){#content #nav .sns .text{display:none}}@media print,screen and (min-width: 769px){#content #nav .sns .text{text-align:center;height:13px;margin:0 0 6px}#content #nav .sns .text picture{display:flex;justify-content:center}}#content #nav .sns .snsBtn{display:flex;flex-wrap:wrap;justify-content:center}#content #nav .sns .snsBtn li{margin:0 8px}@media print,screen and (min-width: 769px){#content #nav .sns .snsBtn li{margin:0 4px}}@media print,screen and (min-width: 769px){#content #nav .sns .snsBtn a:hover img{animation:hover .3s ease}}#content #nav .sns .snsBtn img{width:28px}@media screen and (max-width: 768px){#content #nav .gnav{background:#e60012;width:100%;height:calc(100vh - 50px);position:absolute;top:50px;left:0px;z-index:230;box-sizing:border-box}}@media print,screen and (min-width: 769px){#content #nav .gnav{position:absolute;top:9px;left:152px}}@media screen and (max-width: 768px){#content #nav .gnav ul{position:absolute;top:45%;transform:translateY(-50%)}}@media print,screen and (min-width: 769px){#content #nav .gnav ul{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-15px}}@media screen and (max-width: 768px){body.landscape #content #nav .gnav ul{position:relative;top:0;transform:translateY(0)}}#content #nav .gnav li{margin:10vw 0}@media print,screen and (min-width: 769px){#content #nav .gnav li{margin:0 22px 0 0;background-repeat:no-repeat;background-position:0;height:52px}}@media screen and (max-width: 768px){body.landscape #content #nav .gnav li{width:340px;margin:17px auto}}@media screen and (max-width: 768px){#content #nav .gnav li a{display:block;overflow:hidden}}@media print,screen and (min-width: 769px){#content #nav .gnav li a:hover img{opacity:0}}@media print,screen and (min-width: 769px){#content #nav .gnav .navTop:hover{background-image:url("/otokoume/img/index/nav_txt01_on.png");background-size:52px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navNews:hover{background-image:url("/otokoume/img/index/nav_txt02_on.png");background-size:98px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navWhat:hover{background-image:url("/otokoume/img/index/nav_txt03_on.png");background-size:136px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navLineup:hover{background-image:url("/otokoume/img/index/nav_txt04_on.png");background-size:105px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navDrink:hover{background-image:url("/otokoume/img/index/nav_txt05_on.png");background-size:179px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navSns:hover{background-image:url("/otokoume/img/index/nav_txt07_on.png");background-size:120px}}@media print,screen and (min-width: 769px){#content #nav .gnav .navPickup:hover{background-image:url("/otokoume/img/index/nav_txt08_on.png");background-size:88px}}@media screen and (max-width: 768px){#content #nav .gnav{height:0;opacity:0;overflow:hidden;transition:.5s .5s}}@media screen and (max-width: 768px){#content #nav .gnav li{overflow:hidden}}@media screen and (max-width: 768px){#content #nav .gnav li a img{display:block;transform:translateY(100%);transition:.5s 1s}}@media screen and (max-width: 768px){#content #nav .gnav.is-open{opacity:1;height:calc(100vh - 50px);overflow-y:scroll}}@media screen and (max-width: 768px){#content #nav .gnav.is-open li a img{transform:translateY(0);transition:.5s 1s}}#content #nav .navBtn{width:50px;height:50px;position:absolute;top:0;right:0;background-image:url("/otokoume/img/index/sp/nav_btn.png");background-size:50px;background-position:center top}@media print,screen and (min-width: 769px){#content #nav .navBtn{display:none}}#content #nav .navBtn.is-open{background-position:center bottom}#content .mv{position:relative;z-index:1}@media print,screen and (min-width: 769px){#content .mv{background:url(/otokoume/img/index/mv_bg.png) no-repeat top center/auto;padding-top:70px;height:735px}}@media screen and (max-width: 768px){#content .mv{background:url(/otokoume/img/index/sp/mv_bg.png) no-repeat top center/auto;min-height:185.3333333333vw}}#content .mv__uramenu{position:absolute;right:0;z-index:12}@media print,screen and (min-width: 769px){#content .mv__uramenu{width:343px;top:70px}}@media screen and (max-width: 768px){#content .mv__uramenu{top:0;width:40vw}}#content .mv__uramenu a{display:block}#content .mv__inner{position:absolute;z-index:11}@media print,screen and (min-width: 769px){#content .mv__inner{left:50%;transform:translate(-50%, -50%) !important;top:402px;width:1270px;height:100%}}@media screen and (max-width: 768px){#content .mv__inner{top:2.6666666667vw;height:100%}}#content .mv__copy{position:absolute;z-index:4}@media print,screen and (min-width: 769px){#content .mv__copy{top:240px;left:50%;transform:translate(-50%, -50%) !important;width:1262px}}@media screen and (max-width: 768px){#content .mv__copy{top:43.0666666667vw;width:100%}}#content .mv__copy img{opacity:0}#content .mv__can{margin:auto;position:absolute;bottom:0;left:0;right:0;z-index:5;height:100%;opacity:0}@media print,screen and (min-width: 769px){#content .mv__can{width:-moz-fit-content;width:fit-content;height:691px;padding-left:30px}}@media screen and (max-width: 768px){#content .mv__can{width:51.2vw;height:97.2vw}}#content .mv__splash{margin:auto;position:absolute;left:0;right:0;z-index:1;opacity:0}@media print,screen and (min-width: 769px){#content .mv__splash{top:70px;width:483px}}@media screen and (max-width: 768px){#content .mv__splash{top:74.6666666667vw}}#content .mv__obj{position:absolute;left:0;right:0;margin:auto;z-index:3;opacity:0}@media print,screen and (min-width: 769px){#content .mv__obj{left:50%;transform:translate(-50%, -50%) !important;top:455px;width:1427px;height:747px}}@media screen and (max-width: 768px){#content .mv__obj{top:-1.3333333333vw}}#content .mv__ume{position:absolute;z-index:1;opacity:0}@media print,screen and (min-width: 769px){#content .mv__ume{left:50%;transform:translate(-50%, -50%) !important;width:1440px;top:90px}}@media screen and (max-width: 768px){#content .mv__ume{top:-1.3333333333vw}}#content .mv__human01{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human01{left:840px;bottom:90px;width:270px}}@media screen and (max-width: 768px){#content .mv__human01{top:10.6666666667vw;left:56vw;width:25.3333333333vw}}#content .mv__human01 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human02{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human02{left:170px;bottom:140px;width:270px}}@media screen and (max-width: 768px){#content .mv__human02{top:9.3333333333vw;left:16vw;width:25.3333333333vw}}#content .mv__human02 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human03{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human03{left:78px;bottom:114px;width:120px}}@media screen and (max-width: 768px){#content .mv__human03{top:113.3333333333vw;left:5.3333333333vw;width:13.3333333333vw}}#content .mv__human03 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human04{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human04{left:205px;bottom:58px;width:70px}}@media screen and (max-width: 768px){#content .mv__human04{top:133.3333333333vw;left:13.3333333333vw;width:8vw}}#content .mv__human04 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human05{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human05{left:341px;bottom:15px;width:120px}}@media screen and (max-width: 768px){#content .mv__human05{top:144vw;left:9.3333333333vw;width:13.3333333333vw}}#content .mv__human05 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human06{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human06{left:31px;top:366px;width:90px}}@media screen and (max-width: 768px){#content .mv__human06{top:98.6666666667vw;left:1.3333333333vw;width:10.6666666667vw}}#content .mv__human06 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human07{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human07{left:780px;top:273px;width:80px}}@media screen and (max-width: 768px){#content .mv__human07{top:102.6666666667vw;left:69.3333333333vw;width:10.6666666667vw}}#content .mv__human07 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human08{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human08{left:913px;top:275px;width:130px}}@media screen and (max-width: 768px){#content .mv__human08{top:130.6666666667vw;left:80vw;width:17.3333333333vw}}#content .mv__human08 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human09{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human09{left:1113px;top:391px;width:110px}}@media screen and (max-width: 768px){#content .mv__human09{top:156vw;left:76vw;width:13.3333333333vw}}#content .mv__human09 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__human10{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .mv__human10{left:1100px;bottom:50px;width:100px}}@media screen and (max-width: 768px){#content .mv__human10{top:112vw;left:77.3333333333vw;width:13.3333333333vw}}#content .mv__human10 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .mv__bnr{position:absolute;left:0;right:0;max-width:1000px;margin:0 auto;z-index:20;opacity:0}@media print,screen and (min-width: 769px){#content .mv__bnr{top:332px;height:495px}}@media screen and (max-width: 768px){#content .mv__bnr{width:100vw;bottom:2.6666666667vw;height:184.5333333333vw}}#content .mv__bnr a{position:absolute;display:block}@media print,screen and (min-width: 769px){#content .mv__bnr a{left:0;bottom:40px}}@media screen and (max-width: 768px){#content .mv__bnr a{width:88vw;left:0;right:0;bottom:5.3333333333vw;margin:auto}}#content .mv__bnr a:hover{animation:hover 300ms ease}#content .mv.show .mv__human01,#content .mv.show .mv__human02,#content .mv.show .mv__human03,#content .mv.show .mv__human04,#content .mv.show .mv__human05,#content .mv.show .mv__human06,#content .mv.show .mv__human07,#content .mv.show .mv__human08,#content .mv.show .mv__human09,#content .mv.show .mv__human10{animation:popup .2s ease-in 2.5s forwards}#content .mv.show .mv__copy img{animation:popup .15s ease-in 2s forwards}#content .mv.show .mv__can{animation:popup .15s ease-in 1s forwards}#content .mv.show .mv__splash{animation:popup .15s ease-in 1.1s forwards}#content .mv.show .mv__obj{animation:popup .15s ease-in 3s forwards}#content .mv.show .mv__ume{animation:popup .15s ease-in 2.4s forwards}#content .mv.show .mv__bnr{animation:fadeIn .15s ease-in 2.4s forwards}#content .movie{position:relative;z-index:1}@media print,screen and (min-width: 769px){#content .movie{background:#000 url(/otokoume/img/index/movie_bg.svg) no-repeat top center/cover;min-height:915px}}@media screen and (max-width: 768px){#content .movie{background:#000 url(/otokoume/img/index/sp/movie_bg.svg) no-repeat top center/cover;min-height:140.8vw}}#content .movie__txt{text-align:center;position:absolute;left:0;right:0;margin:auto;z-index:3;opacity:0}@media print,screen and (min-width: 769px){#content .movie__txt{top:30px}}@media screen and (max-width: 768px){#content .movie__txt{top:10.1333333333vw;width:97.0666666667vw}}#content .movie__txt.is-animate{animation:popup .1s ease-in .5s forwards}#content .movie__glass{margin:0 auto;text-align:center;position:absolute;z-index:1}@media print,screen and (min-width: 769px){#content .movie__glass{left:50%;transform:translate(-50%, -50%) !important;width:1079px;height:732px;top:455px;padding-top:190px;padding-left:160px}}@media screen and (max-width: 768px){#content .movie__glass{padding-top:50.6666666667vw;height:auto}}#content .movie__glass img{max-width:initial;width:100%}#content .movie__splash{position:absolute;margin:auto;z-index:2;pointer-events:none}@media print,screen and (min-width: 769px){#content .movie__splash{top:404px;left:50%;transform:translate(-50%, -50%) !important;width:1175px;height:1024px;padding-right:50px}}@media screen and (max-width: 768px){#content .movie__splash{bottom:0;padding-right:2.6666666667vw;width:100vw}}#content .movie__splash img{opacity:0}#content .movie__splash.is-animate img{animation:popup .15s ease-in .5s forwards}#content .movie__obj{position:absolute;margin:auto;z-index:2}@media print,screen and (min-width: 769px){#content .movie__obj{left:50%;transform:translate(-50%, -50%) !important;top:410px;width:1513px;height:776px}}@media screen and (max-width: 768px){#content .movie__obj{top:4vw;width:114.6666666667vw;left:-5.3333333333vw}}#content .movie__obj img{opacity:0}#content .movie__obj.is-animate img{animation:popup .15s ease-in .5s forwards}#content .movie__contents{position:absolute;left:0;right:0;margin:auto;z-index:3;text-align:center}@media print,screen and (min-width: 769px){#content .movie__contents{top:490px;width:530px}}@media screen and (max-width: 768px){#content .movie__contents{top:74.6666666667vw}}#content .movie__ttl{text-align:center;margin:0 auto}@media print,screen and (min-width: 769px){#content .movie__ttl{margin-bottom:12px}}@media screen and (max-width: 768px){#content .movie__ttl{width:40.4vw;margin-bottom:3.7333333333vw}}#content .movie__iframe{position:relative}@media screen and (max-width: 768px){#content .movie__iframe{width:60vw;margin:0 auto}}#content .movie__iframe iframe{border-radius:6px;overflow:hidden}@media screen and (max-width: 768px){#content .movie__iframe iframe{width:60vw;height:auto;aspect-ratio:16/9}}#content .movie__iframe::before{content:"";background:url(/otokoume/img/index/movie_frame.svg) no-repeat top/100%;display:block;position:absolute;top:0;pointer-events:none}@media print,screen and (min-width: 769px){#content .movie__iframe::before{left:-2px;width:534px;height:304px}}@media screen and (max-width: 768px){#content .movie__iframe::before{left:-0.4vw;top:-.2666666667vw;width:60.2666666667vw;height:33.8666666667vw}}#content .news{background:#000 url(/otokoume/img/index/news_bg.png) no-repeat top center/cover}#content .news__inner{max-width:780px;margin:0 auto;text-align:center;opacity:0}#content .news__inner.is-animate{animation:fadeIn .15s linear .5s forwards}@media print,screen and (min-width: 769px){#content .news__inner{padding:42px 0 98px}}@media screen and (max-width: 768px){#content .news__inner{padding:12.8vw 0 21.0666666667vw}}@media print,screen and (min-width: 769px){#content .news__ttl{margin-bottom:32px}}@media screen and (max-width: 768px){#content .news__ttl{width:53.7333333333vw;margin:0 auto 4vw}}#content .news__list{display:flex;flex-wrap:wrap}@media print,screen and (min-width: 769px){#content .news__list{-moz-column-gap:28px;column-gap:28px;row-gap:28px}}@media screen and (max-width: 768px){#content .news__list{margin:0 auto;flex-direction:column;align-items:center;width:66.6666666667vw;row-gap:5.3333333333vw}}@media print,screen and (min-width: 769px){#content .news__list li{width:376px}}#content .news__list li a{display:block}@media print,screen and (min-width: 769px){#content .news__list li a:hover{animation:hover 300ms ease}}#content .about{position:relative;z-index:2}@media print,screen and (min-width: 769px){#content .about{background:url(/otokoume/img/index/about_bg.png) repeat-x top center/1440px auto;margin-top:-40px;margin-bottom:-40px}}@media screen and (max-width: 768px){#content .about{background:url(/otokoume/img/index/sp/about_bg.png) repeat-x top center/100% auto;margin-top:-10.6666666667vw;margin-bottom:-5.3333333333vw}}#content .about__box{margin:0 auto;position:relative}@media print,screen and (min-width: 769px){#content .about__box{max-width:1000px;padding:150px 0 180px}}@media screen and (max-width: 768px){#content .about__box{padding:21.3333333333vw 0 64vw}}@media print,screen and (min-width: 769px){#content .about__contents{padding-left:450px}}#content .about__ttl{opacity:0}@media print,screen and (min-width: 769px){#content .about__ttl{margin-bottom:22px}}@media screen and (max-width: 768px){#content .about__ttl{width:74.9333333333vw;margin:0 auto}}#content .about__ttl.is-animate{animation:slideIn .5s 1s cubic-bezier(0.25, 1, 0.5, 1) forwards}#content .about__txt{color:#fff;font-weight:500;text-align:center;line-height:1.8260869565}@media print,screen and (min-width: 769px){#content .about__txt{font-size:23px}}@media screen and (max-width: 768px){#content .about__txt{font-size:4vw;padding-top:42.6666666667vw}}#content .about__umezo{position:absolute}@media print,screen and (min-width: 769px){#content .about__umezo{top:54px;left:10px}}@media screen and (max-width: 768px){#content .about__umezo{width:50.6666666667vw;top:34.6666666667vw;left:6.6666666667vw}}#content .about__umezo .umezo{opacity:0}#content .about__umezo .umezo.is-animate{animation:popup .15s ease-in .5s forwards}#content .about__umezo .can{position:absolute;opacity:0}@media print,screen and (min-width: 769px){#content .about__umezo .can{top:230px;left:-20px}}@media screen and (max-width: 768px){#content .about__umezo .can{width:61.3333333333vw;top:5.3333333333vw;left:-26.6666666667vw}}#content .about__umezo .can.is-animate{animation:popup .15s ease-in .8s forwards}#content .about__obj01{position:absolute;left:0;right:0;margin:auto;opacity:0;pointer-events:none}#content .about__obj01.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .about__obj01{left:50%;transform:translate(-50%, -50%) !important;top:clamp(290px,14vw,310px);width:max(1500px,73vw)}}@media screen and (max-width: 768px){#content .about__obj01{top:64vw;left:0;width:100vw}}#content .about__obj02{position:absolute;left:0;margin:auto;opacity:0;pointer-events:none}#content .about__obj02.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .about__obj02{top:66px;left:-136px}}@media screen and (max-width: 768px){#content .about__obj02{width:23.0666666667vw;left:57.3333333333vw;top:34.6666666667vw}}#content .about__obj02 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .about__obj03{position:absolute;opacity:0;pointer-events:none}#content .about__obj03.is-animate{animation:popup .15s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .about__obj03{top:510px;left:170px}}@media screen and (max-width: 768px){#content .about__obj03{width:54.6666666667vw;left:36vw;bottom:26.6666666667vw}}#content .about__obj03 .img{position:relative;z-index:2}@media screen and (max-width: 768px){#content .about__obj03 .img{width:23.3333333333vw}}#content .about__obj03 .img img{transform-origin:center;animation:yurayura 2s linear infinite}#content .about__obj03 .balloon{position:absolute;z-index:1}@media print,screen and (min-width: 769px){#content .about__obj03 .balloon{width:222px;top:-70px;left:100px}}@media screen and (max-width: 768px){#content .about__obj03 .balloon{width:38.5333333333vw;top:-12vw;left:17.3333333333vw}}#content .about__obj04{position:absolute;margin:auto;opacity:0}#content .about__obj04.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .about__obj04{width:168px;top:430px;left:965px}}@media screen and (max-width: 768px){#content .about__obj04{width:25.8666666667vw;top:45.3333333333vw;right:2.6666666667vw}}#content .about__obj04 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .method__box{margin:0 auto;position:relative}@media print,screen and (min-width: 769px){#content .method__box{max-width:1000px;padding:0 0 180px}}@media screen and (max-width: 768px){#content .method__box{padding:0 0 16vw}}@media print,screen and (min-width: 769px){#content .method__contents{width:570px;padding-left:10px}}#content .method__ttl{opacity:0}#content .method__ttl.is-animate{animation:slideIn .5s 1s cubic-bezier(0.25, 1, 0.5, 1) forwards}@media print,screen and (min-width: 769px){#content .method__ttl{margin-bottom:26px}}@media screen and (max-width: 768px){#content .method__ttl{margin-left:4.5333333333vw;margin-bottom:3.3333333333vw}}#content .method__txt{color:#e60027;font-weight:500;text-align:center;line-height:1.8260869565}@media print,screen and (min-width: 769px){#content .method__txt{font-size:23px;margin-bottom:50px}}@media screen and (max-width: 768px){#content .method__txt{font-size:4vw;margin-bottom:45.3333333333vw}}#content .method__flow{text-align:center;opacity:0}#content .method__flow.is-animate{animation:popup .2s ease-in 1s forwards}@media screen and (max-width: 768px){#content .method__flow{width:80vw;margin:0 auto}}#content .method__obj01{position:absolute;left:0;margin:auto;opacity:0;pointer-events:none}#content .method__obj01.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .method__obj01{width:max(1240px,79vw);top:clamp(120px,2vw,100px);left:clamp(-330px,-27vw,300px)}}@media screen and (max-width: 768px){#content .method__obj01{width:106.6666666667vw;top:70.6666666667vw;left:-5.3333333333vw}}#content .method__obj02{position:absolute;left:0;margin:auto;opacity:0;pointer-events:none}#content .method__obj02.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .method__obj02{width:139px;top:69px;left:-126px}}@media screen and (max-width: 768px){#content .method__obj02{width:21.3333333333vw;left:4vw;top:58.6666666667vw}}#content .method__obj02 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .method__obj03{position:absolute;margin:auto;opacity:0;pointer-events:none}#content .method__obj03.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .method__obj03{width:256px;top:160px;left:650px}}@media screen and (max-width: 768px){#content .method__obj03{width:44vw;right:2.6666666667vw;top:82.6666666667vw}}#content .method__obj03 .img{position:relative;z-index:2}#content .method__obj03 .img img{transform-origin:center;animation:yurayura 2s linear infinite}#content .method__obj03 .balloon{position:absolute;z-index:1}@media print,screen and (min-width: 769px){#content .method__obj03 .balloon{width:256px;top:-88px;left:-90px}}@media screen and (max-width: 768px){#content .method__obj03 .balloon{width:48vw;right:20vw;top:-16vw}}#content .method__obj04{position:absolute;margin:auto;opacity:0;pointer-events:none}#content .method__obj04.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .method__obj04{top:715px;left:794px}}@media screen and (max-width: 768px){#content .method__obj04{width:24vw;right:17.3333333333vw;bottom:-6.6666666667vw}}#content .method__obj04 .img{position:relative;z-index:2}@media screen and (max-width: 768px){#content .method__obj04 .img{width:21.3333333333vw}}#content .method__obj04 .img img{transform-origin:center;animation:yurayura 2s linear infinite}#content .method__obj04 .balloon{position:absolute;z-index:1}@media print,screen and (min-width: 769px){#content .method__obj04 .balloon{width:152px;top:-52px;left:90px}}@media screen and (max-width: 768px){#content .method__obj04 .balloon{width:18.1333333333vw;bottom:18.6666666667vw;right:-9.3333333333vw}}#content .method__glass{position:absolute;margin:auto;opacity:0}#content .method__glass.is-animate{animation:slideIn .25s 1s cubic-bezier(0.25, 1, 0.5, 1) forwards}@media print,screen and (min-width: 769px){#content .method__glass{width:max(290px,25vw);top:clamp(290px,23vw,300px);left:clamp(870px,70vw,890px)}}@media screen and (max-width: 768px){#content .method__glass{width:37.3333333333vw;bottom:-8vw;left:-8vw}}#content .lineup{background:#5e0605;position:relative;overflow:hidden;z-index:1}@media print,screen and (min-width: 769px){#content .lineup{padding-bottom:150px}}@media screen and (max-width: 768px){#content .lineup{padding-bottom:25.3333333333vw}}#content .lineup__inner{margin:0 auto;position:relative;z-index:2}@media print,screen and (min-width: 769px){#content .lineup__inner{max-width:950px;padding-top:58px}}@media screen and (max-width: 768px){#content .lineup__inner{width:85.3333333333vw;padding-top:20vw}}#content .lineup__box{background-color:rgba(255,255,255,.8);opacity:0}#content .lineup__box.is-animate{animation:fadeIn .2s linear .8s forwards}@media print,screen and (min-width: 769px){#content .lineup__box{border-radius:36px;padding:80px 88px;box-shadow:15px 15px 10px 0px rgba(0,0,0,.4)}}@media screen and (max-width: 768px){#content .lineup__box{border-radius:3.2vw;padding:5.6vw 4vw 9.3333333333vw;box-shadow:1.3333333333vw 1.3333333333vw 10px 0px rgba(0,0,0,.4)}}#content .lineup__ttl{text-align:center;opacity:0}#content .lineup__ttl.is-animate{animation:fadeIn .2s linear .8s forwards}@media print,screen and (min-width: 769px){#content .lineup__ttl{margin-bottom:30px}}@media screen and (max-width: 768px){#content .lineup__ttl{width:62.6666666667vw;padding-bottom:4vw;margin:0 auto}}#content .lineup__list{display:flex;flex-wrap:wrap}@media print,screen and (min-width: 769px){#content .lineup__list{-moz-column-gap:117px;column-gap:117px;row-gap:75px}}@media screen and (max-width: 768px){#content .lineup__list{-moz-column-gap:1.8666666667vw;column-gap:1.8666666667vw;row-gap:4vw}}#content .lineup__list li{text-align:center;cursor:pointer}@media print,screen and (min-width: 769px){#content .lineup__list li{width:180px}}@media screen and (max-width: 768px){#content .lineup__list li{width:24.5333333333vw}}#content .lineup__list li:hover .lineup__img{animation:hover 300ms ease}#content .lineup__list li:nth-child(1) .lineup__img img,#content .lineup__list li:nth-child(2) .lineup__img img,#content .lineup__list li:nth-child(3) .lineup__img img{width:auto}@media print,screen and (min-width: 769px){#content .lineup__list li:nth-child(1) .lineup__img img,#content .lineup__list li:nth-child(2) .lineup__img img,#content .lineup__list li:nth-child(3) .lineup__img img{height:320px}}@media screen and (max-width: 768px){#content .lineup__list li:nth-child(1) .lineup__img img,#content .lineup__list li:nth-child(2) .lineup__img img,#content .lineup__list li:nth-child(3) .lineup__img img{height:34.6666666667vw}}#content .lineup__list li:nth-child(4) .lineup__img img,#content .lineup__list li:nth-child(5) .lineup__img img,#content .lineup__list li:nth-child(6) .lineup__img img{width:auto}@media print,screen and (min-width: 769px){#content .lineup__list li:nth-child(4) .lineup__img img,#content .lineup__list li:nth-child(5) .lineup__img img,#content .lineup__list li:nth-child(6) .lineup__img img{height:390px}}@media screen and (max-width: 768px){#content .lineup__list li:nth-child(4) .lineup__img img,#content .lineup__list li:nth-child(5) .lineup__img img,#content .lineup__list li:nth-child(6) .lineup__img img{height:44vw}}@media print,screen and (min-width: 769px){#content .lineup__name{margin-bottom:15px}}@media screen and (max-width: 768px){#content .lineup__name{margin-bottom:1.6vw}}#content .lineup__img{transition:all .2s}#content .lineup__obj{position:absolute;opacity:0}#content .lineup__obj.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .lineup__obj{bottom:-43px;left:-110px}}@media screen and (max-width: 768px){#content .lineup__obj{width:34.6666666667vw;bottom:-14.6666666667vw;left:0;right:0;margin:auto}}#content .lineup__obj img{transform-origin:center;animation:yurayura 2s linear infinite}#content .lineup__bg{position:absolute;top:0;left:0;z-index:1;display:flex;flex-wrap:wrap}#content .lineup__video{-o-object-fit:cover;object-fit:cover;vertical-align:bottom;margin:0}@media print,screen and (min-width: 769px){#content .lineup__video{width:33.3333333333%}}@media screen and (max-width: 768px){#content .lineup__video{width:50%}}#content .howto{background:url(/otokoume/img/index/howto_bg.png) top center/100%;position:relative;z-index:2}@media print,screen and (min-width: 769px){#content .howto{padding-top:70px;padding-bottom:20px}}@media screen and (max-width: 768px){#content .howto{padding-top:17.6vw;padding-bottom:2.6666666667vw}}#content .howto__inner{position:relative;max-width:1030px;margin:0 auto}@media print,screen and (min-width: 769px){#content .howto__inner{padding-left:124px}}@media screen and (max-width: 768px){#content .howto__inner{width:69.3333333333vw;padding-left:10.6666666667vw}}#content .howto__ttl{text-align:center;opacity:0}#content .howto__ttl.is-animate{animation:fadeIn .2s linear .8s forwards}@media print,screen and (min-width: 769px){#content .howto__ttl{margin-bottom:56px}}@media screen and (max-width: 768px){#content .howto__ttl{width:90.2666666667vw;margin:0 auto 8.8vw}}#content .howto__list{position:relative;z-index:2;display:flex;flex-wrap:wrap;opacity:0}#content .howto__list.is-animate{animation:fadeIn .2s linear .8s forwards}@media print,screen and (min-width: 769px){#content .howto__list{row-gap:58px}}@media screen and (max-width: 768px){#content .howto__list{row-gap:5.3333333333vw}}#content .howto__list li{position:relative;transition:all .2s;cursor:pointer}#content .howto__list li img{width:auto}@media screen and (max-width: 768px){#content .howto__list li img{height:48vw}}@media print,screen and (min-width: 769px){#content .howto__list li:hover{animation:hover 300ms ease}}@media print,screen and (min-width: 769px){#content .howto__list li:nth-child(2){margin-left:13px}}@media screen and (max-width: 768px){#content .howto__list li:nth-child(2){margin-left:.6666666667vw}}@media print,screen and (min-width: 769px){#content .howto__list li:nth-child(3){margin-left:-10px}}@media screen and (max-width: 768px){#content .howto__list li:nth-child(3){margin-left:-2.1333333333vw}}@media print,screen and (min-width: 769px){#content .howto__list li:nth-child(4){margin-left:-20px}}#content .howto__list li:nth-child(5){z-index:2}@media screen and (max-width: 768px){#content .howto__list li:nth-child(5){margin-left:-.6666666667vw}}#content .howto__list li:nth-child(6){z-index:1}@media screen and (max-width: 768px){#content .howto__list li:nth-child(6){margin-left:-5.3333333333vw}}@media print,screen and (min-width: 769px){#content .howto__list li:nth-child(7){margin-left:10px}}#content .howto__list li:nth-child(8){z-index:2}@media print,screen and (min-width: 769px){#content .howto__list li:nth-child(8){margin-left:-20px}}@media screen and (max-width: 768px){#content .howto__list li:nth-child(8){margin-left:-3.4666666667vw}}#content .howto__list li:nth-child(9){z-index:1}@media print,screen and (min-width: 769px){#content .howto__list li:nth-child(9){margin-left:-34px}}@media screen and (max-width: 768px){#content .howto__list li:nth-child(9){margin-left:-3.2vw}}#content .howto__notes{color:#fff;display:flex;justify-content:flex-end}@media print,screen and (min-width: 769px){#content .howto__notes{font-size:12px;padding-top:80px;padding-right:40px}}@media screen and (max-width: 768px){#content .howto__notes{font-size:2.6666666667vw;padding-top:53.3333333333vw;padding-right:2.6666666667vw}}#content .howto__obj01{position:absolute;opacity:0}#content .howto__obj01.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .howto__obj01{width:177px;left:1050px;top:67px}}@media screen and (max-width: 768px){#content .howto__obj01{width:25.3333333333vw;right:-8vw;top:-50.6666666667vw}}#content .howto__obj01 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .howto__obj02{position:absolute;opacity:0}#content .howto__obj02.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .howto__obj02{width:90px;left:1080px;top:399px}}@media screen and (max-width: 768px){#content .howto__obj02{width:12vw;right:-6.6666666667vw;top:50.6666666667vw}}#content .howto__obj02 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .howto__obj03{position:absolute;opacity:0}#content .howto__obj03.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .howto__obj03{left:973px;top:535px}}@media screen and (max-width: 768px){#content .howto__obj03{width:34.6666666667vw;right:2.6666666667vw;bottom:-42.6666666667vw}}#content .howto__obj03 .img{position:relative;z-index:2}@media print,screen and (min-width: 769px){#content .howto__obj03 .img{width:272px}}#content .howto__obj03 .img img{transform-origin:center;animation:yurayura 2s linear infinite}#content .howto__obj03 .balloon{position:absolute;z-index:1}@media print,screen and (min-width: 769px){#content .howto__obj03 .balloon{top:-17px;left:-118px}}@media screen and (max-width: 768px){#content .howto__obj03 .balloon{width:32vw;bottom:16vw;right:18.6666666667vw}}#content .howto__obj04{position:absolute;opacity:0}#content .howto__obj04.is-animate{animation:popup .2s ease-in 1s forwards}@media print,screen and (min-width: 769px){#content .howto__obj04{width:108px;left:-20px;top:609px}}@media screen and (max-width: 768px){#content .howto__obj04{width:21.3333333333vw;left:-13.3333333333vw;top:93.3333333333vw}}#content .howto__obj04 img{transform-origin:center;animation:yurayura 2s linear infinite}#content .howto__obj05{position:absolute;opacity:0;z-index:1}#content .howto__obj05.is-animate{animation:fadeIn .2s linear .8s forwards}@media print,screen and (min-width: 769px){#content .howto__obj05{left:-103px;top:-84px}}@media screen and (max-width: 768px){#content .howto__obj05{width:96vw;left:-8vw;top:-32vw}}#content .modal{display:none;position:fixed;z-index:999;left:0;top:0;height:100%;width:100%;overflow-y:hidden;background-color:rgba(0,0,0,.5)}#content .modal .modal-box{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;animation-name:modalopen;animation-duration:.5s;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#content .modal .modal-box .modalClose{position:absolute;background:none;outline:none;border:none;cursor:pointer}@media screen and (max-width: 768px){#content .modal-howto .modal-box{width:80vw}}#content .modal-howto .modalClose{transition:all .3s}@media print,screen and (min-width: 769px){#content .modal-howto .modalClose{left:720px;top:14px}#content .modal-howto .modalClose:hover{opacity:.7}}@media screen and (max-width: 768px){#content .modal-howto .modalClose{right:6.6666666667vw;top:2.6666666667vw;width:4vw;height:4vw}}#content .modal-lineup .modalClose{transition:all .3s}@media print,screen and (min-width: 769px){#content .modal-lineup .modalClose{top:14px;right:15px}#content .modal-lineup .modalClose:hover{opacity:.7}}@media screen and (max-width: 768px){#content .modal-lineup .modalClose{width:4vw;height:4vw;top:1.3333333333vw;right:2.6666666667vw}}@keyframes modalopen{0%{opacity:0}100%{opacity:1}}#content .modal-lineup .modal-box{box-sizing:border-box;color:#fff;font-weight:500;box-shadow:4px 4px 3px rgba(0,0,0,.2)}@media print,screen and (min-width: 769px){#content .modal-lineup .modal-box{width:750px;border-radius:22px;padding:50px 30px 50px 60px;border-radius:20px}}@media screen and (max-width: 768px){#content .modal-lineup .modal-box{width:77.3333333333vw;border-radius:2.9333333333vw;padding:8.6666666667vw 5.3333333333vw;border-radius:2.6666666667vw}}#content .modal-lineup .name{text-align:center}@media print,screen and (min-width: 769px){#content .modal-lineup .name{margin-bottom:20px}}@media screen and (max-width: 768px){#content .modal-lineup .name{margin-bottom:5.3333333333vw}#content .modal-lineup .name img{width:auto;height:6.4vw}}#content .modal-lineup .txt{line-height:1.8;font-feature-settings:"palt"}@media print,screen and (min-width: 769px){#content .modal-lineup .txt{font-size:20px;margin-bottom:30px}}@media screen and (max-width: 768px){#content .modal-lineup .txt{font-size:3.2vw;margin-bottom:5.3333333333vw;display:flex;justify-content:center}}#content .modal-lineup .img{text-align:center}@media print,screen and (min-width: 769px){#content .modal-lineup .img{width:200px}}@media screen and (max-width: 768px){#content .modal-lineup .img{margin-bottom:5.3333333333vw;grid-column-start:1;grid-row-start:2}}#content .modal-lineup .img img{width:auto}@media print,screen and (min-width: 769px){#content .modal-lineup .img img{width:200px;filter:drop-shadow(10px 10px 0 rgba(0, 0, 0, 0.2))}}@media screen and (max-width: 768px){#content .modal-lineup .img img{height:58.6666666667vw;filter:drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.2))}}@media screen and (max-width: 768px){#content .modal-lineup .modal-lineup__detail{grid-column-start:1;grid-row-start:1}}#content .modal-lineup .spec{display:flex;justify-content:space-between}@media print,screen and (min-width: 769px){#content .modal-lineup .spec{grid-column-start:2;grid-row-start:2}}@media screen and (max-width: 768px){#content .modal-lineup .spec{font-size:2.4vw}}#content .modal-lineup .spec .list li{position:relative}#content .modal-lineup .spec .list li::before{content:"";background:url(/otokoume/img/index/lineup_icon.svg) no-repeat top/100%;display:inline-block;position:relative}@media print,screen and (min-width: 769px){#content .modal-lineup .spec .list li::before{width:24px;height:24px;top:6px;margin-right:8px}}@media screen and (max-width: 768px){#content .modal-lineup .spec .list li::before{width:3.4666666667vw;height:3.4666666667vw;top:.5333333333vw;margin-right:1.0666666667vw}}#content .modal-lineup .spec .link{transition:all .3s}@media print,screen and (min-width: 769px){#content .modal-lineup .spec .link:hover{opacity:.7}}@media screen and (max-width: 768px){#content .modal-lineup .spec .link{width:12.5333333333vw}}#content #modal-lineup01 .modal-inner,#content #modal-lineup02 .modal-inner,#content #modal-lineup03 .modal-inner,#content #modal-lineup07 .modal-inner{display:grid}@media print,screen and (min-width: 769px){#content #modal-lineup01 .modal-inner,#content #modal-lineup02 .modal-inner,#content #modal-lineup03 .modal-inner,#content #modal-lineup07 .modal-inner{grid-template-columns:200px 1fr;grid-template-rows:10% auto auto 10%;-moz-column-gap:40px;column-gap:40px}}@media screen and (max-width: 768px){#content #modal-lineup01 .modal-inner,#content #modal-lineup02 .modal-inner,#content #modal-lineup03 .modal-inner,#content #modal-lineup07 .modal-inner{grid-template-rows:auto auto auto}}@media print,screen and (min-width: 769px){#content #modal-lineup01 .img,#content #modal-lineup02 .img,#content #modal-lineup03 .img,#content #modal-lineup07 .img{grid-row:span 4/span 4}}@media print,screen and (min-width: 769px){#content #modal-lineup01 .modal-lineup__detail,#content #modal-lineup02 .modal-lineup__detail,#content #modal-lineup03 .modal-lineup__detail,#content #modal-lineup07 .modal-lineup__detail{grid-column-start:2;grid-row-start:2;display:flex;flex-direction:column;justify-content:center}}@media print,screen and (min-width: 769px){#content #modal-lineup01 .spec,#content #modal-lineup02 .spec,#content #modal-lineup03 .spec,#content #modal-lineup07 .spec{grid-column-start:2;grid-row-start:3}}@media print,screen and (min-width: 769px){#content #modal-lineup01 .modal-box{background:url(/otokoume/img/index/lineup_modal01_bg.svg) repeat-y top/100%}}@media screen and (max-width: 768px){#content #modal-lineup01 .modal-box{background:url(/otokoume/img/index/sp/lineup_modal01_bg.svg) repeat-y top/100%}}@media print,screen and (min-width: 769px){#content #modal-lineup02 .modal-box{background:url(/otokoume/img/index/lineup_modal02_bg.svg) repeat-y top/100%}}@media screen and (max-width: 768px){#content #modal-lineup02 .modal-box{background:url(/otokoume/img/index/sp/lineup_modal02_bg.svg) repeat-y top/100%}}@media print,screen and (min-width: 769px){#content #modal-lineup03 .modal-box{background:url(/otokoume/img/index/lineup_modal03_bg.svg) repeat-y top/100%}}@media screen and (max-width: 768px){#content #modal-lineup03 .modal-box{background:url(/otokoume/img/index/sp/lineup_modal03_bg.svg) repeat-y top/100%}}@media print,screen and (min-width: 769px){#content #modal-lineup03 .modal-inner{grid-template-rows:2% auto auto 2%}}@media print,screen and (min-width: 769px){#content #modal-lineup07 .modal-box{background:url(/otokoume/img/index/lineup_modal07_bg.svg) repeat-y top/100%}}@media screen and (max-width: 768px){#content #modal-lineup07 .modal-box{background:url(/otokoume/img/index/sp/lineup_modal04_bg.svg) repeat-y top/100%}}@media print,screen and (min-width: 769px){#content #modal-lineup07 .modal-inner{grid-template-rows:2% auto auto 2%}}@media screen and (max-width: 768px){#content #modal-lineup05 .name img{height:13.3333333333vw}}#content #modal-lineup04 .modal-inner,#content #modal-lineup05 .modal-inner,#content #modal-lineup06 .modal-inner{display:grid}@media print,screen and (min-width: 769px){#content #modal-lineup04 .modal-inner,#content #modal-lineup05 .modal-inner,#content #modal-lineup06 .modal-inner{grid-template-columns:200px 1fr;grid-template-rows:10% auto auto 10%;-moz-column-gap:40px;column-gap:40px}}@media print,screen and (min-width: 769px){#content #modal-lineup04 .modal-box,#content #modal-lineup05 .modal-box,#content #modal-lineup06 .modal-box{background:url(/otokoume/img/index/lineup_modal01_bg.svg) repeat-y top/100%;padding:30px 30px 30px 60px}}@media screen and (max-width: 768px){#content #modal-lineup04 .modal-box,#content #modal-lineup05 .modal-box,#content #modal-lineup06 .modal-box{background:url(/otokoume/img/index/sp/lineup_modal01_bg.svg) repeat-y top/100%}}@media print,screen and (min-width: 769px){#content #modal-lineup04 .img,#content #modal-lineup05 .img,#content #modal-lineup06 .img{grid-row:span 4/span 4}}#content #modal-lineup04 .img img,#content #modal-lineup05 .img img,#content #modal-lineup06 .img img{width:auto}@media print,screen and (min-width: 769px){#content #modal-lineup04 .img img,#content #modal-lineup05 .img img,#content #modal-lineup06 .img img{height:440px}}@media print,screen and (min-width: 769px){#content #modal-lineup04 .modal-lineup__detail,#content #modal-lineup05 .modal-lineup__detail,#content #modal-lineup06 .modal-lineup__detail{grid-column-start:2;grid-row-start:2;display:flex;flex-direction:column;justify-content:center}}@media print,screen and (min-width: 769px){#content #modal-lineup04 .spec,#content #modal-lineup05 .spec,#content #modal-lineup06 .spec{grid-column-start:2;grid-row-start:3}}#shoppingArea{margin-top:-120px;padding-top:120px;background:#fff}@media screen and (max-width: 768px){#shoppingArea{margin-top:-80px;padding:80px 20px 0}}#shoppingArea .inner{margin:10px auto 80px;padding:20px 10px;width:684px;background:#f5f6fa}@media screen and (max-width: 768px){#shoppingArea .inner{margin:0 auto 5.3333333333vw;padding:20px;width:100%}}#shoppingArea .ttl{text-align:center;width:520px;margin:0 auto 14px;color:#333;font-size:18px}@media screen and (max-width: 768px){#shoppingArea .ttl{width:auto;margin:0 auto 1.8666666667vw;font-size:4.2666666667vw}}#shoppingArea ul{display:flex;justify-content:center}@media screen and (max-width: 768px){#shoppingArea ul{flex-direction:column;align-items:center}}#shoppingArea ul li{padding:0 20px;position:relative;overflow:hidden}@media screen and (max-width: 768px){#shoppingArea ul li{width:-moz-fit-content;width:fit-content;text-align:center;margin-bottom:20px}}#shoppingArea ul li:after{content:"";display:block;background-image:url("/otokoume/img/index/icon_window.svg");width:14px;height:14px;position:absolute;bottom:0;right:0}@media screen and (max-width: 768px){#shoppingArea ul li:after{width:2.99vw;height:2.99vw}}@media print,screen and (min-width: 769px){#shoppingArea ul li a{display:block;overflow:hidden}#shoppingArea ul li a:hover img{animation:hover 300ms ease;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}}@media screen and (max-width: 768px){#shoppingArea ul li img{height:18.23vw;width:auto}}#shoppingArea .sns-message{width:394px;margin:0 auto 20px}@media screen and (max-width: 768px){#shoppingArea .sns-message{width:52.5333333333vw;margin:0 auto 2.6666666667vw}}@keyframes hover{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes shake{15%{transform:rotate(0deg)}70%{transform:rotate(0deg)}100%{transform:rotate(20deg)}}@keyframes shake02{15%{transform:rotate(0deg)}70%{transform:rotate(0deg)}100%{transform:rotate(-20deg)}}#onlineBtn{width:123px;position:absolute;right:10px;bottom:100px;transition:all .5s}@media print,screen and (min-width: 769px){#onlineBtn a{display:block}#onlineBtn a:hover{animation:hover 300ms ease}}#onlineBtn.fixed{position:fixed;bottom:100px;right:10px;z-index:210}@media screen and (max-width: 768px){#onlineBtn.fixed{width:26.6666666667vw;bottom:20vw;right:2.6666666667vw}}#onlineBtn.fixed.none{opacity:0 !important;pointer-events:none}#loading{width:100%;height:100vh;background:#000;position:fixed;top:0;left:0;z-index:1100;opacity:1;transition:opacity 1s ease 1s}#loading .inner{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}#loading .image{width:270px;margin:0 auto;position:relative;transition:1s;transform:translateY(0)}@media print,screen and (min-width: 769px){#loading .image{width:516px}}#loading .image .onImage{position:absolute;top:0;left:0;opacity:0;z-index:5}#loading .image.is-animate:before{animation:scaleLight 6s 3s linear infinite}#loading .image.is-animate .onImage{animation:loadingLight 2.6s .5s linear forwards}@media screen and (max-width: 768px){#loading .image img{width:100%;height:auto}}#loading .text{font-size:0;text-align:center;position:relative;top:-10px;transition:.3s}@media print,screen and (min-width: 769px){#loading .text{top:-30px}}#loading .text.hide{opacity:0}@media print,screen and (min-width: 769px){#loading .text img{width:180px;height:auto}}@media screen and (max-width: 768px){#loading .text img{width:120px;height:auto}}#loading.hide{opacity:0}#loading.hide span{opacity:0}#loading.hide .image{transform:scale(1.3);opacity:0;transition:.5s}@keyframes loadingBounce{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce01{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce02{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce03{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce04{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce05{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce06{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce07{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce08{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce09{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingBounce10{0%,60%,100%{transform:translate(0)}20%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}40%{transform:translateY(-8px) rotate(3deg) scale(1.1)}}@keyframes loadingLight{0%,27%{opacity:0}3%{opacity:.15}6%{opacity:0}9%{opacity:.35}12%{opacity:.05}15%{opacity:.65}18%{opacity:.15}21%{opacity:.75}24%{opacity:.05}100%{opacity:1}}@keyframes popup{0%{transform:translateY(40px) scale(0.7);opacity:0}100%{transform:translateY(0) scale(1)}80%,100%{opacity:1}}@keyframes slideIn{0%{transform:translateX(180px);opacity:0}100%{transform:translateX(0)}40%,100%{opacity:1}}@keyframes yurayura{0%{transform:rotate(14deg)}5%{transform:rotate(14deg)}50%{transform:rotate(-14deg)}100%{transform:rotate(14deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes hover{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}