*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.1}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes copy1{0%{opacity:0;transform:translateY(-500px)}100%{transform:translateY(0);opacity:1}}@keyframes copy2{0%{opacity:0;transform:translateY(500px)}100%{transform:translateY(0);opacity:1}}@keyframes fadein{0%{transform:translateY(1000px)}25%{opacity:0;transform:translateY(600px)}100%{opacity:1;transform:translateX(0)}}body{font-family:"Noto Serif JP",serif;font-size:16px;font-weight:500;line-height:2;letter-spacing:.1em;color:#372112;background:#f8f4e6;background-image:url(../images/bg.webp);background-size:500px}.header{opacity:0;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:6;width:100%;height:120px;padding:0 50px;background:hsla(0,0%,100%,.9);transition:1s;transform:translateY(-200px)}.header__btn{display:block;width:186px;padding:10px}.header__img{width:100%;height:100%}.btn{position:relative;z-index:10;display:flex;justify-self:center;align-items:center;width:68px;height:52px;padding:10px;cursor:pointer}.btn__top,.btn__middle,.btn__bottom{position:absolute;left:10px;height:3px;width:48px;background:#000;transition:.5s}.btn__top{transform:translateY(-16px)}.btn__bottom{transform:translateY(16px)}.gnav{position:fixed;top:0;right:0;width:100%;height:100vh;background:rgba(0,0,0,0);transition:.5s;pointer-events:none}.gnav__container{position:absolute;width:320px;height:100vh;top:0;right:0;padding-top:120px;background:#372112;transform:translateX(100%);transition:.5s}.gnav__btn{position:relative;display:block;width:220px;height:134px;margin:0 auto 94px;padding:10px}.gnav__btn::after{content:"";display:block;position:absolute;bottom:-52px;right:9px;width:200px;height:1px;background:#ffe2d5}.gnav__btn__img{width:100%;height:100%}.gnav__nav{position:relative;margin-bottom:84px}.gnav__nav::after{content:"";position:absolute;bottom:-52px;right:60px;display:block;width:200px;height:1px;background:#ffe2d5}.gnav__link{display:block;margin:0 50px 14px 50px;padding:10px;font-family:"Kaisei HarunoUmi",serif;font-size:20px;font-weight:500;letter-spacing:0;line-height:1;color:#ffe2d5;text-decoration:none;transition:.5s}.gnav__link:hover{color:#ff9c6d}.gnav__txt{position:relative}.gnav__txt:nth-of-type(1) ::before{content:url(../images/inst_white.png);position:absolute;display:block;left:60px;width:16px}.gnav__txt:nth-of-type(2) ::before{content:url(../images/x_white.png);position:absolute;display:block;left:60px;width:16px}.gnav__snslink{display:block;margin:0 0 4px 91px;padding:10px;font-family:"Kaisei HarunoUmi",serif;font-weight:500;letter-spacing:0;line-height:1;color:#ffe2d5;text-decoration:none;transition:.5s}.gnav__snslink:hover{color:#ff9c6d}.footer{padding-top:110px;background:#c5aaa0;background-image:url(../images/bg.png);background-size:500px}.footer__ttl{position:relative;width:266px;height:160px;margin:0 auto 100px}.footer__ttl ::after{content:"";position:absolute;left:50%;bottom:-50px;width:64px;height:1px;transform:translate(-50%);background:#372112}.footer__logopic{display:block;padding:10px}.footer__img{width:100%;height:100%}.footer__nav{display:flex;justify-content:space-between;width:820px;margin:0 auto 60px}.footer__link{display:block;padding:10px;font-family:"Kaisei HarunoUmi",serif;font-size:20px;font-width:500px;line-height:1;letter-spacing:0;color:#372112;text-decoration:none;transition:.5s}.footer__link:hover{color:#912b0d}.footer__snsnav{display:flex;justify-content:space-between;width:370px;margin:0 auto 140px}.footer__snsnav :nth-of-type(1) a::before{content:url(../images/inst_black.png);position:absolute;left:-24px;top:12px;width:20px;height:20px}.footer__snsnav :nth-of-type(1) a::after{content:"";position:absolute;right:-75px;bottom:-60px;width:64px;height:1px;background:#372112}.footer__snsnav :nth-of-type(2) a::before{content:url(../images/x_black.png);position:absolute;left:-24px;top:11px;width:22px;height:20px}.footer__snslink{display:block;position:relative;padding:10px;margin-left:27px;font-family:"Kaisei HarunoUmi",serif;font-size:20px;font-width:500px;line-height:1;letter-spacing:0;color:#372112;text-decoration:none;transition:.5s}.footer__snslink:hover{color:#912b0d}.footer__copy{padding-bottom:40px;font-size:14px;line-height:1;letter-spacing:.2em;text-align:center}#top .modal__container1,#top .modal__container2,#top .modal__container3{display:none}#top .modal__wrap{position:fixed;display:flex;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.2);color:#ffe2d5;z-index:9999;isolation:isolate;transform:translateZ(0)}#top .modal__box{display:flex;align-items:end;gap:80px;width:100%;height:720px;padding:80px 0 80px 240px;background:#372112}#top .modal__container2 .modal__box{justify-content:flex-end;padding-left:0;padding-right:240px}#top .modal__pic{width:760px;height:560px;border-radius:1000px 1000px 30px 30px}#top .modal__img{width:100%;height:100%}#top .modal__txt{position:relative;width:400px}#top .modal__container1 .modal__txt::before{content:"喫茶利用";position:absolute;top:-400px;left:528px;height:300px;padding:36px 16px 0 16px;border-radius:10px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0;writing-mode:vertical-rl;color:#372112;background:hsla(0,0%,100%,.9)}#top .modal__container2 .modal__txt::before{content:"読書";position:absolute;top:-400px;right:528px;height:300px;padding:36px 16px 0 16px;border-radius:10px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0;writing-mode:vertical-rl;color:#372112;background:hsla(0,0%,100%,.9)}#top .modal__container3 .modal__txt::before{content:"イベント";position:absolute;top:-400px;left:528px;height:300px;padding:36px 16px 0 16px;border-radius:10px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0;writing-mode:vertical-rl;color:#372112;background:hsla(0,0%,100%,.9)}#top .mv{position:relative;display:flex;align-items:center;z-index:-2;gap:44px;width:100%;height:100vh;padding:80px 0 0 44px;background:#372112}#top .mv__logopic{width:332px;height:200px}#top .mv__logo{width:100%;height:100%}#top .mv__txt{position:absolute;top:0;right:170px;opacity:0;z-index:0;padding:204px 15px 40px 15px;border-radius:0 0 10px 10px;animation:copy1 .75s ease-in forwards;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:500;line-height:1;letter-spacing:0;writing-mode:vertical-rl;background:hsla(0,0%,100%,.9)}#top .mv__txt:nth-of-type(3){top:auto;bottom:0;right:264px;padding:40px 15px 150px 15px;border-radius:10px 10px 0 0;animation:copy2 .75s ease-in .4s forwards}#top .swiper-mv{z-index:-1;width:1480px;height:831px;border-radius:1000px 0 0 1000px}#top .swiper-mv__slide01,#top .swiper-mv__slide02,#top .swiper-mv__slide03{display:flex;justify-content:center;align-items:center}.about__container{display:flex;align-items:center;gap:80px;margin-bottom:160px;padding:160px 0 0 440px}.about__pic{width:520px;height:640px;border-radius:1000px 1000px 50px 50px;box-shadow:0 0 3px rgba(55,33,18,.7)}.about__img{width:100%;height:100%}.about__box{width:440px;margin-top:57px}.about__ttl{position:relative;margin:0 0 120px -2px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0}.about__ttl::before{content:"ABOUT";position:absolute;left:2px;top:-60px;font-family:"Lora",serif;font-size:24px;font-weight:600;color:#912b0d}.about__ttl::after{content:"";position:absolute;top:100px;left:2px;width:64px;height:1px;background:#372112}.time{margin-bottom:120px}.time__container{display:flex;flex-direction:column;gap:60px;opacity:0;width:1720px;margin:0 auto;padding:174px 0 200px;border-radius:300px 300px 30px 30px;background:#372112}.time__ttl{position:relative;margin-bottom:60px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0;color:#ffe2d5;text-align:center}.time__ttl::after{content:"CAFE TIME";position:absolute;top:-60px;left:50%;font-family:"Lora",serif;font-size:24px;font-weight:600;transform:translate(-50%);color:#ff9c6d}.time__box{position:relative;width:680px;margin-left:340px;border-radius:30px 1000px 1000px 30px;cursor:pointer;transition:.5s}.time__box:nth-of-type(2){margin-left:700px}.time__box:nth-of-type(1) dl,.time__box:nth-of-type(3) dl{bottom:-40px;left:-200px}.time__box:nth-of-type(2) dl{bottom:-40px;right:-200px}.time__box:hover .time__img{filter:brightness(130%)}.time__box:hover .time__txt::before{opacity:1}.time__box:hover .time__txt::after{opacity:0}.time__img{display:block;width:100%;height:100%;transition:.5s}.time__list{display:flex;align-items:center;position:absolute;gap:40px;width:640px;padding:28px 40px;border-radius:10px;background:hsla(0,0%,100%,.9)}.time__subttl{width:128px;font-family:"Kaisei HarunoUmi",serif;font-size:32px;font-weight:500;line-height:1;letter-spacing:0}.time__txt{position:relative;width:320px}.time__txt::before{content:url(../images/arrow_hover.png);position:absolute;opacity:0;top:16px;right:-64px;width:36px;height:9px;transition:.5s}.time__txt::after{content:url(../images/arrow.png);position:absolute;top:16px;right:-64px;width:36px;height:9px;transition:.5s}.menu__container{display:flex;align-items:start;gap:280px;padding:120px 0 120px 440px;margin-bottom:200px;background:#fff}.menu__ttl{position:relative;margin:50px 0 120px -2px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0}.menu__ttl::before{content:"MENU";top:-60px;left:2px;position:absolute;font-family:"Lora",serif;font-size:24px;font-weight:600;color:#912b0d}.menu__ttl::after{content:"";position:absolute;left:2px;top:100px;width:64px;height:1px;background:#372112}.menu__txt{width:400px;margin-bottom:70px}.menu__link{display:block;position:relative;width:208px;padding:10px;margin-left:-10px;font:20px;line-height:1;text-decoration:none;color:#372112;transition:.5s}.menu__link::before{content:url(../images/arrow_menu-red.png);position:absolute;opacity:0;left:10px;top:24px;transition:.5s}.menu__link::after{content:url(../images/arrow_menu.png);position:absolute;left:10px;top:24px;transition:.5s}.menu__link:hover{color:#912b0d}.menu__link:hover.menu__link::before{opacity:1}.menu__link:hover.menu__link::after{opacity:0}.menu__imgpic{opacity:0;width:560px;height:700px;border-radius:1000px 1000px 75px 75px;transition:.6s ease-in;box-shadow:0 0 3px rgba(55,33,18,.7)}.menu__imgpic:nth-of-type(2){width:352px;height:425px;margin:-168px 0 0 -392px;border-radius:1000px 1000px 75px 75px}.menu__imgpic__img{width:100%;height:100%}.event{width:1040px;margin:0 auto 160px}.event__txtbox{display:flex;align-items:center;justify-content:space-between;margin-bottom:120px}.event__ttl{position:relative;margin-right:40px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0}.event__ttl::before{content:"MENU";top:-60px;left:2px;position:absolute;font-family:"Lora",serif;font-size:24px;font-weight:600;color:#912b0d}.event__txt{width:474px;margin-right:124px}.event__pic{width:188px;margin:3px -56px 0 0}.event__link{display:block;position:relative;padding:10px;font:20px;line-height:1;text-decoration:none;color:#372112;transition:.5s}.event__link::before{content:url(../images/arrow_menu-red.png);position:absolute;opacity:0;left:0px;top:14px;padding:10px;transition:.5s}.event__link::after{content:url(../images/arrow_menu.png);position:absolute;left:0px;top:14px;padding:10px;transition:.5s}.event__link:hover{color:#912b0d}.event__link:hover.event__link::before{opacity:1}.event__link:hover.event__link::after{opacity:0}.event__imgbox{display:flex;justify-content:space-between;position:relative}.event__imgbox :nth-of-type(1)::after{content:"朗読会";position:absolute;left:273px;top:-40px;height:290px;padding:20px 8px 0;border-radius:10px;font-family:"Kaisei HarunoUmi",serif;font-size:24px;font-width:500;line-height:1;letter-spacing:0;writing-mode:vertical-rl;background:hsla(0,0%,100%,.9)}.event__imgbox :nth-of-type(2)::after{content:"フリーマーケット";position:absolute;right:377px;top:-40px;height:290px;padding:20px 8px 0;border-radius:10px;font-family:"Kaisei HarunoUmi",serif;font-size:24px;font-width:500;line-height:1;letter-spacing:0;writing-mode:vertical-rl;background:hsla(0,0%,100%,.9)}.event__imgbox :nth-of-type(3)::after{content:"ミニ個展";position:absolute;right:20px;top:-40px;height:290px;padding:20px 8px 0;border-radius:10px;font-family:"Kaisei HarunoUmi",serif;font-size:24px;font-width:500;line-height:1;letter-spacing:0;writing-mode:vertical-rl;background:hsla(0,0%,100%,.9)}.event__imgpic{overflow:hidden;width:334px;height:360px;border-radius:50% 50% 10px 10px}.event__img{display:block;width:100%;height:100%;transition:.5s}.event__img:hover{transform:scale(1.1);filter:brightness(130%)}.info{margin-bottom:80px;background:#372112;color:#ffe2d5}.info__container{display:flex;align-items:center;gap:203px;padding:60px 0 60px 440px}.info__box{width:317px}.info__ttl{position:relative;margin:60px 0 120px -2px;font-family:"Kaisei HarunoUmi",serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:0}.info__ttl::before{content:"INFORMATION";top:-60px;left:2px;position:absolute;font-family:"Lora",serif;font-size:24px;font-weight:600;color:#ff9c6d}.info__ttl::after{content:"";position:absolute;left:2px;top:100px;width:64px;height:1px;background:#ffe2d5}.info__access--list{margin-bottom:60px}.info__access--list :nth-child(1){margin-bottom:10px}.info__access--list :nth-child(2){margin-bottom:24px}.info__access--list :nth-child(3),.info__access--list :nth-child(4){position:relative;font-size:14px;margin:0 0 10px 20px}.info__access--list :nth-child(3)::before,.info__access--list :nth-child(4)::before{content:"";position:absolute;top:11px;left:-20px;border-radius:100%;width:8px;height:8px;background:#ffe2d5}.info__contact{display:flex;align-items:center;gap:24px;margin-bottom:20px}.info__contact:nth-of-type(2){margin-bottom:0px}.info__contact--txt{font-size:14px}.resizeHeader{opacity:1;transform:translateY(0)}.topbtn{transform:rotate(45deg);background:#ffe2d5}.middlebtn{opacity:0;pointer-events:none}.bottombtn{transform:rotate(-45deg);background:#ffe2d5}.slideNav{transform:translateX(0)}.slideBack{pointer-events:auto;background:rgba(0,0,0,.2)}.headeraRemove{display:none}.fadeinTime{animation:fadein 2s forwards}.fadeinMenu{opacity:1;transform:translateY(0)}/*# sourceMappingURL=style.css.map */