@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");body{font-family:YakuHanJPs,"Zen Old Mincho",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative;background-size:1400px}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}.wrapper{position:relative}.headline{background:url(../img/top_bg_s.jpg) repeat;background-size:1vw;position:relative;overflow:hidden;height:100vh;min-height:800px;display:flex;align-items:center;padding:4vw 0}@media screen and (max-width:920px){.headline{padding:0}}@media screen and (max-width:480px){.headline{min-height:auto;padding:0 0 5vw;height:100vh;display:grid;align-content:center}}.headline .top-img{width:60vw;margin:0 auto;opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (max-width:920px){.headline .top-img{width:73vw}}@media screen and (max-width:480px){.headline .top-img{width:106vw;margin:-13vw 0 0 -24vw}}.headline .top-img img{width:100%}.headline .t-lead{background:#A64883;padding:0.8rem;border-radius:50px;position:absolute;right:calc(50% - 41vw);top:calc(50% - 27.5vw);width:1.5vw;opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (min-width:1500px){.headline .t-lead{top:4vw}}@media screen and (max-width:920px){.headline .t-lead{right:4vw;top:calc(50% - 34.5vw);width:2vw}}@media screen and (max-width:480px){.headline .t-lead{padding:0.4rem;right:7vw;top:9.5vw;width:3.2vw}}.headline .t-lead img{width:100%}.headline h1{position:absolute;width:5.2vw;right:calc(50% - 35vw);top:calc(50% - 27vw);opacity:0;visibility:hidden;filter:blur(10px);z-index:10}@media screen and (min-width:1500px){.headline h1{top:4vw}}@media screen and (max-width:920px){.headline h1{width:6.2vw;right:11vw;top:calc(50% - 34vw)}}@media screen and (max-width:480px){.headline h1{width:9.7vw;right:17vw;top:10.7vw}}.headline h1 img{width:100%}.headline h2{position:absolute;width:3.5vw;right:calc(50% - 28vw);top:calc(50% - 3vw);opacity:0;visibility:hidden;filter:blur(10px);z-index:10}@media screen and (min-width:1500px){.headline h2{top:28vw}}@media screen and (max-width:920px){.headline h2{width:4vw;right:19vw;top:calc(50% - 4vw)}}@media screen and (max-width:480px){.headline h2{width:6.8vw;right:29vw;top:53vw}}.headline h2 img{width:100%}.headline .t-icon{width:13vw;position:absolute;right:calc(50% - 20vw);opacity:0;visibility:hidden;filter:blur(10px);z-index:10;top:calc(50% + 10vw)}@media screen and (max-width:920px){.headline .t-icon{width:16vw;right:28vw}}@media screen and (max-width:480px){.headline .t-icon{width:22vw;right:4vw;bottom:auto;top:calc(50% + 6vh)}}@media screen and (max-width:375px){.headline .t-icon{top:calc(50% + 8vh)}}.headline .t-icon img{max-width:100%}.headline .r-lead{top:calc(50% - 28vw);position:absolute;width:24vw;left:calc(50% - 44vw);z-index:10;display:flex;flex-direction:row-reverse}.headline .r-lead span{opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (min-width:1500px){.headline .r-lead{top:7vw}}@media screen and (max-width:920px){.headline .r-lead{width:26vw;left:4vw}}@media screen and (max-width:480px){.headline .r-lead{top:calc(50% + 40vw);width:40vw;left:calc(50% - 20vw)}}.headline .r-lead img{width:100%}.headline .t-credit{position:absolute;font-size:11px;bottom:3rem;left:1rem;color:#555;opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (max-width:480px){.headline .t-credit{font-size:10px;bottom:auto;top:2%}}.headline.fix .t-lead{animation:a-fadein 1s ease 1s forwards}.headline.fix h1{animation:a-fadein 1s ease 1s forwards}.headline.fix h2{animation:a-fadein 1s ease 1s forwards}.headline.fix .t-icon{animation:a-fadein 1s ease 4s forwards}.headline.fix .top-img{animation:a-fadein 1s ease forwards}.headline.fix .r-lead span:first-child{animation:a-fadein 1s ease 2s forwards}.headline.fix .r-lead span:nth-child(2){animation:a-fadein 1s ease 3s forwards}.headline.fix .t-credit{animation:a-fadein 1s ease 1s forwards}@keyframes a-fadein{to{opacity:1;visibility:visible;filter:blur(0)}}.lead-area{position:relative;padding:8rem 0}@media screen and (max-width:920px){.lead-area{padding-top:6rem}}@media screen and (max-width:480px){.lead-area{padding:4rem 0}}.lead-area:before{content:"";position:absolute;width:100%;height:100%;background:url(../img/lead_bg.webp) no-repeat center;background-attachment:fixed;background-size:cover;top:0;left:0;opacity:0.3}@media screen and (max-width:480px){.lead-area:before{background-attachment:inherit}}.lead-area .lead-wrap{background:rgba(227,198,255,0.6);position:relative;padding:4rem 3rem;width:90%;margin:0 auto;box-sizing:border-box;max-width:1200px;backdrop-filter:blur(12px);opacity:0;visibility:hidden;translate:0 1rem;transition:0.5s ease}@media screen and (max-width:768px){.lead-area .lead-wrap{padding:2rem}}@media screen and (max-width:480px){.lead-area .lead-wrap{padding:1rem}}.lead-area .lead-wrap .lead-wrap-inr{border:solid 1px #fff;padding:3rem;display:grid;place-content:center}@media screen and (max-width:768px){.lead-area .lead-wrap .lead-wrap-inr{padding:2rem}}@media screen and (max-width:480px){.lead-area .lead-wrap .lead-wrap-inr{padding:2rem 1rem}}.lead-area .lead01{width:61%;margin:0 auto;opacity:0;visibility:hidden;filter:blur(10px);transition:1s ease;min-width:580px}@media screen and (max-width:920px){.lead-area .lead01{width:80%;min-width:auto}}@media screen and (max-width:480px){.lead-area .lead01{width:88%}}.lead-area .lead01 img{width:100%}.lead-area .lead02{font-size:27px;line-height:2;letter-spacing:0.06rem;margin:4rem auto;opacity:0;visibility:hidden;filter:blur(10px);transition:1s ease;text-align:center}@media screen and (max-width:920px){.lead-area .lead02{font-size:23px}}@media screen and (max-width:768px){.lead-area .lead02{margin:3rem auto}}@media screen and (max-width:480px){.lead-area .lead02{font-size:13px;margin:1.5rem auto}}.lead-area .lead03{width:64%;margin:0 auto;opacity:0;visibility:hidden;filter:blur(10px);transition:1s;min-width:610px}@media screen and (max-width:920px){.lead-area .lead03{width:86%;min-width:auto}}@media screen and (max-width:480px){.lead-area .lead03{width:100%}}.lead-area .lead03 img{width:100%}.lead-area .lead04{font-size:27px;line-height:2;letter-spacing:0.06rem;text-align:center;margin:3rem auto 0;opacity:0;visibility:hidden;filter:blur(10px);transition:1s ease}@media screen and (max-width:920px){.lead-area .lead04{font-size:23px}}@media screen and (max-width:480px){.lead-area .lead04{font-size:13px;margin:1.5rem auto 0}}@keyframes c-fadein{to{opacity:1;visibility:visible;filter:blur(0)}}.lead-area.-inview .lead-wrap{opacity:1;visibility:visible;translate:0 0}.lead-area.-inview .lead01{animation:c-fadein 1s ease 1s forwards}.lead-area.-inview .lead02{animation:c-fadein 1s ease 2s forwards}.lead-area.-inview .lead03{animation:c-fadein 1s ease 3s forwards}.lead-area.-inview .lead04{animation:c-fadein 1s ease 4s forwards}.comment{background-size:1vw;padding:8rem 0;position:relative;background:linear-gradient(180deg,rgb(250,236,236) 0%,rgb(252,248,240) 50%,rgb(239,251,255) 100%);overflow:hidden}@media screen and (max-width:480px){.comment{padding:4rem 0}}.comment:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/top_bg_s.jpg) repeat;background-size:100px;mix-blend-mode:multiply}.comment:after{content:"";display:block;width:34rem;height:38rem;background:url(../img/comment_icon02.webp) no-repeat;background-size:100%;position:absolute;bottom:0%;right:-15%}@media screen and (max-width:768px){.comment:after{width:57vw;height:65vw;right:-28vw}}.comment h2{width:29rem;margin:0 auto;position:relative}@media screen and (max-width:920px){.comment h2{width:45vw}}@media screen and (max-width:768px){.comment h2{width:53%;max-width:29rem}}@media screen and (max-width:480px){.comment h2{width:57%}}.comment h2:after{content:"";display:block;height:15rem;width:9rem;mix-blend-mode:multiply;background:url(../img/comment_icon.jpg) no-repeat;background-size:100%;position:absolute;right:-8rem;bottom:-6rem;transform:rotate(24deg)}@media screen and (max-width:920px){.comment h2:after{height:18vw;width:11vw;right:-7vw;bottom:-7vw}}@media screen and (max-width:768px){.comment h2:after{height:21vw;width:13vw;right:-7vw;bottom:-11vw}}@media screen and (max-width:480px){.comment h2:after{height:31vw;bottom:-19vw}}.comment h2 img{width:100%}.comment .comment-list{display:flex;list-style:none;flex-wrap:wrap;max-width:1020px;margin:7rem auto 0;justify-content:space-between;position:relative;z-index:10;width:90%;opacity:0;visibility:hidden;translate:0 1rem;transition:0.5s ease 1s}@media screen and (max-width:768px){.comment .comment-list{justify-content:center}}@media screen and (max-width:480px){.comment .comment-list{margin:3rem auto 0}}.comment .comment-list li{width:47%;margin:0 0 3rem}@media screen and (max-width:768px){.comment .comment-list li{width:90%}}@media screen and (max-width:480px){.comment .comment-list li{margin:0 0 2rem}}.comment .comment-list li .c-wrap{background:#fff;padding:2rem;border-radius:20px;box-shadow:2px 2px 11px 8px rgba(0,0,0,0.05);box-sizing:border-box;height:100%;display:grid;place-content:center}@media screen and (max-width:480px){.comment .comment-list li .c-wrap{padding:1.5rem}}.comment .comment-list li .c-wrap p{font-size:22px;line-height:1.6;letter-spacing:0.06rem}@media screen and (max-width:480px){.comment .comment-list li .c-wrap p{font-size:15px}}.comment .comment-list li .c-wrap .credit{font-size:14px;letter-spacing:0.06rem;margin-top:1.2rem;text-align:right;color:#444}@media screen and (max-width:480px){.comment .comment-list li .c-wrap .credit{font-size:11px}}.comment .c-credit{position:absolute;font-size:11px;bottom:2rem;left:1rem;color:#555;opacity:0;visibility:hidden;transition:1s ease}@media screen and (max-width:480px){.comment .c-credit{font-size:10px;bottom:1rem}}.comment.-inview .c-credit,.comment.-inview .comment-list{opacity:1;visibility:visible;translate:0 0}.book-area{box-sizing:border-box;position:relative}@media screen and (max-width:480px){.book-area{margin-top:4rem}}.book-area *{box-sizing:border-box}.book-area-inner{box-sizing:border-box;position:relative;margin:0 auto;z-index:10;display:flex;position:relative;justify-content:center;align-items:flex-start}@media screen and (max-width:920px){.book-area-inner{flex-wrap:wrap;width:90%}}@media screen and (max-width:480px){.book-area-inner{width:95%}}.book-area-inner-wrap{padding:6rem 25px;margin:0 auto;position:relative;z-index:10;max-width:1050px}@media screen and (max-width:920px){.book-area-inner-wrap{padding:4rem 0}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:2rem 0}}.book-area-inner-item{padding:4rem 3rem;display:flex}@media screen and (max-width:920px){.book-area-inner-item{flex-wrap:wrap}}@media screen and (max-width:480px){.book-area-inner-item{padding:1rem}}.book-area-inner-book{z-index:10;position:relative;width:40%;max-width:350px}@media screen and (max-width:920px){.book-area-inner-book{width:80%;max-width:380px}}@media screen and (max-width:480px){.book-area-inner-book{max-width:280px;width:80%}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.35)}.book-area-inner-detail{color:#000;z-index:0;position:relative;box-sizing:border-box;padding:0 3% 3%;position:relative;box-sizing:border-box;width:56%;letter-spacing:0.06em}@media screen and (max-width:920px){.book-area-inner-detail{width:80%;margin-top:3vw;max-width:380px;padding:0}}@media screen and (max-width:480px){.book-area-inner-detail{margin-top:2rem;width:80%}}.book-area-inner-detail .sub-detail{color:#6A6A6A;font-size:16px;font-size:1rem;margin-top:1rem}@media screen and (max-width:480px){.book-area-inner-detail .sub-detail{font-size:13px;font-size:0.8125rem}}.book-area-inner-title{font-size:46px;font-size:2.875rem;line-height:1.2;font-weight:700}@media screen and (max-width:768px){.book-area-inner-title{font-size:40px;font-size:2.5rem}}@media screen and (max-width:480px){.book-area-inner-title{font-size:30px;font-size:1.875rem;line-height:1.2}}.book-area-inner-title ruby>rt{font-size:12px}.book-area-inner-title span{display:block;font-size:22px;font-size:1.375rem;line-height:1.2}@media screen and (max-width:480px){.book-area-inner-title span{font-size:18px}}.book-area-inner-writer{font-size:19px;font-size:1.1875rem;margin-top:1.5rem;line-height:1.4;font-weight:500}@media screen and (max-width:480px){.book-area-inner-writer{font-size:14px;font-size:0.875rem;margin-top:1.2rem}}.book-area-inner-info{margin-top:1.5rem;font-weight:300;font-weight:500}.book-area-inner-info span{display:block;line-height:1.8;font-size:12px;font-size:0.75rem}.book-area-inner-info span.genre{margin:0.5rem 0;width:6em;text-align:center;padding:0.1rem;border:solid 1px #707070}@media screen and (max-width:768px){.book-area-inner-info span.genre{margin:0.5rem auto}}.book-area.fadein{animation:fadein 1.5s ease forwards}@keyframes anime-book{0%{transform:rotate(0deg)}to{transform:rotate(357deg)}}.book_sotre_list{margin:1.5rem 0 0;max-width:575px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width:768px){.book_sotre_list{justify-content:center}}@media screen and (max-width:480px){.book_sotre_list{justify-content:space-between;margin-top:2rem;max-width:none}}.book_sotre_list li{width:44%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (max-width:920px){.book_sotre_list li{width:46%}}@media screen and (max-width:768px){.book_sotre_list li{width:44%}}@media screen and (max-width:480px){.book_sotre_list li{width:48%;margin:0 0 10px}}.book_sotre_list li a{padding:7px 15px;background:#fff;border:solid 1px #dcdcdc;box-sizing:border-box;display:block}@media screen and (min-width:481px) and (max-width:914px){.book_sotre_list li a{padding:7px 5px}}@media screen and (max-width:480px){.book_sotre_list li a{padding:7px 5px}}.book_sotre_list li a img{width:100%;max-width:100%;vertical-align:bottom}.book_sotre_list li a:hover{opacity:0.4;transition:opacity 0.3s ease-out}@media screen and (max-width:768px){.book_sotre_list li a:hover{opacity:1;transition:none}}.book_sotre_list li:nth-child(7),.book_sotre_list li:nth-child(8){margin-bottom:0}footer{z-index:10}