.Fade,.InUp{opacity:0}.Fade,.InLeft,.InUp{transition:.7s}#corona,#lineup{background:#09302b}#good h2,#lineup h2{vertical-align:middle;letter-spacing:4px}#good ul,#lineup p,#point p{text-align:justify}#good h2,footer{background:#000}#lineup,#wrap,footer .box .txt{overflow:hidden}body{font-family:'Noto Sans JP',sans-serif}a,a:hover{color:inherit;text-decoration:none;transition:.3s}a:hover{opacity:.8}#info .sub,#info h3,#point .item04 .center,#point img,img{width:100%}.pc{display:block!important}.sp{display:none!important}.serif{font-family:'Noto Serif JP',serif}.tate{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.clearfix::after{content:"";display:block;clear:both}.matrix .bg-wrap,.matrix .bg-wrap .inn,strong{display:block}li{list-style-type:none}#loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#a55410;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s;z-index:9999}.completed{opacity:0;visibility:hidden}#loading-wrapper .inner{height:26px;position:absolute;left:50%;top:50%;width:200px;background:#09302b;border-radius:10px;margin:-20px 0 0 -100px;padding:2px}#loading-wrapper .loader{transition:.5s;height:20px;width:calc(100% - 10px);border-radius:8px;background:#ffe144;position:absolute;margin:3px;display:inline-block;animation:15s infinite load}#loading-wrapper .load{text-align:center;margin-top:-35px;color:#09302b;font-size:18px;font-weight:700}#resv .subttl,.accordion-area .title{font-size:20px;text-align:center;color:#fff}@keyframes load{0%{width:2%}10%{width:10%}}.Fade.show,.matrix.show .bg-wrap{opacity:1}.InUp{transform:translate(0,60px);-webkit-transform:translate(0,60px)}.InLeft.show,.InRight.show,.InUp.show{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}.InLeft{opacity:0;transform:translate(60px,0);-webkit-transform:translate(60px,0)}.InRight{opacity:0;transform:translate(-60px,0);-webkit-transform:translate(-60px,0);transition:.8s}.sticker{clip-path:inset(0 100% 0 0);transition:.5s cubic-bezier(.37, 0, .63, 1);transition-property:clip-path}.sticker.re{clip-path:inset(0 0 100% 0)}.sticker.show{clip-path:inset(0)}.matrix .bg-wrap{overflow:hidden;opacity:0}.matrix .bg-wrap+.bg-wrap{margin-top:10px}.matrix .bg-wrap .inn{opacity:0;transform:matrix(1,0,0,1,0,100);transition:1.2s cubic-bezier(.22, 1, .36, 1)}.matrix.show .bg-wrap .inn{opacity:1;transform:matrix(1,0,0,1,0,0)}.btmUp{opacity:0;transition:opacity .4s,translateY .4s}.btmUp.show{animation-name:btmUp;animation-duration:.7s;animation-fill-mode:forwards}@-webkit-keyframes btmUp{0%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}@keyframes btmUp{0%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}.in01{transition-delay:1.5s!important;animation-delay:1.5s!important}.in02{transition-delay:2s!important}.in03{transition-delay:2.5s!important}.in04{transition-delay:3s!important}.in05{animation-delay:4s!important}.in06{transition-delay:3.5s!important}#top .ttl{position:relative;z-index:2;text-align:center}#top .mainttl{background:url("../img/top-bg1.jpg") center bottom/cover no-repeat;padding:55px 0 0;position:relative;height:100vh}#top .mainttl .inner{max-width:800px;width:90%;margin:0 auto;position:relative;text-align:center}#top .mainttl h1{position:relative;width:580px;height:168px;margin:0 auto 75px;display:block;z-index:2;text-align:center}#top .mainttl .main{max-width:490px;width:80%;margin:0 auto 75px}#top .mainttl .sub{max-width:530px;width:80%;margin:0 auto 10px;display:block;position:relative}#top .mainttl .sub .matrix .inn{margin:0 auto 16px}#top .mainttl .sub .one{max-width:266px}#top .mainttl .sub .two{max-width:530px}#top .mainttl .huki{max-width:152px;width:30%;position:absolute;left:-131px;top:-21px}#corona img,#top .date img,#top .mainttl .hash{width:90%;margin:0 auto}#top .mainttl .hash{max-width:712px}#top .brush{position:absolute;z-index:-1}#top .brush.one{left:14px;bottom:0;max-width:354px}#top .brush.two{right:0;bottom:-37px;max-width:345px}#top .mainttl .logo{position:absolute;bottom:5%;right:5%;max-width:232px;width:20%}#top .date{background:#cf8f28;padding:55px 0 45px}#good,#lineup::after,#point{background:#e6d8b4}#top .date img{max-width:1010px}#corona{padding:40px 0 47px}#corona img{max-width:872px}#build{background:#a55410;padding:100px 0}#build .inner{max-width:932px;width:95%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}#build .txt{max-width:471px;width:51%;position:relative;z-index:2}#build .ttlarea{position:relative;z-index:-1;margin-bottom:61px}#build .ttl{max-width:408px;margin:0 auto}#build .brush{max-width:455px;width:100%;position:absolute;z-index:-1;left:20px;bottom:-40px}#build .step li:not(:last-of-type){margin-bottom:30px}#build .ph{max-width:375px;width:41%}#good .inner,#good .txt{width:90%;position:relative}#good{padding:157px 0 138px;color:#000}#good .inner{max-width:1006px;margin:0 auto;padding:85px 0 80px;z-index:2;box-sizing:border-box;text-align:center}#good .inner::before{content:"";border:3px dotted #31542f;position:absolute;height:100%;width:92%;margin:auto;top:0;left:0;right:0;z-index:-1}#good .txt{display:flex;align-items:flex-end;max-width:720px;margin:0 auto 90px}#good h2{font-size:33px;color:#ffe144;padding:15px 7px;position:absolute;left:-3%;bottom:0;min-height:305px}#good h2 .small{font-size:25px}#good ul{font-size:23px;line-height:51px;font-weight:600;letter-spacing:3px;display:inline-block;margin:0 auto}#good li{position:relative;padding-left:27px}#good li::before,#lineup h2,#lineup::after,#point .illust img{position:absolute}#good li::before{content:"●";left:0;top:0;color:#a55410}#lineup{padding:143px 0 115px;color:#fff;position:relative}#lineup::after{content:'';left:0;bottom:0;transform:skewY(-7deg);transform-origin:top right;width:100%;height:47%}#lineup .inner{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:2}#lineup h2{font-size:25px;color:#000;left:10%;top:0}#lineup h2 span{background:#fff;padding:20px 12px;margin-right:15px;display:inline-block}#lineup h2 span:first-of-type{position:relative;top:-40px}#lineup .txt{max-width:480px;margin:0 auto 30px}#lineup h3{max-width:230px}#lineup p{font-size:16px;line-height:33px;letter-spacing:1px;margin-top:35px}#lineup .ph{max-width:989px;width:83%;float:right}#info,#resv,#resv .mainttl,#resv .subttl{background:#a55410}#point p{color:#000;font-size:16px;line-height:31px}#point .left p{float:left}#point .right p{float:right}#point .item01{max-width:1200px;margin:0 auto 158px;position:relative}#point .item .flex{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}#point .item02 .flex.re{flex-direction:row}#point .item01 .right{width:20%;box-sizing:border-box;z-index:2;position:relative;margin-right:3%}#point .item01 .left,#point .item03 .left{max-width:864px;width:80%;box-sizing:border-box}#point .item01 .right img{width:313px;position:absolute;top:0;right:16px}#point .item01 .right p{max-width:215px;padding-top:130px}#point .item01 .center{max-width:770px;width:90%;margin:110px auto 0;position:relative}#point .item01 .center .coffee{position:absolute;width:110px;right:-100px;bottom:-65px}#point .item02{margin:0 auto 110px;position:relative}#point .item02 .flex{max-width:1200px;margin:0 auto;flex-direction:row}#point .item02 .salad{width:220px;position:absolute;top:-113px;left:0}#point .item02 .right{max-width:864px;width:80%;float:left;box-sizing:border-box}#point .item02 .left{width:23%;box-sizing:border-box;margin:5% 0 0 3%;position:relative;z-index:2}#point .item02 .left img{width:240px;position:absolute;top:0}#point .item02 .left p{max-width:205px;padding-top:135px}#point .item03{max-width:1200px;margin:0 auto;position:relative}#point .item03 .right{width:22%;box-sizing:border-box;margin-right:3%;position:relative;z-index:2}#point .item03 .right img{width:272px;position:absolute;top:0;right:0}#point .item03 .right p{max-width:215px;padding-top:127px}#point .item04{position:relative;z-index:2}#point .item04 .book{position:absolute;z-index:2;width:211px;right:5%;top:-125px}#resv .subttl::after,#resv .subttl::before{width:22px;height:37px;display:block;content:'';bottom:0}#fixed span::after,#resv .mainttl,#resv .subttl,#resv .subttl::after{position:absolute;right:0}#point .item04 .left{position:absolute;z-index:2;left:10%;top:60%;transform:translateY(-50%);margin:auto}#point .item04 .left img{width:153px;position:absolute;top:0;left:0}#point .item04 .left p{width:215px;padding-top:123px;color:#fff}#info{padding:170px 0 135px}#info .inner{max-width:910px;width:90%;margin:0 auto}#info h2{width:100%;margin-bottom:81px;position:relative;z-index:2}#info .flex{display:flex;justify-content:space-between;align-items:flex-end}#info .main{width:53%}#resv{padding-bottom:80px}#resv #formBox{max-width:905px;width:90%;margin:auto;border:3px solid #fff;position:relative;text-align:center;padding-bottom:50px}#resv #formBox iframe{max-width:800px;width:90%;height:750px}#resv .subttl{max-width:270px;letter-spacing:3px;top:-70px;left:0;margin:auto}#resv .subttl::before{position:absolute;left:0;top:0;margin:auto;background:url("../img/resv-line1.svg") center/100% no-repeat}#resv .subttl::after{top:0;margin:auto;background:url("../img/resv-line2.svg") center/100% no-repeat}#resv .mainttl{text-align:center;max-width:253px;width:50%;top:-25px;left:0;margin:auto;padding:0 5%}#resv strong{margin:80px auto 60px;font-size:16px;display:block;line-height:30px;color:#fff;width:90%}#resv #formBox .cancel-form .inBox .red-txt,#resv strong .red{color:#ffe144}.accordion-area{list-style:none;width:100%;max-width:900px;margin:0 auto}.accordion-area li{margin:10px 0}.accordion-area section{border:1px solid #fff}.accordion-area .title{position:relative;cursor:pointer;font-weight:400;transition:.5s;padding:3% 10% 3% 3%}.accordion-area .title::after,.accordion-area .title::before{position:absolute;content:'';width:15px;height:2px;background-color:#fff}.accordion-area .title::before{top:48%;right:15px;transform:rotate(0)}.accordion-area .title::after{top:48%;right:15px;transform:rotate(90deg)}.accordion-area .title.close::before{transform:rotate(45deg)}.accordion-area .title.close::after{transform:rotate(-45deg)}.accordion-area .box{display:none;margin:0 auto;padding:5% 7% 7%}#fixed{width:100%;height:auto;margin:0 auto;background:#ffe144;top:auto;bottom:0;left:0;-webkit-transition:.5s;transition:.5s;transform:translateY(100%);text-align:center;position:fixed;z-index:1000;font-size:34px;letter-spacing:2px}#fixed:hover{background:#fad873}#fixed a{display:block;width:100%;height:100%;padding:30px 0}#fixed span{max-width:605px;width:100%;margin:0 auto;position:relative;font-weight:700;color:#000;display:inline-block}#fixed span::after{content:'';display:inline-block;top:0;bottom:0;margin:auto;width:38px;height:38px;background:url("../img/arrow-footer.svg") center/cover no-repeat}#fixed.is-fixed{transform:translateY(0)}#fixed.is-hide{transform:translateY(100%)}footer{color:#fff;padding:60px 0 20px}footer .box{max-width:1100px;width:90%;margin:0 auto}footer .box .txt{text-align:left;display:flex}footer .box .txt h1{width:67px;height:auto;margin:0 25px 0 0}footer .box .copy h3 img,footer .box .txt h1 img,footer a,footer a img{width:100%;height:auto}footer .box .txt h2{margin:0 0 15px;font-size:16px}footer .box .txt p{font-size:16px;line-height:26px}footer .box .copy{text-align:right;margin:0 0 60px;font-size:13px}footer .box .copy h3{width:185px;height:auto;margin:0 0 15px;display:inline-block}@media only screen and (max-width:1024px){footer .inner{max-width:90%}}@media only screen and (max-width:767px){.pc{display:none!important}.sp{display:block!important}#top .mainttl .huki{left:-9%;top:-38%}#top .bg,#top .bg .hash{position:relative}#top .bg .hash .sticker{bottom:5%;position:absolute}#top .bg .one .sticker{width:50%;right:3%}#top .bg .two .sticker{width:67%;left:3%}#top .date{padding:30px 0 40px}#top .date img{width:65%}#corona,#fixed a{padding:30px 0}#corona img{margin:0 auto;width:40%}#good{padding:75px 0 63px}#good .inner{padding:50px 5% 55px}#good .inner::before,#lineup .ph,#point .item01 .left,#point img{width:100%}#good .txt{width:80%;padding-left:20%;margin:0 auto 40px}#good h2{left:0;bottom:auto;top:-35%}#lineup{padding:65px 0 0}#lineup h2{top:40px;left:7%;z-index:3}#lineup .txt{margin:0 10% 30px 35%;width:55%}#lineup::after{display:none}#point{padding:45px 0 80px}#point .item .flex{text-align:left;flex-wrap:wrap;flex-direction:column-reverse}#point .left p,#point .right p{float:none}#point .item{text-align:center}#point .item01{max-width:100%;margin:0 auto 100px;z-index:3}#point .item01 .right,#point .item02 .left,#point .item03 .right{width:80%;margin:35px auto 0}#point .item01 .right p,#point .item02 .left p,#point .item03 .right p{padding:0;margin-top:20px;max-width:100%}#point .item01 .right img,#point .item02 .left img,#point .item03 .right img,#point .item04 .left img{position:initial}#point .item01 .left img,#point .item02 .right img,#point .item03 .left img{max-width:100%}#point .item02,#point .item03{max-width:100%;margin:0 auto 40px;z-index:3}#point .item02 .right,#point .item03 .left{width:100%;margin:0 auto}#point .item02 .salad{z-index:2}#point .item01 .center{margin:55px auto 0}#point .item01 .center .coffee{bottom:auto;top:-50px;right:0}#point .item04{display:flex;flex-wrap:wrap;flex-direction:column-reverse}#point .item04 .left{width:80%;margin:35px auto 0;position:initial;transform:translateY(0)}#point .item04 .left p{width:100%;padding:0;margin-top:20px;color:#000}#info{padding:110px 0}#info h2{width:70%;margin:0 auto 30px}#resv{padding:50px 0 76px}#resv strong{margin:70px auto 35px;font-size:14px}footer{padding:40px 0 20px}footer .box .copy{text-align:left;padding-top:40px;margin:0}#fixed:hover{background:#ffe144}}@media only screen and (max-width:599px){#top .mainttl{padding:21px 0 50%;height:auto}#top .mainttl h1{max-width:297px;height:86px;margin:0 auto 35px}#top .mainttl .main{max-width:251px}#top .brush.one{max-width:181px;left:9px}#top .brush.two{max-width:177px;bottom:-14px}#top .mainttl .sub{max-width:272px;width:100%}#top .mainttl .sub .one{max-width:133px}#top .mainttl .sub .two{max-width:271px}#top .mainttl .sub .matrix .inn{margin:0 auto 7px}#top .mainttl .huki{top:-33%}#top .mainttl .logo{max-width:127px;width:100%}#top .bg .one .sticker{width:228px}#top .bg .two .sticker{width:302px}#top .date img{width:90%}#corona img{width:218px}#build{padding:20% 0}#build .inner,#info .flex{display:block}#build .txt{width:95%;margin:0 auto}#build .ttlarea{margin-bottom:15%}#build .ttl{width:85%}#build .ph{width:80%;margin:14% auto 0}#build .brush{width:95%;bottom:-50%}#build .step li{max-width:344px;margin:0 auto}#build .step li:not(:last-of-type){margin-bottom:20px}#good{padding:95px 0 55px}#good .inner{padding:10% 8% 50px}#good h2{min-height:185px;top:-40%;left:-4%}#good h2,#good h2 .small,#lineup h2{font-size:18px}#good ul{font-size:15px;line-height:29px;letter-spacing:1px}#good li{padding-left:25px}#lineup{padding:57px 0 0}#lineup h2 span{padding:10px 5px;margin-right:10px;letter-spacing:2px}#lineup .txt{margin-bottom:50px}#lineup p,#point p{line-height:26px}#point .item01 .right img{width:177px}#point .item02 .left img{width:136px}#point .item03 .right img{width:154px}#point .item04 .left img{width:86px}#point .item01 .right p,#point .item02 .left p,#point .item03 .right p,#point .item04 .left p{margin-top:25px}#point .item01 .center .coffee{width:55px;top:-40px}#point .item02 .salad{width:85px;top:-65px}#point .item04 .book{width:88px;top:-55px}#info{padding:60px 0}#info h3{max-width:273px;margin:25px auto 0}#info .main{width:100%}#fixed{font-size:16px;letter-spacing:0}#fixed a{padding:15px 0}#fixed span{max-width:230px}#fixed span::after{width:20px;height:20px}#resv{padding:66px 0 70px}#resv #formBox{padding-bottom:12%}#resv .subttl{max-width:200px;font-size:14px;letter-spacing:2px;top:-60px}#resv .subttl::after,#resv .subttl::before{height:20px}#resv strong{margin:40px auto 35px}#resv strong .left{text-align:left;display:block}.accordion-area .title{font-size:20px;padding:5% 30px 5% 3%}.accordion-area .box{margin:0;padding:0}}