@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}@media screen and (max-width:480px){.wrapper:before{content:"";display:block;width:100%;height:100vh;position:fixed;top:0;left:0;background:url(../img/top_bg.webp) -27vw -43vw no-repeat;background-size:166vw}}#js-loader{position:fixed;width:100%;height:100vh;z-index:10000;background-size:1vw;background-repeat:repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,rgb(43,65,126) 0%,rgb(150,105,149) 100%)}#js-loader:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/book_bg.webp) no-repeat center;background-size:cover;opacity:0.1;filter:blur(10px)}.logo{width:9rem;animation:pulsate 1.5s infinite alternate}@media screen and (max-width:480px){.logo{width:5rem}}.logo img{width:100%}@keyframes pulsate{to{filter:drop-shadow(0 0 6px rgba(248,225,254,0.8))}0%{filter:drop-shadow(0 0 6px rgba(248,225,254,0.1))}}.headline{background:url(../img/top_bg.webp) -7vw -43vw no-repeat;position:relative;background-size:127vw;background-attachment:fixed;overflow:hidden;height:105vh;display:flex;box-sizing:border-box;place-content:center;padding:4vw 0}@media screen and (max-width:480px){.headline{padding:0 0 5vw;height:100vh;display:grid;align-content:center;background:none}}.headline .headline-main{display:flex;flex-direction:column;place-content:center;align-items:center}.headline h1{width:38.2vw;opacity:0;visibility:hidden;filter:blur(10px);z-index:10;max-width:450px}@media screen and (max-width:480px){.headline h1{width:64vw;margin-top:-15vw}}.headline h1 img{width:100%}.headline h2{width:3.5vw;opacity:0;visibility:hidden;filter:blur(10px);z-index:10;max-width:45px}@media screen and (max-width:480px){.headline h2{width:6.8vw}}.headline h2 img{width:100%}.headline .credit{position:absolute;color:#fff;bottom:7vh;left:1.5rem;font-size:10px;opacity:0;visibility:hidden}@media screen and (max-width:480px){.headline .credit{bottom:2vh;left:0.7rem}}.headline.fix h1{animation:a-fadein 1s ease 0.5s forwards}.headline.fix h2{animation:a-fadein 1s ease 2s forwards}.headline.fix .credit{animation:a-fadein 1s ease 2s forwards}@keyframes a-fadein{to{opacity:1;visibility:visible;filter:blur(0)}}.lead-area{position:relative;padding:8rem 0;background:url(../img/top_bg.webp) -7vw -43vw no-repeat;background-attachment:fixed;background-size:127vw}@media screen and (max-width:920px){.lead-area{padding-top:6rem}}@media screen and (max-width:480px){.lead-area{padding:4rem 0;background:none}}.lead-area:before{content:"";position:absolute;width:100%;height:100%;background:rgba(63,63,63,0.16);top:0;left:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lead-area .lead-wrap{position:relative;box-sizing:border-box}@media screen and (max-width:768px){.lead-area .lead-wrap{padding:2rem}}@media screen and (max-width:480px){.lead-area .lead-wrap{padding:0}}.lead-area .lead01{width:365px;margin:0 auto;position:relative;z-index:10;clip-path:inset(0 100% 0 0)}@media screen and (max-width:768px){.lead-area .lead01{width:39%}}@media screen and (max-width:480px){.lead-area .lead01{width:46%}}.lead-area .lead01 img{width:100%;vertical-align:bottom}.lead-area .lead02{margin:-9px auto 0;clip-path:inset(0 100% 0 0);width:650px}@media screen and (max-width:768px){.lead-area .lead02{width:70%}}@media screen and (max-width:480px){.lead-area .lead02{width:82%}}.lead-area .lead02 img{width:100%;vertical-align:bottom}.lead-area .lead03{text-align:center;color:#fff;font-size:24px;letter-spacing:0.6px;line-height:2;margin-top:4rem;opacity:0;filter:blur(10px);translate:0 20px;visibility:hidden}@media screen and (max-width:768px){.lead-area .lead03{font-size:22px}}@media screen and (max-width:480px){.lead-area .lead03{width:82%;margin:1rem auto 0;font-size:15px;text-align:left}}.lead-area .lead03 img{width:100%}.lead-area .lead04{margin:3rem auto 0;opacity:0;visibility:hidden;filter:blur(10px);width:90%;transition:1s ease;max-width:900px;translate:0 20px}@media screen and (max-width:768px){.lead-area .lead04{width:100%}}@media screen and (max-width:480px){.lead-area .lead04{width:95%}}.lead-area .lead04 img{width:100%;vertical-align:bottom}@keyframes c-fadein{to{opacity:1;visibility:visible;filter:blur(0);clip-path:inset(0 0 0 0);translate:0 0}}.lead-area.-inview .lead01{animation:c-fadein 0.8s ease 1s forwards}.lead-area.-inview .lead02{animation:c-fadein 0.8s ease 2s forwards}.lead-area.-inview .lead03{animation:c-fadein 0.8s ease 3s forwards}.lead-area.-inview .lead04{animation:c-fadein 0.8s ease 4s forwards}.comment{padding:8rem 0;background:linear-gradient(180deg,rgb(19,13,83) 0%,rgb(4,17,58) 100%);position:relative;box-shadow:0 -10px 16px 0px rgba(3,0,43,0.5)}@media screen and (max-width:480px){.comment{padding:4rem 0}}.comment .comment-hd{background:url(../img/comment_waku.svg) no-repeat 0 0;background-size:100%;width:40rem;padding:2rem 3rem;box-sizing:border-box;height:11.5rem;display:grid;margin:0 auto;align-content:center;opacity:0;visibility:hidden;translate:0 20px}@media screen and (max-width:768px){.comment .comment-hd{width:85vw;height:25vw}}@media screen and (max-width:480px){.comment .comment-hd{padding:1rem}}.comment .comment-hd img{width:100%}.comment .comment-inr{display:flex;max-width:1050px;width:95%;margin:4rem auto 0;justify-content:space-around;align-items:flex-start;opacity:0;visibility:hidden;translate:0 20px}@media screen and (max-width:768px){.comment .comment-inr{flex-wrap:wrap}}@media screen and (max-width:480px){.comment .comment-inr{margin-top:2rem}}.comment .comment-inr .comment-c{border:solid 1px #686868;padding:3px;width:45%;flex-shrink:0}@media screen and (max-width:768px){.comment .comment-inr .comment-c{width:80%}}@media screen and (max-width:480px){.comment .comment-inr .comment-c{width:90%}}@media screen and (max-width:768px){.comment .comment-inr .comment-c:last-child{margin-top:3rem}}.comment .comment-inr .comment-c .comment-c-inr{line-height:1.6;letter-spacing:0.6px;padding:1.5rem 2rem;box-sizing:border-box;border:solid 1px;background:#fff;height:100%}@media screen and (max-width:480px){.comment .comment-inr .comment-c .comment-c-inr{padding:1rem}}.comment .comment-inr .comment-c .comment-c-inr p{margin-bottom:1.5rem;font-size:15px}@media screen and (max-width:480px){.comment .comment-inr .comment-c .comment-c-inr p{font-size:13px}}.comment .comment-inr .comment-c .comment-c-inr .c-credit{margin-top:1rem;font-size:12px;text-align:right}@media screen and (max-width:480px){.comment .comment-inr .comment-c .comment-c-inr .c-credit{font-size:10px}}.comment .comment-inr .comment-c .comment-c-inr .c-credit span{display:block}.comment.-inview .comment-hd{animation:c-fadein 0.8s ease 1s forwards}.comment.-inview .comment-inr{animation:c-fadein 0.8s ease 1s forwards}.book-area{box-sizing:border-box;position:relative;background:linear-gradient(180deg,rgb(43,65,126) 0%,rgb(150,105,149) 100%);box-shadow:0 -10px 16px 0px rgba(3,0,43,0.5);padding-bottom:8rem}@media screen and (max-width:480px){.book-area{padding-bottom:4rem}}.book-area:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/book_bg.webp) no-repeat center;background-size:cover;opacity:0.2;filter:blur(2px)}.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:4rem 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;margin-right:3%}}@media screen and (max-width:480px){.book-area-inner-book{max-width:280px;width:80%;margin-right:0}}.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:#fff;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:50px;font-size:3.125rem;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}.book-area .kikan{max-width:850px;margin:0 auto;width:90%;background:rgba(255,255,255,0.4);box-sizing:border-box;border-radius:30px;padding:3rem;position:relative}@media screen and (max-width:480px){.book-area .kikan{padding:2rem 1rem}}.book-area .kikan .kikan-hd h4{font-size:38px;text-align:center;letter-spacing:0.6px;border-top:1px solid;border-image:linear-gradient(to right,transparent,currentColor,transparent) 1;padding:0.5rem 0;border-bottom:1px solid;color:#262553;width:6em;margin:0 auto}@media screen and (max-width:480px){.book-area .kikan .kikan-hd h4{font-size:29px}}.book-area .kikan .book-list{list-style:none;display:flex;justify-content:center;margin-top:3rem;flex-wrap:wrap}@media screen and (max-width:480px){.book-area .kikan .book-list{margin-top:2rem}}.book-area .kikan .book-list li{width:200px;margin:0 1.5rem 3rem}@media screen and (max-width:480px){.book-area .kikan .book-list li{width:31%;margin:0 0 2rem}}.book-area .kikan .book-list li a{display:block;color:#262553;text-decoration:none;font-size:14px;font-weight:500}@media screen and (max-width:480px){.book-area .kikan .book-list li a{font-size:12px;line-height:1.2}}.book-area .kikan .book-list li a img{max-width:100%;vertical-align:bottom;margin-bottom:0.5rem;max-height:287px}@media screen and (max-width:480px){.book-area .kikan .book-list li a img{max-height:135px;display:block}}@media screen and (max-width:480px){.book-area .kikan .book-list li:nth-child(2){margin:0 2%}}.book-area .kikan .book-list li:nth-child(4),.book-area .kikan .book-list li:nth-child(5){margin-bottom:0}@media screen and (max-width:480px){.book-area .kikan .book-list li:nth-child(4),.book-area .kikan .book-list li:nth-child(5){margin:0 2%}}@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}