@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&display=swap");.manga-popup{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:-1;transition-duration:.3s;opacity:0;pointer-events:none}.manga-popup.active{z-index: 9999;opacity:1;pointer-events:all}.manga-popup.active .content{transform:translateY(0) !important;opacity:1 !important}.manga-popup .overlay{background-color:rgba(0,0,0,0.5);width:100%;height:100%;position:relative}.manga-popup .overlay .content{transition-duration:.8s;transform:translateY(20px);transition-timing-function:cubic-bezier(0.53, 0.01, 0.5, 1);opacity:0;background-color:white;border:solid 2px black;position:relative;border-radius:20px 0 20px 20px;left:0;right:0;top:0;bottom:0;margin:auto;max-width:500px;width:100%;height:90%;overflow-y:auto;overflow-x:hidden;pointer-events:all}@media (max-width: 767px){.manga-popup .overlay .content{border-radius:20px;width:85%;bottom:auto;margin:0 auto}}.manga-popup .overlay .content .popup-close{position:sticky;top:0;left:100%;width:18%;cursor:pointer;transform:translateY(-1%)}@media (max-width: 767px){.manga-popup .overlay .content .popup-close{transform:translate(1px, -1px);position:-webkit-sticky;display:block;left:100%;transition-duration:.1s}}.manga-popup .overlay .content .content-inner{box-sizing: content-box;margin-top:-8%;padding:0 20px;overflow:hidden;width:calc(100% - 40px)}.manga-popup .overlay .content .content-inner .popup-logo{width:70%;margin:10% auto;margin-top:0;display:block}.manga-popup .overlay .content .content-inner .manga{width:100%;user-select:none;pointer-events:none}.manga-popup .overlay .content .content-inner .popup-infomation{padding:30px 20px;pointer-events:none}@media (max-width: 767px){.manga-popup .overlay .content .content-inner .popup-infomation{padding:30px 10px}}.manga-popup .overlay .content .content-inner .popup-infomation .ttl{font-size:18px;font-weight:400;margin-bottom:15px;color:#325582;font-family:'Noto Sans JP', sans-serif}@media (max-width: 767px){.manga-popup .overlay .content .content-inner .popup-infomation .ttl{font-size:14px}}.manga-popup .overlay .content .content-inner .popup-infomation .txt{font-size:14px;font-weight:300;color:#325582;line-height:2;margin-bottom:15px;font-family:'Noto Sans JP', sans-serif}@media (max-width: 767px){.manga-popup .overlay .content .content-inner .popup-infomation .txt{font-size:11px;white-space:nowrap}}.manga-popup .overlay .content .content-inner .popup-infomation .from{font-size:18px;font-weight:400;color:#325582;font-family:'Noto Sans JP', sans-serif}@media (max-width: 767px){.manga-popup .overlay .content .content-inner .popup-infomation .from{font-size:14px}}.manga-popup .overlay .content .content-inner .popup-infomation .btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;border:solid 2px #325582;border-radius:15px;color:#325582;font-size:20px;font-family:'Noto Sans JP', sans-serif;font-weight:400;position:relative;letter-spacing:3px;overflow:hidden;text-decoration:none;padding:30px 0;margin-top:30px;background-color:#CFE8FF;transition-duration:.3s}@media (max-width: 767px){.manga-popup .overlay .content .content-inner .popup-infomation .btn{font-size:14px;padding:20px 0}}.manga-popup .overlay .content .content-inner .popup-infomation .btn:hover{background-color:white}.manga-popup .overlay .content .content-inner .furusato-logo{display:block;margin:0 auto;margin-top:10px;margin-bottom:15px;width:40%}.manga-popup .overlay .content .content-inner .furusato-logo svg{width:100%}