@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:#fdebe0}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}.wrapper{position:relative}.wrapper:before{content:"";display:block;width:20px;height:100%;position:fixed;background:#fff;top:0;left:0;z-index:10;background:url(../img/side.svg) repeat-y 0 0;transform:scale(-1,1);background-size:cover}@media screen and (max-width:480px){.wrapper:before{width:12px;background-size:40px}}.wrapper:after{content:"";display:block;width:20px;height:100%;position:fixed;background:#fff;top:0;right:0;z-index:10;background:url(../img/side.svg) repeat-y 0 0;background-size:cover}@media screen and (max-width:480px){.wrapper:after{width:12px;background-size:40px}}#js-loader{position:fixed;width:100%;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fdebe0;top:0;left:0}.logo{position:relative;z-index:10;display:grid;justify-items:center;display:flex;align-items:center;flex-direction:row-reverse}@media screen and (max-width:480px){.logo{justify-content:center}}.logo .title{display:block;width:10rem}@media screen and (max-width:480px){.logo .title{width:30%}}.logo .title img{width:100%}.logo .icon{display:block;width:12rem;margin-right:0.5rem}@media screen and (max-width:480px){.logo .icon{width:25%}}.logo .icon img{width:100%}@keyframes fadein{to{opacity:1;transform:translateY(0);visibility:visible}}.headline{position:relative;overflow:hidden;height:100vh;display:grid;justify-items:center;padding:4vw 0;box-sizing:border-box;align-items:flex-start}@media screen and (max-width:480px){.headline{padding:17vw 0 20vw;height:auto}}.headline .top-img{opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (max-width:480px){.headline .top-img{width:70vw}}.headline .top-img img{max-width:100%;max-height:78vh}@media screen and (max-width:480px){.headline .top-img img{max-height:100%}}.headline h1{position:absolute}.headline h1.h01{width:17vw;right:calc(50% - 38vw);z-index:10;top:9vw;max-width:12rem;opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (min-width:1200px){.headline h1.h01{right:calc(50% - 29rem)}}@media screen and (max-width:480px){.headline h1.h01{width:25vw;right:6vw;z-index:10;top:calc(50% - 56vw)}}.headline h1.h02{width:8vw;left:calc(50% - 34vw);top:9vw;max-width:5rem;opacity:0;visibility:hidden;filter:blur(10px)}@media screen and (min-width:1200px){.headline h1.h02{left:calc(50% - 24rem)}}@media screen and (max-width:480px){.headline h1.h02{left:10vw;z-index:10;width:12vw;top:calc(50% - 33vw)}}.headline h1 img{width:100%}.headline h2{width:16.5vw;opacity:0;visibility:hidden;filter:blur(10px);max-width:9rem;z-index:10}@media screen and (max-width:480px){.headline h2{width:36.8vw;margin-top:10vw}}.headline h2 img{width:100%}.headline.fix h1.h01{animation:a-fadein 1s ease 1s forwards}.headline.fix h1.h02{animation:a-fadein 1s ease 1s forwards}.headline.fix h2{animation:a-fadein 1s ease 1s forwards}.headline.fix .top-img{animation:a-fadein 1s ease forwards}@keyframes a-fadein{to{opacity:1;visibility:visible;filter:blur(0);transform:translateY(0)}}.lead-area{position:relative;padding:8vw 0;background:#95dfcc}@media screen and (max-width:480px){.lead-area{padding:15vw 0}}.lead-area:after{top:0;content:"";display:block;width:100%;height:100%;background:url(../img/lead_icon.png) no-repeat right bottom;background-size:250px;position:absolute;right:0;mix-blend-mode:multiply;opacity:0.4}@media screen and (max-width:480px){.lead-area:after{background-size:10rem}}.lead-area:before{content:"";display:block;width:100%;height:100%;position:absolute;background:url(../img/top_bg_s.jpg) repeat;background-size:75px;mix-blend-mode:multiply;position:absolute;top:0;left:0}.lead-area .lead-wrap{position:relative;display:grid;justify-items:center;z-index:100}@media screen and (max-width:768px){.lead-area .lead-wrap{padding:2rem}}@media screen and (max-width:480px){.lead-area .lead-wrap{padding:0 1.5rem}}.lead-area .lead01{width:46%;margin-bottom:2rem;max-width:35rem;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:768px){.lead-area .lead01{width:64%}}@media screen and (max-width:480px){.lead-area .lead01{width:75%;margin-bottom:1rem}}.lead-area .lead01 img{width:100%}.lead-area .lead02{width:62%;margin-bottom:2rem;max-width:45rem;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:768px){.lead-area .lead02{width:90%}}@media screen and (max-width:480px){.lead-area .lead02{width:100%;margin-bottom:0}}.lead-area .lead02 img{width:100%}.lead-area p{color:#ffffff;font-size:24px;line-height:2;text-align:center;margin-bottom:2rem;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:480px){.lead-area p{font-size:18px;text-shadow:0 0 3px rgba(0,0,0,0.3);font-weight:700;line-height:1.8;text-align:left;margin:2rem 0}}@media screen and (max-width:480px){.lead-area p br{display:none}}.lead-area p.-inview{animation:a-fadein 1s ease forwards}.lead-area .lead03{width:23%;margin-bottom:1.5rem;max-width:18rem;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:768px){.lead-area .lead03{width:37%}}@media screen and (max-width:480px){.lead-area .lead03{width:40%;margin-bottom:1rem}}.lead-area .lead03 img{width:100%}.lead-area .lead04{width:61%;max-width:47rem;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:768px){.lead-area .lead04{width:90%}}@media screen and (max-width:480px){.lead-area .lead04{width:100%}}.lead-area .lead04 img{width:100%}.lead-area.fadein .lead01{animation:a-fadein 1.5s ease forwards}.lead-area.fadein .lead02{animation:a-fadein 1.5s ease 0.5s forwards}.lead-area.fadein p{animation:a-fadein 1.5s ease 1s forwards}.lead-area.fadein .lead03{animation:a-fadein 1.5s ease 1.5s forwards}.lead-area.fadein .lead04{animation:a-fadein 1.5s ease 2s forwards}.info{padding:8vw 0;display:grid;justify-items:center;position:relative}@media screen and (max-width:480px){.info{padding:15vw 0}}.info:before{content:"";display:block;width:100%;height:100%;position:absolute;background:url(../img/top_bg_s.jpg) repeat;background-size:75px;mix-blend-mode:multiply;position:absolute;top:0;left:0;opacity:0.5}.info h2{width:13rem;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:768px){.info h2{width:11rem}}@media screen and (max-width:480px){.info h2{width:8rem}}.info h2 img{width:100%}.info h2.-inview{animation:a-fadein 0.5s ease forwards}.info .info-list{background:#fff;width:75%;box-sizing:border-box;padding:3rem;border-radius:30px;margin-top:2rem;border:solid 2px #ababab;position:relative;opacity:0;visibility:hidden;transform:translateY(10px)}@media screen and (max-width:480px){.info .info-list{width:80%;padding:1.5rem 1.2rem;border-radius:15px}}.info .info-list ul{list-style:none;color:#434740}.info .info-list ul li{margin-bottom:3rem;border-bottom:solid 1px #ccc;padding-bottom:2rem}@media screen and (max-width:480px){.info .info-list ul li{margin-bottom:1.5rem;padding-bottom:1rem}}.info .info-list ul li h3{font-size:21px;line-height:1.2;font-weight:900}@media screen and (max-width:480px){.info .info-list ul li h3{font-size:20px;line-height:1.4}}.info .info-list ul li .detaile{margin-top:1rem}.info .info-list ul li .detaile p{line-height:1.4;margin-bottom:1rem}@media screen and (max-width:480px){.info .info-list ul li .detaile p{font-size:14px;line-height:1.6}}.info .info-list ul li .detaile p a{color:#006531;word-break:break-all}@media (hover:hover){.info .info-list ul li .detaile p a:hover{text-decoration:none}}.info .info-list ul li:last-child{border:none;margin-bottom:0}.info .info-list.-inview{animation:a-fadein 0.5s ease forwards}.comment{padding:8vw 0;position:relative;overflow:hidden;background-color:#f1f1f1}.comment:before{content:"";display:block;width:100%;height:100%;position:absolute;background:url(../img/top_bg_s.jpg) repeat;background-size:75px;mix-blend-mode:multiply;position:absolute;top:0;left:0;opacity:0.5}@media screen and (max-width:480px){.comment{padding:12vw 0}}.comment:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0}.comment h2{width:26rem;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:9rem;width:9rem;mix-blend-mode:multiply;background:url(../img/lead_icon.png) no-repeat;background-size:100%;position:absolute;right:-4rem;bottom:-3rem}@media screen and (max-width:920px){.comment h2:after{height:17vw;width:17vw;right:-7vw;bottom:-7vw}}@media screen and (max-width:480px){.comment h2:after{height:18vw;width:18vw;right:-7vw;bottom:-6vw}}.comment h2 img{width:100%}.comment .comment-inr{font-family:"Noto Serif JP",serif;max-width:1800px;margin:5rem auto 0;padding:0 3rem}@media screen and (max-width:480px){.comment .comment-inr{padding:0 1.5rem;margin-top:2rem}}.comment .comment-inr .large-comment{max-width:45em;width:80%;margin:2rem auto;padding:2rem;border-radius:19px;box-sizing:border-box;background:rgba(255,255,255,0.54);box-shadow:0 0 10px rgba(125,102,0,0.1)}@media screen and (max-width:480px){.comment .comment-inr .large-comment{width:100%;border-radius:0;padding:1.2rem}}.comment .comment-inr .large-comment p{font-size:21px;line-height:1.4;font-weight:bold;text-shadow:none;color:#000;padding:0}@media screen and (max-width:480px){.comment .comment-inr .large-comment p{font-size:16px}}.comment .comment-inr .large-comment p b{display:block;font-size:30px;color:#8b0000}@media screen and (max-width:480px){.comment .comment-inr .large-comment p b{font-size:17px}}.comment .comment-inr .large-comment p b span{display:block;text-align:left}@media screen and (max-width:480px){.comment .comment-inr .large-comment p b span{margin-bottom:0}}.comment .comment-inr .large-comment .name{font-size:18px;text-align:right;margin-top:1rem}@media screen and (max-width:480px){.comment .comment-inr .large-comment .name{font-size:12px}}.comment .comment-inr .large-comment .name span{font-size:13px}@media screen and (max-width:480px){.comment .comment-inr .large-comment .name span{font-size:12px}}.comment .comment-inr .grid{list-style:none;margin:0 auto}@media screen and (max-width:930px){.comment .comment-inr .grid{display:flex;flex-wrap:wrap;justify-content:space-around;width:85%}}@media screen and (max-width:480px){.comment .comment-inr .grid{width:95%}}.comment .comment-inr .grid .grid-item{width:450px;padding:1.5rem;border-radius:10px;box-sizing:border-box;background:rgba(255,255,255,0.54);box-shadow:0 0 10px rgba(125,102,0,0.1);margin:0 0 1.5rem}@media screen and (max-width:930px){.comment .comment-inr .grid .grid-item{width:47%}}@media screen and (max-width:480px){.comment .comment-inr .grid .grid-item{border-radius:3px;padding:1.2rem}}.comment .comment-inr .grid .grid-item .comment-box p{text-shadow:none;font-size:20px;line-height:1.6;padding:0;color:#000;font-weight:bold}@media screen and (max-width:480px){.comment .comment-inr .grid .grid-item .comment-box p{font-size:16px}}.comment .comment-inr .grid .grid-item .comment-box p b{color:#8b0000}.comment .comment-inr .grid .grid-item .comment-box .name{font-size:12px;text-align:right;margin-top:1rem}.comment .comment-inr .grid .slick-slide{margin:0 1rem}.comment .comment-inr .grid .slick-next{right:-12px}.comment .comment-inr .grid .slick-prev{left:-6px}.comment .comment-inr .grid .slick-prev:before{display:block;content:"";width:13px;height:13px;border-top:2px solid #948c8c;border-right:2px solid #948c8c;transform:rotate(-135deg)}.comment .comment-inr .grid .slick-next:before{display:block;content:"";width:13px;height:13px;border-top:2px solid #948c8c;border-right:2px solid #948c8c;transform:rotate(45deg)}.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;background:#fff}@media screen and (max-width:480px){.book-area{padding-top:7vw}}.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:8vw 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}